:root{color-scheme:light;--ink:#171d22;--ink-soft:#26333b;--paper:#f6f0e7;--white:#fffaf2;--line:#d9cfc1;--coral:#fb735b;--rust:#9f3225;--teal:#265e5f;--muted:#544f49;--serif:Georgia,Cambria,serif;--sans:system-ui,-apple-system,sans-serif;--mono:ui-monospace,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.55 var(--sans)}
a{color:inherit;text-decoration-thickness:.07em;text-underline-offset:.22em}
a:hover{text-decoration-thickness:.14em}
:focus-visible{outline:3px solid #17767e;outline-offset:4px}
.hero :focus-visible,.masthead :focus-visible,.site-footer :focus-visible{outline-color:#86e0da}
img{display:block;width:100%;height:auto}
figure{margin:0}
figcaption{font: .72rem/1.45 var(--mono);color:var(--muted);padding:.45rem .65rem}
h1,h2,h3,p,dl{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.06;letter-spacing:-.035em;text-wrap:balance}
h1{font-size:clamp(2.8rem,5.6vw,5.25rem)}
h2{font-size:clamp(1.9rem,3.7vw,3.25rem)}
h3{font-size:clamp(1.4rem,2.3vw,2rem)}
p+p{margin-top:.8rem}
.shell{width:min(94%,86rem);margin-inline:auto}
.reading{max-width:50rem}
.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip:focus{z-index:5;clip-path:none;width:auto;height:auto;top:.5rem;left:.5rem;background:var(--white);padding:.5rem}
.masthead,.site-footer{background:#141b20;color:var(--white)}
.header-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.3rem;padding:.6rem 0}
.brand{font:bold clamp(1.13rem,2.4vw,1.75rem)/1.15 var(--serif);display:inline-flex;align-items:center;gap:.6rem;text-decoration:none}
.brand em{color:var(--coral);font-style:normal}
.brand-mark{display:inline-block;width:1.55rem;height:1.35rem;transform:skew(-22deg);border-left:.32rem solid var(--coral);border-right:.32rem solid #6cb4ad;flex:none}
nav{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem clamp(.7rem,2vw,1.6rem)}
nav a{font-size:.9rem;font-weight:650;text-decoration:none}
nav a:hover,nav a[aria-current]{text-decoration:underline;text-underline-offset:.35em}
.nav-subscribe,.button{display:inline-flex;align-items:center;gap:.5rem;border-radius:.28rem;background:var(--coral);color:var(--ink);padding:.62rem .9rem;font-weight:800;text-decoration:none}
.button:hover,.nav-subscribe:hover{background:#ff9a83}
.hero{background:radial-gradient(ellipse at 75% 40%,#234249 0%,#1b272d 44%,#171d22 78%);color:var(--white);border-top:1px solid #3c4a4d}
.hero-grid{display:grid;grid-template-columns:minmax(16rem, .85fr) minmax(0,1.5fr);align-items:center;gap:clamp(1.4rem,4vw,4.5rem);padding-block:clamp(2rem,5vw,4rem)}
.hero-copy h1{margin:.65rem 0 1rem}
.hero-copy em{color:var(--coral);display:block}
.hero-copy>p:not(.eyebrow){max-width:37ch;color:#efe5d8}
.hero-copy .button{margin-top:1.3rem}
.eyebrow,.edition,.badge,.scene-top{font:700 .72rem/1.35 var(--mono);letter-spacing:.11em;text-transform:uppercase}
.eyebrow{color:var(--rust)}
.hero .eyebrow{color:#a8d5ca}
.scene{border:1px solid #596365;border-radius:.5rem;background:#12191e;overflow:hidden;box-shadow:0 1.5rem 3rem #0004}
.scene-top{display:flex;justify-content:space-between;gap:.5rem;color:#d6d0c8;padding:.65rem .85rem;border-bottom:1px solid #465359}
.scene img{aspect-ratio:4.5;object-fit:cover;background:#27323a}
.scene figcaption{color:#e1ded5;min-height:3rem;padding:.65rem .85rem}
.scene figcaption span{color:#a7c8c1}
.switcher{display:flex;flex-wrap:wrap;gap:.25rem;padding:.35rem;background:#e8e0d4;border-radius:.35rem}
.scene .switcher{margin:0 .85rem .85rem;background:#28343a}
.switcher button{border:0;border-radius:.25rem;min-height:44px;flex:1;padding:.35rem .65rem;background:transparent;color:var(--ink);font:700 .85rem/1.2 var(--sans);cursor:pointer}
.scene .switcher button{color:var(--white)}
.switcher button[aria-pressed=true],.scene .switcher button[aria-pressed=true]{color:#161d21;background:var(--coral)}
.switcher button:hover:not([aria-pressed=true]){text-decoration:underline}
.workbench-row{display:grid;grid-template-columns:minmax(10rem,.65fr) minmax(0,2.4fr);align-items:center;gap:clamp(1rem,3vw,3rem);padding:2.1rem 0;border-bottom:1px solid var(--line)}
.workbench-row h2{margin:.3rem 0 .55rem}
.bench-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(13rem,1fr);align-items:center;border:1px solid var(--line);border-radius:.5rem;overflow:hidden;background:var(--white)}
.bench-card img{aspect-ratio:2.1;object-fit:cover}
.bench-copy{padding:1rem 1.2rem}
.bench-copy h3{margin:.5rem 0}
.bench-copy p{margin-bottom:.7rem}
.badge{display:inline-block;padding:.35rem .5rem;background:#cbe4db;color:#214c48;border-radius:.24rem}
.notes-section{padding:2.4rem 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}
.section-head h2{margin-top:.35rem}
.edition{color:var(--teal);white-space:nowrap}
.note-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.card{overflow:hidden;border:1px solid var(--line);border-bottom:3px solid #80ada3;border-radius:.45rem;background:var(--white)}
.card .artwork img{aspect-ratio:1.65;object-fit:cover}
.card .artwork figcaption{min-height:1.9rem}
.card-copy{padding:.4rem 1rem 1.05rem}
.card h3{font-size:clamp(1.3rem,2vw,1.75rem);margin:.55rem 0 .7rem}
.card h3 a{text-decoration:none}
.card h3 a:hover{text-decoration:underline}
.card-copy>p:last-child{font-size:.9rem;color:var(--muted)}
.subscribe-band{margin:0 0 2.5rem;padding:1.5rem 1.8rem;background:#dce8e1;border:1px solid #bdd1c6;border-radius:.45rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}
.subscribe-band h2{margin:.25rem 0 .45rem}
.site-footer{margin-top:1rem}
.inner-page{padding-block:clamp(1.75rem,4.5vw,4rem)}
.inner-page h1{margin:.45rem 0 .85rem}
.inner-page .note-grid{margin-top:2rem}
.dek{max-width:56ch;font:italic clamp(1.1rem,2.25vw,1.5rem)/1.48 var(--serif);color:#42464a;margin-bottom:1rem}
.reading>.prose{margin-top:1.6rem}
.workbench-page figure{margin-top:1.25rem}
.workbench-page img,.article-head img{border-radius:.35rem}
.back{display:inline-block;color:var(--teal);margin-bottom:1.25rem}
.article-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.article-head h1{font-size:clamp(2.65rem,5.25vw,5rem)}
.evidence{border-left:3px solid var(--coral);padding-left:.8rem;color:var(--muted);font:.83rem/1.55 var(--mono)}
.article-layout{display:grid;grid-template-columns:minmax(0,48rem) minmax(12rem,20rem);gap:clamp(1.5rem,5vw,5rem);align-items:start;max-width:75rem;margin-top:2rem}
.prose{font:clamp(1rem,1.65vw,1.19rem)/1.68 var(--serif)}
.prose h2{font-size:clamp(1.45rem,3vw,2.15rem);margin:1.4rem 0 .65rem}
.prose h3{font-size:1.35rem;margin-bottom:.65rem}
.prose a,.source-list a,.bench-copy>a{color:var(--teal)}
.prose figure{margin-top:1rem}
.source-list{border-top:3px solid #6ea397;padding-top:1rem}
.source-list h2{font-size:1.35rem}
.source-list ul{padding-left:1.1rem}
.source-list li+li{margin-top:.5rem}
.learning-segment{scroll-margin-top:1.25rem}
details{margin:.7rem 0 1rem;border:1px solid var(--line);border-radius:.3rem;background:var(--white)}
summary{cursor:pointer;padding:.65rem .85rem;font-weight:bold}
.detail-body{padding:0 .85rem .85rem}
.recipe{margin-top:2rem;padding:1rem 1.15rem;background:var(--white);border:1px solid var(--line);border-radius:.45rem}
.recipe-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.recipe h2{font-size:clamp(1.5rem,3.5vw,2.4rem);margin-top:.3rem}
.recipe-panel{margin-top:1rem;border-top:1px solid var(--line);padding-top:.9rem}
.recipe-panel h3{font-size:1.35rem;margin-bottom:.4rem}
.reference-strip{margin-top:1rem;max-width:43rem}
.reference-strip img{border-radius:.35rem}
.recipe-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.recipe-rules dt{font-weight:800}
.recipe-rules dd{margin:0}
.swatches{display:inline-flex;gap:2px;margin-right:.4rem}
.swatches i{width:.72rem;height:.72rem;display:block;background:#f2e4c8;border:1px solid #0002;border-radius:2px}
.swatches i:nth-child(2){background:#607d52}.swatches i:nth-child(3){background:#795640}.swatches i:nth-child(4){background:#d48a4d}
.related{border-top:1px solid var(--line)}.related h2{margin-bottom:1rem}
@media(max-width:1000px){.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{width:min(92%,86rem)}.hero-grid,.workbench-row,.article-head,.article-layout{grid-template-columns:1fr}.article-layout{gap:1.5rem}.hero-copy h1{max-width:15ch}.hero-copy em{display:inline}.scene img{aspect-ratio:2.8}.header-inner,.footer-inner{align-items:flex-start;flex-direction:column;gap:.55rem}.header-inner{padding-block:.85rem}.recipe-head{align-items:flex-start;flex-direction:column}.recipe-rules{grid-template-columns:1fr 1fr}.article-head{gap:.85rem}}
@media(max-width:520px){.bench-card,.note-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.subscribe-band{align-items:flex-start;flex-direction:column}.card .artwork img{aspect-ratio:2}.hero-grid{padding-block:1.7rem}.hero-copy h1{font-size:clamp(2.55rem,11vw,3.8rem)}}
@media(prefers-reduced-motion:no-preference){.button,.nav-subscribe{transition:background-color .16s ease}}
@media print{.masthead,.site-footer,.recipe [data-controls],.related{display:none!important}.article-layout,.article-head{display:block}.shell{width:100%}details:not([open])> :not(summary){display:block}details::details-content{content-visibility:visible!important}.recipe [data-panel][hidden]{display:block!important}body{background:white;color:black}}