/* Atqin's live application components, styled with the approved Core design. */
:root {
  --muted:#5c695f;--primary:var(--clay-dark);--primary-hover:#913a24;--line:var(--border);
  --canvas:var(--paper);--outer:var(--cream);--surface:var(--paper);
  --soft:var(--surface-muted);--tint:var(--sage-soft);--radius:var(--radius-md);
  --shadow:var(--shadow-sm);--focus:var(--clay);color-scheme:light;
}
:root[data-theme=dark] {
  --ink:#edf2eb;--ink-soft:#c7d1c8;--muted:#afbbb1;
  --paper:#1d2922;--paper-deep:#19241d;--surface-muted:#29372e;
  --cream:#142019;--cream-deep:#253329;--sage:#b0c7af;
  --sage-dark:#ceddc9;--sage-darker:#14251b;--sage-soft:#2f4132;--sage-pale:#25362a;
  --clay:#f0aa8c;--clay-dark:#f0aa8c;--clay-soft:#483228;
  --border:#3c4a3f;--border-strong:#5a6d5d;--gold:#e7b356;
  --primary:#edb197;--primary-hover:#ffc7ad;--line:var(--border);
  --canvas:var(--paper);--outer:var(--cream);--surface:var(--paper);
  --soft:var(--surface-muted);--tint:var(--sage-soft);--focus:var(--gold);color-scheme:dark;
}
html[dir] body {font-family:var(--font-ar);font-size:14px;line-height:1.85;font-weight:400;color:var(--ink)}
html[lang=en] body {font-family:var(--font-latin);font-size:15px}
body button,body input,body select,body textarea,body label,body p,body summary,
body strong,body b,body .button,body .nav-toggle,body .level-label,body .status {font-weight:400}
body input,body textarea,body select {font-family:inherit;font-weight:400!important}
body input::placeholder,body textarea::placeholder {font-weight:400;color:var(--muted);opacity:1}
body h1,body h2,body h3,body h4,body h5,body h6,body .brand-copy strong {font-weight:700}
body h2 {font-size:1.4rem}
body h3 {font-size:1.06rem}
body h1 strong,body h2 strong,body h3 strong {font-weight:inherit}
body .english {font-family:var(--font-latin)}
[hidden] {display:none!important}
.skip-link {z-index:3000}
a:hover {color:var(--clay-dark)}
.wrap {width:calc(100% - 48px);max-width:1180px;margin-inline:auto}
.page-public .site-canvas {width:min(calc(100% - 48px),1440px);margin-inline:auto;background:var(--paper);min-height:100vh;box-shadow:var(--shadow-lg)}
.page-public .topbar,.page-public .site-header,.page-public .main-surface,.page-public .site-footer {max-width:none;width:100%;margin:0}
.top-note {min-height:36px;background:#34493a;color:#fffdf9}
.top-note__inner {display:flex;align-items:center;justify-content:center;gap:16px;min-height:36px;font-size:.68rem}
.top-note__inner a {display:inline-flex;gap:8px;align-items:center;color:inherit}
.top-note__inner svg {width:15px;height:15px}
/* The utility strip owns its dropdown stacking context above the sticky header. */
.header-utility {position:relative;z-index:1200;overflow:visible;background:var(--paper);border-bottom:1px solid var(--border);color:var(--muted)}
.top-inner {min-height:45px;gap:12px}
.utility-links {gap:20px;font-size:.68rem}
.utility-actions {gap:10px}
.language-nav {min-height:36px}
.language-nav .nav-toggle {min-height:36px;gap:8px;font-size:.73rem;padding:4px 7px;color:var(--ink)}
.language-flag {width:25px;height:18px;object-fit:cover;border:1px solid var(--border);border-radius:3px}
.language-nav .nav-dropdown {min-width:180px;inset-inline-start:auto;inset-inline-end:0}
.language-nav .language-option {display:flex;align-items:center;gap:10px;padding:11px 12px;min-height:44px;color:var(--ink);font-size:.78rem;font-weight:400}
.language-option .language-flag {flex:0 0 25px}
.language-option span {text-align:start}
.header-language {display:none}
.site-header {background:var(--paper);border-bottom:1px solid var(--border);z-index:1000;box-shadow:var(--shadow-sm)}
.header-inner {min-height:84px;gap:20px}
.brand {gap:10px;color:var(--ink)}
.brand-mark {width:43px;height:43px;border-radius:13px;background:var(--sage-soft);color:var(--sage-dark);border:1px solid var(--border)}
.brand-mark .icon {width:27px;height:27px;stroke-width:1.6}
.brand-copy {gap:4px}
.brand-copy strong {font-size:1.1rem}
.brand-copy small {font-size:.58rem;color:var(--muted);line-height:1.5}
.desktop-nav {gap:3px;flex:1;justify-content:center;min-width:0}
.desktop-nav .nav-item {font-size:.72rem;min-height:44px}
.desktop-nav .nav-item>a,.desktop-nav .nav-toggle {padding:8px 8px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px}
.nav-label {display:inline-flex;align-items:center;gap:7px;min-width:0}
.desktop-nav .nav-label>.icon {width:17px;height:17px;stroke-width:1.6}
.nav-toggle[aria-expanded=true] .nav-label .icon {transform:none}
.nav-dropdown:not([id$="language"]):not(#mobile-language-menu) a,
.drawer-children a {display:flex;align-items:center;gap:10px}
.nav-dropdown a>.icon,.drawer-children a>.icon {width:18px;height:18px;flex:none;color:var(--sage-dark)}
.drawer .nav-label {flex:1;text-align:start}
.drawer .nav-label>.icon {width:19px;height:19px;color:var(--sage-dark)}

.nav-item.current>a,.nav-item.current>.nav-toggle {color:var(--clay-dark)}
.nav-item.current:after {background:var(--clay);height:2px;bottom:-20px;width:26px}
.nav-dropdown {z-index:1200;background:var(--paper);border-color:var(--border);box-shadow:var(--shadow-md);border-radius:13px;max-width:calc(100vw - 32px)}
.nav-dropdown a {font-weight:400;white-space:normal}
.nav-dropdown a:hover,.nav-dropdown a[aria-current] {background:var(--sage-soft);color:var(--sage-dark)}
.header-actions {gap:9px}
.button {background:var(--clay-dark);border-color:var(--clay-dark);color:#fffdf9;border-radius:var(--radius-xs);font-weight:400;box-shadow:none;min-height:46px}
.button:hover {background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}
.button.outline {color:var(--sage-dark);border-color:var(--border-strong);background:transparent}
.button.outline:hover {background:var(--sage-soft);color:var(--sage-dark);border-color:var(--sage)}
.button.subtle {background:var(--sage-soft);color:var(--sage-dark);border-color:var(--sage-soft)}
.button.light-outline {background:transparent;border-color:#ffffff80;color:#fff}
.icon-button {border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--ink);min-width:40px;min-height:40px}
.icon-button:hover {background:var(--sage-soft);color:var(--sage-dark)}
.theme-toggle {color:var(--sage-dark)!important}
.account-link {font-size:.7rem;padding:10px 13px!important}
.site-header .account-link>.icon {display:block;flex:none}
.page-public .main-content {padding:0 0 60px;width:100%;max-width:none;min-height:55vh}
.page-public .main-content>* {max-width:1180px;width:calc(100% - 48px);margin-inline:auto}
.page-public .main-content>.notice {margin-block:24px}
.page-public .main-content>.page-heading {max-width:none;width:100%;margin:0 0 34px;padding:28px max(24px,calc((100% - 1180px)/2)) 32px;min-height:224px;border:0;border-radius:0;background:linear-gradient(115deg,#26372c,#536b58);color:#fffdf9;box-shadow:none;display:flex;flex-direction:column;justify-content:center;gap:18px;text-align:center}
.page-heading .breadcrumbs {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;font-size:.68rem;gap:9px;color:#d1ddce;margin:0}
.page-heading .breadcrumbs a,.page-heading .breadcrumbs [aria-current] {color:inherit}
.page-heading .breadcrumbs a:hover {color:#fff}
.page-heading .breadcrumb-divider {color:inherit;opacity:.6}
.page-heading .page-title-row {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}
.page-heading .page-title-copy {min-width:0;width:100%;border:0;padding:0}
.page-heading .page-title-copy h1 {font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.6;margin:0 0 8px;color:inherit;letter-spacing:0}
.page-heading .page-title-copy p {max-width:790px;margin:0 auto;line-height:1.9;color:#e0e8de;font-size:.84rem}
.page-heading.has-hero-image {position:relative;isolation:isolate;overflow:hidden;background:#26372c}
.page-heading.has-hero-image>.page-heading-image {position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.page-heading.has-hero-image:before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,rgba(23,43,30,.74),rgba(23,43,30,.86) 50%,rgba(23,43,30,.74))}
.page-heading.has-hero-image .page-title-copy p {color:#f4f6f0}
.page-heading .page-actions {display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.page-public .page-heading .button.outline {border-color:#ffffff6b;color:#fff;background:transparent}
.page-public .page-heading .button.outline:hover {background:#ffffff15}
.page-public .page-heading .content-meta,.page-public .page-heading>.muted {color:#d1ddce}
/* White text on the hero; form controls and tabs keep their own readable surfaces. */
.page-public .page-heading .page-controls {color:#fffdf9;border-top-color:#ffffff4d;text-align:start}
.page-public .page-heading .page-controls .filters {color:inherit}
.page-public .page-heading .page-controls .filters label,
.page-public .page-heading .control-label {color:#fffdf9;font-size:.82rem;font-weight:400}
.page-public .page-heading .page-controls .control-row {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.page-public .page-heading .page-controls .filter-tabs {display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;width:100%;max-width:none;margin:0;padding:0;background:none;border-radius:0}
.page-public .page-heading .page-controls .filter-tabs a {display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;min-width:120px;max-width:100%;min-height:46px;padding:10px 20px;border-radius:10px;font-size:.8rem;line-height:1.8;color:#fffdf9;background:#a9472c;border:1px solid #a9472c;font-weight:400}
.page-public .page-heading .page-controls .level-tabs a,
.page-public .page-heading .page-controls .exam-level-tabs a {flex-direction:column;gap:3px;min-width:120px;padding:10px 16px}
.page-public .page-heading .page-controls .filter-tabs a:hover {color:#fff;background:#913a24;border-color:#913a24}
.page-public .page-heading .page-controls .filter-tabs a.selected,
.page-public .page-heading .page-controls .filter-tabs a[aria-current] {color:#fffdf9;background:#a9472c;border-color:#a9472c;outline:2px solid #f2cc99;outline-offset:3px}
.page-public .page-heading .page-controls .alphabet a {color:#fffdf9;background:#a9472c;border-color:#a9472c;border-radius:8px}
.page-public .page-heading .page-controls .alphabet a:hover {background:#913a24;color:#fff}
.page-public .page-heading .page-controls .alphabet a[aria-current] {outline:2px solid #f2cc99;outline-offset:2px}
.filters .reset-link {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 16px;border:1px solid var(--border-strong);border-radius:10px;color:var(--sage-dark);background:transparent;line-height:1.8}
.filters .reset-link:hover {color:var(--sage-dark);background:var(--sage-soft)}
.page-public .page-heading .page-controls .reset-link {color:#fffdf9;border-color:#ffffff80;background:transparent;padding-inline:16px;font-size:.8rem}
.page-public .page-heading .page-controls .reset-link:hover {background:#ffffff18;color:#fff}
.page-public .page-heading .page-controls :is(label,.control-label,.reset-link) {text-shadow:none}

.page-public .main-content>.home-slider {width:calc(100% - 48px);max-width:1180px;margin-top:22px;border-radius:2px;background:#34493a}
.hero-slide {min-height:330px;padding:32px 75px 55px}
.hero-slide .slide-background {opacity:1;filter:none;mix-blend-mode:normal}
.hero-slide:after {background:linear-gradient(100deg,rgba(23,43,30,.74),rgba(23,43,30,.86) 50%,rgba(23,43,30,.74))}
.slide-copy {max-width:950px}
.slide-title {font-size:clamp(2rem,3.4vw,3rem);line-height:1.55;letter-spacing:0;color:#fffdf9;margin-bottom:16px}
.slide-copy p {max-width:780px;font-size:.92rem;color:#ebf0e8;line-height:2}
.slide-badge {background:#ffffff10;border-color:#ffffff33;border-radius:7px;font-size:.7rem;padding:5px 14px}
.slide-button {border-radius:10px;background:#c9613e;color:#fff;box-shadow:none;font-size:.78rem;min-height:48px;padding:10px 25px}
.slide-button:hover {background:#a9472c;color:#fff}
.slider-arrow {width:42px;height:42px;border-radius:50%;background:#ffffff10}
.slider-controls {bottom:20px}
.slider-dots [aria-current] span {background:#e7b356;width:28px}
.home-slider:focus-visible,.home-slider :focus-visible {outline-color:#e7b356}
.page-public .main-content>.home-search {max-width:820px;margin-block:30px 0;border-radius:13px;box-shadow:var(--shadow-sm);background:var(--paper);padding:6px 10px}
.home-search input:not([type=radio]):not([type=checkbox]) {border:0;background:transparent}
.home-search .icon-button {background:var(--sage-soft);color:var(--sage-dark);border:0}
.section {margin-top:42px}
.section-heading {margin-bottom:22px}
.section-heading h2 {font-size:1.55rem}
.levels-grid {gap:14px}
.level-tile,.content-card,.panel,.category-tile {border-color:var(--border);background:var(--paper);border-radius:20px;box-shadow:var(--shadow-sm)}
.level-tile:hover,.content-card:hover {border-color:var(--sage);box-shadow:var(--shadow-md)}
.level-tile>strong,.level-circle {background:var(--sage-soft);color:var(--sage-dark);border-radius:50%}
.level-tile:nth-child(2n)>strong {background:var(--cream);color:var(--clay-dark)}
.level-label {background:var(--sage-soft);color:var(--sage-dark);border-radius:7px}
.content-card .card-meta {gap:12px;flex-wrap:wrap}
.content-type {display:inline-flex;align-items:center;max-width:100%;min-height:30px;padding:4px 12px;border-radius:999px;line-height:1.7;font-size:.73rem;font-weight:400;background:#e7eee7;color:#34493a;border:1px solid #cbd9cb}
.content-type--conversation {background:#e8effa;color:#284c78;border-color:#ccdbef}
.content-type--grammar {background:#f0eafa;color:#644183;border-color:#ded0ed}
.content-type--vocabulary {background:#fae9e2;color:#8d3c26;border-color:#edcbbb}
.content-type--reading {background:#e3f0ee;color:#285e58;border-color:#bddbd4}
.content-type--writing {background:#fbf0d7;color:#795319;border-color:#ead59f}
.content-type--word {background:#e5eef4;color:#2b546e;border-color:#c5d9e5}
.content-card .card-bottom {gap:14px;align-items:center}
.content-card .card-bottom>span {flex:1;min-width:0;overflow-wrap:anywhere}
.unit-card .unit-open {align-self:flex-start;width:fit-content;min-height:42px}
.content-card .card-open {flex:none;min-width:90px;min-height:42px;padding:8px 16px;font-size:.76rem;white-space:nowrap}
[dir=ltr] .card-open .icon {transform:rotate(180deg)}

.text-link {color:var(--clay-dark)}
.goal-band {background:var(--sage-pale);padding:30px;border-radius:22px;border:1px solid var(--border)}
.goals-grid a {background:var(--paper);border-color:var(--border);border-radius:13px}
.goals-grid a>.icon:first-child {color:var(--sage-dark)}
.start-banner {background:linear-gradient(100deg,#172b1ed9,#172b1ebd),url("heroes/learning.webp") center/cover;border-radius:22px;padding:35px;color:#fffdf9}
.home-intro {background:linear-gradient(100deg,#172b1ed9,#172b1ebd),url("heroes/learning.webp") center/cover;color:#fffdf9;text-align:center;padding:50px 24px}
.home-intro h1,.home-intro .muted {color:inherit}
.start-banner h2 {color:inherit}
.start-banner .button {background:#c9613e;border-color:#c9613e;color:white}
.start-banner .button:hover {background:#a9472c;border-color:#a9472c;color:white}
.start-banner .button:last-child {border-color:#ffffff75;background:transparent;color:#fff}
.site-footer {padding:0;border:0;background:#26372c;color:#fff}
.site-footer__body {padding:64px 0 24px;background:#26372c}
.footer-grid {grid-template-columns:minmax(240px,1.35fr) repeat(3,minmax(130px,.78fr));gap:36px}
.site-footer .brand {color:#fffdf9}
.site-footer .brand-mark {background:#ffffff0a;color:#e7b356;border-color:#ffffff20}
.site-footer .brand-copy small {color:#b5c6b6}
.footer-brand p {max-width:330px;color:#bdcbbb;font-size:.77rem;margin-block:20px 12px;line-height:2.1}
.footer-grid .footer-email {font-family:var(--font-latin);color:#e7b356;font-size:.87rem;display:inline-block;margin:0}
.footer-col h2 {font-size:.88rem;color:#fffdf9;margin-bottom:15px}
.footer-col nav {display:grid;gap:2px}
.footer-col nav a {color:#bdcbbb;font-size:.73rem;padding-block:5px}
.footer-col nav a:hover,.footer-policies a:hover {color:#fff}
.footer-bottom {font-size:.65rem;color:#b5c6b6;grid-template-columns:1fr auto 1fr;background:#ffffff09;border:1px solid #ffffff1c;border-radius:13px;margin-top:30px;text-align:center}
.footer-badges span {color:#cfd8cc;border-color:#ffffff20;background:transparent}
.bottom-nav {z-index:1100;background:var(--paper);border-top-color:var(--border);box-shadow:0 -4px 18px #26372c0b;padding-bottom:env(safe-area-inset-bottom)}
.bottom-nav a {font-weight:400;color:var(--muted)}
.bottom-nav a.active {color:var(--clay-dark);background:var(--sage-pale)}
.drawer {background:var(--paper);color:var(--ink);padding:20px;max-width:100%;width:min(88vw,340px);overflow-y:auto;border-inline-end:1px solid var(--border);border-radius:0}
.drawer::backdrop {background:#1322188c;backdrop-filter:blur(3px)}
.drawer .brand-mark {width:32px;height:32px}
.drawer .brand-mark .icon {width:22px;height:22px}
.drawer nav>a,.drawer-link-row {border-color:var(--border);font-size:.74rem}
.drawer-link-row.current,.drawer nav>a[aria-current] {background:var(--sage-soft);color:var(--sage-dark)}
input:not([type=radio]):not([type=checkbox]),textarea,select {border-color:var(--border-strong);border-radius:10px;background:var(--paper);color:var(--ink);font-size:.9rem;min-height:46px;box-shadow:none}
input[readonly] {background:var(--surface-muted)!important}
input[type=checkbox],input[type=radio] {accent-color:var(--sage-dark)}
.notice {background:var(--info-soft);border-color:#b9d1d4;color:#285863;border-radius:12px}
.notice.success {background:var(--success-soft);border-color:#c2d6c6;color:#315a3c}
.notice.error {background:var(--danger-soft);border-color:#e0b9b0;color:#94382e}
.filter-tabs a.selected,.pagination a[aria-current] {background:#34493a;border-color:#34493a;color:#fff}
.status,.tag,.chip {font-weight:400}
.table-wrap {border-radius:16px}
th {font-weight:700;background:var(--sage-pale);color:var(--sage-dark)}
td,th {border-color:var(--border)}
progress {accent-color:var(--sage-dark)}
.theory-summary {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 32px;min-height:76px;padding:20px 24px;margin-block:0 26px;border:1px solid var(--border-strong);border-radius:16px;background:var(--sage-soft);color:var(--sage-dark);text-align:center}
.theory-summary-item {display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;font-size:.82rem;line-height:1.9}
.theory-summary-item>.icon {width:22px;height:22px;stroke-width:1.6}
.theory-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
.theory-question-band {background:#34493a;color:#fffdf9}
.theory-number[aria-current=step] {outline-color:var(--clay-dark)}
.theory-option:has(input:checked) {border-color:var(--sage);box-shadow:inset 0 0 0 1px var(--sage)}
.theory-option:has(input:focus-visible) {outline-color:var(--focus)}
.theory-option.option-correct {border-color:#339365;box-shadow:none}
.theory-option.option-wrong {border-color:#ce645a;box-shadow:none}
.page-public .main-content>.auth-card {max-width:540px;margin-block:42px 0;padding:30px}
[data-theme=dark] .text-link {color:var(--clay-dark)}
[data-theme=dark] .level-label,[data-theme=dark] .level-tile>strong {color:var(--sage-dark)}
/* A separate administration shell; no public navigation or footer is mounted here. */
.page-admin {background:var(--sage-pale);padding:0;min-height:100vh}
.page-admin .admin-shell {display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh;width:100%;max-width:none;margin:0}
.page-admin .admin-sidebar {position:sticky;top:0;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;padding:18px 13px;background:#26372c;border:0;border-radius:0;overflow-y:auto;z-index:1500;color:#d4dfd2;box-shadow:none}
.admin-sidebar__head {justify-content:space-between;padding:6px 6px 20px;margin:0}
.admin-sidebar .brand {color:#fff}
.admin-sidebar .brand-copy strong {font-size:.94rem}
.admin-sidebar .brand-copy small {font-size:.55rem;color:#a7bbae}
.admin-sidebar .brand-mark {color:#e7b356;background:#ffffff0a;border-color:#ffffff20;width:37px;height:37px}
.admin-sidebar .brand-mark .icon {width:24px;height:24px}
.page-admin .admin-nav {display:grid;grid-template-columns:1fr;gap:9px;padding:8px 0 20px;background:transparent;border:0}
.page-admin .admin-nav__group {margin:0;padding:0;border:0;min-width:0}
.admin-nav__group>summary {display:flex;align-items:center;gap:10px;padding:10px;min-height:46px;background:#ffffff0c;border:1px solid #ffffff13;border-radius:10px;color:#e7eee7;font-weight:400;font-size:.74rem;list-style:none}
.admin-nav__group>summary .icon:last-child {margin-inline-start:auto;width:15px;height:15px;transition:transform .2s}
.admin-nav__group[open]>summary .icon:last-child {transform:rotate(180deg)}
.admin-nav__items {margin-inline-start:19px;padding:6px 0 4px;border-inline-start:1px solid #ffffff20}
.page-admin .admin-nav a {color:#c2d0c0;font-size:.71rem;border:0;border-radius:8px;min-height:41px;margin-inline-start:5px;padding:8px 10px;gap:10px;background:transparent;font-weight:400}
.page-admin .admin-nav a:hover,.page-admin .admin-nav a.is-active {background:#ffffff12;color:#fff}
.page-admin .admin-nav a.is-active {box-shadow:inset 3px 0 #e7b356}
html[dir=rtl] .page-admin .admin-nav a.is-active {box-shadow:inset -3px 0 #e7b356}
.admin-sidebar__footer {padding-top:12px;margin-top:auto;border-color:#ffffff20}
.admin-sidebar__footer a,.admin-sidebar__footer button {font-size:.74rem;color:#b9c9b7;border:0;background:transparent;font-weight:400}
.kit-sidebar-note {color:#9caf9d;font-size:.63rem}
.page-admin .admin-topbar {background:var(--paper);border-color:var(--border);min-height:82px;padding:12px 28px;gap:18px}
.admin-topbar__title {font-weight:700;font-size:1rem;line-height:1.7}
.admin-topbar__section-icon {background:var(--sage-soft);border-color:var(--border);color:var(--sage-dark)}
.admin-topbar__actions {gap:10px;direction:ltr}
html[dir=rtl] .admin-topbar__actions {direction:rtl}
.admin-profile {display:flex;align-items:center;gap:9px;border-inline-start:1px solid var(--border);padding-inline-start:14px;color:var(--ink);font-size:.7rem;max-width:250px}
.admin-profile>span:last-child {max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-profile small {display:block;font-size:.6rem;color:var(--muted)}
.admin-avatar {display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--cream);color:var(--clay-dark)}
.page-admin .admin-main {padding:28px;min-width:0;display:grid;gap:22px;align-content:start;min-height:calc(100dvh - 137px)}
.admin-main>.page-heading {display:block;min-height:0;background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 2px;text-align:start;color:var(--ink)}
.admin-main .page-heading .breadcrumbs {justify-content:start;color:var(--muted);margin-bottom:14px}
.admin-main .page-heading .breadcrumbs a:hover {color:var(--clay-dark)}
.admin-main .page-heading .page-title-row {flex-direction:row;align-items:center;justify-content:space-between;gap:20px}
.admin-main .page-heading .page-title-copy {width:auto}
.admin-main .page-heading .page-title-copy h1 {font-size:1.65rem;line-height:1.6;margin-bottom:5px}
.admin-main .page-heading .page-title-copy p {font-size:.78rem;color:var(--muted);max-width:780px;margin:0}
.admin-main .page-heading .page-actions {flex-shrink:0}
.admin-workspace[data-admin-tab=dashboard] .page-heading {background:linear-gradient(115deg,#26372c,#536b58);color:#fffdf9;padding:25px;border-radius:2px;min-height:200px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.admin-workspace[data-admin-tab=dashboard] .page-heading .breadcrumbs {color:#d1ddce;justify-content:center;margin:0}
.admin-workspace[data-admin-tab=dashboard] .page-heading .page-title-row {flex-direction:column;text-align:center;gap:12px}
.admin-workspace[data-admin-tab=dashboard] .page-heading h1 {font-size:2rem}
.admin-workspace[data-admin-tab=dashboard] .page-heading .page-title-copy p {color:#e0e8de;max-width:750px}
.admin-workspace[data-admin-tab=dashboard] .page-heading.has-hero-image {background:#26372c}
.admin-workspace[data-admin-tab=dashboard] .page-heading .page-actions {display:none}
.page-admin .admin-main .panel {background:var(--paper);border:1px solid var(--border);border-radius:16px;box-shadow:none;padding:24px}
.admin-main>.section {margin-top:0}
.admin-main>.notice {margin:0}
.admin-main .toolbar {margin:0;gap:12px}
.admin-main .button {font-weight:400;font-size:.75rem}
.admin-main input:not([type=radio]):not([type=checkbox]),.admin-main select,.admin-main textarea {font-size:.83rem;border-color:var(--border-strong);border-radius:9px;background:var(--paper);line-height:1.9}
.admin-main label {font-size:.74rem;font-weight:400;gap:8px}
.admin-main .admin-stat h2 {font-size:.72rem;color:var(--muted)}
.admin-stat-icon,.admin-quick-icon {background:var(--sage-soft);color:var(--sage-dark);border-radius:12px}
.admin-stat-value {color:var(--ink);font-size:1.8rem;font-weight:400}
.admin-quick-grid>a {background:var(--sage-pale);border-color:var(--border);border-radius:13px}
.admin-quick-grid>a:hover {border-color:var(--sage)}
.admin-main .admin-recent a:hover {background:var(--sage-pale)}
.admin-main .form-section,.admin-main .settings-section {border-color:var(--border);border-radius:12px}
.admin-main .form-section h2,.admin-main .settings-section legend {color:var(--sage-dark)}
.admin-main .admin-result-count {color:var(--muted)}
.admin-footer {min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;font-size:.64rem;color:var(--muted);border-top:1px solid var(--border)}
.admin-menu-button,.admin-sidebar__head>[data-admin-close],.admin-backdrop {display:none}
.page-installer {background:var(--cream)}
.page-installer .installer {max-width:860px;margin:40px auto;padding:32px;background:var(--paper)}
[data-theme=dark] .button {color:#211c17}
[data-theme=dark] .button:hover {color:#211c17}
[data-theme=dark] .button.outline,[data-theme=dark] .button.subtle {color:var(--sage-dark)}
[data-theme=dark] .slide-button,[data-theme=dark] .start-banner .button {color:white}
[data-theme=dark] .page-public.theme-background--pattern {background-color:var(--cream)}
[data-theme=dark] .page-admin {background:#17231b}
[data-theme=dark] .notice {background:#253e40;color:#d5eceb;border-color:#476364}
[data-theme=dark] .notice.success {background:#293f2f;color:#d0ebd7;border-color:#47634c}
[data-theme=dark] .notice.error {background:#492f29;color:#f5d3c9;border-color:#775448}
@media(min-width:1101px) {
 .page-public .mobile-only,.page-public .icon-button.mobile-only {display:none}
}
@media(max-width:1100px) {
 .desktop-nav {display:none}
 .site-header .header-actions {display:flex!important;position:static;inset:auto;margin:0}
 .header-language {display:block}
 .utility-actions .language-nav {display:none}
 .header-language .nav-toggle {gap:5px;padding:5px;min-height:40px;border:1px solid var(--border);border-radius:10px}
 .header-language .nav-toggle>span {display:none}
 .header-language .nav-toggle>.icon {width:12px}
 .page-public .mobile-only,.page-public .icon-button.mobile-only {display:inline-flex}
 .site-header .header-inner {gap:14px;min-height:78px;padding-inline:0}
 html[dir] .site-header .header-inner>.brand {position:static;transform:none;inset:auto;width:auto;max-width:none;min-width:0;height:auto;justify-content:start;margin-inline-end:auto}
 .brand-copy strong {font-size:1rem}
 .page-admin .admin-shell {grid-template-columns:1fr}
 .page-admin .admin-sidebar {position:fixed;inset-block:0;inset-inline-start:0;width:285px;transform:translateX(-100%);visibility:hidden;transition:transform .22s,visibility .22s;z-index:1800}
 html[dir=rtl] .page-admin .admin-sidebar {transform:translateX(100%)}
 html .page-admin.admin-menu-open .admin-sidebar {transform:translateX(0);visibility:visible}
 .admin-menu-button,.admin-sidebar__head>[data-admin-close] {display:inline-flex}
 .admin-sidebar__head>[data-admin-close] {color:white;border-color:#ffffff30;min-width:32px;min-height:32px;width:32px;height:32px;padding:5px}
 .admin-sidebar__head {gap:5px;padding-inline:0}
 .admin-backdrop:not([hidden]) {display:block;position:fixed;inset:0;z-index:1700;border:0;background:#10231799;backdrop-filter:blur(2px)}
 .admin-menu-open {overflow:hidden}
 .admin-main .page-heading .page-title-row {align-items:start}
 .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
 .levels-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
 .theory-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
 .start-banner {align-items:start;flex-direction:column}
}
@media(max-width:700px) {
 .page-public .site-canvas {width:100%;box-shadow:none}
 .wrap {width:calc(100% - 32px)}
 .top-note__inner {font-size:.58rem;gap:10px}
 .utility-links {gap:14px;font-size:.6rem}
 .utility-links>a:last-child {display:none}
 .header-utility .top-inner {min-height:42px}
 .language-nav .nav-toggle {font-size:.66rem}
 .language-flag {width:23px;height:16px}
 .site-header .header-inner {min-height:74px;gap:8px}
 .header-inner .brand-mark {width:33px;height:33px;border-radius:10px}
 .header-inner .brand-mark .icon {width:23px;height:23px}
 .brand-copy strong {font-size:.82rem}
 .brand-copy small {font-size:.48rem}
 .header-actions {gap:4px}
 .header-actions .saved-link,.header-actions .mobile-language {display:none}
 .header-actions .account-link {padding:8px!important;min-width:36px!important;min-height:36px!important}
 .header-actions .account-link span {display:none}
 .page-public .main-content {padding-bottom:36px}
 .page-public .main-content>* {width:calc(100% - 32px)}
 .page-public .main-content>.page-heading {padding:22px 16px 25px;min-height:195px;gap:12px;margin-bottom:24px}
 .page-heading .breadcrumbs {font-size:.6rem;gap:6px}
 .page-heading .page-title-copy h1 {font-size:1.5rem;line-height:1.65}
 .page-heading .page-title-copy p {font-size:.73rem;line-height:2}
 .page-heading .page-actions .button {min-height:42px;font-size:.7rem}
 .page-public .page-heading .page-controls .filter-tabs {gap:12px}
 .page-public .page-heading .page-controls .filter-tabs a {flex:0 1 calc(50% - 6px);min-width:0;padding:10px 12px;font-size:.72rem}
 .page-public .page-heading .page-controls .path-track a {flex-basis:calc(50% - 6px)}

 .page-public .main-content>.home-slider {width:calc(100% - 32px);margin-top:16px}
 .hero-slide {min-height:350px;padding:40px 38px 70px}
 .slide-title {font-size:1.8rem;line-height:1.6}
 .slide-copy p {font-size:.74rem;line-height:1.95;margin-bottom:20px}
 .slide-badge {font-size:.62rem;margin-bottom:12px}
 .slide-button {font-size:.72rem;min-height:44px;padding:8px 16px}
 .slider-arrow {width:30px;height:30px;padding:5px}
 .slider-arrow .icon {width:18px;height:18px}
 .slider-prev {inset-inline-start:7px}.slider-next {inset-inline-end:7px}
 .slider-controls {inset-inline:24px;bottom:15px;gap:6px}
 .slider-dots button {min-width:22px}
 .slider-dots span {width:7px;height:7px}
 .slider-dots [aria-current] span {width:19px}
 .section {margin-top:30px}
 .section-heading {align-items:start;flex-direction:column;gap:12px}
 .section-heading h2 {font-size:1.22rem}
 .section-heading p {font-size:.73rem}
 .levels-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .cards-grid,.goals-grid {grid-template-columns:1fr}
 .level-tile {padding:20px 10px}
 .content-card {padding:22px}
 .goal-band,.start-banner {padding:24px;border-radius:16px}
 .start-banner .button-row {width:100%;flex-wrap:wrap}
 .start-banner .button {flex:1;white-space:nowrap}
 .site-footer__body {padding:40px 0 84px}
 .footer-grid {gap:25px 16px}
 .footer-brand {grid-column:1/-1}
 .footer-brand p {max-width:440px}
 .footer-col h2 {font-size:.78rem}
 .footer-col nav a {font-size:.67rem}
 .footer-bottom {display:flex;flex-direction:column;font-size:.6rem;gap:14px;padding:18px;margin-top:25px}
 .footer-policies {justify-content:center;flex-wrap:wrap;gap:15px}
 .footer-badges {justify-content:center}
 .bottom-nav {display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset-inline:0;bottom:0}
 .bottom-nav a {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px 5px 8px;font-size:.59rem;min-height:60px}
 .bottom-nav .icon {width:21px;height:21px}
 .theory-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-admin .admin-topbar {min-height:72px;padding:10px 16px;gap:10px}
 .admin-topbar__primary {gap:9px}
 .admin-topbar__section-icon {display:none}
 .admin-topbar__eyebrow {font-size:.55rem}
 .admin-topbar__title {font-size:.82rem}
 .admin-topbar__actions {gap:6px}
 .admin-profile {border:0;padding:0}
 .admin-profile>span:last-child {display:none}
 .admin-avatar {width:32px;height:32px}
 .admin-topbar .language-nav .nav-toggle>span {display:none}
 .admin-topbar .language-nav .nav-toggle {padding:4px;gap:4px}
 .admin-topbar .theme-toggle {display:none}
 .page-admin .admin-main {padding:22px 16px;gap:20px;min-height:calc(100dvh - 124px)}
 .admin-main .page-heading .page-title-row {flex-direction:column;align-items:stretch;gap:16px}
 .admin-main .page-heading .page-title-copy h1 {font-size:1.4rem}
 .admin-main .page-heading .page-title-copy p {font-size:.72rem}
 .admin-main .page-heading .page-actions {justify-content:start}
 .page-admin .admin-main .panel {padding:20px 16px;border-radius:13px}
 .admin-main .form-grid {grid-template-columns:1fr}
 .admin-main .form-grid>.span-2 {grid-column:auto}
 .admin-main .admin-stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .page-admin .admin-main .admin-stat {padding:16px 13px}
 .admin-main .table-wrap {overflow-x:auto;padding:0!important}
 .admin-main .admin-data-table th,.admin-main .admin-data-table td {white-space:normal}
 .admin-main .admin-data-table td {padding:10px 14px}
 .admin-footer {padding:14px 16px;font-size:.6rem;flex-wrap:wrap}
 .page-installer .installer {margin:20px 16px;padding:22px 16px}
}
@media(max-width:380px) {
 .top-note__inner>span {max-width:65%}
 .brand-copy strong {font-size:.73rem}
 .brand-copy small {font-size:.43rem}
 .header-inner .brand {gap:6px}
 .hero-slide {padding-inline:32px}
 .slide-title {font-size:1.55rem}
 .theory-grid {grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after {scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}