:root{--flour:#f7f0e3;--ink:#272522;--crust:#6b3f26;--butter:#e8b84a;--pickle:#617548;--beet:#9c3d45;--paper:#fffaf1;--line:#d7c7b1;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--flour);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.08rem;line-height:1.65}a{color:var(--crust);text-underline-offset:.2em}a:focus-visible,summary:focus-visible{outline:3px solid var(--beet);outline-offset:4px}header,footer,main,.crumbs{max-width:var(--max);margin:auto}body>header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.8rem;font-family:Georgia,serif;font-size:1.45rem;font-weight:800;text-decoration:none;display:flex}.brand small{color:#5f574f;font:400 .78rem/1.2 system-ui;display:block}.slice{background:var(--butter);border:2px solid var(--ink);border-radius:45% 45% 16% 16%;place-items:center;width:48px;height:45px;display:grid}nav{flex-wrap:wrap;gap:1.1rem;display:flex}nav a{text-decoration-thickness:1px}body>header nav a{padding-block:.2rem}.skip{z-index:10;background:#fff;padding:.7rem;position:absolute;top:.5rem;left:-999px}.skip:focus{left:.5rem}.crumbs{padding:1rem 1.5rem;font-size:.9rem}.crumbs span{color:#8a7c6e}main{padding:0 1.5rem 5rem}.hero{border-bottom:2px solid var(--ink);grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;min-height:560px;display:grid}.hero h1,.pagehead h1{letter-spacing:-.04em;overflow-wrap:anywhere;hyphens:auto;margin:.3em 0;font-family:Georgia,serif;font-size:clamp(2.8rem,7vw,6.6rem);line-height:.94}.hero p{max-width:58ch;font-size:1.2rem}.hero svg{width:100%;overflow:visible}.bread{fill:var(--crust);stroke:var(--ink);stroke-width:5px}.crumb{fill:var(--butter);stroke:var(--ink);stroke-width:5px}.pickle{fill:var(--pickle);stroke:var(--ink);stroke-width:5px}.hero circle{fill:var(--beet)}.kicker{color:var(--beet);letter-spacing:.04em;font-weight:700}.button{background:var(--ink);color:#fff;border:2px solid var(--ink);padding:.85rem 1.2rem;font-weight:700;text-decoration:none;display:inline-block}.button:hover{background:var(--butter);color:var(--ink)}main>section{padding:4rem 0}h2,h3{overflow-wrap:anywhere;hyphens:auto;font-family:Georgia,serif;line-height:1.15}.hubgrid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.hub{border:2px solid var(--ink);background:var(--paper);min-height:190px;color:var(--ink);flex-direction:column;padding:1.3rem;text-decoration:none;display:flex}.hub:nth-child(3n+2){background:#e3e8d8}.hub:nth-child(3n){background:#f4d9d8}.hub span{color:var(--crust);margin-top:auto;text-decoration:underline}.note,.takeaway{background:var(--butter);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:1.2rem 1.4rem}.pagehead{max-width:900px;padding:4rem 0 2rem}.pagehead p{font-size:1.2rem}.listing{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.listing article{background:var(--paper);border:1px solid var(--line);padding:1.5rem}.listing h2{margin-top:0}.prose{max-width:780px;margin:auto}.prose .pagehead h1{font-size:clamp(2.7rem,7vw,5rem)}.meta,.source-note{color:#665f57;font-size:.9rem}.toc{background:var(--paper);border-left:7px solid var(--pickle);margin:2.5rem 0;padding:1.2rem 1.5rem;display:block}.toc ol{columns:2}.prose section{border-bottom:1px solid var(--line);padding:1.6rem 0}.prose h2{font-size:2rem}.prose p{max-width:72ch}details{border-top:1px solid var(--line);padding:.8rem 0}summary{cursor:pointer;font-weight:700}.related{background:#e3e8d8;gap:.7rem;margin-top:3rem;padding:1.5rem;display:grid}footer{border-top:2px solid var(--ink);justify-content:space-between;gap:2rem;padding:2.5rem 1.5rem 4rem;display:flex}footer p{max-width:42ch}@media (width<=850px){body>header{flex-direction:column;align-items:flex-start}body>header nav{font-size:.9rem}.hero{grid-template-columns:1fr;gap:1rem;padding:3rem 0}.hero svg{max-height:290px}.hubgrid,.listing{grid-template-columns:1fr 1fr}.toc ol{columns:1}}@media (width<=520px){main{padding-inline:1rem}.hubgrid,.listing{grid-template-columns:1fr}.hero h1,.pagehead h1{font-size:2.7rem}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}