/* Shared guide navigation appears in the header and in the reading layout. */
.guide-topics{font-size:var(--cando-body-m-size)}
.guide-topics a{display:flex;align-items:center;gap:var(--cando-space-3);min-height:44px;padding:var(--cando-space-3);border-radius:6px;color:var(--cando-text-secondary);transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.guide-topics a:hover,.guide-topics a:focus-visible{background:var(--cando-primary-50);color:var(--cando-primary-500)}
.guide-topics a[aria-current]{background:var(--cando-primary-100);color:var(--cando-primary-500);font-weight:var(--cando-font-weight-bold)}
.guide-topics .cando-icon{width:18px;height:18px;flex-shrink:0;color:var(--cando-primary-400)}
.guide-topics__group{padding-block-start:var(--cando-space-4)}
.guide-topics__group .guide-topics__title{margin:0;padding:var(--cando-space-2) var(--cando-space-3);color:var(--cando-text-tertiary);font-size:var(--cando-body-s-size);font-weight:var(--cando-font-weight-medium)}
.guide-menu{position:absolute;inset-inline-start:0;top:100%;width:min(760px,calc(100vw - 48px));padding:var(--cando-space-5);background:var(--cando-background-surface);border:1px solid var(--cando-border-disabled);border-radius:12px;box-shadow:0 12px 32px color-mix(in srgb,var(--cando-primary-500) 12%,transparent);max-height:calc(100dvh - 110px);overflow-y:auto}
.guide-disclosure{position:relative}
.guide-menu .guide-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cando-space-4)}
.guide-menu .guide-topics__home{grid-column:1/-1;border-block-end:1px solid var(--cando-border-disabled);border-radius:0}
.guide-menu .guide-topics__group{padding-block-start:0}
.mobile-guides .guide-topics{padding:var(--cando-space-3)}
.guide-page .blog-breadcrumb{flex-wrap:wrap}
.guide-header{display:flex;align-items:start;gap:var(--cando-space-5);padding:var(--cando-space-6);border:1px solid var(--cando-primary-100);border-radius:12px;background:linear-gradient(110deg,var(--cando-background-surface),var(--cando-primary-50))}
.guide-header>div{min-width:0}
.guide-header h1{font-size:var(--cando-heading-lg-size);line-height:var(--cando-heading-lg-lh);font-weight:var(--cando-font-weight-extrabold);color:var(--cando-primary-500);overflow-wrap:anywhere}
.guide-header p{color:var(--cando-text-tertiary);font-size:var(--cando-body-lg-size);line-height:var(--cando-body-lg-lh);padding-block-start:var(--cando-space-3)}
.guide-header__icon,.guide-card__icon{display:grid;place-items:center;flex-shrink:0;border-radius:12px;color:var(--cando-primary-500)}
.guide-header__icon{width:56px;height:56px;background:var(--cando-brand-50)}
.guide-header__icon>.cando-icon{width:28px;height:28px}
.guide-layout{display:grid;gap:var(--cando-space-6);align-items:start;margin-block-start:var(--cando-space-8)}
.guide-sidebar,.guide-reading{min-width:0}
.guide-navigation,.guide-contents,.guide-source{border:1px solid var(--cando-border-disabled);border-radius:12px;overflow:hidden}
.guide-navigation,.guide-source{background:var(--cando-background-surface)}
.guide-navigation>summary,.guide-contents>summary,.guide-source>summary{display:flex;justify-content:space-between;align-items:center;gap:var(--cando-space-4);list-style:none;cursor:pointer;padding:var(--cando-space-4);font-weight:var(--cando-font-weight-bold);color:var(--cando-primary-500);min-height:48px}
.guide-page summary::-webkit-details-marker{display:none}
.guide-page details[open]>summary>.cando-icon{transform:rotate(180deg)}
.guide-navigation .guide-topics{padding:0 var(--cando-space-3) var(--cando-space-4)}
.guide-contents{margin-block-end:var(--cando-space-6);background:var(--cando-primary-50)}
.guide-contents ul{margin:0;padding:0 var(--cando-space-5) var(--cando-space-4);list-style:none;display:grid;gap:var(--cando-space-2)}
.guide-contents a{display:block;padding:var(--cando-space-2);border-radius:4px;line-height:var(--cando-body-m-lh);color:var(--cando-primary-500)}
.guide-contents a:hover{background:var(--cando-primary-100)}
.guide-prose{padding:var(--cando-space-6);border:1px solid var(--cando-border-disabled);border-radius:12px}
.guide-prose .wp-block-spacer{display:none}
.guide-prose .wp-block-spacer[id]{display:block;scroll-margin-block-start:var(--cando-space-8)}
.guide-prose .guide-video-link{display:flex;align-items:center;justify-content:center;gap:var(--cando-space-3);min-height:64px;margin-block:var(--cando-space-5);padding:var(--cando-space-5);border:1px solid var(--cando-primary-100);border-radius:12px;background:var(--cando-primary-50);color:var(--cando-primary-500);text-decoration:none;font-weight:var(--cando-font-weight-semibold);transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.guide-video-link .cando-icon{--cando-icon-url:url('../images/lucide/circle-play.svg');width:24px;height:24px;flex-shrink:0}
.guide-prose .guide-video-link:hover,.guide-prose .guide-video-link:focus-visible{background:var(--cando-primary-100)}
.guide-prose .guide-file-path{padding:var(--cando-space-4);border-inline-start:3px solid var(--cando-primary-300);border-radius:6px;background:var(--cando-primary-50);text-align:left;overflow-wrap:anywhere}
.guide-empty{color:var(--cando-text-tertiary)}
/* Practical guides retain source wording and use the same reading/card tokens. */
.guide-residence,.guide-payment-method{margin-block:var(--cando-space-5);padding:var(--cando-space-5);border:1px solid var(--cando-border-disabled);border-radius:12px;background:var(--cando-background-surface)}
.guide-prose :is(.guide-residence,.guide-payment-method)>h2:first-child{margin-block-start:0;font-size:var(--cando-heading-s-size);line-height:var(--cando-heading-s-lh)}
.guide-prose :is(.guide-residence,.guide-payment-method)>:last-child{margin-block-end:0}
.guide-residence li::marker{color:var(--cando-primary-300)}
.guide-prose .guide-practical-note{padding:var(--cando-space-4);border-inline-start:3px solid var(--cando-primary-300);border-radius:6px;background:var(--cando-primary-50);font-size:var(--cando-body-m-size)}
.guide-payment-reference{color:var(--cando-text-secondary)}
.guide-prose .guide-document-link{display:flex;align-items:center;gap:var(--cando-space-3);min-height:56px;padding:var(--cando-space-4);border:1px solid var(--cando-primary-100);border-radius:8px;background:var(--cando-primary-50);color:var(--cando-primary-500);text-decoration:none;transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.guide-prose .guide-document-link:hover,.guide-prose .guide-document-link:focus-visible{background:var(--cando-primary-100)}
.guide-document-link .cando-icon{--cando-icon-url:url('../images/lucide/file-down.svg');width:24px;height:24px;flex-shrink:0}
.guide-document-format{margin-inline-start:auto;font-size:var(--cando-body-s-size);font-weight:var(--cando-font-weight-semibold)}
.guide-prose .guide-upload-steps{padding-inline-start:var(--cando-space-6)}
.guide-upload-steps>li{padding:var(--cando-space-3);border-block-end:1px solid var(--cando-border-disabled)}
.guide-upload-steps>li::marker{color:var(--cando-primary-500);font-weight:var(--cando-font-weight-bold)}
@media(max-width:767px){.guide-residence,.guide-payment-method{padding:var(--cando-space-4) var(--cando-space-3)}}
.guide-prose--faq table,.guide-prose--faq tbody,.guide-prose--faq tr,.guide-prose--faq td{display:block;width:100%;min-width:0;border:0;padding:0}
.guide-prose--faq table{overflow:visible}
.guide-prose--faq tr+tr{margin-block-start:var(--cando-space-3)}
.guide-prose--faq td>a{display:block;padding:var(--cando-space-4);border:1px solid var(--cando-primary-100);border-radius:8px;text-decoration:none;transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.guide-prose--faq td>a:hover{background:var(--cando-primary-50)}
.guide-prose--faq td>br{display:none}
.guide-hub{display:grid;gap:var(--cando-space-10);margin-block-start:var(--cando-space-8)}
.guide-hub__group>h2{font-size:var(--cando-heading-s-size);line-height:var(--cando-heading-s-lh);color:var(--cando-primary-500);padding-block-end:var(--cando-space-5)}
.guide-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--cando-space-5)}
.guide-card{display:flex;flex-direction:column;align-items:start;gap:var(--cando-space-3);padding:var(--cando-space-5);border:1px solid var(--cando-border-disabled);border-radius:12px;transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing),border-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.guide-card:hover{background:var(--cando-primary-50);border-color:var(--cando-primary-200)}
.guide-card h3{font-size:var(--cando-body-xl-size);line-height:var(--cando-body-xl-lh);font-weight:var(--cando-font-weight-bold);color:var(--cando-primary-500)}
.guide-card p{font-size:var(--cando-body-m-size);line-height:var(--cando-body-m-lh);color:var(--cando-text-tertiary)}
.guide-card__icon{width:44px;height:44px;background:var(--cando-primary-50)}
.guide-card__icon>.cando-icon{width:24px;height:24px}
.guide-card__action{display:flex;align-items:center;justify-content:space-between;width:100%;margin-block-start:auto;padding-block-start:var(--cando-space-3);color:var(--cando-primary-500);font-size:var(--cando-body-s-size)}
.guide-card__action>.cando-icon{width:18px;height:18px}
.guide-source{margin-block-start:var(--cando-space-8)}
.guide-source>.article-prose{padding:var(--cando-space-5)}
@media(min-width:768px){.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.guide-header{padding:var(--cando-space-8)}.guide-layout{grid-template-columns:260px minmax(0,1fr);gap:var(--cando-space-8)}.guide-prose{padding:var(--cando-space-8)}.guide-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-contents ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.guide-header{padding:var(--cando-space-5) var(--cando-space-4);gap:var(--cando-space-3)}.guide-header h1{font-size:var(--cando-heading-m-size);line-height:var(--cando-heading-m-lh)}.guide-header__icon{width:40px;height:40px}.guide-header__icon>.cando-icon{width:22px;height:22px}.guide-prose{padding:var(--cando-space-5) var(--cando-space-4)}}
/* Five columns (guides, plus «آشنایی با کندو» and «آموزش سازمانی» from the old header) on wide screens. */
@media(min-width:1280px){#desktop-guide-menu{width:min(1100px,calc(100vw - 48px))}#desktop-guide-menu .guide-topics{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* «منابع و رویدادها» is a short single list: a compact panel, not the guides' wide grid. */
#desktop-resource-menu{width:260px;padding:var(--cando-space-3)}
#desktop-resource-menu .guide-topics,#desktop-resource-menu .resource-list{display:block}
