:root{--primary:#555A2E;--primary-deep:#424722;--accent:#963F46;--ink:#352B22;--mist:#665640;--bg:#F6EDDA;--line:#C3AE83;--accent-deep:#7B3038;--surface:#FFFAEF;--panel:#ECE0C3;--honey:#BB8B45}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Jost',system-ui,sans-serif;font-weight:400;line-height:1.7}a{color:var(--primary-deep);text-underline-offset:4px}a:hover{color:#7B3038}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.2;font-weight:500}h1,h2{color:var(--primary-deep)}
.skip-link{position:absolute;top:-100px;left:16px;z-index:10;padding:12px 20px;background:var(--surface)}.skip-link:focus{top:12px}
.site-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;width:calc(100% - 48px);max-width:1120px;margin:auto;padding:14px 0;border-bottom:1px solid var(--line)}
.brand-link{display:block;flex-shrink:0}.brand-link svg{display:block;width:184px;height:auto}.site-head nav{display:flex;align-items:center;gap:10px 24px;flex-wrap:wrap}.site-head nav a{font-size:16px;font-weight:500;display:inline-block;padding:10px 0;text-decoration:none}.site-head nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}
footer.site-footer{position:relative;z-index:1;display:block;width:calc(100% - 48px);max-width:1120px;margin:64px auto 0;padding:28px 24px 24px;background:var(--panel);border-top:3px solid var(--honey);border-radius:8px 8px 0 0;font-size:15px}.footer-top{display:flex;justify-content:space-between;gap:20px}.wordmark{font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}.footer-top span{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:21px}.site-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 26px;margin:22px 0}.site-footer nav a{display:inline-block;padding:10px 0}.site-footer nav a:first-child{color:var(--accent-deep)}.project-credit{text-align:center;border-top:1px solid var(--line);padding-top:18px;margin:0}.project-credit a{font-size:14px}
.journal-main{max-width:1120px;margin:0 auto;padding:32px 24px 0}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--mist);margin-bottom:40px}.eyebrow{text-transform:uppercase;color:#7B3038;font-weight:600;letter-spacing:.17em;font-size:13px;margin:0 0 14px}.journal-intro{max-width:680px;margin:32px 0 48px}.journal-intro h1{font-size:clamp(44px,7vw,72px);margin:0 0 20px}.standfirst{font-size:clamp(19px,2.5vw,23px);line-height:1.55;color:var(--mist)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.journal-card{display:block;text-decoration:none}.journal-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:10px}.journal-card .eyebrow{margin-top:24px}.journal-card h2{font-size:30px;margin:8px 0 14px}.journal-card p{color:var(--mist);margin:0 0 12px;font-size:17px}.journal-card .read-link{display:inline-block;text-decoration:underline;font-weight:500}.journal-card:hover h2{color:#7B3038}.journal-card:hover img{outline:2px solid var(--line)}
.article-head{max-width:820px;margin:auto}.article-head h1{font-size:clamp(36px,5.4vw,58px);margin:0 0 22px;letter-spacing:-.02em}.byline{font-size:14px;color:var(--mist);margin:24px 0 32px}.hero{margin:0 auto 36px;max-width:960px}.hero img{display:block;width:100%;border-radius:12px}.hero figcaption{font-size:14px;color:var(--mist);margin:12px auto 0;max-width:760px;line-height:1.6}
.article-body{max-width:720px;margin:auto;font-size:18px;overflow-wrap:break-word}.article-body p{margin:0 0 24px}.article-body h2{font-size:32px;margin:52px 0 20px;scroll-margin-top:24px}.article-body h3{font-size:23px;margin:30px 0 16px}.article-body ul,.article-body ol{padding-left:24px;margin:0 0 24px}.article-body li{padding-left:4px;margin:10px 0}.quick-answer,.contents,.recipe-note{padding:24px 28px;border-radius:8px;background:var(--panel);margin:28px 0}.quick-answer p:last-child,.recipe-note p:last-child{margin-bottom:0}.contents{background:transparent;border:1px solid var(--line);font-size:16px}.contents p{font-weight:500;margin:0 0 10px}.contents ul{margin:0;padding-left:20px}.contents li{margin:6px 0}.table-wrap{overflow:auto;margin:24px 0;max-width:100%}table{border-collapse:collapse;width:100%;font-size:16px}caption{text-align:left;font-weight:500;padding:0 0 12px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:var(--panel)}th:first-child{min-width:110px}.sources{font-size:16px}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:500;padding:8px 0}.faq details p{margin:14px 0}.related{margin-top:52px;border-top:1px solid var(--line);padding-top:24px}.related h2{margin-top:0}.launch-note{background:var(--surface);margin:56px 0 0;padding:30px;border:1px solid var(--line);border-radius:8px}.launch-note h2{font-size:28px;margin:0 0 10px}.launch-note p{margin:0 0 16px}.button-link{display:inline-block;padding:11px 22px;background:var(--accent);border-radius:6px;color:white!important;text-decoration:none;font-size:16px;font-weight:500}.button-link:hover{background:var(--accent-deep)}.draft-banner{border:2px solid var(--accent);padding:20px}
@media(max-width:600px){.site-head{width:calc(100% - 32px);padding:10px 0;gap:4px}.brand-link svg{width:134px}.site-head nav{gap:14px}.site-head nav a{font-size:14px}.site-head nav a:last-child{display:none}.journal-main{padding:24px 20px 0}.breadcrumbs{margin-bottom:28px}.journal-intro{margin:16px 0 32px}.cards{grid-template-columns:1fr;gap:40px}.journal-card h2{font-size:28px}.article-body{font-size:17px}.article-body h2{font-size:28px;margin-top:40px}.quick-answer,.contents,.recipe-note{padding:20px}.hero{margin-left:-4px;margin-right:-4px}.hero figcaption{padding:0 4px}.byline{line-height:1.8}.footer-top{flex-direction:column;align-items:center;gap:8px}.site-footer nav{gap:4px 20px}.launch-note{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}