.product:has(.reading-atlas) #main {max-width:1400px;padding:clamp(18px,3vw,44px)}
.reading-atlas {max-width:1120px;margin:0 auto 3rem;color:#302c29}
.reading-atlas header small,.atlas-panel>small,.atlas-side small {color:#874327;font:650 .78rem/1.5 system-ui}
.reading-atlas h1 {font:740 clamp(2rem,4vw,3.3rem)/1.2 system-ui;margin:.4rem 0 .65rem;letter-spacing:-.045em}
.reading-atlas header p,.atlas-note p {color:#5b554d;line-height:1.75}
.atlas-layout {display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:clamp(14px,2vw,28px);align-items:start}
.atlas-chart,.atlas-panel {border:1px solid #ddd5c8;border-radius:14px;background:#fffdf9}
.atlas-chart {overflow:hidden;background-color:#faf6ee;background-image:radial-gradient(#d5c6b2 .85px,transparent .85px);background-size:13px 13px;padding:14px}
.atlas-chart svg {width:100%;display:block}
.atlas-counts,.atlas-chart>p {display:table;margin:0;padding:4px 8px;background:#faf6ee;color:#655444;font-size:.81rem}
.atlas-counts span {padding:0 .25rem}
.atlas-wire path {fill:none}
.wire-hit {stroke:transparent;stroke-width:25px}
.wire-ink {stroke:#a69480;stroke-width:1.5}
.wire-mark {stroke:#927863;fill:#fffaf0}
.wire-plus {stroke:#71543e;stroke-width:1.4;pointer-events:none}
.atlas-wire:is(:hover,:focus-visible,[aria-current]) .wire-ink {stroke:#bd521e;stroke-width:3}
.atlas-wire:is(:hover,:focus-visible,[aria-current]) .wire-mark {fill:#ffdebc;stroke:#a7491c}
.atlas-node rect {fill:#fffdf7;stroke:var(--ink);stroke-width:1.5}
.atlas-node text {font:680 14px system-ui;fill:var(--ink)}
.atlas-node:is(:hover,:focus-visible,[aria-current]) rect {fill:var(--ink)}
.atlas-node:is(:hover,:focus-visible,[aria-current]) text {fill:white}
.atlas-panel {display:none;padding:clamp(16px,2vw,26px);scroll-margin-top:86px}
.atlas-default,.atlas-panel:target,.atlas-panel.atlas-selected {display:block}
.atlas-inspector:has(.atlas-panel:target) .atlas-panel:not(:target),
.atlas-inspector:not(:has(.atlas-panel:target)):has(.atlas-selected) .atlas-panel:not(.atlas-selected) {display:none}
.atlas-panel h2 {font:700 1.4rem/1.45 system-ui;margin:.35rem 0 1rem}
.atlas-panel h3 {font:650 .97rem/1.5 system-ui;margin:.9rem 0 .4rem}
.atlas-panel h2 a:hover,.atlas-note>a:hover,.atlas-side>a:hover {text-decoration:underline}
.atlas-note {border-top:1px solid #e7dfd3;padding:.8rem 0}
.atlas-note>a,.atlas-side>a {display:block;font-weight:650;color:#753b21;line-height:1.6}
.atlas-note p {font-size:.94rem;margin:.45rem 0}
.atlas-note details {margin-top:.55rem}
.atlas-note summary {cursor:pointer;padding:.4rem 0;color:#655344;font-size:.85rem}
.atlas-side {margin:.8rem 0;padding-left:.8rem;border-left:2px solid #d7bea5}
.atlas-note .atlas-clip {display:block;padding:.4rem 0;font-size:.84rem;color:#5b5148;font-weight:500;text-decoration:underline}
.atlas-note figure {margin:.8rem 0}
.atlas-note blockquote {margin:0;font:1rem/1.55 Georgia,serif}
.atlas-neighbors,.reading-atlas footer {display:flex;gap:.55rem;flex-wrap:wrap}
.atlas-neighbors a {background:#f2eadd;padding:.45rem .7rem;border-radius:6px;color:#624027;font-size:.84rem}
.reading-atlas footer {margin:1.2rem 0;padding:.8rem 0;border-top:1px solid #e1d9ce;justify-content:space-between;font-size:.87rem}
.reading-atlas footer a {padding:.45rem 0;text-decoration:underline}
@media(max-width:920px){.atlas-layout{grid-template-columns:1fr}.atlas-chart svg{max-width:560px;margin:auto}.atlas-chart{padding:8px}.atlas-panel{scroll-margin-top:62px}}
.reading-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,295px),1fr));gap:14px;margin:20px 0 48px}.reading-shelf a{display:grid;align-content:start;gap:9px;border:1px solid #ded8cf;border-top:3px solid #c25a22;padding:19px;border-radius:8px;color:inherit;text-decoration:none}.reading-shelf a:hover{background:#fff6ec}.reading-shelf small{color:#87471e}.reading-shelf span{font-size:.9rem;line-height:1.65}
