/* ============================================================================
   THE MAKOR PROJECT — style.css
   Canonical stylesheet. Design system: Direction A (editorial).
   Palette: hero slate-teal #274C5C, nav teal #0F4C5C, sage #6E9079,
   terracotta accent #C85D3D (light bg only), cream nav bands #F3EFE3/#FAF6EC,
   white logo band. Fonts: Fraunces (display), Inter (body/UI), Cinzel (nav).
   Accessibility: WCAG 2.1 AA. See MAKOR_RULE_SHEET for full spec.
   NOTE: contains iterative override blocks; a full dedupe pass is a pending
   cleanup task (does not affect rendering).
   ============================================================================ */

/* Anchor-jump offset: stop sidenav jumps below the sticky header so headings aren't hidden */
html{scroll-padding-top:124px}

/* ===== MOBILE READING AIDS (phones <=760px only; desktop untouched) ===== */
#m-prog,#m-jump,#m-top{display:none}
@media(max-width:760px){
  html{scroll-padding-top:calc(var(--m-bandh,56px) + 50px)}
  .a-body p,.content p,.a-body li,.content li{font-size:1.1rem;line-height:1.72}
  .a-body p,.content p{margin-bottom:1.05em}
  #m-prog{display:block;position:fixed;top:0;left:0;height:3px;width:0;background:var(--terra,#C85D3D);z-index:600;transition:width .12s linear}
  #m-jump{display:block;position:sticky;top:var(--m-bandh,56px);z-index:150;margin:0;padding:8px 16px;background:var(--bg,#FAFBFA);border-bottom:1px solid var(--cardborder,#dfe4df)}
  #m-jump select{width:100%;font-family:var(--font-ui,'Inter',sans-serif);font-size:1rem;padding:10px 12px;border:1px solid var(--stone-d,#cdb98a);border-radius:8px;background:#fff;color:var(--ink,#22343A)}
  #m-top{display:flex;position:fixed;right:14px;bottom:14px;z-index:500;width:46px;height:46px;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--teal,#0F4C5C);color:#fff;font-size:22px;line-height:1;box-shadow:0 2px 10px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .2s;cursor:pointer}
  #m-top.show{opacity:.95;pointer-events:auto}
}

