.app-shell:has(.learning-home) {background:#101a17;background-image:none}
.app-shell.theme-light:has(.learning-home) {background:#f5f5ef;background-image:none}
.app-shell:is(.theme-light,.theme-dark) .topbar {box-shadow:none;background-image:none;backdrop-filter:none}
.app-shell:is(.theme-light,.theme-dark) .nav {background-image:none;box-shadow:none}
.app-shell:is(.theme-light,.theme-dark) .nav button {box-shadow:none;background-image:none}
.learning-home,.community-page,.public-profile {
  --study-paper: #14201d;
  --study-ink: #eef2e9;
  --study-muted: #b7c3bd;
  --study-accent: #8ed8ad;
  --study-line: #3d5147;
  color: var(--study-ink);
  font: 1rem/1.65 system-ui, sans-serif;
}
.theme-light :is(.learning-home,.community-page,.public-profile) {
  --study-paper: #faf9f4;
  --study-ink: #20352c;
  --study-muted: #516359;
  --study-accent: #17643f;
  --study-line: #c7d1c8;
}
.learning-home h1 {font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1.12;max-width:24ch;margin:8px 0 0;text-wrap:balance}
.learning-home h2,.community-page h2 {font-size:1.5rem;letter-spacing:-.02em;margin:0 0 20px}
.learning-home h3 {font-size:1.75rem;line-height:1.3;max-width:25ch;margin:24px 0 16px;text-wrap:balance}
.learning-home p {max-width:65ch;color:var(--study-muted);text-wrap:pretty}
.learning-home {overflow-wrap:anywhere}
.learning-home h2 {letter-spacing:normal;text-wrap:balance}
.learning-heading {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--study-line)}
.learning-heading p {margin:0}
.learning-desk {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;margin-bottom:48px}
.learning-current {padding:16px 0}
.learning-current>h2 {font-size:1rem;color:var(--study-muted);font-weight:500}
.learning-current .button {margin-top:16px}
.app-shell .learning-home .button {box-shadow:none;background-image:none;transform:none}
.app-shell:is(.theme-light,.theme-dark) .learning-home .button.primary {background:var(--study-accent);border-color:var(--study-accent);color:var(--study-paper);box-shadow:none}
.app-shell:is(.theme-light,.theme-dark) .learning-home .button.primary * {color:inherit}
.app-shell:is(.theme-light,.theme-dark) .learning-home .button.primary:hover {background:var(--study-ink);border-color:var(--study-ink);box-shadow:none}
.learning-save {font-size:.875rem;margin:24px 0 0}
.learning-work {padding:28px 32px;border-left:3px solid var(--study-accent);background:var(--study-paper)}
.learning-work>span {color:var(--study-muted);font-size:.875rem}
.learning-work h2 {font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:16px 0 12px;line-height:1.15;font-size:clamp(1.75rem,3vw,2.5rem)}
.learning-work-meta {font-size:.875rem}
.learning-work a {color:var(--study-accent);text-underline-offset:4px}
.learning-work small {display:block;margin-top:24px;color:var(--study-muted);font-size:.8125rem}
.learning-bottom {display:grid;grid-template-columns:1.6fr 1fr;gap:48px;margin-bottom:48px}
.learning-axis-list {border-top:1px solid var(--study-line)}
.learning-axis-list button {display:grid;grid-template-columns:1fr auto;gap:4px 12px;text-align:left;width:100%;padding:18px 4px;background:transparent;border:0;border-bottom:1px solid var(--study-line);color:var(--study-ink);cursor:pointer;font:inherit}
.learning-axis-list button span {font-weight:600}
.learning-axis-list button small {grid-column:1;font-size:.8125rem;color:var(--study-muted);font-variant-numeric:tabular-nums}
.learning-axis-list button svg {grid-column:2;grid-row:1/3;width:20px;align-self:center}
.learning-axis-list button:hover {background:color-mix(in srgb,var(--study-accent) 8%,transparent)}
.learning-notes a {display:block;padding:12px 0;color:var(--study-accent);text-decoration:underline;text-underline-offset:4px}
.community-feed {max-width:760px;margin:24px auto}
.community-post {padding:28px 0;border-bottom:1px solid var(--study-line);overflow-wrap:anywhere}
.community-post header {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--study-muted)}
.community-text {white-space:pre-wrap;max-width:70ch}
.community-post a {color:var(--study-accent);text-decoration:underline;text-underline-offset:3px}
.community-post .button-row {display:flex;flex-wrap:wrap;gap:8px}
.community-post details {margin-top:24px}
.community-post summary {cursor:pointer;padding:12px 0}
.community-post textarea {min-height:100px;resize:vertical}
.public-profile {margin:40px 0;overflow-wrap:anywhere}
.learning-home :focus-visible,.community-page :focus-visible {outline:3px solid var(--study-accent);outline-offset:4px}
.learning-home ::selection,.community-page ::selection {background:var(--study-accent);color:var(--study-paper)}
@media(max-width:760px) {
  .learning-heading {align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}
  .learning-home h1 {font-size:2rem}
  .learning-desk,.learning-bottom {grid-template-columns:1fr}
  .learning-current {padding:0}
  .learning-work {padding:24px}
  .learning-desk {gap:24px;margin-bottom:32px}
  .learning-bottom {gap:32px}
  .learning-home .button,.community-page .button {min-height:44px}
}

