/* RTL-first shared navigation. 1280px is the tested header-fit breakpoint. */
.site-header{position:relative;z-index:20;background:var(--cando-background-surface);box-shadow:0 4px 4px #0000000a}
.header-desktop{display:none}
.brand{display:inline-flex;align-items:center;gap:4px;flex:none}
.brand__logo{display:block;width:152px;height:auto;object-fit:contain}
.header-mobile .brand__logo,.mobile-navigation__head .brand__logo{width:130px}
.nav-icon{width:20px;height:20px;display:block;flex-shrink:0}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;background:transparent;border:0;border-radius:6px;flex-shrink:0}
.icon-button:hover{background:var(--cando-neutral-0-2)}
.cart-link{position:relative}
.cart-link__count{position:absolute;top:2px;inset-inline-end:2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:grid;place-items:center;background:var(--cando-primary-button-default);color:var(--cando-brand-900);box-shadow:0 0 0 2px var(--cando-background-surface);font-size:var(--cando-font-size-xs);line-height:var(--cando-line-height-xs);font-weight:var(--cando-font-weight-bold)}
.cart-link__count[hidden]{display:none}
.nav-pending{display:flex;align-items:center;gap:4px;font-weight:var(--cando-font-weight-medium)}
.nav-search{display:flex;align-items:center;position:relative;border:1px solid var(--cando-neutral-50);border-radius:6px;background:var(--cando-background-surface);height:38px}
.nav-search:focus-within{outline:2px solid var(--cando-primary-400);outline-offset:2px}
.nav-search input[type=search]{border:0;outline:0;background:transparent;min-width:0;width:100%;height:100%;padding:8px 12px;font-size:12px;color:var(--cando-text-primary)}
.nav-search input::placeholder{color:var(--cando-neutral-300);opacity:1}
.nav-search button{background:transparent;border:0;display:grid;place-items:center;min-width:38px;height:36px;padding:8px}
summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:4px}
summary::-webkit-details-marker{display:none}
summary .nav-icon{transition:transform .15s ease}
details[open]>summary .nav-icon{transform:rotate(180deg)}
.header-mobile{height:80px;padding-inline:12px;display:flex;align-items:center;justify-content:space-between;position:relative;box-shadow:0 2px 4px #0000001f}
.header-mobile>.brand{position:absolute;inset-inline-start:50%;transform:translateX(50%)}
[dir=ltr] .header-mobile>.brand{transform:translateX(-50%)}
.mobile-account{display:flex;gap:2px}
.mobile-account .nav-icon{width:24px;height:24px}
.mobile-account [aria-disabled] .nav-icon{width:20px;height:20px}
/* Menu frame 40000248:18807; retain the user's 85vw drawer override. */
.mobile-navigation { background:var(--cando-background-surface); width:100%; }
.mobile-navigation__head {
  height:80px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px;
  flex-shrink:0;
  position:relative;
  z-index:1;
  background:#fff;
  box-shadow:0 2px 4px #0000001f;
}
.mobile-menu-close { width:38px; height:38px; padding:7px; }
.mobile-menu-close .nav-icon { width:24px; height:24px; }
.mobile-navigation__body {
  display:flex;
  flex-direction:column;
  gap:var(--cando-space-3);
  padding:var(--cando-space-4);
  overflow-y:auto;
  overscroll-behavior:contain;
  flex:1;
  min-height:0;
  scrollbar-width:thin;
}
.mobile-navigation__body>* { flex-shrink:0; }
.mobile-navigation__body>:is(.nav-pending,.nav-page-link),
.mobile-courses>summary {
  min-height:50px;
  padding:12px 16px;
  border-radius:8px;
  justify-content:space-between;
  gap:8px;
  font-size:var(--cando-font-size-m);
  line-height:var(--cando-line-height-m);
}
.mobile-navigation__body>:is(.nav-pending,.nav-page-link) { font-weight:var(--cando-font-weight-regular); color:var(--cando-text-secondary); }
.mobile-navigation__body>:is(.nav-pending,.nav-page-link) .nav-icon,
.mobile-courses>summary .nav-icon { width:16px; height:16px; }
.mobile-courses>summary { font-weight:var(--cando-font-weight-semibold); color:var(--cando-primary-700); background:var(--cando-primary-50); }
.mobile-courses[open]>summary { background:var(--cando-primary-0); }
.mobile-course-groups {
  max-height:none;
  overflow:visible;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--cando-primary-100) transparent;
  margin:var(--cando-space-3) var(--cando-space-3) 0;
  padding:0;
  padding-inline-start:var(--cando-space-2);
  border-inline-start:1px solid var(--cando-primary-100);
}
.mobile-course-group>summary,.mobile-course-group .topic-list a,.mobile-course-groups>.all-courses {
  min-height:44px;
  padding:var(--cando-space-3);
  border-radius:6px;
  font-size:var(--cando-font-size-s);
  line-height:var(--cando-line-height-s);
  font-weight:var(--cando-font-weight-regular);
  color:var(--cando-text-secondary);
}
.mobile-course-group,.mobile-course-groups>.all-courses { margin:0; }
.mobile-course-group>summary .nav-icon { width:16px; height:16px; }
.mobile-course-group .topic-list { margin-inline-start:var(--cando-space-3); border-inline-start:1px solid var(--cando-primary-100); padding:0; }
.all-courses { display:block; }
.topic-list { padding:0; margin:0; list-style:none; }
.topic-list a { display:block; color:var(--cando-neutral-400); font-size:12px; line-height:20px; padding-block:4px; }
.topic-list a:hover,.topic-list a:focus-visible { color:var(--cando-primary-500); text-decoration:underline; }
.mobile-navigation__account {
  display:flex;
  flex-direction:column;
  gap:var(--cando-space-3);
  padding:var(--cando-space-4);
  border-top:1px solid var(--cando-primary-0);
  flex-shrink:0;
}
.mobile-account-card { display:flex; align-items:center; gap:12px; min-width:0; }
.mobile-account-card__avatar {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex-shrink:0;
  border-radius:50%;
  background:var(--cando-primary-0);
}
.mobile-account-card__avatar .nav-icon { width:24px; height:24px; }
.mobile-account-card__details { display:flex; flex-direction:column; gap:2px; min-width:0; text-align:start; }
.mobile-account-card__details strong { font-size:var(--cando-font-size-s); line-height:var(--cando-line-height-s); font-weight:var(--cando-font-weight-bold); overflow-wrap:anywhere; }
.mobile-account-card__details>span { font-size:var(--cando-font-size-xs); line-height:var(--cando-line-height-xs); color:var(--cando-text-tertiary); overflow-wrap:anywhere; }
.mobile-account-card__email { align-self:flex-start; text-align:start; }
.mobile-navigation__account>.button {
  width:100%;
  min-height:38px;
  padding:8px 20px;
  border:0;
  font-size:var(--cando-font-size-s);
  line-height:var(--cando-line-height-s);
  font-weight:var(--cando-font-weight-bold);
  color:var(--cando-brand-800);
  box-shadow:0 2px 6px #7367f04d;
}
html.nav-enhanced .mobile-nojs{display:none}
html.nav-enhanced .mobile-navigation{position:fixed;z-index:32;inset-block:0;inset-inline-start:0;width:85vw;height:100dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 16px 32px #00000012}
.menu-backdrop{position:fixed;inset:0;z-index:31;background:#01010166;border:0;border-radius:0}
html.mobile-nav-open{overflow:hidden}
/* Before enhancement, only an explicit fallback-menu link reveals the hidden HTML. */
@media(max-width:1279px){
 html:not(.nav-enhanced) .mobile-navigation[hidden]:target{display:block!important}
}
@media(min-width:1280px){
 .header-mobile,.mobile-navigation,.menu-backdrop{display:none!important}
 /* Desktop header: 80px bar, responsive gutters and shared content cap. */
 .header-desktop {
   width:calc(100% - 2 * var(--cando-space-4));
   max-width:var(--cando-layout-max);
   margin-inline:auto;
   padding-inline:0;
   height:80px;
   display:flex;
   align-items:center;
   gap:8px;
 }
 .header-desktop>.brand { gap:0; margin-inline-end:var(--cando-space-6); }
 .primary-navigation {
   display:flex;
   align-items:center;
   gap:4px;
   white-space:nowrap;
   font-size:var(--cando-font-size-s);
   line-height:var(--cando-line-height-s);
   color:var(--cando-neutral-500);
 }
 .primary-navigation>:is(.nav-pending,.nav-page-link),
 .catalog-disclosure>summary { min-height:38px; padding:8px; border-radius:8px; opacity:.8; }
 .primary-navigation .nav-icon { width:16px; height:16px; }
 .catalog-disclosure>summary { justify-content:flex-start; font-weight:var(--cando-font-weight-medium); }
 .catalog-disclosure[open]>summary { color:var(--cando-primary-500); }
 .header-actions { margin-inline-start:auto; display:flex; align-items:center; gap:8px; white-space:nowrap; }
 .header-actions>.nav-search {
   width:207px;
   flex:none;
   border:0;
   border-radius:4px;
   background:var(--cando-neutral-0);
 }
 .header-actions .nav-search button { order:-1; min-width:28px; height:38px; padding:8px 8px 8px 0; }
 .header-actions .nav-search input[type=search] { padding:8px 4px 8px 8px; font-weight:var(--cando-font-weight-medium); }
 .header-actions .nav-search input::placeholder { color:var(--cando-text-disabled); }
 .header-actions>.icon-button { width:38px; height:38px; padding:9px; border-radius:4px; }
 .header-actions .button { height:38px; min-height:38px; font-size:var(--cando-font-size-s); line-height:var(--cando-line-height-s); }
 .header-actions .account-link { width:110px; flex:none; justify-content:flex-start; padding:8px; border:0; border-radius:4px; color:var(--cando-brand-900); }
 .account-link .nav-icon { width:20px; height:20px; }
 .account-link>span { min-width:0; overflow:hidden; text-overflow:ellipsis; }
 .header-actions .header-pathfinder { width:119px; flex:none; padding:8px 20px; border:0; box-shadow:0 2px 6px #7367f04d; }
 .header-pathfinder[aria-disabled=true]:hover { background:var(--cando-primary-button-default); }
 /* Mega-menu frame 40000391:24591. Component rules stay desktop-only. */
 .mega-menu {
   position:absolute;
   inset-block-start:80px;
   inset-inline:24px;
   max-width:var(--cando-layout-max);
   margin-inline:auto;
   display:grid;
   grid-template-columns:minmax(0,1fr) 197px;
   gap:16px;
   padding:42px 24px 24px;
   background:#fff;
   border:1px solid #f1f5f9;
   border-radius:0 0 12px 12px;
   box-shadow:0 16px 32px #0f172a12;
   white-space:normal;
   max-height:calc(100dvh - 96px);
   overflow-y:auto;
   overscroll-behavior:contain;
 }
 .mega-menu .menu-title {
   font-size:var(--cando-font-size-s);
   line-height:var(--cando-line-height-s);
   margin:0;
   font-weight:var(--cando-font-weight-bold);
 }
 .course-groups { display:flex; flex-direction:column; gap:24px; min-width:0; }
 .course-groups__row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:repeat(5,auto); column-gap:24px; row-gap:2px; }
 .course-group { min-width:0; display:grid; grid-row:span 5; grid-template-rows:subgrid; }
 .course-group .menu-title { padding-block:8px; color:var(--cando-primary-500); font-size:16px; line-height:24px; font-weight:var(--cando-font-weight-semibold); }
 .course-group__all { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; padding-inline:var(--cando-space-2); border-radius:6px; }
 .course-group__label { display:flex; align-items:center; gap:var(--cando-space-2); }
 .course-group__label .cando-icon { width:18px; height:18px; color:var(--cando-primary-400); }
 .course-group__all:hover,.course-group__all:focus-visible { color:var(--cando-primary-400); }
 .course-group__all:hover>.nav-icon,.course-group__all:focus-visible>.nav-icon { transform:translateX(-3px); }
 .course-group__all .nav-icon { width:16px; height:16px; margin-block-start:4px; flex-shrink:0; }
 .course-group .topic-list { display:contents; }
 .course-group .topic-list a {
   padding-block:8px;
   padding-inline:var(--cando-space-2);
   border-radius:6px;
   font-size:13px;
   line-height:22px;
   font-weight:var(--cando-font-weight-regular);
   color:var(--cando-text-tertiary);
   overflow-wrap:break-word;
 }
 .course-group .topic-list a:hover,.course-group .topic-list a:focus-visible { color:var(--cando-primary-500); }
 .featured-topics { border-inline-end:1px solid var(--cando-neutral-50); padding-inline-end:16px; }
 .featured-topics>.menu-title { color:#f59e0b; font-size:var(--cando-font-size-m); line-height:var(--cando-line-height-m); margin-bottom:16px; }
 .featured-topics__cards { display:flex; flex-direction:column; gap:8px; }
 .featured-topic {
   display:flex;
   align-items:center;
   gap:4px;
   min-height:76px;
   padding:12px;
   border:1px solid var(--cando-neutral-0);
   border-radius:8px;
   background:#fff;
   box-shadow:0 4px 3px #0f172a05;
 }
 .featured-topic__icon { width:36px; height:36px; display:grid; place-items:center; flex-shrink:0; background:#fafbfd; border-radius:10px; }
 .featured-topic__icon .nav-icon { width:20px; height:20px; }
 .featured-topic__content { display:flex; flex-direction:column; gap:4px; min-width:0; }
 .featured-topic__content>strong { font-size:16px; line-height:24px; font-weight:var(--cando-font-weight-bold); }
 .featured-topic__meta { display:flex; align-items:center; gap:4px; flex-wrap:wrap; font-size:var(--cando-font-size-xs); line-height:var(--cando-line-height-xs); color:var(--cando-text-disabled); }
 .featured-topic__badge { padding:4px 12px; border-radius:4px; font-weight:var(--cando-font-weight-medium); }
 .featured-topic__badge--brand { background:var(--cando-brand-50); color:var(--cando-brand-800); }
 .featured-topic__badge--success { background:var(--cando-success-50); color:var(--cando-success-500); }
 .featured-topic__badge--info { background:var(--cando-info-50); color:var(--cando-info-500); }
 .featured-topic:hover { border-color:var(--cando-primary-100); }
 .catalog-callout { display:flex; flex-direction:column; gap:24px; align-self:start; min-width:0; }
 .catalog-callout__finder {
   display:flex;
   flex-direction:column;
   gap:16px;
   position:relative;
   overflow:hidden;
   padding:20px;
   border:1px solid #ffffff14;
   border-radius:20px;
   background:linear-gradient(103.834deg,#090d1a 16.667%,#1e293b 83.333%);
   box-shadow:0 8px 16px #006cff1a;
 }
 .catalog-callout__glow { position:absolute; top:-31px; right:-31px; width:100px; height:100px; pointer-events:none; }
 .catalog-callout__copy,.catalog-callout__finder>.button { position:relative; }
 .catalog-callout__copy .menu-title { color:#fff; margin-bottom:8px; }
 .catalog-callout__copy p { margin:0; font-size:var(--cando-font-size-xs); line-height:var(--cando-line-height-xs); font-weight:var(--cando-font-weight-medium); color:#94a3b8; }
 .catalog-callout__finder>.button { width:100%; border:0; padding:8px 12px; font-size:var(--cando-font-size-s); line-height:var(--cando-line-height-s); box-shadow:0 2px 6px #7367f04d; }
 .catalog-callout__all {
   display:flex;
   justify-content:center;
   align-items:center;
   width:100%;
   border:1.5px solid #f1f5f9;
   border-radius:8px;
   padding:12px 16px;
   font-size:var(--cando-font-size-xs);
   line-height:var(--cando-line-height-xs);
   font-weight:var(--cando-font-weight-medium);
   color:#1e293b;
 }
 .catalog-callout__all:hover { border-color:var(--cando-primary-100); }
}
@media(prefers-reduced-motion:reduce){summary .nav-icon{transition:none}}

@media(min-width:1280px){
 .roadmap-menu{display:block;max-width:1000px}
 .roadmap-menu .featured-topics{border:0;padding:0}
 .roadmap-menu .featured-topics__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
}

@media(min-width:1280px){
 .mega-menu a:hover,.mega-menu a:focus-visible{text-decoration:none}
 .featured-topic:hover{background:var(--cando-primary-0)}
}
@media(prefers-reduced-motion:reduce){.course-group__all>.nav-icon{transition:none}.course-group__all:hover>.nav-icon,.course-group__all:focus-visible>.nav-icon{transform:none}}

/* Published information pages share the existing navigation dimensions. */
.nav-page-link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.nav-page-link:hover,.nav-page-link:focus-visible{background:var(--cando-primary-50);color:var(--cando-primary-500)}

/* Signed-in account panel shares the native desktop disclosure interactions. */
.account-disclosure{position:relative}
.account-disclosure>summary{cursor:pointer;list-style:none}
.account-disclosure>summary::-webkit-details-marker{display:none}
.header-actions .account-disclosure>.account-link{width:auto;gap:var(--cando-space-2);padding-inline:var(--cando-space-3);border:0;border-radius:var(--cando-space-2);background:transparent;color:var(--cando-text-secondary)}
.header-actions .account-disclosure>.account-link:hover,.header-actions .account-disclosure[open]>.account-link{background:transparent;color:var(--cando-text-secondary)}
.header-actions .account-disclosure>.account-link .account-link__chevron{width:14px;height:14px}
.account-disclosure>summary .nav-icon,.account-disclosure[open]>summary .nav-icon{transform:none;transition:none}
.header-account-panel{position:absolute;inset-block-start:100%;inset-inline-end:0;width:280px;max-height:calc(100dvh - 80px);overflow-y:auto;padding:var(--cando-space-3);border:1px solid var(--cando-primary-100);border-radius:12px;background:var(--cando-background-surface);box-shadow:0 8px 24px color-mix(in srgb,var(--cando-primary-900) 12%,transparent);white-space:normal}
.header-account-panel__identity{display:flex;align-items:center;gap:var(--cando-space-3);padding:var(--cando-space-3);margin-block-end:var(--cando-space-2);background:var(--cando-primary-50);border-radius:8px;color:var(--cando-primary-500)}
.header-account-panel__identity>.cando-icon{width:28px;height:28px}
.header-account-panel__identity div{display:grid;gap:var(--cando-space-1);min-width:0}
.header-account-panel__identity strong{font-size:var(--cando-font-size-s);font-weight:var(--cando-font-weight-semibold);overflow-wrap:anywhere}
.header-account-panel__identity div>span{font-size:var(--cando-font-size-xs);color:var(--cando-text-secondary)}
.header-account-panel__link{display:flex;align-items:center;gap:var(--cando-space-3);min-height:44px;padding:var(--cando-space-3);border-radius:6px;font-size:var(--cando-font-size-s);transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing),color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.header-account-panel__link>.cando-icon:last-child{margin-inline-start:auto;width:16px;height:16px;transition:transform var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.header-account-panel__link:hover,.header-account-panel__link:focus-visible{background:var(--cando-primary-50);color:var(--cando-primary-500)}
.header-account-panel__link:hover>.cando-icon:last-child{transform:translateX(-2px)}
.header-account-panel__logout{border-top:1px solid var(--cando-border-subtle);border-radius:0;margin-block-start:var(--cando-space-2)}
.header-account-panel__portal{background:var(--cando-brand-500);color:var(--cando-text-primary);font-weight:var(--cando-font-weight-semibold);margin-block-end:var(--cando-space-2)}
.header-account-panel__portal:hover,.header-account-panel__portal:focus-visible{background:var(--cando-brand-400);color:var(--cando-text-primary)}
@media(prefers-reduced-motion:reduce){.header-account-panel__link:hover>.cando-icon:last-child{transform:none}}
/* Resources & events dropdown: same panel as the student-guide menu, narrow single column; styled here because guides.css loads only with guide pages. */
.resource-menu{position:absolute;inset-inline-start:0;top:100%;width:min(280px,calc(100vw - 48px));padding:var(--cando-space-4);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)}
.resource-menu .resource-list{display:grid;gap:var(--cando-space-2)}
#desktop-resources{position:relative}

/* Resources and student guidance use the same link, icon and hover rhythm. */
.resource-menu .resource-list a,.mobile-resources .resource-list a{display:flex;align-items:center;gap:var(--cando-space-3);min-height:44px;padding:var(--cando-space-3);border-radius:6px;font-size:var(--cando-font-size-s);line-height:var(--cando-line-height-s);color:var(--cando-text-secondary);transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing),color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.resource-menu .resource-list a:hover,.resource-menu .resource-list a:focus-visible,.mobile-resources .resource-list a:hover,.mobile-resources .resource-list a:focus-visible{background:var(--cando-primary-50);color:var(--cando-primary-500);text-decoration:none}
.resource-list .cando-icon,.mobile-menu-label>.cando-icon{width:18px;height:18px;flex:none;color:var(--cando-primary-400)}
.mobile-menu-label{display:flex;align-items:center;gap:var(--cando-space-3)}
.mobile-guides .guide-topics,.mobile-resources .resource-list{margin:var(--cando-space-3) var(--cando-space-3) 0;padding:0 0 0 0;padding-inline-start:var(--cando-space-2);border-inline-start:1px solid var(--cando-primary-100)}
.mobile-course-group .topic-list a:hover,.mobile-course-groups>.all-courses:hover,.mobile-course-group>summary:hover{background:var(--cando-primary-50);color:var(--cando-primary-500);text-decoration:none}
.mobile-navigation__account>.logout-link{display:flex;align-items:center;justify-content:center;gap:var(--cando-space-2);min-height:44px;padding:var(--cando-space-2);border:1px solid var(--cando-border-disabled);border-radius:6px;background:transparent;box-shadow:none;color:var(--cando-text-tertiary);font-size:var(--cando-font-size-s);font-weight:var(--cando-font-weight-regular);transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.mobile-navigation__account>.logout-link:hover,.mobile-navigation__account>.logout-link:focus-visible{background:var(--cando-primary-50);color:var(--cando-primary-500)}
.mobile-navigation__account>.logout-link .cando-icon{width:18px;height:18px}
@media(prefers-reduced-motion:reduce){.resource-list a,.mobile-navigation__account>.logout-link{transition:none}}

.mobile-guides .mobile-guide-group{padding:0}
.mobile-guide-group>summary{min-height:44px;padding:var(--cando-space-3);border-radius:6px;font-size:var(--cando-font-size-s);line-height:var(--cando-line-height-s);color:var(--cando-text-secondary);font-weight:var(--cando-font-weight-regular)}
.mobile-guide-group>summary .nav-icon{width:16px;height:16px}
.mobile-guide-group>summary:hover{background:var(--cando-primary-50);color:var(--cando-primary-500)}
.mobile-guides .mobile-guide-group>a{margin-inline-start:var(--cando-space-3)}
/* Mobile header account menu: same panel as desktop, compact. */
.account-disclosure--mobile{position:relative}
.account-disclosure--mobile>summary{list-style:none;cursor:pointer}
.account-disclosure--mobile>summary::-webkit-details-marker{display:none}
.account-disclosure--mobile>summary>span:not(.cando-icon),.account-disclosure--mobile>summary>.nav-icon{display:none}
.header-account-panel--mobile{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;z-index:60;width:min(248px,calc(100vw - 24px));max-height:calc(100dvh - 96px);padding:var(--cando-space-2)}
.header-account-panel--mobile .header-account-panel__identity{padding:var(--cando-space-2);gap:var(--cando-space-2)}
.header-account-panel--mobile .header-account-panel__identity>.cando-icon{width:22px;height:22px}
.header-account-panel--mobile .header-account-panel__identity strong{font-size:var(--cando-font-size-xs)}
.header-account-panel--mobile .header-account-panel__identity div>span{font-size:11px}
.header-account-panel--mobile .header-account-panel__link{min-height:40px;padding:var(--cando-space-2);gap:var(--cando-space-2);font-size:var(--cando-font-size-xs)}
.header-account-panel--mobile .header-account-panel__link>.cando-icon{width:16px;height:16px}
/* Plain header links (e.g. «تقویم آموزشی») look exactly like the dropdown labels next to them. */
@media(min-width:1280px){.primary-navigation>.nav-page-link{font-weight:var(--cando-font-weight-medium);color:inherit;background:none}.primary-navigation>.nav-page-link:hover,.primary-navigation>.nav-page-link:focus-visible{background:none;color:var(--cando-primary-500)}}
/* Header icons: one icon set (Lucide), one size, one colour. */
.site-header :is(.icon-button,.account-link)>.cando-icon{width:22px;height:22px;color:var(--cando-text-primary);flex:none}
.site-header .account-disclosure--mobile>summary>.cando-icon{width:22px;height:22px}