/* ============================================================
   THE MAKOR PROJECT — makor.css
   Locked design system · Palette B · May 2026
   Unit › Topic · full-bleed bars, 1200px centered content
   Terracotta on LIGHT backgrounds only; stone accents on teal.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Atkinson+Hyperlegible:wght@400;700&display=swap');

:root{
  --teal:#0F4C5C; --heroteal:#274C5C; --teal-d:#0b3a46; --terra:#C85D3D; --terra-d:#a8472f;
  --stone:#E6D8B8; --stone-d:#cdb98a; --bronze:#B08D4F; --gold:#8A6E2E; --cream:#FFFFFF;
  --ink:#22343A; --ink-soft:#536268; --sage:#6E9079; --sage-d:#42624d; --bg:#FAFBFA; --cardborder:#dfe4df; --maxw:1200px;
  --font-display:'Cormorant Garamond',Georgia,serif; --font-italic:'Cormorant Garamond',Georgia,serif; --font-ui:'Lora',Georgia,serif; --font-body:'Lora',Georgia,serif; --font-label:'Cinzel',serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-body);background:var(--bg);color:var(--ink);margin:0;line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--teal)}

/* ---------- BAND (near-white, wordmark left, search right) ---------- */
.band{background:#fff;border-bottom:1px solid var(--stone)}
.band .innerb{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 14px}
.brandlock{display:inline-block;text-decoration:none}
.wordmark{height:78px;display:block;width:auto}
.bandright{display:flex;align-items:center}
.band .search{font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:#7a6a45;text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.band .search .mag{font-size:1.6rem;line-height:1}

/* ---------- NAV 1 — the six Units (teal, stone active) ---------- */
.nav1{background:var(--teal)}
.nav1 .inner1{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 14px}

.nav1 a{font-family:'Cinzel',serif;font-size:.82rem;font-weight:600;letter-spacing:.01em;line-height:1.2;color:rgba(255,255,255,.95);text-decoration:none;padding:13px 14px;border-bottom:3px solid transparent;transition:.15s;display:flex;align-items:center;white-space:nowrap}
.nav1 a .n{color:var(--stone-d);margin-right:6px;font-weight:700;font-size:1.05rem}
.nav1 a .lab2{display:inline-block;line-height:1.35}
.nav1 a .lab2 .br{display:block;margin-top:1px}
.nav1 a:hover{color:#fff;background:rgba(255,255,255,.06);border-bottom-color:var(--terra)}
.nav1 a.on{color:#fff;background:rgba(255,255,255,.1);border-bottom-color:var(--stone)}
.nav1 a.on .n{color:#fff}

/* ---------- NAV 2 — Curriculum Gap anchor + reference shelf (light) ---------- */
.nav2{background:var(--cream);border-bottom:1px solid var(--stone)}
.nav2 .inner2{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0 18px}

.nav2 .gap{font-family:'Cinzel',serif;font-size:.82rem;letter-spacing:.04em;color:var(--terra-d);font-weight:700;text-decoration:none;padding:13px 16px 13px 4px;border-bottom:3px solid transparent}
.nav2 .gap:hover{border-bottom-color:var(--terra)}

.nav2 a:not(.gap){font-family:'Cinzel',serif;font-size:.82rem;font-weight:700;color:var(--teal);text-decoration:none;padding:13px 14px;border-bottom:3px solid transparent;align-self:center;white-space:nowrap}
.nav2 a:not(.gap):hover{color:var(--teal);border-bottom-color:var(--terra)}
.nav2 a:not(.gap).on,.nav2 a:not(.gap)[aria-current="page"]{border-bottom-color:var(--terra);color:var(--terra-d);font-weight:800}
.nav2 .lab2b{display:inline-block;line-height:1.25;text-align:left}
.nav2 .lab2b .br2{display:block}

/* ---------- BANNER (page-specific image; name + description over it) ---------- */
.banner{position:relative;min-height:300px;background:linear-gradient(135deg,#143b34,#0F4C5C 55%,#3a2620);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:30px 34px;color:#fff}
.banner::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.banner .inner{position:relative;max-width:var(--maxw);margin:0 auto;width:100%}
.banner .kick{font-family:var(--font-display);font-size:.66rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#e9dcbf;margin-bottom:10px}
.banner h1{font-family:var(--font-display);font-weight:500;font-size:2rem;line-height:1.14;margin-bottom:12px;max-width:660px}
.banner .desc{font-family:var(--font-italic);font-style:italic;font-size:1.14rem;color:rgba(255,255,255,.94);max-width:600px;line-height:1.5}

/* ---------- SUB-BAR (Unit + Topic title, sequence, print button) ---------- */
.subbar{background:var(--cream);border-bottom:1px solid var(--stone)}
.subbar .inners{max-width:var(--maxw);margin:0 auto;padding:12px 34px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.subbar .crumb{font-family:var(--font-display);font-size:.7rem;letter-spacing:.06em;color:var(--teal);font-weight:600}
.subbar .crumb .sec{color:var(--terra-d);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:4px;font-weight:700}
.subbar .right{display:flex;align-items:center;gap:18px}
.subbar .seq{font-family:var(--font-display);font-size:.66rem;font-weight:700;letter-spacing:.04em;color:var(--teal)}
.subbar .seq a{color:var(--terra-d);text-decoration:none;font-weight:700}
.printbtn{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);background:none;border:1px solid var(--stone-d);border-radius:2px;padding:7px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.15s}
.printbtn:hover{background:var(--teal);color:#fff;border-color:var(--teal)}

/* ---------- LAYOUT: Unit TOC rail + main content ---------- */
.layout{display:flex;max-width:var(--maxw);margin:0 auto}
.toc{width:268px;flex-shrink:0;background:var(--cream);border-right:1px solid var(--stone);padding:22px 0}
.toc .h{font-family:var(--font-display);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--terra-d);font-weight:700;padding:0 22px 12px;border-bottom:1px solid var(--stone);margin-bottom:6px}
.toc .h b{display:block;color:var(--teal);font-size:.92rem;letter-spacing:.02em;text-transform:none;margin-top:5px;font-weight:500}
.toc a{display:flex;gap:10px;align-items:baseline;font-family:var(--font-body);font-size:.92rem;color:#3a4a50;text-decoration:none;padding:9px 22px;border-left:3px solid transparent}
.toc a .num{font-family:var(--font-display);font-size:.7rem;color:#a89878;min-width:14px}
.toc a:hover{background:rgba(200,93,61,.07);color:var(--teal)}
.toc a.on{background:#fff;border-left-color:var(--terra);color:var(--teal);font-weight:500}
.toc a.on .num{color:var(--terra-d)}
.toc a.done .num::after{content:" ✓";color:#9bbf9b}
.main{flex:1;padding:30px 38px;min-width:0}
.main h2{font-family:var(--font-display);font-weight:500;color:var(--teal);font-size:1.4rem;margin:1.6em 0 .5em;letter-spacing:.01em}
.main h2:first-child{margin-top:0}
.main p{line-height:1.75;font-size:1.12rem;margin-bottom:1.1em;max-width:680px}
.main .lede{font-family:var(--font-italic);font-style:italic;font-size:1.5rem;line-height:1.55;color:var(--teal-d);max-width:820px;margin-bottom:1.5em}
.main figure{margin:1.6em 0;max-width:700px}
.main figure img{width:100%;border:1px solid var(--stone)}
.main figcaption{font-family:var(--font-body);font-size:.82rem;color:var(--ink-soft);font-style:italic;margin-top:.5em}
.main blockquote{background:var(--cream);border-left:4px solid var(--teal);padding:1.2em 1.5em;margin:1.8em 0;max-width:700px}
.main blockquote p{font-family:var(--font-italic);font-style:italic;font-size:1.15rem;color:var(--teal-d);margin:0}
.main blockquote cite{display:block;font-family:var(--font-display);font-style:normal;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--terra-d);margin-top:.7em;font-weight:700}
.sources{border-top:2px solid var(--stone);margin-top:2.5em;padding-top:1.4em;max-width:820px}
.sources h3{font-family:var(--font-display);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra-d);font-weight:700;margin-bottom:.8em}
.sources li{font-family:var(--font-body);font-size:.9rem;color:var(--ink-soft);margin-bottom:.5em;line-height:1.5;list-style:none}
.updated{font-family:var(--font-display);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#9a8a6a;margin-top:1.8em}

/* ---------- FOOTER (trust line, links, url + makor) ---------- */
.foot{background:var(--teal);color:rgba(255,255,255,.85);padding:30px 34px;text-align:center}
.foot .trust{font-family:var(--font-italic);font-style:italic;font-size:1.02rem;line-height:1.6;max-width:680px;margin:0 auto 16px;color:rgba(255,255,255,.9)}
.foot nav a{color:#fff;text-decoration:none;font-family:var(--font-display);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;margin:0 12px;border-bottom:1px solid rgba(176,141,79,.6);padding-bottom:2px}
.foot .urlrow{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.foot .url{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.1em;color:#d9b876}
.foot .dia{color:var(--bronze);font-size:.7rem}
.foot .src{font-family:var(--font-italic);font-style:italic;font-weight:700;font-size:.95rem;color:rgba(255,255,255,.85)}

/* ---------- MOBILE (hamburger drawer, 760px) ---------- */
.ham{display:none;font-size:1.7rem;color:var(--teal);background:none;border:none;cursor:pointer;line-height:1;margin-left:14px}
.mdrawer{display:none;background:var(--teal)}
.mdrawer.open{display:block}
.mdrawer .grp{font-family:var(--font-display);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--stone-d);padding:12px 18px 4px}
.mdrawer a{display:block;color:#fff;text-decoration:none;font-family:var(--font-display);font-size:.86rem;padding:11px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.mdrawer a .n{color:var(--stone-d);font-weight:700;margin-right:8px}
.mdrawer .ref{background:var(--teal-d)}
.mdrawer .ref a{font-family:var(--font-body);font-size:.9rem}
.mdrawer .gap{color:var(--terra);font-weight:700;font-family:var(--font-display)}
@media(max-width:760px){
  .nav1,.nav2{display:none}
  .ham{display:block}
  .wordmark{height:60px}
  .banner{min-height:200px;padding:20px}
  .banner h1{font-size:1.5rem}
  .layout{display:block}
  .toc{width:auto;border-right:none;border-bottom:1px solid var(--stone);padding:14px 0}
  .main{padding:20px}
  .subbar .inners{padding:12px 20px;flex-direction:column;align-items:flex-start}
  .foot nav a{display:inline-block;margin:5px 8px}
  .foot .urlrow{flex-direction:column;gap:6px}
}

/* ---------- PRINT / SAVE-AS-PDF ---------- */
@media print{
  .band,.nav1,.nav2,.mdrawer,.banner::before,.subbar .right,.toc,.foot,.printbtn,.ham{display:none!important}
  .banner{min-height:auto;background:none;color:#000;padding:0 0 12px;border-bottom:2px solid var(--teal)}
  .banner .kick{color:var(--terra-d)}
  .banner h1{color:var(--teal);font-size:1.7rem}
  .banner .desc{color:#333}
  .subbar{border:none}.subbar .inners{padding:8px 0}
  .subbar .crumb,.subbar .crumb .sec{color:#000}
  .layout{display:block}.main{padding:0;max-width:100%}
  .main p,.main .lede{max-width:100%;color:#000}
  body{font-size:11pt}
  a{color:#000;text-decoration:none}
  .sources li{color:#222}
  /* print header/footer identity */
  .printhead{display:block!important;font-family:var(--font-display);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#666;border-bottom:1px solid #ccc;padding-bottom:6px;margin-bottom:14px}
  .printfoot{display:block!important;font-family:var(--font-italic);font-style:italic;color:#555;border-top:1px solid #ccc;margin-top:24px;padding-top:8px;font-size:9pt}
}
.printhead,.printfoot{display:none}

/* ---------- legacy in-content classes (from original Topic pages) ---------- */
.main .topic-meta{display:flex;flex-wrap:wrap;gap:10px 0;font-family:var(--font-display);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-weight:700;border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);padding:1em 0;margin-bottom:1.8em}.main .topic-meta span{padding:0 16px;border-right:1px solid var(--stone-d)}.main .topic-meta span:first-child{padding-left:0}.main .topic-meta span:last-child{border-right:none}.main .topic-meta b{color:var(--terra-d);font-weight:700}
.main .eyebrow{font-family:var(--font-display);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra-d);font-weight:700;margin:2em 0 .5em}
.main section h2,.main section > .eyebrow + p{}
.main .callout{background:var(--cream);border-left:4px solid var(--teal);padding:1.1em 1.4em;margin:1.6em 0;border-radius:0}
.main .callout p{margin:0}
.main .disclaimer{font-size:.85rem;color:var(--ink-soft);font-style:italic}
.main section{margin-bottom:1.8em;max-width:720px}
.main section h2{font-family:var(--font-display);font-weight:600;color:var(--teal);font-size:1.55rem;margin:1.6em 0 .55em;letter-spacing:.01em}
.cites{border-top:2px solid var(--stone);margin-top:2.4em;padding-top:1.4em}
.cites h2,.cites .eyebrow{font-family:var(--font-display);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra-d);font-weight:700}
.cites p,.cites li{font-size:1rem;color:var(--ink-soft);line-height:1.6;margin-bottom:.5em}

/* ---------- Learn More block ---------- */
.learnmore{border-top:2px solid var(--stone);margin-top:2.4em;padding-top:1.6em;max-width:820px}
.learnmore h3{font-family:var(--font-display);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra-d);font-weight:700;margin-bottom:.5em}
.learnmore .lm-intro{font-size:.95rem;color:var(--ink-soft);margin-bottom:1.2em;font-style:italic}
.lm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.lm-card{display:block;background:var(--cream);border:1px solid var(--stone);border-left:4px solid var(--terra);padding:14px 16px;text-decoration:none;transition:.15s}
a.lm-card:hover{border-color:var(--stone-d);border-left-color:var(--terra);box-shadow:0 4px 14px rgba(15,76,92,.08);transform:translateY(-1px)}
.lm-card .lm-tag{font-family:var(--font-display);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra-d);font-weight:700;display:block;margin-bottom:5px}
.lm-card b{font-family:var(--font-display);font-weight:500;color:var(--teal);font-size:.98rem;display:block;margin-bottom:4px;line-height:1.25}
.lm-card .lm-d{font-family:var(--font-body);font-size:.85rem;color:var(--ink-soft);line-height:1.45}
.lm-card.lm-todo{border-left-color:var(--stone-d);opacity:.85}
.lm-card.lm-todo .lm-tag{color:#9a8a6a}
@media print{.learnmore,.lm-grid{display:none!important}}

/* ---------- Misconceptions block (must jump) ---------- */
.misconceptions{background:#FBEEEA;border:1px solid #e6b9a8;border-left:6px solid var(--terra);border-radius:3px;padding:1.4em 1.6em;margin:2em 0;max-width:820px}
.misconceptions .mc-head{font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--terra-d);margin-bottom:.7em;display:flex;align-items:center;gap:9px}
.misconceptions .mc-head::before{content:"\26A0";font-size:1.1rem}
.misconceptions > p{font-size:1.05rem;color:#5a3c30;margin-bottom:1em}
.misconceptions ul{list-style:none;margin:0;padding:0}
.misconceptions li{background:#fff;border:1px solid #eccdc2;border-radius:3px;padding:.8em 1em;margin-bottom:.6em;font-size:1.02rem;line-height:1.5}
.misconceptions li em{color:#8a2f1a;font-style:italic;font-weight:500}
.misconceptions li a{display:inline-block;margin-top:.3em;font-family:var(--font-display);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--terra-d);font-weight:700;text-decoration:none;border-bottom:1px solid var(--terra)}
.misconceptions li a:hover{color:var(--teal)}
.misconceptions .mc-browse{display:inline-block;margin-top:.6em;font-family:var(--font-display);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--terra);padding:.6em 1.1em;text-decoration:none;border-radius:2px}
.misconceptions .mc-browse:hover{background:var(--terra-d)}
@media print{.misconceptions{background:#fff;border-color:#ccc}}

/* ---------- Sticky scroll-spy TOC ---------- */
.toc{position:sticky;top:0;align-self:flex-start;max-height:100vh;overflow-y:auto}
.toc .sub{display:none;padding:2px 0 6px}
.toc a.on + .sub{display:block}
.toc .sub a{font-size:.84rem;padding:6px 22px 6px 40px;color:#5a6a70;border-left:3px solid transparent}
.toc .sub a.spy{color:var(--teal);font-weight:600;border-left-color:var(--terra);background:#fff}
@media(max-width:760px){.toc{position:static;max-height:none}}

/* ============================================================
   CARD SYSTEM (modern, boxed) — overrides flat layout
   ============================================================ */
.layout{display:grid;grid-template-columns:250px 1fr;gap:22px;max-width:var(--maxw);margin:0 auto;padding:22px 14px;background:var(--bg)}
.main{display:flex;flex-direction:column;gap:18px;padding:0}

/* sticky boxed teal TOC */
.toc{position:sticky;top:18px;align-self:start;width:auto;background:var(--teal);border:none;border-radius:12px;padding:18px 0;overflow:hidden;max-height:calc(100vh - 36px);overflow-y:auto}
.toc .h{font-family:var(--font-ui);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:#e9dcbf;padding:0 18px 12px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:6px;font-weight:600}
.toc .h b{display:block;font-family:var(--font-display);color:#fff;font-size:.98rem;text-transform:none;letter-spacing:0;margin-top:6px;font-weight:500}
.toc a{display:block;font-family:var(--font-ui);font-size:.9rem;color:rgba(255,255,255,.95);text-decoration:none;padding:8px 18px;border-left:3px solid transparent}
.toc a .num{font-family:var(--font-ui);font-size:.72rem;color:#e9dcbf;min-width:0;margin-right:7px}
.toc a:hover{background:rgba(255,255,255,.06);color:#fff}
.toc a.on{background:rgba(255,255,255,.1);color:#fff;border-left-color:var(--sage);font-weight:500}
.toc a.on .num{color:#fff}
.toc a.done .num::after{content:" ✓";color:#9bbf9b}
.toc .sub{display:none;background:rgba(0,0,0,.12)}
.toc a.on + .sub{display:block;padding:2px 0 8px}
.toc .sub a{font-size:.82rem;padding:6px 18px 6px 34px;color:rgba(255,255,255,.8);border-left:3px solid transparent}
.toc .sub a.spy{color:#fff;border-left-color:var(--sage);background:rgba(255,255,255,.06)}

/* each content section is a CARD */
.main section,.cites,.learnmore{background:#fff;border:1px solid var(--cardborder);border-radius:12px;padding:26px 30px;margin:0;max-width:none;box-shadow:0 1px 3px rgba(20,50,40,.04)}
.main .topic-meta{display:flex;flex-wrap:wrap;gap:8px;background:none;border:none;padding:0;margin:0}
.main .topic-meta span{font-family:var(--font-ui);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;background:#fff;border:1px solid var(--cardborder);color:#6a7a72;padding:7px 12px;border-radius:20px}
.main .topic-meta b{color:var(--terra-d);font-weight:600}

/* lede as a teal feature card */
.main .lede{font-family:var(--font-italic);font-style:italic;font-weight:400;font-size:1.4rem;line-height:1.5;color:#fff;background:var(--teal);border-radius:12px;padding:26px 30px;max-width:none;margin:0}

/* headings + eyebrow pill */
.main .eyebrow{font-family:var(--font-ui);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--sage-d);font-weight:600;background:#eef3ef;padding:5px 11px;border-radius:20px;display:inline-block;margin:0 0 .7em}
.main section h2{font-family:var(--font-display);font-weight:700;color:var(--teal);font-size:1.85rem;margin:0 0 .5em;letter-spacing:0;line-height:1.2}
.main p{font-family:var(--font-body);line-height:1.75;font-size:1.08rem;margin-bottom:.85em;max-width:none;color:var(--ink)}
.main p:last-child{margin-bottom:0}
.main .callout,.a-body .callout{background:#F5F7F5;border:1px solid #d4e0d6;border-left:5px solid var(--sage);border-radius:10px;padding:1.1em 1.4em;margin:1.2em 0}
.main .callout p,.a-body .callout p{margin:0}
.main figure{margin:1.2em 0;max-width:none}
.main figure img{width:100%;border:1px solid var(--cardborder);border-radius:8px}
.main figcaption{font-family:var(--font-ui);font-size:.82rem;color:var(--ink-soft);margin-top:.5em}
.main blockquote{background:#F5F7F5;border-left:5px solid var(--sage);border-radius:10px;padding:1.1em 1.4em;margin:1.2em 0;max-width:none}
.main blockquote p{font-family:var(--font-italic);font-style:italic;font-size:1.18rem;color:var(--teal-d);margin:0}
.main blockquote cite{font-family:var(--font-ui);font-style:normal;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sage-d);font-weight:600;display:block;margin-top:.6em}

/* sources card */
.cites .eyebrow,.cites h2,.cites h3{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--sage-d);font-weight:600}
.cites p,.cites li{font-family:var(--font-body);font-size:.95rem;color:var(--ink-soft);line-height:1.6;margin-bottom:.5em}
.disclaimer{font-family:var(--font-body);font-size:.85rem;color:var(--ink-soft);font-style:italic}
.updated{font-family:var(--font-ui);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#9a8a6a;margin-top:1.4em}

/* misconceptions — sage note card (calm, not alarm) */
.misconceptions{background:#F5F7F5;border:1px solid #d4e0d6;border-radius:12px;padding:24px 28px;box-shadow:0 1px 3px rgba(20,50,40,.04)}
.misconceptions .mc-head{font-family:var(--font-ui);font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-d);margin-bottom:.7em}
.misconceptions .mc-head::before{content:none}
.misconceptions > p{font-family:var(--font-body);font-size:1.05rem;color:var(--ink);margin-bottom:1em}
.misconceptions ul{list-style:none;margin:0;padding:0}
.misconceptions li{background:#fff;border:1px solid #dde6de;border-radius:8px;padding:.8em 1.1em;margin-bottom:.55em;font-family:var(--font-body);font-size:1.02rem;line-height:1.5}
.misconceptions li em{color:var(--ink-soft);font-style:italic;font-weight:400}
.misconceptions li a{display:inline-block;margin-top:.35em;font-family:var(--font-ui);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-weight:600;text-decoration:none;border-bottom:1px solid var(--sage)}
.misconceptions li a:hover{color:var(--sage-d)}
.misconceptions .mc-browse{display:inline-block;margin-top:.7em;font-family:var(--font-ui);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--sage);padding:.6em 1.1em;text-decoration:none;border-radius:6px;font-weight:600}
.misconceptions .mc-browse:hover{background:var(--sage-d)}

/* learn more tiles */
.learnmore h3{font-family:var(--font-ui);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--terra-d);font-weight:600;margin-bottom:.6em}
.learnmore .lm-intro{font-family:var(--font-body);font-size:.98rem;color:var(--ink-soft);margin-bottom:1.1em}
.lm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.lm-card{background:#fff;border:1px solid var(--cardborder);border-left:4px solid var(--sage);border-radius:10px;padding:16px;text-decoration:none;display:block;transition:.15s}
a.lm-card:hover{border-color:var(--sage);box-shadow:0 6px 18px rgba(20,50,40,.08);transform:translateY(-2px)}
.lm-card .lm-tag{font-family:var(--font-ui);font-size:.56rem;letter-spacing:.13em;text-transform:uppercase;color:var(--sage-d);font-weight:600;display:block;margin-bottom:6px}
.lm-card b{font-family:var(--font-display);font-weight:500;color:var(--teal);font-size:1rem;display:block;margin-bottom:5px;line-height:1.25}
.lm-card .lm-d{font-family:var(--font-body);font-size:.86rem;color:var(--ink-soft);line-height:1.45}

/* nav + footer fonts to UI/display */
.band .search,.subbar .crumb,.subbar .seq,.printbtn,.foot nav a,.foot .url,.mdrawer a{font-family:var(--font-ui)}
.nav1 a,.nav2 a,.nav2 .gap{font-family:'Cinzel',serif}

.banner h1{font-family:var(--font-display)}
.banner .desc,.foot .trust,.foot .src{font-family:var(--font-italic)}
.subbar .crumb{font-weight:600}

@media(max-width:760px){
  .layout{grid-template-columns:1fr;padding:14px}
  .toc{position:static;max-height:none}
}
@media print{
  .layout{display:block;background:#fff;padding:0}
  .main section,.cites,.learnmore,.misconceptions{border:none;box-shadow:none;padding:0 0 12px}
  .main .lede{background:none;color:#000;padding:0}
  .main .topic-meta span{background:none;border:none;padding:0 10px 0 0}
}

/* ============================================================
   ACCESSIBILITY (WCAG 2.1 AA)
   ============================================================ */
/* visible focus ring on every interactive element */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #C85D3D;outline-offset:2px;border-radius:2px}
/* skip link */
.skip{position:absolute;left:-9999px;top:0;z-index:1000;background:var(--teal);color:#fff;padding:10px 16px;font-family:var(--font-ui);font-weight:600;text-decoration:none}
.skip:focus{left:8px;top:8px}
/* screen-reader-only utility */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* small sage text must use sage-d (AA). enforce */
.lm-card .lm-tag,.misconceptions .mc-head,.main .eyebrow{color:var(--sage-d)!important}
/* respect reduced motion */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  a.lm-card:hover,.tile:hover{transform:none}
}
/* honor zoom/reflow: containers already use max-width + rem; ensure no fixed heights clip text */
.toc{max-height:none}
@media (min-width:761px){.toc{max-height:calc(100vh - 36px)}}

/* ============================================================
   READER TOOLS (text size + dyslexia-friendly toggle)
   ============================================================ */
.readerbar{display:flex;gap:10px;align-items:center;justify-content:flex-end;max-width:var(--maxw);margin:0 auto;padding:8px 18px;background:var(--bg)}
.readerbar .rlabel{font-family:var(--font-ui);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}
.readerbar button{font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--teal);background:#fff;border:1px solid var(--cardborder);border-radius:6px;padding:6px 11px;cursor:pointer}
.readerbar button:hover{border-color:var(--sage)}
.readerbar button[aria-pressed="true"]{background:var(--teal);color:#fff;border-color:var(--teal)}
/* text-size steps applied to <html> */
html.txt-lg{font-size:19px}
html.txt-xl{font-size:21px}
/* dyslexia-friendly mode: switch body + headings to a high-legibility sans, more spacing */
body.dyslexia,body.dyslexia .main p,body.dyslexia .main .lede,body.dyslexia .nav1 a,body.dyslexia .nav2 a{font-family:'Atkinson Hyperlegible','Inter',sans-serif!important}
body.dyslexia .main section h2,body.dyslexia .banner h1{font-family:'Atkinson Hyperlegible','Inter',sans-serif!important;font-weight:700}
body.dyslexia .main p{line-height:2;letter-spacing:.01em;word-spacing:.05em}

/* ============================================================
   KEY TAKEAWAYS box (per Topic, top of content)
   ============================================================ */
.takeaways{background:#fff;border:1px solid var(--cardborder);border-left:4px solid var(--teal);border-radius:12px;padding:22px 26px;box-shadow:0 1px 3px rgba(20,50,40,.04)}
.takeaways h2{font-family:var(--font-ui);font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--teal);font-weight:700;margin:0 0 .7em}
.takeaways ul{margin:0;padding:0;list-style:none}
.takeaways li{font-family:var(--font-body);font-size:1.05rem;line-height:1.6;color:var(--ink);padding:.4em 0 .4em 1.6em;position:relative}
.takeaways li::before{content:"\2713";position:absolute;left:0;color:var(--sage-d);font-weight:700}
@media print{.readerbar,.skip{display:none!important}.takeaways{border:1px solid #ccc}}

/* ============================================================
   DIRECTION A — Editorial layout (LOCKED page system)
   ============================================================ */
.a-hero{background:var(--teal);color:#fff;padding:56px 6vw 64px;position:relative;overflow:hidden}
.a-hero .a-num{position:absolute;right:3vw;top:8px;font-family:var(--font-display);font-weight:600;font-size:17rem;line-height:1;color:rgba(255,255,255,.05);pointer-events:none;user-select:none}
.a-hero .a-unit{font-family:var(--font-label);font-weight:700;font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:#f0d49a;margin-bottom:14px;position:relative}
.a-hero h1{font-family:var(--font-display);font-weight:600;font-size:3.1rem;line-height:1.04;letter-spacing:0;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55);max-width:none;margin-bottom:14px;position:relative}
.a-hero .a-desc{font-family:var(--font-display);font-style:italic;font-size:1.45rem;line-height:1.4;max-width:36ch;color:#cfe3dd;position:relative;text-wrap:balance}

.a-wrap{display:grid;grid-template-columns:300px 1fr;gap:0;max-width:1280px;margin:0 auto;background:var(--bg)}
.a-rail{border-right:1px solid var(--line,#e4e8e4);padding:24px 30px 36px;position:sticky;top:130px;align-self:start;max-height:calc(100vh - 130px);overflow-y:auto}
.a-rail .a-back{font-family:var(--font-ui);font-weight:700;font-size:.82rem;color:var(--ink-soft);text-decoration:none;display:inline-block;margin-bottom:24px}
.a-rail .a-back:hover{color:var(--teal)}
.a-rail .a-ut{font-family:var(--font-ui);font-weight:800;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--terra-d);margin-bottom:6px}
.a-rail .a-un{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--teal);line-height:1.15;margin-bottom:18px;padding-bottom:18px;border-bottom:2px solid var(--line,#e4e8e4)}
.a-rail .a-prog{height:4px;background:#e4e8e4;border-radius:3px;margin-bottom:20px;overflow:hidden}
.a-rail .a-prog i{display:block;height:100%;width:0;background:var(--terra);border-radius:3px;transition:width .15s}
.a-topics{list-style:none;margin:0;padding:0}
.a-topics>li{margin-bottom:2px}
.a-topics>li>a{display:flex;gap:12px;font-family:var(--font-ui);font-weight:600;font-size:.95rem;color:var(--ink-soft);text-decoration:none;padding:9px 0;align-items:baseline}
.a-topics>li>a .tn{font-family:var(--font-ui);font-size:.78rem;color:#b3bbb4;font-weight:700;min-width:18px}
.a-topics>li>a:hover{color:var(--teal)}
.a-unitlink{text-decoration:none;display:block}
.a-rail .a-xref{font-family:var(--font-ui);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft,#7a7a72);margin:-6px 0 14px;line-height:1.3}
.a-rail .a-xref a{color:var(--teal);text-decoration:none;font-weight:700}
.a-rail .a-xref a:hover{color:var(--terra-d)}
.a-unitlink:hover .a-un{color:var(--terra-d)}
.a-topics>li.soon>span.tlink{display:flex;gap:12px;font-family:var(--font-ui);font-weight:600;font-size:.95rem;color:#b3bbb4;padding:9px 0;align-items:baseline;cursor:default}
.a-topics>li.soon>span.tlink .tn{font-family:var(--font-ui);font-size:.78rem;color:#cdd3cd;font-weight:700;min-width:18px}
.a-topics>li.soon>span.tlink .soonmark{font-family:var(--font-label);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze);font-weight:700;align-self:center;margin-left:4px}
.a-topics>li.cur{background:#eef4f3;border-left:3px solid var(--terra);border-radius:0 8px 8px 0;padding:2px 12px 10px;margin:6px 0 6px -3px}
.a-topics>li.cur>a{color:var(--teal);padding:9px 0 4px}
.a-topics>li.cur>a .tn{color:var(--terra)}
.a-subs{display:none;list-style:none;margin:0 0 0 30px;padding:0}
.a-topics>li.cur .a-subs{display:block}
.a-rail>.a-subs{display:block}
.a-topics>li.cur .a-subs::before{content:"On this page";display:block;font-family:var(--font-label);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);font-weight:700;margin:2px 0 5px}
.a-subs li a{display:block;font-family:var(--font-ui);font-weight:500;font-size:.84rem;line-height:1.3;color:var(--ink-soft);text-decoration:none;padding:5px 0 5px 12px;border-left:2px solid var(--stone);margin-left:0}
.a-subs li a:hover{color:var(--teal);border-left-color:var(--bronze)}
.a-subs li a.on{color:var(--teal);border-left-color:var(--terra);font-weight:600}


.a-body{padding:46px 5vw 64px;max-width:940px}
.a-body section{margin-bottom:8px;margin-top:52px}
.a-body .eyebrow{font-family:var(--font-ui);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-d);margin:0 0 6px;display:block}
.a-body h2{font-family:var(--font-display);font-weight:600;font-size:1.5rem;line-height:1.18;color:var(--teal);margin:0 0 16px;letter-spacing:-.01em}
.a-body section:first-child{margin-top:0}
.a-body p{font-size:1.12rem;line-height:1.68;margin-bottom:1em;color:var(--ink)}
.a-body ul,.a-body ol{margin:0 0 1.1em}
.a-body li{font-size:1.12rem;line-height:1.68;color:var(--ink);margin-bottom:.5em}
.a-body .lede,.a-body p.lede{font-family:var(--font-display);font-style:italic;font-size:1.3rem;line-height:1.45;color:var(--teal-d);background:none;padding:0;margin:0 0 1.2em;max-width:none}
.a-body .drop::first-letter{font-family:var(--font-display);font-weight:600;font-size:4rem;float:left;line-height:.78;margin:8px 12px 0 0;color:var(--terra)}
.a-body .takeaways,.a-body .misconceptions,.a-body .learnmore,.a-body .cites{margin:28px 0}

@media(max-width:860px){
  .a-hero h1{font-size:2.6rem}
  .a-hero .a-num{font-size:9rem}
  .a-wrap{grid-template-columns:1fr}
  .a-rail{position:static;max-height:none;border-right:none;border-bottom:1px solid var(--line,#e4e8e4)}
  .a-body{padding:32px 22px}
}
@media print{
  .a-hero{background:#fff;color:#000;padding:0 0 14px;border-bottom:2px solid var(--teal)}
  .a-hero .a-num{display:none}.a-hero .a-unit{color:var(--terra-d)}.a-hero h1{color:var(--teal);font-size:2rem}.a-hero .a-desc{color:#333}
  .a-wrap{display:block}.a-rail{display:none}.a-body{padding:0;max-width:100%}
}

/* ---- reading tools in band (compact icon menu) ---- */
.rtools{position:relative;display:inline-flex;align-items:center;margin-right:6px}
.rtoggle{background:none;border:none;color:var(--teal);cursor:pointer;padding:6px;border-radius:6px;display:inline-flex}
.rtoggle:hover{background:#eef3ef}
.rmenu{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:60;background:#fff;border:1px solid var(--cardborder);border-radius:10px;box-shadow:0 10px 30px rgba(20,50,40,.14);padding:12px;min-width:210px}
.rmenu.open{display:block}
.rrow{display:flex;align-items:center;gap:6px;margin-bottom:9px}
.rrow .rlbl{font-family:var(--font-ui);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;margin-right:auto}
.rmenu button{font-family:var(--font-ui);font-weight:600;color:var(--teal);background:#fff;border:1px solid var(--cardborder);border-radius:6px;padding:5px 10px;cursor:pointer;font-size:.82rem}
.rmenu button:hover{border-color:var(--sage)}
.rmenu button[aria-pressed="true"]{background:var(--teal);color:#fff;border-color:var(--teal)}
.rmenu .rdys{width:100%;font-size:.8rem;padding:8px}
.rmenu sup{font-size:.6em}

/* ---- restore META as chips in Direction A ---- */
.a-body .topic-meta,.topic-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;border:none;background:none}
.a-body .topic-meta span,.topic-meta span{font-family:var(--font-ui);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;background:#fff;border:1px solid var(--cardborder);color:#6a7a72;padding:7px 12px;border-radius:20px;display:inline-block}
.a-body .topic-meta b,.topic-meta b{color:var(--terra-d);font-weight:700}

/* hero bg credit */
.a-hero .a-imgcredit{position:absolute;bottom:8px;right:14px;font-family:var(--font-ui);font-size:.6rem;letter-spacing:.04em;color:rgba(255,255,255,.55);max-width:46ch;text-align:right;z-index:2}

/* ---- taller hero + rotating background ---- */
.a-hero{padding-top:88px;padding-bottom:104px;min-height:480px;background:var(--heroteal)}
.a-hero-bg{position:absolute;inset:0;z-index:0}
.a-hero-bg .a-slide{position:absolute;inset:0;background-size:cover;background-position:center 28%;opacity:0;transition:opacity 1.2s ease}
.a-hero-bg .a-slide.on{opacity:1}
.a-hero > *:not(.a-hero-bg){position:relative;z-index:1}
@media(max-width:860px){.a-hero{min-height:280px;padding-top:48px;padding-bottom:56px}}

/* ---- body image grid (for additional verified images) ---- */
.a-body figure.wide{margin:30px 0}
.a-body .figrow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}
.a-body .figrow figure{margin:0}
@media(max-width:680px){.a-body .figrow{grid-template-columns:1fr}}

/* ---- Direction A figure/caption spacing fix ---- */
.a-body figure{margin:24px 0 28px;max-width:none}
.a-body figure img{width:100%;border:1px solid var(--cardborder);border-radius:8px;display:block}
.a-body figure figcaption{font-family:var(--font-ui);font-size:.82rem;line-height:1.45;color:var(--ink-soft);margin-top:10px;max-width:62ch}
/* give the heading that follows a figure clear breathing room, and don't let it sit tiny/cramped */
.a-body figure + section{margin-top:52px}
.a-body section > .eyebrow:first-child{margin-top:0}
/* ensure section headings after a figure keep full size (the 'small heading' issue) */
.a-body h2{font-size:1.5rem;line-height:1.18}

/* ---- reference layout: white band, cream breadcrumb strip, dramatic hero ---- */
.band{background:#fff!important;border-bottom:none}
.subbar{background:#F3EFE3;border-top:1px solid #e7e0cc;border-bottom:1px solid #e7e0cc}
.subbar .crumb{font-family:var(--font-display);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--heroteal);font-weight:600}
.subbar .crumb a{color:var(--heroteal);text-decoration:none;opacity:.75}
.subbar .crumb a:hover{opacity:1}
.subbar .crumb .sep{opacity:.45;margin:0 8px}
/* hero eyebrow gold + dramatic title */
.a-hero .a-unit{color:#f0d49a;font-size:.9rem;letter-spacing:.2em}
.a-hero h1{font-size:5rem;line-height:.98;margin-bottom:26px}
.a-hero .a-desc{font-size:1.55rem;max-width:40ch;color:#d3e0e0}
@media(max-width:860px){.a-hero h1{font-size:2.7rem}.a-hero{min-height:340px;padding:52px 6vw 64px}}
/* BANNER IMAGE caption treatment — bottom-right, small caps, muted */
.a-hero .a-imgcredit{position:absolute;bottom:22px;right:30px;font-family:var(--font-display);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62);max-width:30ch;text-align:right;line-height:1.4;z-index:2}
.subbar .crumbwrap{max-width:1280px;margin:0 auto;padding:14px 5vw}

/* ===== REFERENCE HEADER: minimal weight, logo-forward ===== */
/* white band, more room so the logo catches the eye; no teal, no extra bands */
.band{background:#fff!important;border-bottom:1px solid #efece4}
.band .innerb{max-width:var(--maxw);margin:0 auto;padding:18px 14px;display:flex;align-items:center;justify-content:space-between}
.wordmark{height:78px;width:auto}            /* bigger logo = catches the eye */
.menu-labeled{display:inline-flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:.92rem;letter-spacing:.14em;text-transform:uppercase;color:var(--heroteal);padding:8px 4px}
.menu-labeled .menutext{font-family:var(--font-display)}
.menu-labeled:hover{color:var(--terra-d)}

/* ===== DRAMATIC, TALLER HERO; smaller title; lede runs wide on fewer rows ===== */
.a-hero{min-height:560px!important;padding-top:96px!important;padding-bottom:120px!important;background:var(--heroteal)!important}
.a-hero h1{font-size:3.1rem!important;line-height:1.04!important;letter-spacing:0!important;margin-bottom:14px!important;max-width:18ch}
.a-hero .a-desc{font-family:var(--font-italic)!important;font-style:italic!important;font-size:1.32rem!important;max-width:48ch!important;line-height:1.45!important;color:#fbf6ec!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important}
.a-hero .a-unit{color:#f0d49a!important;font-size:.9rem;letter-spacing:.2em}
@media(max-width:860px){.a-hero{min-height:380px!important;padding:56px 6vw 72px!important}.a-hero h1{font-size:2.5rem!important}.wordmark{height:64px}}

/* banner caption wording style (bottom-right small caps) already set; ensure it sits lower in taller hero */
.a-hero .a-imgcredit{bottom:26px;right:30px}

/* ===== NAV ROWS AS THIN CREAM BANDS (above banner; no teal, low weight) ===== */
.nav1{background:#F3EFE3;border-top:1px solid #e7e0cc;border-bottom:1px solid #ece5d4}
.nav2{background:#FAF6EC;border-bottom:1px solid #e7e0cc}
.nav1 .inner1,.nav2 .inner2{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 14px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
/* a11y: at constrained widths / zoom, wrap instead of hiding links behind a hidden scrollbar */
@media(min-width:761px) and (max-width:1080px){.nav1 .inner1,.nav2 .inner2{flex-wrap:wrap;overflow-x:visible;justify-content:flex-start;row-gap:2px}}
/* row 1 links — teal text on cream, thin */
.nav1 a{font-family:'Cinzel',serif;font-size:.87rem;font-weight:700;letter-spacing:0;color:var(--heroteal);text-decoration:none;padding:12px 9px;border-bottom:3px solid transparent;display:flex;align-items:center;gap:3px;white-space:nowrap;line-height:1.2}
.nav1 a .n{font-size:1.05rem;color:var(--bronze);font-weight:700}
.nav1 a:hover{color:var(--terra-d);border-bottom-color:var(--terra)}
.nav1 a.on{border-bottom-color:var(--terra);color:var(--heroteal)}
.nav1 a.on .n{color:var(--terra)}
/* row 2 links — teal, bold, slightly smaller, spaced */
.nav2 .inner2{justify-content:space-between}
.nav2 a:not(.gap){font-family:'Cinzel',serif;font-size:.85rem;font-weight:700;color:var(--heroteal);text-decoration:none;padding:11px 6px;border-bottom:3px solid transparent;white-space:nowrap}
.nav2 a:not(.gap):hover{color:var(--terra-d);border-bottom-color:var(--terra)}
.nav2 .gap{font-family:'Cinzel',serif;font-size:.85rem;font-weight:700;letter-spacing:.02em;color:var(--terra-d);text-decoration:none;padding:11px 8px 11px 0;white-space:nowrap}
/* hide both rows on mobile (drawer takes over) */
@media(max-width:760px){.nav1,.nav2{display:none}}
/* trim the earlier heavy band padding back down */
.band .innerb{padding:18px 14px}
.wordmark{height:78px}

/* banner caption: smaller, not all-caps (final) */
.a-hero .a-imgcredit{font-family:var(--font-ui)!important;font-size:.66rem!important;letter-spacing:.02em!important;text-transform:none!important;color:rgba(255,255,255,.6)!important;max-width:100ch!important;line-height:1.45!important;bottom:20px!important;right:26px!important}

/* AJ banner: vertical Synagoga statue — show her face (upper portion) */
.a-hero .a-slide{background-size:cover !important;background-position:center !important}
/* shrink the Synagoga figure where it appears in the body (tall vertical) */
.a-body figure.portrait img{max-width:340px;display:block;margin:0 auto}
.a-body figure.portrait{margin:26px 0}

/* deicide hook-quote — featured pull-quote near top */
.a-body blockquote.hook-quote{background:#F4F7F4;border:none;border-left:4px solid var(--terra);border-radius:10px;padding:24px 28px;margin:28px 0}
.a-body blockquote.hook-quote p{font-family:var(--font-display);font-style:italic;font-size:1.5rem;line-height:1.35;color:var(--heroteal);margin:0 0 .6em}
.a-body blockquote.hook-quote p em{font-style:italic;color:var(--terra-d)}
.a-body blockquote.hook-quote cite{font-family:var(--font-ui);font-style:normal;font-size:.95rem;line-height:1.55;color:var(--ink-soft);display:block}

.nav1 .inner1::-webkit-scrollbar,.nav2 .inner2::-webkit-scrollbar{display:none}

/* ===== FORMS (Partner / signup) ===== */
.makor-form{max-width:560px;margin:8px 0 0}
.makor-form .fld{margin-bottom:16px;display:flex;flex-direction:column}
.makor-form label{font-family:var(--font-ui);font-size:.92rem;font-weight:600;color:var(--ink);margin-bottom:6px}
.makor-form input,.makor-form select,.makor-form textarea{font-family:var(--font-ui);font-size:1rem;padding:11px 13px;border:1.5px solid var(--stone);border-radius:8px;background:#fff;color:var(--ink)}
.makor-form input:focus,.makor-form select:focus,.makor-form textarea:focus{outline:none;border-color:var(--sage-d);box-shadow:0 0 0 3px rgba(110,144,121,.18)}
.btn-primary{font-family:var(--font-ui);font-size:1rem;font-weight:700;color:#fff;background:var(--terra-d);border:none;border-radius:8px;padding:13px 26px;cursor:pointer;transition:background .15s}
.btn-primary:hover{background:var(--terra)}
.formnote{font-family:var(--font-ui);font-size:.85rem;color:var(--ink-soft);margin-top:12px}
.makor-form ul{margin:0}

/* form checkbox group */
.makor-form .fld-legend{font-family:var(--font-ui);font-size:.92rem;font-weight:600;color:var(--ink);margin-bottom:8px;display:block}
.makor-form .chk{display:flex;align-items:center;gap:9px;font-weight:400;font-size:.98rem;margin-bottom:7px;cursor:pointer}
.makor-form .chk input{width:auto;padding:0;margin:0}

/* terracotta checkboxes/radios in forms */
.makor-form input[type="checkbox"],.makor-form input[type="radio"]{accent-color:var(--terra);width:17px;height:17px}

/* ============================================================
   RESKIN LAYER — borrowed Cinzel/Cormorant/Lora treatment
   Cinzel = small tracked-caps labels & nav · Cormorant = H1/H2/ledes
   Lora = body. Structure/palette unchanged. (rev. 2026-05-30)
   ============================================================ */
/* Body rhythm tuned for Lora */
body{font-size:18px;line-height:1.65}
.main p,.main li{font-family:var(--font-body)}

/* Headings & ledes — Cormorant carries display size well; bump weight/size
   slightly so it reads as a heading face, not body italic */
.banner h1{font-family:var(--font-display);font-weight:600;font-size:2.35rem;letter-spacing:.005em}
.main section h2,.main h2{font-family:var(--font-display);font-weight:600;font-size:1.7rem}
.main .lede{font-family:var(--font-italic);font-size:1.6rem;line-height:1.45}
.banner .desc{font-family:var(--font-italic);font-size:1.2rem}
.foot .trust,.foot .src,.printfoot{font-family:var(--font-italic)}
.main blockquote p{font-family:var(--font-italic)}

/* Small tracked-caps labels → Cinzel (Cormorant is too light at caps) */
.band .search,.banner .kick,.subbar .crumb,.subbar .seq,.printbtn,
.toc .h,.toc a .num,.main .topic-meta,.main .eyebrow,
.cites h2,.cites .eyebrow,.sources h3,.learnmore h3,.lm-card .lm-tag,
.updated,.foot nav a,.foot .url,.mdrawer .grp,.mdrawer a,.mdrawer .gap,
.printhead,.main blockquote cite,.nav1 .n,.a-unit,.a-ut,.a-tag,.tn{
  font-family:var(--font-label)}
/* Cinzel runs large; trim caps labels a touch so they don't dominate Lora */
.main .eyebrow{font-size:.66rem;letter-spacing:.18em}
.main .topic-meta{font-size:.64rem}

/* ============================================================
   FINAL EDITS (rev. 2026-05-30b) — readability + sticky + rail
   ============================================================ */
/* Sticky logo band */
.band{position:sticky;top:0;z-index:200;background:#fff!important}

/* Rail: drop the redundant top divider under the Unit title;
   the progress bar is the single divider above the topic list */
.a-rail .a-un{border-bottom:none!important;padding-bottom:8px!important;margin-bottom:12px!important}

/* Section labels ("Why this Topic exists", etc.) — larger, bolder, legible */
.main .eyebrow{font-size:.74rem!important;letter-spacing:.12em!important;font-weight:700!important;padding:6px 13px!important}

/* "Learn more · take this further" + "Sources and citations" headers — bigger/bolder */
.learnmore h3{font-size:1.05rem!important;letter-spacing:.06em!important;font-weight:700!important;color:var(--terra-d)!important;margin-bottom:.8em!important}
.cites h3,.cites .eyebrow,.cites h2{font-size:1.05rem!important;letter-spacing:.06em!important;font-weight:700!important;color:var(--terra-d)!important}
/* space between "Sources and citations" header and the list below it */
.cites h3{margin-bottom:1.1em!important}
.sources h3{font-size:1.05rem!important;letter-spacing:.06em!important;font-weight:700!important;margin-bottom:1.1em!important}

/* Learn-more tiles: tag label + title both clearer */
.lm-card .lm-tag{font-size:.72rem!important;letter-spacing:.1em!important;font-weight:700!important;margin-bottom:7px!important}
.lm-card b{font-size:1.12rem!important;font-weight:600!important;letter-spacing:.005em!important}

/* Footer trust paragraph — switch from light italic to readable upright,
   matching the weight of the "Makor is the Hebrew word for source." line */
.foot .trust{font-family:var(--font-body)!important;font-style:normal!important;font-weight:500!important;font-size:1.0rem!important;line-height:1.45!important;color:#fff!important;max-width:760px!important;margin:0 auto 12px!important}

/* Footer nav (ABOUT · CONTACT · EDITORIAL STANDARDS · SOURCES) — bolder,
   spaced, easier to read; mirrors the Cinzel label treatment */
.foot nav a{font-family:var(--font-label)!important;font-size:.74rem!important;font-weight:600!important;letter-spacing:.14em!important;margin:0 14px!important}

/* figure.fit — landscape/large body image sized so the whole image AND its
   caption fit one screen without scrolling (rev. 2026-05-30c) */
.a-body figure.fit img{max-height:62vh;width:auto;max-width:100%;display:block;margin:0 auto}
.a-body figure.fit{margin:26px 0;text-align:center}
.a-body figure.fit figcaption{text-align:left;max-width:62ch;margin-left:auto;margin-right:auto}
/* portrait figures: also cap height so tall images + caption stay on one screen */
.a-body figure.portrait img{max-height:60vh}

/* ============================================================
   WORDMARK — guaranteed site-wide (rev. 2026-05-30d)
   The logo is defined here so it is always present on every page
   that links this stylesheet, even if a page's <img> is missing or
   fails to load. makor-logo.png sits at the site root next to this file.
   ============================================================ */
.brandlock{display:inline-block;text-decoration:none;background:none}
/* if the inline <img> loads, it sits on top of the background identically;
   if it is missing/broken, the background still shows the wordmark */
.brandlock .wordmark{position:relative}
@media(max-width:860px){}
@media(max-width:760px){}

/* Section eyebrow labels on Topic pages — larger, more present (rev. 2026-05-30e) */
.a-body .eyebrow{font-size:.78rem;letter-spacing:.12em}
@media(max-width:760px){.a-body .eyebrow{font-size:.86rem}}

/* ── Linkable image credits / captions (added May 2026) ── */
/* Credits and caption sources can link to a museum/scholarly page. */
.fit figcaption a,
figure figcaption a,
.src a,
.hook-cite a{
  color:var(--bronze);
  text-decoration:none;
  border-bottom:1px solid rgba(176,141,79,.45);
  transition:color .15s ease, border-color .15s ease, border-width .15s ease;
}
.fit figcaption a:hover,
figure figcaption a:hover,
.src a:hover,
.hook-cite a:hover,
.fit figcaption a:focus-visible,
figure figcaption a:focus-visible,
.src a:focus-visible,
.hook-cite a:focus-visible{
  color:var(--teal);
  border-bottom:2px solid var(--teal);
}

/* ── Questions for the classroom block (added May 2026) ── */
.questions{background:#FAF7F0;border:1px solid var(--cardborder);border-left:4px solid var(--bronze);border-radius:12px;padding:22px 26px;margin:1.8em 0 0;box-shadow:0 1px 3px rgba(20,50,40,.04)}
.questions .q-head{font-family:var(--font-ui);font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--bronze);font-weight:700;margin:0 0 .8em}
.questions ul{margin:0;padding-left:1.2em;list-style:disc}
.questions li{margin:0 0 .7em;line-height:1.55}
.questions li:last-child{margin-bottom:0}
.questions .q-note{font-family:var(--font-italic);font-style:italic;font-size:.9rem;color:var(--ink-soft);margin:0 0 1em}
.q-tag{display:inline-block;font-family:var(--font-ui);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--teal);background:rgba(15,76,92,.08);border-radius:4px;padding:.15em .5em;margin-left:.2em;vertical-align:middle}

/* ── Curriculum-gap migrated content: standards tags + object boxes (added May 2026) ── */
.gap-tag{display:inline-block;font-family:var(--font-ui);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--teal);background:rgba(15,76,92,.08);border-radius:4px;padding:.18em .55em;margin:.15em .25em .15em 0}
.gap-objects{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:1.2em 0}
.gap-obj{background:#fff;border:1px solid var(--cardborder);border-left:3px solid var(--bronze);border-radius:8px;padding:14px 16px;font-size:.9rem;line-height:1.5}

/* ── Curriculum-gap hook + crosswalk table (rev May 2026) ── */
.cg-hook{font-family:var(--font-display);font-weight:700;font-size:1.5rem;line-height:1.4;color:var(--teal-d);text-align:center;max-width:760px;margin:0 auto 1.4em;padding:0 0 1.1em;border-bottom:2px solid var(--bronze)}
.xwalk-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.4em 0 .6em;border:1px solid var(--cardborder);border-radius:10px}
.xwalk{border-collapse:collapse;width:100%;min-width:860px;font-size:.84rem;background:#fff}
.xwalk thead th{position:sticky;top:0;background:var(--teal);color:#fff;font-family:var(--font-ui);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;text-align:left;padding:13px 14px;vertical-align:middle;border-right:1px solid rgba(255,255,255,.18)}
.xwalk thead th:last-child{border-right:none}
.xwalk thead th span{display:block;font-weight:400;text-transform:none;letter-spacing:0;opacity:.8;font-size:.92em;margin-top:2px}
.xwalk td{border-top:1px solid var(--cardborder);border-right:1px solid var(--cardborder);padding:13px 14px;vertical-align:top;line-height:1.5}
.xwalk td:last-child{border-right:none}
.xwalk tbody tr:nth-child(even) td{background:#FAF8F3}
.xwalk td b{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;color:var(--teal-d);display:block;margin-bottom:.45em;font-weight:700}
.xwalk td a{color:var(--bronze);text-decoration:none;border-bottom:1px solid rgba(176,141,79,.4)}
.xwalk td a:hover{color:var(--teal);border-color:var(--teal)}
.xwalk td:empty{background:#F0EBE0}

/* ============================================================
   PETITIONS — one bubble per petition, stacked document links
   ============================================================ */
.pet-bubble{background:#F7F4ED;border:1px solid var(--stone);border-left:5px solid var(--teal);border-radius:10px;padding:1.4em 1.5em;margin:1.4em 0 1.8em}
.pet-bubble-head{font-family:var(--font-display);font-weight:700;color:var(--teal);font-size:1.18rem;line-height:1.25;margin:0 0 .5em;display:flex;align-items:center;gap:.55em;flex-wrap:wrap}
.pet-bubble-head .ord{display:inline-flex;align-items:center;justify-content:center;min-width:2.4em;height:2.4em;border-radius:50%;background:var(--teal);color:#fff;font-size:1.05rem;font-weight:700;flex:none}
.pet-bubble-desc{font-size:.95rem;line-height:1.55;color:#2a2a2a;margin:0 0 1.1em}
.pet-docs{display:flex;flex-direction:column;gap:.7em}
.pet-doc{display:flex;align-items:center;justify-content:space-between;gap:1em;background:#fff;border:1px solid var(--stone-d);border-radius:6px;padding:.7em .9em;flex-wrap:wrap}
.pet-doc-txt{flex:1;min-width:180px}
.pet-doc-txt b{font-family:var(--font-display);font-size:.98rem;color:#1a1a1a;display:block;margin-bottom:.1em}
.pet-doc-txt span{font-size:.84rem;color:#555;line-height:1.4}
.pet-doc .pet-dl{font-family:var(--font-display);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);background:none;border:1px solid var(--stone-d);border-radius:2px;padding:8px 14px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:.15s}
.pet-doc .pet-dl:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
@media(max-width:520px){.pet-doc{justify-content:flex-start}.pet-doc .pet-dl{width:100%;justify-content:center}}

/* Petitions — legible Unit-group labels inside supporting-Topic callouts */
.pet-unit-label{font-family:var(--font-display);font-weight:700;font-size:1.05rem;line-height:1.3;color:var(--teal);margin:0 0 .6em;padding-bottom:.4em;border-bottom:1px solid var(--stone)}

/* Petitions — hook paragraph + call-to-action */
.pet-hook{font-family:var(--font-display);font-size:1.32rem;line-height:1.5;color:#1a1a1a;font-weight:500;margin:0 0 1.1em;padding-left:1em;border-left:4px solid var(--bronze)}
.pet-cta{background:var(--teal);color:#fff;border-radius:12px;padding:2em 2.2em;margin:2.4em 0 1em;text-align:center}
.pet-cta h3{font-family:var(--font-display);font-weight:700;font-size:1.45rem;line-height:1.25;color:#fff;margin:0 0 .5em}
.pet-cta p{font-size:1rem;line-height:1.6;color:rgba(255,255,255,.92);margin:0 auto 1.4em;max-width:560px}
.pet-cta .pet-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.pet-cta a{font-family:var(--font-display);font-weight:700;font-size:.95rem;text-decoration:none;border-radius:6px;padding:.7em 1.4em;display:inline-block;transition:.15s}
.pet-cta a.primary{background:#fff;color:var(--teal)}
.pet-cta a.primary:hover{background:var(--cream,#F7F4ED)}
.pet-cta a.ghost{background:none;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.pet-cta a.ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}

/* Petitions — top-of-page share action (mirrors print-button placement) */
.pet-actions{display:flex;gap:10px;margin:0 0 1.6em;flex-wrap:wrap}
.pet-actions .pet-share{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);background:none;border:1px solid var(--stone-d);border-radius:2px;padding:8px 14px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:.15s}
.pet-actions .pet-share:hover{background:var(--teal);color:#fff;border-color:var(--teal)}

/* Petitions — amplified hook (bigger, more arresting) */
.a-desc.pet-hero-hook{font-style:normal;font-family:var(--font-display);font-weight:700;font-size:2.55rem;line-height:1.18;max-width:22ch;color:#fff;letter-spacing:-.01em}
.a-desc.pet-hero-hook .hk-em{color:#e9c9a0}
@media(max-width:860px){.a-desc.pet-hero-hook{font-size:1.9rem;max-width:18ch}}
@media(max-width:520px){.a-desc.pet-hero-hook{font-size:1.55rem}}
.pet-hook{font-size:1.6rem;font-weight:600;color:#111;border-left-width:5px}

/* Petitions — fixes: solid teal share button, legible meta strip, big hook display */
.pet-actions .pet-share{background:var(--teal);color:#fff;border:1px solid var(--teal);font-size:.78rem;padding:10px 18px;border-radius:6px}
.pet-actions .pet-share:hover{background:#0d4453;color:#fff;border-color:#0d4453}
.pet-bighook{margin:0 0 1.8em;padding:0 0 1.4em;border-bottom:2px solid var(--stone)}
.pet-bighook p{font-family:var(--font-italic);font-style:italic;font-weight:700;font-size:1.32rem;line-height:1.45;color:#000;margin:0;letter-spacing:0}
.pet-bighook .hk-em{color:var(--terra-d)}
@media(max-width:860px){.pet-bighook p{font-size:1.2rem}}
@media(max-width:520px){.pet-bighook p{font-size:1.15rem}}
/* meta strip: larger, clearer, not faded pills */
.a-body .topic-meta{gap:0 0;font-size:.74rem;letter-spacing:.08em;border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);padding:.9em 0;margin:0 0 1.6em}
.a-body .topic-meta span{font-family:var(--font-display);background:none;border:none;border-right:1px solid var(--stone-d);border-radius:0;color:var(--ink);padding:0 16px;font-size:.74rem}
.a-body .topic-meta span:first-child{padding-left:0}
.a-body .topic-meta span:last-child{border-right:none}
.a-body .topic-meta b{color:var(--terra-d);font-weight:700}
.meta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 1.6em}
.meta-row .topic-meta{flex:1;min-width:0;margin:0}
.meta-row .xwalk-actions{margin:0;flex-shrink:0}
@media(max-width:640px){.meta-row{flex-direction:column;align-items:flex-start}.meta-row .xwalk-actions{width:100%}}

/* Logo: single authoritative size for the wide wordmark (consistent across all pages) */

/* Petitions — legible callout labels (The standard / The operative finding) */
.pet-callout-label{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--bronze);margin:0 0 .55em}

/* Curriculum Gap page — gap bubble full-width on top, 6 equal-width unit bubbles below */
.gap-cg{background:#fff;border:1px solid var(--cardborder);border-left:4px solid var(--terra-d);border-radius:8px;padding:14px 18px;margin:1.2em 0 14px;font-size:.92rem;line-height:1.5}
.gap-cg .gap-tag{display:inline-block;font-family:var(--font-ui);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--terra-d);margin-bottom:.3em}
.gap-cg h4{font-family:var(--font-display);font-size:1.15rem;color:var(--teal);margin:.1em 0 .35em}
.gap-cg p{margin:0;color:#2a2a2a}
.gap-units{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 1.2em;align-items:stretch}
.gap-units .gap-obj{margin:0;height:100%}
@media(max-width:560px){.gap-units{grid-template-columns:1fr}}
@media(max-width:560px){.gap-units{grid-template-columns:1fr}}

/* Curriculum Gap — petition bubbles: even 2-up, equal width & height */
.gap-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:1.2em 0;align-items:stretch}
.gap-pair .gap-obj{margin:0;height:100%}
@media(max-width:560px){.gap-pair{grid-template-columns:1fr}}

/* Curriculum Gap — crosswalk: Save-as-PDF button + print-to-landscape */
.xwalk-actions{margin:1.2em 0 .2em;text-align:right}
.xwalk-pdf{font-family:'Cinzel',serif;font-weight:700;font-size:9pt;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--teal);border:none;border-radius:999px;padding:.6em 1.3em;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.15s}
.xwalk-pdf:hover{background:#0d4453;border-color:#0d4453}


/* Curriculum Gap — citation line under the big hook */
.cg-hook-cite{font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze);margin:.9em 0 0!important}

/* Curriculum Gap hook — slightly smaller; credit smaller, terracotta, right-justified */
.cg-bighook p{font-size:1.32rem!important;font-family:var(--font-italic)!important;font-style:italic!important;font-weight:700!important;color:#000!important;line-height:1.45!important}
.cg-bighook .cg-hook-cite{font-size:.86rem!important;color:var(--terra)!important;text-align:right!important;font-weight:700;letter-spacing:.06em}
@media(max-width:860px){.cg-bighook p{font-size:1.2rem!important}}

/* Petitions — envelope glyph bigger on share / CTA buttons */
.pet-share .env, .pet-cta-btns .env{font-size:1.4em;line-height:1;vertical-align:-.06em}

/* Topic pages — classroom discussion questions block */
.cq-head{font-family:var(--font-display);font-size:1.15rem;color:var(--teal);margin:1.6em 0 .3em}
.cq-intro{font-size:.95rem;color:var(--ink-soft);margin:0 0 .8em}
.cq-list{margin:0;padding-left:1.3em}
.cq-list li{margin:0 0 .9em;line-height:1.6;padding-left:.3em}
.cq-list li::marker{color:var(--terra);font-weight:700}

/* Topic pages — consistent Misconceptions card (sage note-card; myths in white sub-cards) */
.mc-card{background:#F5F7F5;border:1px solid #d7e0d7;border-left:4px solid var(--sage);border-radius:8px;padding:18px 20px;margin:1.6em 0}
.mc-card .mc-head{font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-d);margin:0 0 .8em;display:flex;align-items:center;gap:8px}
.mc-card .mc-head::before{content:"\26A0";font-size:1rem}
.mc-item{background:#fff;border:1px solid var(--cardborder);border-radius:6px;padding:12px 14px;margin:0 0 10px}
.mc-item:last-child{margin-bottom:0}
.mc-item .mc-myth{font-weight:700;color:var(--ink);margin:0 0 .35em;font-size:.95rem}
.mc-item .mc-myth::before{content:"Common belief: ";color:var(--terra-d);font-weight:700}
.mc-item .mc-fact{margin:0;font-size:.95rem;line-height:1.55}
.mc-item .mc-fact::before{content:"In fact: ";color:var(--sage-d);font-weight:700}

/* Topic pages — discussion-questions card (visually separated, space above) */
.cq-card{margin:2.4em 0 1.2em;padding:24px 28px;background:#F5F7F5;border:1px solid #d4e0d6;border-left:5px solid var(--sage);border-radius:12px}
.cq-card .cq-head{margin-top:0}

/* Common misconceptions box — cream background, teal left line */
.misc-box{background:#FBF8F0;border:1px solid var(--cardborder);border-left:4px solid var(--teal);border-radius:12px;padding:22px 26px;margin:1.6em 0;box-shadow:0 1px 3px rgba(20,50,40,.04)}
.misc-eyebrow{font-family:var(--font-ui);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin:0 0 .5em}
.misc-intro{margin:0 0 .8em;color:var(--ink-soft);font-size:.95rem}
.misc-see{color:var(--teal);font-weight:600;text-decoration:none;white-space:nowrap}
.misc-browse{margin:.6em 0 0}
.misc-browse a{color:var(--teal);font-weight:600;text-decoration:none}
.misc-box h2{margin-top:0}
.misc-box .misc-list{margin:.6em 0 .4em;padding-left:1.2em}
.misc-box .misc-list li{margin:0 0 .5em;line-height:1.55}
.misc-box .misc-list li em{font-style:italic;color:var(--ink)}
.misc-box a{color:var(--teal);font-weight:600;text-decoration:none}

/* Object Spotlight — standout feature section with its own background */
#object{background:#F4EFE3;border:1px solid #e4d9c2;border-radius:14px;padding:30px 34px;margin:2.6em 0;box-shadow:0 1px 4px rgba(60,45,20,.05)}
#object .eyebrow{color:var(--terra);letter-spacing:.16em}
#object h2{margin-top:.2em}
#object figure.fit{margin:1em 0}
@media(max-width:640px){#object{padding:22px 20px}}

/* Banner Unit label — stronger legibility over busy banner imagery */
.a-hero .a-unit{color:#f0d49a!important;font-weight:700!important;text-shadow:0 1px 3px rgba(0,0,0,.6)!important}

/* Banner credit — fully linkable, bolds on hover */
.a-imgcredit a{color:inherit;text-decoration:none;font-weight:inherit;transition:color .12s ease}
.a-imgcredit a:hover{color:#fff}

/* Banner credit — right-justified, balanced line breaks (no orphan words) */
.a-imgcredit{text-align:right!important;text-wrap:balance;text-wrap:pretty}
.a-imgcredit a{text-wrap:balance;text-wrap:pretty}
@media(max-width:640px){.a-hero .a-imgcredit,.a-imgcredit{font-size:.52rem!important;line-height:1.25!important;max-width:62%!important;bottom:8px!important;right:10px!important;letter-spacing:.01em!important;color:rgba(255,255,255,.5)!important}}

/* ── Mobile-only band tweaks (logo −25%, hide "Search" text, larger magnifier) ── */
@media(max-width:760px){
  /* Logo 25% smaller than the mobile 60px → 45px */
  .band .wordmark{height:45px}
  /* Hide the bare "Search" text node without changing markup:
     zero the search font, then restore the magnifier glyph at a larger size */
  .bandright .search{font-size:0;gap:0}
  .bandright .search .mag{font-size:1.9rem}
}

/* ===== Footer signup form — tan button + mobile-safe (no right-edge overflow) ===== */
.foot .signup-form{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5em;max-width:100%}
.foot .signup-form input[type="email"]{font-family:'Inter',sans-serif;font-size:.9rem;padding:.5em .7em;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:rgba(255,255,255,.95);color:#1a1a1a;max-width:100%;box-sizing:border-box}
.foot .signup-form button{font-family:var(--font-display)!important;font-size:.85rem;font-weight:700;letter-spacing:.04em;padding:.5em 1.1em;border:0!important;border-radius:6px;background:var(--bronze)!important;color:#fff!important;cursor:pointer;transition:background .2s}
.foot .signup-form button:hover{background:#C9A050!important}

/* ===== Mobile: keep footer (and page) inside the viewport ===== */
@media(max-width:760px){
  .foot{padding:26px 18px;overflow-wrap:break-word}
  .foot .signup-form{flex-direction:column;gap:.55em;width:100%}
  .foot .signup-form input[type="email"]{width:100%;max-width:300px}
  .foot nav a{margin:0 7px;display:inline-block}
}
/* global guard: stop any element from forcing horizontal scroll on mobile */
@media(max-width:760px){
  html,body{overflow-x:hidden;max-width:100%}
  img,figure,table,iframe{max-width:100%;height:auto}
}

/* Makor Classroom Companion (middle-school chapter "coming soon" notice) */
.mkc{background:#eef4f5;border:1px solid var(--stone,#e4ddcf);border-left:5px solid var(--teal,#0f4c5c);border-radius:12px;padding:18px 24px;margin:1.7em 0 .2em}
.mkc-h{font-family:var(--font-label,sans-serif);font-weight:700;font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;color:var(--teal,#0f4c5c);margin:0 0 .15em}
.mkc-grades{font-family:var(--font-label,sans-serif);font-weight:700;font-size:.82rem;color:var(--terra-d,#7a3a22);letter-spacing:.03em;margin:0 0 .6em}
.mkc-desc{font-size:.95rem;line-height:1.5;color:var(--ink,#1d1d1f);margin:0 0 .4em}
.mkc-list{margin:0 0 .6em;padding-left:1.25em;columns:2;-webkit-columns:2;font-size:.9rem;line-height:1.55;color:var(--ink,#1d1d1f)}
.mkc-foot{font-size:.86rem;line-height:1.5;color:var(--ink-soft,#555);font-style:italic;margin:0}

/* Enlargeable figure (e.g. the MENA map): modest width bump + accessible "Enlarge" control */
.a-body figure.fig-mena{position:relative;margin-left:-5vw;margin-right:-5vw}
.a-body figure.fig-mena img{width:100%}
.a-body figure.fig-mena figcaption{padding:0 5vw}
.fig-enlarge{position:absolute;top:12px;right:calc(5vw + 12px);z-index:3;display:inline-flex;align-items:center;gap:5px;background:rgba(15,76,92,.92);color:#fff;font-family:var(--font-ui,sans-serif);font-size:.8rem;font-weight:700;letter-spacing:.02em;padding:6px 11px;border-radius:8px;text-decoration:none;box-shadow:0 1px 6px rgba(0,0,0,.3)}
.fig-enlarge .ico{font-size:1.05rem;line-height:1}
.fig-enlarge:hover{background:var(--teal,#0f4c5c)}
.fig-enlarge:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:700px){.fig-enlarge{font-size:.72rem;padding:5px 9px;right:calc(5vw + 8px)}}

/* ===== Continue-to-next-Topic transition (global, canonical) ===== */
.u-continue{margin:2.6em 0 2.2em}
.u-cont-lead{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.u-cont-lead::before,.u-cont-lead::after{content:"";height:1px;background:var(--stone-d);flex:1}
.u-cont-lead span{font-family:var(--font-label);font-weight:700;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}
.u-cont-intro{font-family:var(--font-body);font-size:1.05rem;line-height:1.6;color:var(--ink);margin:0 0 18px}
.u-cont-card{display:block;background:#FBF5E7;border:1px solid var(--stone-d);border-left:6px solid var(--terra);border-radius:14px;padding:26px 30px;text-decoration:none;box-shadow:0 4px 16px rgba(15,76,92,.08);transition:transform .18s ease,box-shadow .18s ease}
.u-cont-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,76,92,.14)}
.u-cont-eyebrow{font-family:var(--font-label);font-weight:700;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--terra-d);margin-bottom:8px}
.u-cont-title{font-family:var(--font-display);font-weight:600;font-size:1.5rem;line-height:1.12;color:var(--teal);margin:0 0 .5em}
.u-cont-desc{font-family:var(--font-body);font-size:1rem;line-height:1.55;color:var(--ink);margin:0}
.u-cont-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.u-cont-mini{display:block;background:#FBF5E7;border:1px solid var(--stone-d);border-left:5px solid var(--terra);border-radius:12px;padding:18px 20px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.u-cont-mini:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,76,92,.13)}
.u-cont-mtitle{font-family:var(--font-display);font-weight:600;font-size:1.2rem;line-height:1.12;color:var(--teal);margin:0}
@media(max-width:640px){.u-cont-grid{grid-template-columns:1fr}}

/* ===== Translate affordance ===== */
.trtools .rmenu{min-width:170px}
.trmenu a{display:block;padding:6px 12px;border-radius:6px;text-decoration:none;color:var(--ink);font-family:var(--font-ui);font-size:.92rem;white-space:nowrap}
.trmenu a:hover,.trmenu a:focus{background:var(--stone)}
.trmenu a:focus-visible{outline:2px solid var(--teal);outline-offset:1px}

.inner1,.inner2{row-gap:4px}