:root{color-scheme:light;--paper:#faf8f3;--ink:#302c25;--muted:#736e62;--line:#dfdbd0;--accent:#77533a;--wash:#efebe1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.wrap{width:min(1020px,calc(100% - 56px));margin:auto}.skip{position:absolute;top:-80px;left:16px;background:white;padding:10px}.skip:focus{top:10px}
.site-header{padding:31px 0 25px;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font:600 23px/1.2 Georgia,serif;letter-spacing:-.7px}.brand svg{width:29px;height:29px;color:var(--accent)}
.nav{display:flex;gap:28px;font-size:14px}.nav a{text-decoration:none}.nav a[aria-current=page]{text-decoration:underline;color:var(--accent)}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase;color:var(--accent);margin:0 0 15px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.18;letter-spacing:-.7px}h1{font-size:53px;margin:0 0 20px}h2{font-size:30px;margin:35px 0 15px}h3{font-size:25px;margin:0 0 12px}
p{margin:0 0 18px}.intro{padding:62px 0 43px;max-width:720px}.intro .lede{font-size:18px;line-height:1.75;color:var(--muted);max-width:640px}
.section-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 4px}.section-title h2{font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;letter-spacing:.5px}.section-title span{font-size:12px;color:var(--muted)}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:64px;padding-bottom:44px}.note{padding:27px 0;border-bottom:1px solid var(--line)}.note:last-child{border-bottom:0}.note-label{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.note h3 a{text-decoration:none}.note p{color:var(--muted);font-size:15px;margin-bottom:10px}.read-link{font-size:13px;color:var(--accent)}
.aside{padding-top:28px}.recipe{background:var(--wash);padding:25px}.recipe h2{font-size:24px;margin:6px 0 15px}.recipe .eyebrow{font-size:10px;margin:0}.recipe dl{margin:0}.recipe dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #d7d0c1;font-size:14px}.recipe dd{margin:0;font-weight:600}.recipe .small{font-size:12px;color:var(--muted);margin:17px 0 0;line-height:1.7}.aside-note{font-size:13px;color:var(--muted);padding:23px 3px}
.reading{max-width:700px;margin:0 auto;padding:57px 0 63px}.reading h1{font-size:44px}.reading .lede{font-size:19px;color:var(--muted);line-height:1.75}.reading h2{font-size:28px;margin-top:36px}.reading ul,.reading ol{padding-left:22px;margin:14px 0 25px}.reading li{margin:9px 0}.back{display:inline-block;margin-bottom:30px;color:var(--muted);font-size:13px;text-decoration:none}.callout{padding:19px 23px;border-left:3px solid #a58665;background:var(--wash);margin:27px 0}.callout p:last-child{margin:0}
table{border-collapse:collapse;width:100%;margin:22px 0 27px;font-size:14px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}th{font-weight:600;background:var(--wash)}.related{margin-top:43px;border-top:1px solid var(--line);padding-top:22px;font-size:14px}.related a{color:var(--accent)}
.site-footer{border-top:1px solid var(--line);padding:25px 0 32px;color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner a{color:var(--muted)}
@media(max-width:740px){.wrap{width:calc(100% - 36px)}.site-header{padding:23px 0 20px}.header-inner{align-items:flex-start;flex-direction:column;gap:20px}.nav{gap:25px}.intro{padding:43px 0 31px}h1{font-size:40px}.intro .lede{font-size:17px}.home-grid{grid-template-columns:1fr;gap:10px}.aside{padding-top:5px}.recipe{max-width:100%}.reading{padding:36px 0 46px}.reading h1{font-size:36px}.reading .lede{font-size:17px}.section-title span{display:none}.footer-inner{flex-direction:column;gap:7px}th,td{padding:10px 6px}table{font-size:13px}}
@media print{body{background:white;color:black}.site-header,.site-footer,.back,.related{display:none}.wrap,.reading{width:100%;max-width:none;padding:0}.reading h1{font-size:28pt}a{color:inherit;text-decoration:none}}