/* Shared layout: phone, tablet and desktop use the same content order. */
.app-shell {--page-gutter:clamp(16px,3vw,48px)}
.app-shell .main,.app-shell .app-footer {width:calc(100% - var(--page-gutter) * 2);max-width:1320px}
.app-shell .main {padding:clamp(24px,3vw,48px) 0 48px;animation:none;will-change:auto}
.app-shell .main>section {animation:none;min-width:0}
.app-shell .page-head {gap:20px;flex-wrap:wrap}
.app-shell .page-head h1 {font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;text-wrap:balance}
.app-shell .page-head .lede {max-width:65ch;line-height:1.65}
.app-shell :is(.study-workspace,.writing-layout,.catalog-grid,.profile-side-rail)>* {min-width:0}
.app-shell :is(.button,.icon-button,.mobile-menu-button,.avatar-button) {min-height:44px}
.app-shell :is(.icon-button,.mobile-menu-button,.avatar-button) {min-width:44px}
.app-shell .catalog-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.app-shell .catalog-filters {grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(0,1fr));gap:16px}
.app-shell .study-workspace {grid-template-columns:280px minmax(0,1fr);gap:24px}
.app-shell .study-sidebar {top:calc(var(--header-height) + 24px)}
.app-shell .study-combo-trigger {grid-template-columns:56px minmax(0,1fr) 20px;gap:10px}
.app-shell .study-combo-trigger>span {min-width:0;max-width:100%}
.app-shell .study-combo-trigger .study-selected-thumb {width:56px;height:44px}
.app-shell .study-combo-trigger :is(strong,small) {white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;text-align:left}
.app-shell .profile-page .profile-cover {width:100%;max-width:100%;min-width:0}
.app-shell .profile-side-rail {min-width:0}
.app-shell .profile-side-rail>* {max-width:100%}
.app-shell .profile-rail-stack {grid-template-columns:minmax(0,1fr);min-width:0}
.app-shell .profile-rail-stack>* {min-width:0;max-width:100%}
.app-shell .learning-heading {align-items:flex-end}
.app-shell .learning-heading>.button {flex-shrink:0;width:auto;min-height:44px}
.app-shell .learning-desk,.app-shell .learning-bottom {gap:clamp(24px,4vw,56px)}
.app-shell .learning-current h3 {font-size:clamp(1.4rem,2.3vw,2rem)}
.app-shell .learning-current .button {min-width:180px}
.app-shell .learning-work {border-radius:0 12px 12px 0}
.app-shell .learning-notes {padding-left:24px;border-left:1px solid var(--study-line)}
.app-shell .app-footer {gap:12px 20px;padding:24px 0;margin-bottom:env(safe-area-inset-bottom,0px)}
.app-shell .app-footer button {min-height:44px;padding:8px}
.app-shell :is(input,select,textarea) {scroll-margin-top:calc(var(--header-height) + 24px)}

