/* Deliberately scoped: Home, World, Community, Shop and avatar rendering keep their styles. */
:is(#page-learn,#page-profile,#notebook-overlay-dialog) { --study-ink:#20394b; --study-muted:#566975; --study-line:#c9d4da; --study-paper:#f6f8f8; }
:is(#page-learn,#page-profile,#notebook-overlay-dialog) .study-art { width:40px; height:40px; flex:none; display:block; }
:is(#page-learn,#page-profile,#notebook-overlay-dialog) :is(button,summary,a,input,textarea,select):focus-visible { outline:3px solid #b98032; outline-offset:3px; }
:is(#page-learn,#page-profile,#notebook-overlay-dialog) :is(h1,h2,h3) { overflow-wrap:anywhere; }
#page-learn > .page-heading h1 { font-family:var(--font-body,system-ui,sans-serif); font-weight:800; letter-spacing:-.04em; font-size:clamp(28px,5vw,40px); }
#page-learn > .page-heading > div > p:not(.eyebrow) { display:none; }
#page-learn .learn-sections { padding:5px; border:1px solid var(--study-line); background:#e9eef0; border-radius:14px; }
#page-learn .learn-sections button { border-radius:10px; min-height:46px; box-shadow:none; }
#page-learn .learn-sections button.active { background:var(--study-ink); color:#fff; }
#page-learn #learn-focus { background:linear-gradient(120deg,#203b4c,#2b555d); border:0; border-radius:22px; color:#fff; padding:26px; box-shadow:0 12px 28px #20394b16; position:relative; }
#page-learn .learn-focus-art { position:absolute; inset-inline-end:22px; top:20px; color:#dfba7d; opacity:.8; }
#page-learn #learn-focus > small { color:#e0bf88; display:block; margin-inline-end:60px; font-size:10px; letter-spacing:.13em; }
#page-learn #learn-focus h2 { font-family:var(--font-body,system-ui,sans-serif); font-size:clamp(25px,4vw,34px); font-weight:800; letter-spacing:-.035em; line-height:1.2; margin:28px 0 18px; color:white; max-width:24ch; }
#page-learn #learn-focus > p { display:none; }
#page-learn #learn-focus > .primary-button { background:#f1d6a9; color:#233d49; border-color:#f1d6a9; box-shadow:none; min-height:50px; border-radius:12px; }
#page-learn .learn-evidence { color:#e5eef1; margin-top:20px; font-size:12px; }
#page-learn .learn-evidence progress { accent-color:#dfba7d; height:5px; }
#page-learn #learn-focus > details { border-color:#ffffff30; color:#deeaec; }
#page-learn #learn-focus > details summary { color:#fff; font-size:13px; }
#page-learn #learn-focus details :is(p,li) { color:#deeaec; font-size:13px; }
#page-learn .learn-options { border-radius:16px; border-color:var(--study-line); background:white; margin-block:18px; }
#page-learn .learn-options > summary { color:var(--study-ink); padding:18px; }
#page-learn .chapter-banner { background:#e8efee; border:1px solid #c4d4cf; border-radius:18px; padding:20px; box-shadow:none; margin-block:22px 16px; }
#page-learn .chapter-banner.bridge { background:#e9eff6; border-color:#c2cede; }
#page-learn .chapter-banner.care { background:#e5f1ee; }
#page-learn .chapter-banner h2 { font-family:var(--font-body,system-ui,sans-serif); font-size:23px; font-weight:800; line-height:1.25; }
#page-learn .chapter-banner > p { font-size:13px; line-height:1.5; }
#page-learn .chapter-level { border-radius:12px; box-shadow:none; background:var(--study-ink); color:#fff; }
#page-learn .lesson-path::before,#page-learn .lesson-path-items::before { display:none; }
#page-learn .lesson-path { padding:0; }
#page-learn .lesson-path-items {
 position:relative; isolation:isolate; padding:12px 0 12px 36px; padding-inline:36px 0; border-radius:18px;
 background:#f2f4ef;
}
#page-learn .lesson-path-items > :not(.lesson-trail) { position:relative; z-index:1; }
#page-learn .lesson-trail { position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; overflow:visible; }
#page-learn .trail-line { fill:none; stroke:#bdccc2; stroke-width:2; stroke-linecap:round; }
#page-learn .trail-stop { fill:#f2f4ef; stroke:#94a99d; stroke-width:1.3; }
#page-learn .trail-stop.done { fill:#547a68; stroke:#547a68; }
#page-learn .trail-stop.current { fill:#e8f2eb; stroke:#426e5a; stroke-width:2; }
#page-learn .curriculum-stage-header { border:0; border-radius:14px; background:#e7ecef; box-shadow:none; padding:16px; margin:20px 0 12px; gap:12px; }
#page-learn .curriculum-stage-header > span { background:white; color:#36576d; width:44px; height:44px; border-radius:12px; }
#page-learn .curriculum-stage-header h3 { font-size:17px; color:var(--study-ink); }
#page-learn .curriculum-stage-header p { display:none; }
#page-learn .curriculum-stage-header small { font-size:9px; color:var(--study-muted); }
#page-learn .curriculum-stage-header > strong { font-variant-numeric:tabular-nums; border-radius:8px; color:var(--study-ink); }
#page-learn .lesson-unit { margin:22px 4px 10px; gap:8px; font-size:11px; color:#506570; }
#page-learn .lesson-row { display:grid; grid-template-columns:52px minmax(0,1fr); gap:14px; width:100%; align-items:center; padding:17px; margin:0 0 10px; border:1px solid var(--study-line); border-radius:16px; background:white; text-align:start; box-shadow:0 3px 10px #20394b05; opacity:1; min-height:108px; }
#page-learn .lesson-node { width:52px; height:60px; border-radius:12px; border:0; background:#e9eef3; color:#486779; box-shadow:none; margin:0; transform:none; font-size:20px; }
#page-learn .lesson-node .study-art { width:33px; height:33px; }
#page-learn .lesson-copy { min-width:0; border:0; padding:0; }
#page-learn .lesson-copy > small { font-size:9px; letter-spacing:.1em; color:#4e626e; }
#page-learn .lesson-copy h3 { font-size:17px; line-height:1.3; color:var(--study-ink); margin:5px 0 8px; }
#page-learn .lesson-copy > p { display:none; }
#page-learn .lesson-row.current .lesson-copy > p { display:block; font-size:12px; line-height:1.45; color:#4e6662; margin:8px 0; }
#page-learn .lesson-meta { gap:10px; flex-wrap:wrap; font-size:10px; color:#5b6e76; }
#page-learn .lesson-meta .lesson-charge-meta { font-size:10px; }
#page-learn .lesson-meta svg { width:12px; height:12px; }
#page-learn .lesson-row.current { border:2px solid #3b7166; background:#f1f8f4; box-shadow:0 6px 18px #29544710; }
#page-learn .lesson-row.current .lesson-node { background:#28584f; color:#fff; }
#page-learn .lesson-row.current .lesson-node { animation:none; }
#page-learn .lesson-row.completed .lesson-node { background:#dceee4; color:#33694f; }
#page-learn .lesson-row.completed .lesson-node::after { display:none; }
#page-learn .lesson-row.locked { background:#f3f5f6; border-color:#dce3e6; }
#page-learn .lesson-row.locked .lesson-node { background:#e5e9ec; color:#71808b; }
#page-learn .lesson-row.locked .lesson-meta > :not(:first-child) { display:none; }
#page-learn .notebook-launch-card { background:#eef2f5; border-color:#c3d0da; border-radius:20px; box-shadow:none; }
#page-learn .notebook-launch-card > .notebook-launch-art { display:none; }
#page-learn .study-notebook-cover { padding:22px; width:100px; border:1px solid #56768d; border-inline-start:8px solid #233e50; background:#d4e0e9; color:#2c4e64; border-radius:4px 15px 15px 4px; }
#page-learn .study-notebook-cover .study-art { width:48px; height:48px; }
/* Me: consistent navigation; recognisable purpose for each section. */
#page-profile { --section-accent:#365f78; --section-tint:#eaf0f5; }
html[data-page="profile"] #floating-tools { display:none; }
html[data-profile-section="plan"] #page-profile { --section-accent:#3b6855; --section-tint:#eaf2ed; }
html[data-profile-section="notifications"] #page-profile { --section-accent:#806033; --section-tint:#f7f1e6; }
html[data-profile-section="settings"] #page-profile { --section-accent:#475660; --section-tint:#edf0f2; }
#page-profile .profile-hero { background:transparent; box-shadow:none; padding:18px 12px; }
#page-profile .profile-hero h1 { font-size:28px; }
#page-profile .profile-sections { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; border:0; padding:0; background:none; overflow:visible; }
#page-profile .profile-sections button { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:9px; padding:14px 7px; min-height:91px; min-width:0; border:1px solid var(--study-line); border-radius:14px; background:#fff; color:#405a69; font-size:12px; line-height:1.3; white-space:normal; overflow-wrap:anywhere; box-shadow:none; }
#page-profile .profile-sections .study-art { width:28px; height:28px; }
#page-profile .profile-sections button.active { border-color:var(--section-accent); background:var(--section-accent); color:#fff; }
#page-profile .profile-notification-badge { position:absolute; inset-inline-end:6px; top:6px; }
#page-profile .tool-section { padding:22px; margin-block:20px; border:1px solid var(--study-line); border-radius:20px; background:#fff; box-shadow:0 8px 24px #20394b06; }
#page-profile .tool-section > .section-heading { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding-bottom:18px; border-bottom:1px solid #e2e8eb; margin-bottom:20px; }
#page-profile .section-heading > div { flex:1; min-width:130px; }
#page-profile .section-heading h2 { font-family:var(--font-body,system-ui,sans-serif); font-weight:800; color:var(--study-ink); font-size:23px; line-height:1.25; letter-spacing:-.025em; }
#page-profile .section-heading .eyebrow { color:var(--section-accent); font-size:9px; letter-spacing:.11em; margin-bottom:6px; }
#page-profile .study-section-art { color:var(--section-accent); background:var(--section-tint); border:1px solid #cedbdc; border-radius:14px; padding:10px; flex:none; }
#page-profile .study-section-art .study-art { width:32px; height:32px; }
#page-profile .section-heading-actions { flex-wrap:wrap; gap:8px; }
#page-profile .profile-stats { gap:8px; }
#page-profile .profile-stats article { border:1px solid var(--study-line); border-radius:14px; background:#f4f7f6; padding:16px 8px; box-shadow:none; }
#page-profile .profile-stats article strong { color:var(--study-ink); font-variant-numeric:tabular-nums; }
#page-profile .study-overview-links { display:grid; gap:10px; }
#page-profile .study-overview-links button { display:flex; align-items:center; gap:16px; width:100%; min-height:76px; padding:16px 20px; background:#fff; border:1px solid var(--study-line); border-radius:16px; text-align:start; color:var(--study-ink); font:inherit; font-weight:700; }
#page-profile .study-overview-links button > span:first-of-type { flex:1; }
#page-profile .study-overview-links .study-art { color:#537991; width:34px; height:34px; }
#page-profile .study-overview-links button[data-profile-section="plan"] { background:#eaf3ee; }
#page-profile :is(.settings-card,.account-card,.exam-plan-card,.membership-card) { background:transparent; border:0; padding:0; box-shadow:none; }
#page-profile #account-signed-in { grid-template-columns:40px minmax(0,1fr); gap:12px; min-width:0; }
#page-profile #account-signed-in > .account-flower { grid-column:1; grid-row:1; align-self:start; }
#page-profile #account-signed-in > div:first-of-type { grid-column:2; grid-row:1; min-width:0; }
#page-profile #account-email-copy { display:block; white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip; font-size:14px; line-height:1.5; direction:ltr; unicode-bidi:isolate; }
#page-profile #account-sync-copy { font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
#page-profile #account-signed-in > .developer-entry { grid-column:1 / -1; grid-row:2; width:100%; min-width:0; margin:4px 0; padding:12px 16px; white-space:normal; overflow-wrap:anywhere; }
#page-profile #account-signed-in > .verification-note { grid-column:1 / -1; min-width:0; }
#page-profile #account-signed-in > button { min-width:0; white-space:normal; overflow-wrap:anywhere; }
#page-profile .study-disclosure { border:1px solid var(--study-line); border-radius:14px; background:#f9fafb; margin-bottom:12px; overflow:clip; }
#page-profile .study-disclosure > summary { display:flex; align-items:center; gap:14px; list-style:none; padding:18px 16px; color:var(--study-ink); font-size:15px; font-weight:750; cursor:pointer; }
#page-profile .study-disclosure > summary::-webkit-details-marker { display:none; }
#page-profile .study-disclosure > summary .study-art { color:var(--section-accent); width:30px; height:30px; }
#page-profile .study-plus { margin-inline-start:auto; font-size:23px; font-weight:400; }
#page-profile .study-disclosure[open] > summary .study-plus { transform:rotate(45deg); }
#page-profile .study-disclosure[open] > summary { border-bottom:1px solid var(--study-line); background:var(--section-tint); }
#page-profile .study-disclosure > :not(summary) { margin-inline:14px; }
#page-profile .study-disclosure > :last-child { margin-bottom:16px; }
#page-profile .setting-row { gap:14px; padding-block:18px; min-width:0; }
#page-profile .setting-row > span { min-width:0; }
#page-profile .setting-row strong { color:var(--study-ink); font-size:14px; }
#page-profile .setting-row small { color:var(--study-muted); font-size:12px; line-height:1.4; }
#page-profile .setting-row select { min-width:0; max-width:100%; font-size:14px; border-radius:10px; }
#page-profile :is(.material-card,.offline-pack-row) { border-radius:14px; border-color:var(--study-line); background:#f9fbfc; box-shadow:none; }
#page-profile .material-card { padding:15px; gap:14px; }
#page-profile .material-icon { background:#e6eef4; color:#3c627d; border-radius:12px; flex:none; }
#page-profile .material-icon .study-art { width:30px; height:30px; }
#page-profile .material-action { background:#e8eff2; color:#35596f; border-radius:6px; }
#page-profile .offline-pack-manager { border-color:#becfd9; background:#edf4f8; border-radius:16px; }
#page-profile .notification-empty { border:1px dashed #c9b793; background:#faf7f0; border-radius:16px; color:#6c5738; padding:30px 15px; }
#page-profile .official-note { background:#edf1f3; border:1px solid var(--study-line); border-radius:16px; color:var(--study-muted); }
/* Notebook: compact index; expanded cards become an organised reference sheet. */
#notebook-overlay-dialog { background:#f3f5f6; border-color:#91a5b4; border-radius:22px; }
#notebook-overlay-dialog .tool-overlay-shell { background:#f3f5f6; }
#notebook-overlay-dialog .notebook-header { background:#203e51; color:#fff; border-color:#3b596b; padding:20px; }
#notebook-overlay-dialog .notebook-header > div:first-child { display:grid; grid-template-columns:36px minmax(0,1fr); gap:4px 12px; align-items:center; }
#notebook-overlay-dialog .notebook-header .study-art { grid-row:1/3; width:34px; color:#ddc397; }
#notebook-overlay-dialog .notebook-header .eyebrow { color:#c5d4dd; font-size:9px; margin:0; }
#notebook-overlay-dialog .notebook-header h2 { font-family:var(--font-body,system-ui,sans-serif); color:white; font-size:22px; margin:0; }
#notebook-overlay-dialog .notebook-header-actions button { background:#f5f8fa; color:#234052; border-color:#c1d1db; border-radius:10px; min-height:40px; }
#notebook-overlay-dialog .notebook-header-actions .dialog-x { width:40px; }
#notebook-overlay-dialog .notebook-pagebar { background:#e7edf1; border-color:#ccd6dd; border-radius:12px; padding:10px; gap:8px; }
#notebook-overlay-dialog .notebook-paper { background:#f3f5f6; background-image:none; border:0; box-shadow:none; padding:4px 0 16px; }
#notebook-overlay-dialog .notebook-paper::before,#notebook-overlay-dialog .notebook-paper::after { display:none; }
#notebook-overlay-dialog .notebook-overview { border:0; background:transparent; box-shadow:none; padding:0; }
#notebook-overlay-dialog .notebook-overview-counts { gap:8px; }
#notebook-overlay-dialog .notebook-overview-counts button { min-width:0; background:white; border:1px solid #c5d2da; border-radius:12px; padding:12px 6px; color:#3c5769; }
#notebook-overlay-dialog .notebook-overview-counts button b { font-size:24px; font-variant-numeric:tabular-nums; }
#notebook-overlay-dialog .notebook-overview-counts button span { font-size:11px; }
#notebook-overlay-dialog .notebook-overview-counts [data-notebook-filter="needs"] { background:#f9f1e4; color:#785623; border-color:#dcccaf; }
#notebook-overlay-dialog .notebook-overview-counts [data-notebook-filter="confident"] { background:#e7f2ed; color:#396653; border-color:#b6d2c4; }
#notebook-overlay-dialog .notebook-overview-counts button[aria-pressed="true"] { outline:2px solid currentColor; outline-offset:-3px; }
#notebook-overlay-dialog .notebook-suggestions { background:#e8edf6; border-radius:12px; margin-block:10px; padding:2px 12px 8px; }
#notebook-overlay-dialog .notebook-entry { background:#fff; border:1px solid #cad5dc; border-inline-start:3px solid #7690a4; border-radius:12px; box-shadow:0 3px 8px #20394b05; margin:8px 0; }
#notebook-overlay-dialog .notebook-entry.mistake:not(.mastered) { border-inline-start-color:#ac803e; }
#notebook-overlay-dialog .notebook-entry.mastered { border-inline-start-color:#44826a; }
#notebook-overlay-dialog .notebook-entry > details > summary { padding:16px 14px; padding-inline-start:64px; min-height:88px; }
#notebook-overlay-dialog .notebook-row-text strong { font-size:18px; color:#213f52; line-height:1.35; }
#notebook-overlay-dialog .notebook-row-text small { font-size:12px; color:#5a6c77; margin-block:4px; line-height:1.4; }
#notebook-overlay-dialog .notebook-status { color:#536f82; background:#eaf0f4; border-radius:5px; font-size:10px; padding:3px 6px; }
#notebook-overlay-dialog .notebook-status { width:fit-content; max-width:100%; }
#notebook-overlay-dialog .mistake:not(.mastered) .notebook-status { background:#f5ead7; color:#725322; }
#notebook-overlay-dialog .mastered .notebook-status { background:#e0f0e6; color:#356750; }
#notebook-overlay-dialog .notebook-row-audio { inset-inline-start:12px; top:21px; width:40px; height:40px; border:1px solid #b8cbd8; border-radius:10px; color:#305976; background:#edf4f9; }
#notebook-overlay-dialog .notebook-entry-detail { border-top:1px solid #d6dfe4; padding:16px; background:#fafcfd; border-radius:0 0 10px 10px; display:grid; gap:14px; }
#notebook-overlay-dialog .notebook-source { font-size:11px; color:#5a7181; margin:0; }
#notebook-overlay-dialog .notebook-listen { display:flex; gap:10px; align-items:center; background:#e9f1f6; padding:12px; border-radius:10px; }
#notebook-overlay-dialog .notebook-listen .study-art { width:27px; height:27px; color:#496e87; }
#notebook-overlay-dialog .notebook-listen button { background:#fff; border-color:#b1c6d5; color:#315876; border-radius:8px; padding:10px 16px; }
#notebook-overlay-dialog .notebook-entry-detail dl { margin:0; display:grid; gap:10px; }
#notebook-overlay-dialog .notebook-entry-detail dl > div { border:1px solid #dfd5c1; border-inline-start:3px solid #b69962; padding:12px; border-radius:8px; background:#fcf8f0; }
#notebook-overlay-dialog .notebook-entry-detail dt { color:#826132; font-size:10px; letter-spacing:.025em; margin-bottom:5px; }
#notebook-overlay-dialog .notebook-entry-detail dd { margin:0; font-size:14px; line-height:1.55; color:#394e59; }
#notebook-overlay-dialog .notebook-memory { border:1px solid #c9d5de; padding:12px; border-radius:10px; background:#edf3f7; font-size:12px; color:#3d5f75; }
#notebook-overlay-dialog .notebook-memory > span { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
#notebook-overlay-dialog .notebook-memory .study-art { width:22px; height:22px; }
#notebook-overlay-dialog .notebook-memory textarea { background:white; border-color:#bbccd8; border-radius:8px; width:100%; min-height:76px; margin:0; }
#notebook-overlay-dialog .notebook-entry-detail footer { display:flex; flex-wrap:wrap; gap:8px; padding:0; border:0; margin:0; }
#notebook-overlay-dialog .notebook-entry-detail footer button { flex:1 1 120px; font-size:12px; min-height:44px; border-radius:9px; background:white; }
#notebook-overlay-dialog [data-notebook-master] { color:#346551; border-color:#97bbaa; }
#notebook-overlay-dialog .notebook-organize { border-top:1px solid #d6e0e5; padding-top:3px; }
#notebook-overlay-dialog .notebook-organize > summary { display:flex; justify-content:space-between; align-items:center; min-height:44px; font-size:12px; font-weight:650; color:#526c7d; padding:10px 0; list-style:none; }
#notebook-overlay-dialog .notebook-organize > summary::after { content:'+'; font-size:20px; font-weight:400; }
#notebook-overlay-dialog .notebook-organize[open] > summary::after { transform:rotate(45deg); }
#notebook-overlay-dialog .notebook-organize .notebook-item-controls { margin:6px 0 10px; flex-wrap:wrap; }
#notebook-overlay-dialog .notebook-dock { background:#e5edf2; border-color:#c1d0dc; border-radius:12px; padding:12px; }
#notebook-overlay-dialog .notebook-dock button { background:white; border-color:#b8c9d4; border-radius:9px; color:#32586e; }
#notebook-overlay-dialog .notebook-widget { background:#fbfaf4; border-color:#d6d0bb; box-shadow:none; border-radius:12px; transform:none; }
@media (max-width:520px) {
 #page-profile .setting-row:has(select) { display:grid; grid-template-columns:minmax(0,1fr); }
 #page-profile .setting-row select { width:100%; }
 #page-profile .tool-section { padding:18px 14px; }
 #page-profile .section-heading h2 { font-size:21px; }
 #page-profile .material-card { display:grid; grid-template-columns:40px minmax(0,1fr); gap:10px; }
 #page-profile .material-action { grid-column:2; justify-self:start; }
 #notebook-overlay-dialog .notebook-header { position:relative; display:grid; grid-template-columns:minmax(0,1fr); gap:12px; padding:16px 12px; }
 #notebook-overlay-dialog .notebook-header > div:first-child { margin-inline-end:44px; }
 #notebook-overlay-dialog .notebook-header-actions { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:6px; }
 #notebook-overlay-dialog .notebook-header-actions .dialog-x { position:absolute; top:12px; inset-inline-end:12px; margin:0; }
 #notebook-overlay-dialog .notebook-entry-detail { padding:12px; }
 #page-learn #learn-focus { padding:22px 18px; }
 #page-learn .lesson-row { padding:14px 12px; gap:10px; grid-template-columns:44px minmax(0,1fr); }
 #page-learn .lesson-node { width:44px; height:54px; }
 #page-learn .lesson-copy h3 { font-size:15px; }
}
.a11y-font-200 #page-profile .profile-sections { grid-template-columns:repeat(2,minmax(0,1fr)); }
.a11y-font-200 #page-learn .lesson-row { grid-template-columns:36px minmax(0,1fr); }
.a11y-font-200 #page-learn .lesson-node { width:36px; }
.high-contrast :is(#page-learn,#page-profile,#notebook-overlay-dialog) { --study-line:#617684; --study-muted:#233d4b; }
/* Learn is a still reading surface. Keep activity feedback in the actual lesson. */
#page-learn,#page-learn .learn-view.active,#page-learn .reveal { animation:none; }
#page-learn :is(.lesson-row,.lesson-node,.lesson-node .study-art) { transform:none; scale:none; filter:none; animation:none; transition:none; }
#page-learn .lesson-row::before,#page-learn .lesson-row .tap-wave { display:none; }
#page-learn .lesson-row { background:#fafbf8; box-shadow:none; }
#page-learn .lesson-row.current { background:#f1f6f1; box-shadow:none; }
#page-learn .lesson-row.locked { background:#f3f5f3; }
#page-learn .lesson-row:is(:active,.is-pressing):not(.locked) { background:#e8f0e9; }
html[data-page="learn"] :is(.topbar,.bottom-nav) { background:#f8f8f3; backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:none; }
@media (prefers-reduced-motion:no-preference) {
 #page-profile .study-overview-links button { transition:transform .18s ease,box-shadow .18s ease; }
 #page-profile .study-overview-links button:active { transform:translateY(2px); }
 #page-profile .study-disclosure[open] > :not(summary),
 #notebook-overlay-dialog .notebook-entry details[open] > .notebook-entry-detail { animation:study-unfold .18s ease-out; }
 @keyframes study-unfold { from { opacity:.65; } to { opacity:1; } }
}
.calm-mode :is(#page-learn,#page-profile,#notebook-overlay-dialog) * { animation:none!important; transition:none!important; }
.calm-mode #page-learn :is(.lesson-row,.lesson-node) { transform:none!important; }
.calm-mode #page-learn .lesson-row .tap-wave { display:none!important; }
@media (prefers-reduced-motion:reduce) {
 #page-learn :is(.lesson-row,.lesson-node) { transform:none!important; transition:none!important; }
 #page-learn .lesson-row .tap-wave { display:none!important; }
}

#page-learn .chapter-banner :is(h2,p,small) { color:var(--study-ink); }
#page-learn .chapter-banner::after { display:none; }
#page-learn #learn-focus .learning-capabilities li { background:#294d5b; border-color:#607884; color:#eaf0f0; }
#page-learn #learn-focus .learning-capabilities li span { background:#e1e9ed; color:#294552; }
#page-profile .exam-evidence-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
#page-profile .exam-evidence-grid > span { min-width:0; padding:12px 8px; background:#eef4f0; border-color:#cddbd2; border-radius:10px; }
#page-profile .exam-evidence-grid small { font-size:11px; overflow-wrap:anywhere; }
#page-profile .exam-evidence-grid strong { font-size:23px; color:#355e4a; }
#page-profile .exam-evidence-grid em { font-size:10px; }
#page-profile .exam-evidence-grid:has(> span:nth-child(4)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.a11y-font-200 #page-profile .exam-evidence-grid { grid-template-columns:minmax(0,1fr); }