/* Gramineae — base styles in the Gramineae Cowork style (replaces the kit's original base.css)
   (paper / ink / pistachio, Spectral + Golos Text, hairlines instead of cards and shadows) */
@font-face{font-family:"Spectral";src:url("../assets/fonts/Spectral-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Spectral";src:url("../assets/fonts/Spectral-LightItalic.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Spectral";src:url("../assets/fonts/Spectral-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Spectral";src:url("../assets/fonts/Spectral-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Spectral";src:url("../assets/fonts/Spectral-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Golos Text";src:url("../assets/fonts/GolosText.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}

:root{
  --paper:#f5f4ed;--surface:#fbfaf5;--ink:#242720;--muted:#66695d;--line:#c9cbbb;--control:#858977;
  --pistachio:#dee58b;--vermilion:#ed5136;--positive:#35563e;--positive-bg:#e8eee5;--image:#ffffff;
  --serif:Spectral,Georgia,"Times New Roman",serif;--sans:"Golos Text","Helvetica Neue",Arial,sans-serif;
  --sidebar:248px;--max:1120px;--r:3px;--shadow:0 12px 40px rgba(36,39,32,.08)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--positive);outline-offset:4px}
::selection{background:var(--pistachio);color:var(--ink)}
.muted{color:var(--muted)}
input[type=range]{accent-color:var(--ink)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* ---------- sidebar: table of contents ---------- */
.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}
.mark{font-family:var(--serif);font-size:24px;line-height:1;letter-spacing:-.2px;padding:28px 24px 22px;display:block}
.mark .dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--vermilion);margin-left:2px;vertical-align:1px}
.mark span.sub{display:block;font:500 11px/1.5 var(--sans);letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-top:8px}
.side-index{overflow:auto;flex:1;padding:4px 12px 12px;display:flex;flex-direction:column;gap:2px}
.nav-link{flex:none;border:0;background:none;text-align:left;color:var(--ink);display:flex;gap:12px;padding:9px 12px;width:100%;border-radius:var(--r);align-items:baseline;min-height:44px;transition:background .12s}
.nav-link .n{color:var(--muted);font-size:12px;width:20px;flex-shrink:0;font-variant-numeric:tabular-nums}
.nav-link span:last-child{font-size:14px;line-height:1.3}
.nav-link span:last-child span{color:var(--muted)}
.nav-link:hover{background:var(--pistachio)}
.nav-link.active{background:var(--pistachio);font-weight:500}
.nav-link.active .n,.nav-link.active span:last-child span{color:var(--ink)}
.side-foot{padding:16px 24px 22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.side-meter{height:2px;background:var(--line);margin:12px 0 8px;overflow:hidden}
.side-meter div{height:100%;width:0;background:var(--ink);transition:width .3s}
.aside-action{min-height:44px;width:100%;margin-top:12px;border:1px solid var(--control);border-radius:var(--r);background:var(--surface);font-weight:500;font-size:14px;color:var(--ink)}
.aside-action:hover{background:var(--pistachio)}

/* ---------- top bar ---------- */
.main{margin-left:var(--sidebar);min-height:100vh}
.top{height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:0 clamp(20px,4vw,48px);background:var(--paper);position:sticky;top:0;z-index:10}
.top small{font-size:12px;letter-spacing:.8px;font-weight:500;color:var(--muted);text-transform:uppercase}
.top-actions{display:flex;gap:8px}
.top-btn{min-height:40px;padding:0 14px;border:1px solid var(--control);border-radius:var(--r);background:var(--surface);font-size:14px;font-weight:500}
.top-btn:hover{background:var(--pistachio)}
.menu-button{display:none}

/* ---------- chapters ---------- */
.chapter{display:none;min-height:calc(100vh - 60px);animation:rise .2s ease both}
.chapter.active{display:block}
@keyframes rise{from{opacity:.4}to{opacity:1}}
.shell{max-width:var(--max);margin:0 auto;padding:64px clamp(20px,5vw,72px) 96px}
.eyebrow{font-size:12px;line-height:1.5;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.chapter-title{font-family:var(--serif);font-weight:300;font-size:clamp(44px,5.6vw,80px);line-height:1.04;letter-spacing:-1.6px;margin:0 0 24px}
.lede{font:400 clamp(19px,1.9vw,22px)/1.55 var(--serif);max-width:68ch;color:var(--ink);margin:0 0 40px}
.prose{font-size:17px;line-height:1.65;max-width:68ch}
.prose h2{font:400 30px/1.2 var(--serif);letter-spacing:-.5px;margin:48px 0 16px;padding-top:16px;border-top:2px solid var(--ink)}
.prose h2:first-child{margin-top:0}
.prose h3{font:400 24px/1.25 var(--serif);margin:24px 0 12px}
.prose p{margin:0 0 16px}
.prose strong{font-weight:600}
.prose ul,.prose ol{padding-left:22px;margin:0 0 16px}
.prose li{margin:6px 0}
.prose blockquote{border-left:2px solid var(--ink);padding-left:24px;margin:24px 0;font:italic 22px/1.45 var(--serif)}
.prose table{border-collapse:collapse;width:100%;font-size:14px;margin:8px 0 24px;border-top:2px solid var(--ink)}
@media(max-width:600px){.prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.prose td,.prose th{min-width:140px}}
.prose th{font-weight:500;text-align:left;padding:10px 8px;border-bottom:1px solid var(--ink)}
.prose td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose a{color:var(--ink)}
.ref-pill{display:inline-flex;align-items:center;font:500 11px/1.4 var(--sans);vertical-align:2px;border:1px solid var(--control);border-radius:var(--r);padding:1px 5px;white-space:nowrap;text-decoration:none;color:var(--ink)!important;background:var(--surface)}
.ref-pill:hover{background:var(--pistachio)}
.rule{border:0;border-top:1px solid var(--line);margin:48px 0}
.small-label{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-weight:500}

/* ---------- cover ---------- */
.cover{background:var(--paper);min-height:calc(100vh - 60px)}
.cover-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:clamp(48px,7vw,96px) clamp(20px,5vw,72px)}
.cover-kicker{font-size:12px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:32px}
.cover-title{font:300 clamp(64px,8.4vw,128px)/.95 var(--serif);letter-spacing:-3px;margin:0 0 32px}
.cover-title em{font-style:italic;font-weight:300}
.cover-p{font:400 clamp(19px,1.7vw,22px)/1.55 var(--serif);max-width:520px;margin-bottom:32px}
.cover-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:14px 0;max-width:560px;font-size:13px;color:var(--muted)}
.cover-art{display:flex;align-items:center;justify-content:center;min-height:480px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.cover-art svg{width:100%;max-width:440px}
.cta{min-height:44px;padding:0 20px;border:1px solid var(--ink);border-radius:var(--r);background:var(--ink);color:var(--surface);display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500;text-decoration:none;margin:32px 0 12px}
.cta:hover{opacity:.9}

/* ---------- editorial blocks ---------- */
.quote-hero{margin:40px 0 48px;padding:4px 0 4px 28px;border-left:2px solid var(--ink);font:italic 400 clamp(22px,2.4vw,30px)/1.4 var(--serif);max-width:34ch}
.statline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:40px 0 48px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:16px 0}
.stat strong{font:300 44px/1 var(--serif);display:block;margin-bottom:6px}
.stat span{font-size:14px;color:var(--muted)}
.cards2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.tile .idx{display:block;font-size:12px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.tile h3{font:400 26px/1.2 var(--serif);letter-spacing:-.3px;margin:0 0 12px}
.tile p{font-size:15px;line-height:1.6;color:var(--ink);margin:0 0 8px}
.tile .prose{font-size:15px;line-height:1.6}
.tile .prose p{margin-bottom:12px}
.wide{grid-column:span 2}
.section-ribbon{font:400 32px/1.2 var(--serif);letter-spacing:-.5px;max-width:30ch;margin:56px 0 20px;padding-top:16px;border-top:2px solid var(--ink)}
/* cover photo grid (learning edition) */
.photo-cover{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;padding:16px}
.photo-cover figure{margin:0}
.photo-cover img{display:block;width:100%;height:210px;object-fit:contain;background:var(--image);border:1px solid var(--line)}
.photo-cover figcaption{font-size:12px;color:var(--muted);margin-top:6px}
.img-fallback{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;padding:24px;min-height:170px;background:var(--surface);border:1px dashed var(--control);font:400 18px/1.35 var(--serif);color:var(--muted)}
.img-fallback small{font:400 12px var(--sans)}

/* cases */
.case-grid{display:grid;gap:0;border-top:2px solid var(--ink)}
.case-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;padding:32px 0;border-bottom:1px solid var(--line);min-height:320px}
.case-photo{min-height:320px;background:var(--image);border:1px solid var(--line);position:relative;overflow:hidden}
.case-photo img{height:100%;width:100%;object-fit:contain;position:absolute;inset:0}
.case-body{padding:0}
.case-body h3{font:400 32px/1.15 var(--serif);letter-spacing:-.5px;margin:6px 0 14px}
.case-body .prose{font-size:15px;line-height:1.6}
.case-body .prose p{margin-bottom:12px}
.outlink{display:inline-flex;align-items:center;min-height:36px;font-size:14px;font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.outlink:hover{color:var(--positive)}

/* atlas */
.atlas-tools{position:sticky;top:60px;z-index:7;background:var(--paper);padding:12px 0 16px;border-bottom:1px solid var(--line);margin-bottom:8px}
.search{width:100%;min-height:44px;border:1px solid var(--control);background:var(--surface);padding:0 14px;border-radius:var(--r);outline:0;font-size:15px}
.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0 2px}
.chip{white-space:nowrap;min-height:36px;padding:0 12px;border:1px solid var(--control);border-radius:var(--r);background:var(--surface);font-size:13px;color:var(--ink)}
.chip:hover{background:var(--pistachio)}
.chip.active{background:var(--pistachio);border-color:var(--ink);font-weight:500}
.atlas-count{font-size:13px;color:var(--muted);padding:12px 0}
.atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}
.atlas-card{min-width:0;display:flex;flex-direction:column}
.atlas-photo{aspect-ratio:1.17;background:var(--image);position:relative;overflow:hidden;border:1px solid var(--line)}
.atlas-photo img{width:100%;height:100%;object-fit:contain;background:var(--image)}
.atlas-photo .img-fallback{height:100%;border:0}
.atlas-body{padding:12px 0 0;display:flex;flex-direction:column;gap:4px;flex:1;border-top:0}
.atlas-body strong{font:400 21px/1.2 var(--serif)}
.atlas-body .groupname{font-size:12px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.atlas-body p{font-size:14px;line-height:1.5;color:var(--ink);margin:6px 0}
.atlas-body button{margin-top:auto;align-self:flex-start;min-height:36px;font-size:14px;font-weight:500;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px}
.atlas-body button:hover{color:var(--positive)}
.atlas-sentinel{position:absolute;top:8px;left:8px;padding:2px 6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);font-size:11px;font-weight:500;color:var(--ink)}

/* modal */
.modal{position:fixed;inset:0;background:rgba(36,39,32,.32);z-index:60;display:none;align-items:center;justify-content:center;padding:20px}
.modal.open{display:flex}
.modal-card{background:var(--surface);width:min(940px,100%);max-height:92vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;position:relative;border-radius:6px;box-shadow:var(--shadow)}
.modal-img{min-height:420px;background:var(--image);border-right:1px solid var(--line)}
.modal-img img{width:100%;height:100%;object-fit:contain}
.modal-img .img-fallback{height:100%;border:0}
.modal-txt{padding:48px 32px 32px}
.modal-txt h3{font:300 40px/1.05 var(--serif);letter-spacing:-.8px;margin:0 0 16px}
.modal-txt dl{font-size:14px;line-height:1.55;margin:0 0 24px;border-top:2px solid var(--ink)}
.modal-txt dt{font-size:12px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);padding-top:12px}
.modal-txt dd{margin:2px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid var(--control);border-radius:var(--r);background:var(--surface);z-index:3;font-size:20px}
.close:hover{background:var(--pistachio)}

/* compare */
.compare-card{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 48px;padding-top:16px;border-top:2px solid var(--ink)}
.compare-photo{aspect-ratio:1.5;background:var(--image);border:1px solid var(--line)}
.compare-photo img{width:100%;height:100%;object-fit:contain}
.compare-photo .img-fallback{height:100%;border:0}
.compare-txt{padding:12px 0 0}
.compare-txt strong{font:400 22px/1.25 var(--serif)}
.compare-analysis{grid-column:1/-1;padding:20px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.compare-analysis .idx{font-size:12px;font-weight:500;letter-spacing:.8px}
.compare-analysis h3{font:400 26px/1.2 var(--serif);margin:6px 0 8px}
.compare-analysis p{font-size:15px;line-height:1.6;margin:0}

/* decision matrix */
.score-row{display:grid;grid-template-columns:180px 1fr 28px;gap:16px;align-items:center;margin:10px 0;min-height:32px}
.score-row label{font-size:14px}
.score-row output{font:400 18px var(--serif);text-align:right}
.ranking-item{display:grid;grid-template-columns:170px 1fr 40px;align-items:center;gap:16px;margin:12px 0}
.ranking-item label{font-size:14px}
.ranking-bar{height:8px;background:var(--line)}
.ranking-fill{height:100%;background:var(--control);transition:width .25s}
.ranking-item:nth-child(1) .ranking-fill{background:var(--ink)}
.ranking-item:nth-child(1) label{font-weight:600}
.ranking-item b{font:400 22px var(--serif);text-align:right}
.decision-insight{margin-top:24px;padding:20px 24px;background:var(--pistachio);border-radius:var(--r);font:400 20px/1.5 var(--serif)}

/* lab, learning, workpads */
.experiment{border-top:2px solid var(--ink);margin:32px 0;padding:24px 0 0;display:grid;grid-template-columns:80px 1fr;gap:24px}
.experiment-letter{font:300 72px/.9 var(--serif)}
.experiment h3{font:400 32px/1.15 var(--serif);letter-spacing:-.4px;margin:0 0 8px}
.experiment .meta{font-size:13px;color:var(--muted);margin-bottom:12px}
.experiment p{font-size:16px;line-height:1.6;max-width:68ch}
.checks{display:grid;gap:4px;margin:16px 0}
.checklabel{font-size:15px;display:flex;gap:12px;align-items:flex-start;line-height:1.45;min-height:32px;padding:4px 0;cursor:pointer}
.checklabel input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--ink);flex:none}
.checklabel:has(input:checked){color:var(--muted);text-decoration:line-through;text-decoration-color:var(--control)}
.exercise-notes,.workpad textarea{width:100%;min-height:96px;resize:vertical;border:1px solid var(--control);border-radius:var(--r);background:var(--surface);padding:12px 14px;font-size:15px;line-height:1.6;color:var(--ink)}
.workpad{margin:32px 0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.workpad h3{font:400 24px/1.25 var(--serif);margin:0 0 8px}
.workpad textarea{min-height:140px}
.workpad .muted{font-size:15px;margin:0 0 12px}
.btnrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.action{min-height:44px;padding:0 16px;border:1px solid var(--ink);border-radius:var(--r);background:var(--ink);color:var(--surface);font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px}
.action:hover{opacity:.9}
.action.outline{background:var(--surface);color:var(--ink);border-color:var(--control)}
.action.outline:hover{background:var(--pistachio);opacity:1}
.week{display:grid;grid-template-columns:96px 1fr;gap:24px;border-top:1px solid var(--line);padding:24px 0}
.week:first-of-type{border-top:2px solid var(--ink)}
.weeknum{font:300 52px/1 var(--serif)}
.week h3{font:400 26px/1.2 var(--serif);margin:0 0 8px}

/* library, brands, sources */
.reading-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.resource{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;min-height:200px}
.resource-head{display:flex;gap:8px;justify-content:space-between;font-size:12px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.resource h3{font:400 22px/1.2 var(--serif);margin:12px 0 4px}
.resource p{font-size:14px;line-height:1.55}
.resource .resource-end{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:8px}
.resource .resource-end a{font-size:14px;font-weight:500;color:var(--ink)}
.resource:has(input:checked){background:var(--positive-bg);border-color:transparent}
.progress-text{font-size:14px;margin:8px 0 20px;color:var(--muted)}
#brand-list{border-top:2px solid var(--ink)}
.brand-tile{border-bottom:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:1.1fr .8fr 2fr;gap:16px;align-items:baseline}
.brand-tile strong{font:400 22px var(--serif)}
.brand-tile span{font-size:13px;color:var(--muted)}
.brand-tile p{font-size:15px;line-height:1.5;margin:0}
.brand-tile em{color:var(--muted)}
.sources-table{width:100%;border-collapse:collapse;font-size:14px;border-top:2px solid var(--ink)}
.sources-table td{padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.sources-table tr td:first-child{font-weight:500;width:52px}
.sources-table td:nth-child(2){width:150px}
.sources-table a{overflow-wrap:anywhere;color:var(--ink);font-weight:500}
.source-filter{margin:8px 0 16px}

.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.callout{margin:32px 0;padding:4px 0 4px 28px;border-left:2px solid var(--ink);font:italic 400 24px/1.4 var(--serif)}
.end-foot{margin-top:64px;border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:var(--surface);padding:12px 20px;z-index:99;border-radius:var(--r);box-shadow:var(--shadow);font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s}
.toast.show{opacity:1}

/* ---------- responsive ---------- */
@media(max-width:1180px){:root{--sidebar:216px}.atlas-grid{grid-template-columns:repeat(2,1fr)}.case-card{grid-template-columns:1fr 1.2fr}}
@media(max-width:860px){
  .sidebar{transform:translateX(-105%);transition:transform .2s;width:min(300px,86vw);box-shadow:var(--shadow)}
  .sidebar.open{transform:none}
  .main{margin-left:0}
  .menu-button{display:inline-flex;align-items:center}
  .cover-inner{grid-template-columns:1fr;gap:32px}
  .cover-art{min-height:280px}.cover-art svg{max-width:300px}
  .case-card{grid-template-columns:1fr;gap:16px}
  .case-photo{min-height:280px}
  .statline{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .photo-cover img{height:150px}
  .shell{padding:40px 16px 64px}
  .top{padding:0 12px}
  .top small{display:none}
  .chapter-title{font-size:42px;letter-spacing:-1px}
  .cover-inner{padding:40px 16px}
  .cover-title{font-size:60px;letter-spacing:-1.6px}
  .cover-meta{grid-template-columns:repeat(2,1fr)}
  .cards2,.cards3,.atlas-grid,.reading-list,.columns{grid-template-columns:1fr}
  .wide{grid-column:auto}
  .score-row{grid-template-columns:1fr 1.2fr 22px;gap:10px}
  .ranking-item{grid-template-columns:110px 1fr 34px;gap:10px}
  .ranking-item label{font-size:12px}
  .compare-card{grid-template-columns:1fr 1fr;gap:10px}
  .compare-txt strong{font-size:16px}
  .modal-card{grid-template-columns:1fr}
  .modal-img{height:260px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}
  .modal-txt{padding:24px 16px}
  .experiment{grid-template-columns:1fr;gap:4px}
  .experiment-letter{font-size:48px}
  .week{grid-template-columns:48px 1fr;gap:12px}
  .weeknum{font-size:34px}
  .brand-tile{grid-template-columns:1fr 1fr}
  .brand-tile p{grid-column:1/-1}
  .quote-hero,.callout{font-size:21px}
}
@media print{
  .sidebar,.top,.atlas-tools,.top-actions,.btnrow,.cta,.modal,.side-foot,.close{display:none!important}
  .main{margin:0}.chapter{display:block!important;animation:none!important;page-break-before:always;min-height:0}
  .chapter:first-of-type{page-break-before:auto}.shell{padding:20px 0 32px}
  .case-card,.experiment,.tile,.resource{break-inside:avoid}
  .atlas-grid{grid-template-columns:repeat(3,1fr)}a{text-decoration:none}.source-filter{display:none}
}