/* A second navigation row leaves room for search and account controls on laptops. */
@media(min-width:1181px) and (max-width:1599px) {
  .app-shell {--header-height:120px}
  .app-shell .topbar {grid-template-columns:auto minmax(0,1fr);gap:8px 24px;padding:12px var(--page-gutter) 8px}
  .app-shell .topbar>.brand {grid-column:1;grid-row:1}
  .app-shell .topbar-actions {grid-column:2;grid-row:1;justify-self:end}
  .app-shell .topbar .nav {grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:8px;width:100%}
  .app-shell .topbar .nav button {min-height:44px;font-size:.9rem;flex:1;justify-content:center}
  .app-shell .topbar-search {display:flex;width:260px}
}
@media(min-width:1600px) {
  .app-shell .topbar {gap:24px;padding-inline:max(32px,calc((100vw - 1600px)/2))}
  .app-shell .nav button {min-height:44px;font-size:.9rem}
}
@media(min-width:641px) and (max-width:1180px) {
  .app-shell .topbar {padding:12px var(--page-gutter);gap:16px}
  .app-shell .learning-heading {flex-direction:row;align-items:center}
  .app-shell .learning-home h1 {font-size:clamp(2rem,4vw,3rem)}
  .app-shell .learning-desk {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .app-shell .learning-bottom {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  .app-shell .learning-work {padding:24px}
  .app-shell .catalog-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .app-shell .catalog-filters {grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-shell .catalog-filters>.field:first-child {grid-column:1/-1}
}
@media(max-width:1180px) {
  .app-shell {--header-height:76px}
  .app-shell .topbar .nav {top:calc(var(--header-height) + 8px);left:var(--page-gutter);right:var(--page-gutter);width:auto;max-height:calc(100dvh - var(--header-height) - 32px);padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;transform:none;transition:none}
  .app-shell .topbar .nav:not(.is-open) {display:none}
  .app-shell .topbar .nav.is-open {display:grid}
  .app-shell .topbar .nav button {min-width:0;min-height:48px;width:100%;font-size:.95rem;padding:12px;white-space:normal}
  .app-shell .topbar .nav-label {white-space:normal}
  .app-shell .mobile-menu-backdrop.is-open {backdrop-filter:none}
}
@media(max-width:1024px) {
  .app-shell .study-workspace {grid-template-columns:minmax(0,1fr)}
  .app-shell .study-sidebar {position:static;gap:16px}
  .app-shell .study-sidebar .study-control-fields {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px}
  .app-shell .writing-layout {grid-template-columns:minmax(0,1fr)}
  .app-shell .settings-tabs {position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:8px}
  .app-shell .settings-tabs button {min-width:0;min-height:48px;white-space:normal;justify-content:flex-start;padding:10px}
}
@media(max-width:640px) {
  .app-shell {--header-height:72px}
  .app-shell .topbar {grid-template-columns:auto 44px minmax(0,1fr);gap:8px;padding:10px 16px}
  .app-shell .brand.brand-button {max-width:132px;min-width:0;padding:0}
  .app-shell .brand.brand-button .brand-logo {width:132px;max-width:100%;height:auto}
  .app-shell .topbar-actions {grid-column:3;gap:4px;justify-self:end}
  .app-shell .topbar-actions .language-select {display:none}
  .app-shell .page-head {align-items:flex-start;margin-bottom:24px}
  .app-shell .panel-pad {padding:20px}
  .app-shell :is(input,select,textarea) {font-size:1rem}
  .app-shell .learning-heading {align-items:flex-start;gap:16px;padding-bottom:24px}
  .app-shell .learning-home h1 {font-size:clamp(1.9rem,7.5vw,2.5rem)}
  .app-shell .learning-heading>.button {padding:8px 14px;font-size:.875rem}
  .app-shell .learning-desk,.app-shell .learning-bottom {grid-template-columns:minmax(0,1fr);gap:28px}
  .app-shell .learning-current h3 {margin-top:16px;max-width:28ch}
  .app-shell .learning-current .button {width:100%}
  .app-shell .learning-save {margin-top:16px}
  .app-shell .learning-work {padding:24px 20px}
  .app-shell .learning-work h2 {font-size:1.8rem}
  .app-shell .learning-notes {padding:24px 0 0;border-left:0;border-top:1px solid var(--study-line)}
  .app-shell .catalog-grid,.app-shell .catalog-filters {grid-template-columns:minmax(0,1fr);gap:16px}
  .app-shell .study-sidebar .study-control-fields {grid-template-columns:minmax(0,1fr)}
  .app-shell .writing-counter-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-shell .settings-tabs {grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-shell .profile-page .profile-side-rail {grid-template-columns:minmax(0,1fr)}
  .app-shell .profile-page .profile-side-rail>* {grid-column:1;width:100%;min-width:0}
  .app-shell .profile-page .metric-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-shell .community-post .button-row {gap:8px}
  .app-shell .community-post .button-row .button {flex:1 1 120px}
}

/* Home dashboard: resume, study, then write. Each block links to a real task. */
.app-shell:has(.learning-home) {background-image:none}
.learning-home {max-width:1200px;margin:0 auto}
.learning-welcome {display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.learning-welcome>div>p,.learning-section-head>div>p {margin:0 0 8px;color:var(--study-muted);font-size:.75rem;font-weight:750;letter-spacing:.08em}
.learning-welcome h1 {max-width:22ch;margin:0;font:400 clamp(2rem,4vw,3.35rem)/1.08 Georgia,'Times New Roman',serif;text-wrap:balance}
.learning-guide {flex:0 0 auto;min-height:44px}
.learning-dashboard {display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.learning-resume {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);grid-column:1/-1;gap:20px;min-width:0}
.learning-resume-copy {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:270px;padding:clamp(24px,4vw,48px);background:var(--study-paper);border-top:3px solid var(--study-accent)}
.learning-label {display:flex;align-items:center;gap:8px;color:var(--study-accent);font-size:.75rem;font-weight:750;letter-spacing:.06em}
.learning-label svg {width:16px;height:16px}
.learning-resume h2 {max-width:24ch;margin:24px 0 8px;font:400 clamp(1.6rem,3vw,2.5rem)/1.14 Georgia,'Times New Roman',serif;text-wrap:balance}
.learning-resume-copy>p {margin:0;color:var(--study-muted);text-wrap:pretty}
.learning-resume-copy>.button {margin-top:24px;min-height:48px}
.learning-feature-work {position:relative;display:flex;min-height:270px;flex-direction:column;justify-content:flex-end;overflow:hidden;color:inherit;text-decoration:none;background:var(--study-paper)}
.learning-feature-work:hover {color:inherit}
.learning-feature-art {position:relative;display:flex;flex:1;min-height:214px;flex-direction:column;justify-content:flex-end;gap:9px;overflow:hidden;padding:24px;color:#f6f5ed;background:var(--work-color);isolation:isolate}
.learning-feature-art::before {position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,rgba(8,16,12,.08) 10%,rgba(8,16,12,.82) 100%)}
.learning-feature-art>span {font-size:.82rem}
.learning-feature-art strong {max-width:18ch;font:400 clamp(1.5rem,2.3vw,2rem)/1.08 Georgia,'Times New Roman',serif;text-wrap:balance}
.learning-feature-art small {font-size:.82rem}
.learning-feature-art>i {position:absolute;top:20px;right:20px;width:20px;height:20px}
.learning-feature-caption {display:flex;min-height:44px;align-items:center;padding:8px 18px;color:var(--study-muted);font-size:.68rem;font-weight:700;letter-spacing:.07em}
.learning-progress {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1;gap:12px}
.learning-progress article {display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;align-content:center;gap:2px 10px;min-height:82px;padding:16px;background:var(--study-paper)}
.learning-progress article>i {grid-row:1/3;align-self:center;width:18px;height:18px;color:var(--study-accent)}
.learning-progress strong {font-size:1.15rem;font-variant-numeric:tabular-nums}
.learning-progress span {color:var(--study-muted);font-size:.78rem}
.learning-tasks {grid-column:1/-1}
.learning-section-head {display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.learning-section-head h2 {margin:0;font:400 clamp(1.5rem,2.5vw,2rem)/1.2 Georgia,'Times New Roman',serif;text-wrap:balance}
.learning-section-head>a {display:flex;align-items:center;gap:7px;min-height:44px;color:var(--study-accent);font-size:.9rem}
.learning-section-head>a svg {width:16px;height:16px}
.learning-task-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.learning-task {position:relative;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-content:start;gap:10px 12px;min-width:0;min-height:134px;padding:18px;text-align:left;color:var(--study-ink);background:var(--study-paper);border:1px solid var(--study-line);font:inherit;cursor:pointer}
.learning-task:hover,.learning-theme:hover {border-color:var(--study-accent);background:color-mix(in srgb,var(--study-accent) 6%,var(--study-paper))}
.learning-task-icon {display:grid;grid-row:1/3;place-items:center;width:40px;height:40px;background:color-mix(in srgb,var(--study-accent) 12%,var(--study-paper));color:var(--study-accent)}
.learning-task-icon svg {width:19px;height:19px}
.learning-task>strong {align-self:end;font-size:.98rem}
.learning-task>small {grid-column:2;color:var(--study-muted);font-size:.8rem;line-height:1.45}
.learning-task-arrow {position:absolute;top:15px;right:15px;width:16px;height:16px;color:var(--study-muted)}
.learning-themes {grid-column:1/-1}
.learning-theme-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.learning-theme {display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;min-width:0;min-height:72px;padding:14px 16px;color:var(--study-ink);text-align:left;background:transparent;border:1px solid var(--study-line);font:inherit;cursor:pointer}
.learning-theme>span {overflow:hidden;font-size:.9rem;font-weight:650;text-overflow:ellipsis}
.learning-theme>small {grid-column:1;color:var(--study-muted);font-size:.76rem}
.learning-theme>svg {grid-column:2;grid-row:1/3;width:18px;height:18px;color:var(--study-accent)}
.app-shell .mobile-dock {display:none}
.app-shell .main {padding-bottom:clamp(36px,5vw,64px)}
.app-shell .main,.app-shell .main>*,.app-shell .main :is(.catalog-card,.diary-item,.list-item,.profile-essay-item,.exam-question-card,.study-block,.study-focus-card,.bank-card,.film-pick,.achievement,.next-item) {animation:none;will-change:auto}
.app-shell .main :is(.catalog-card,.diary-item,.list-item,.profile-essay-item,.exam-question-card,.study-block,.study-focus-card,.bank-card,.film-pick,.achievement,.next-item) {transition:none}
.app-shell .topbar {background:var(--surface);backdrop-filter:none}
.app-shell .topbar,.app-shell .topbar-actions,.app-shell .nav {box-shadow:none}
@media(min-width:1600px) {.learning-dashboard {grid-template-columns:minmax(0,1fr) 340px;gap:28px}}
@media(max-width:1100px) {
  .learning-dashboard {grid-template-columns:minmax(0,1fr)}
  .learning-progress {grid-column:1}
  .learning-task-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px) {
  .app-shell .mobile-dock {position:fixed;z-index:70;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(20,32,25,.08)}
  .app-shell .mobile-dock button {display:grid;place-items:center;align-content:center;gap:4px;min-width:0;min-height:48px;padding:4px 2px;color:var(--muted);background:transparent;border:0;font:inherit}
  .app-shell .mobile-dock button[aria-current="page"] {color:var(--green);font-weight:700}
  .app-shell .mobile-dock svg {width:19px;height:19px}
  .app-shell .mobile-dock span {overflow:hidden;max-width:100%;font-size:clamp(.62rem,2.5vw,.74rem);text-overflow:ellipsis;white-space:nowrap}
  .app-shell .main {padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .app-shell .app-footer {margin-bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(min-width:641px) and (max-width:900px) {
  .learning-resume {grid-template-columns:minmax(0,1.05fr) minmax(220px,.95fr)}
  .learning-resume-copy {padding:28px;min-height:240px}
  .learning-feature-work {min-height:240px}
  .learning-feature-art {min-height:190px;padding:20px}
  .learning-theme-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px) {
  .learning-welcome {align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}
  .learning-welcome h1 {max-width:18ch;font-size:clamp(1.9rem,8vw,2.5rem)}
  .learning-guide {min-height:40px}
  .learning-dashboard {gap:24px}
  .learning-resume {grid-template-columns:minmax(0,1fr);gap:12px}
  .learning-resume-copy {min-height:0;padding:24px}
  .learning-resume h2 {margin-top:18px}
  .learning-resume-copy>.button {width:100%;min-height:48px}
  .learning-feature-work {min-height:200px}
  .learning-feature-art {min-height:160px;padding:20px}
  .learning-progress {gap:6px}
  .learning-progress article {grid-template-columns:1fr;gap:4px;min-height:82px;padding:12px 8px;text-align:center}
  .learning-progress article>i {display:none}
  .learning-progress strong {font-size:1.05rem}
  .learning-progress span {font-size:.68rem;line-height:1.3}
  .learning-section-head {align-items:flex-start}
  .learning-task-grid {gap:8px}
  .learning-task {grid-template-columns:34px 1fr;gap:8px;min-height:132px;padding:14px 10px}
  .learning-task-icon {width:34px;height:34px}
  .learning-task>strong {padding-right:8px;font-size:.88rem}
  .learning-task>small {font-size:.74rem}
  .learning-task-arrow {top:10px;right:8px;width:14px;height:14px}
  .learning-theme-grid {grid-template-columns:minmax(0,1fr);gap:8px}
  .learning-theme {min-height:60px;padding:10px 14px}
  .app-shell .topbar {backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce) {.app-shell .mobile-dock,.learning-home * {scroll-behavior:auto;animation:none!important;transition:none!important}}