*,*::before,*::after{box-sizing:border-box}
:root{--ink:#26302a;--muted:#5d6b62;--green:#20573b;--gold:#a9812f;--cream:#f5f1e6;--panel:#fffdf7;--line:#ded6c2}
body{margin:0;font:17.5px/1.75 "Bitter",Georgia,"Times New Roman",serif;color:var(--ink);background:var(--cream);
     -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--green)}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.wrap{max-width:960px;margin:0 auto;padding:0 26px}
header.top{background:var(--green);color:#fff;border-bottom:5px solid var(--gold)}
header.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;padding:18px 26px}
.brand{font:800 24px/1 "Bitter",Georgia,serif;color:#fff;text-decoration:none;letter-spacing:-.01em}
.brand .t{display:block;font:400 12px/1 "Bitter",serif;opacity:.82;letter-spacing:.14em;text-transform:uppercase;margin-top:5px}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:2px 4px;margin:0 0 0 auto;padding:0}
nav a{display:inline-block;padding:8px 13px;color:#eef4ef;text-decoration:none;font:600 14px/1 "Bitter",serif;border-radius:4px}
nav a:hover{background:rgba(255,255,255,.12)}
nav a[aria-current=page]{background:var(--gold);color:#26302a}
.hero{max-width:960px;margin:26px auto 0;padding:0 26px}
.hero .frame{border:1px solid var(--line);background:var(--panel);border-radius:6px;overflow:hidden;
     box-shadow:0 6px 24px rgba(38,48,42,.08)}
.hero img{width:100%;height:min(46vh,420px);object-fit:cover}
.hero .cap{padding:22px 26px}
.hero h1{font:800 clamp(28px,4.6vw,42px)/1.12 "Bitter",serif;letter-spacing:-.01em;margin:0;color:var(--green)}
.hero .kick{font:600 12.5px/1 "Bitter",serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.sheet{max-width:760px;margin:34px auto 0;padding:34px 40px;background:var(--panel);border:1px solid var(--line);
       border-radius:6px;box-shadow:0 4px 18px rgba(38,48,42,.06)}
.lead{font-size:20px;color:var(--muted);font-style:italic;margin:0 0 1.4em;padding-bottom:1.2em;border-bottom:1px solid var(--line)}
.sheet h2{font:800 clamp(21px,3vw,27px)/1.2 "Bitter",serif;color:var(--green);margin:1.9em 0 .5em}
.sheet h3{font:700 18px/1.3 "Bitter",serif;margin:1.6em 0 .4em}
.sheet p{margin:0 0 1.2em}.sheet ul,.sheet ol{margin:0 0 1.3em;padding-left:1.3em}.sheet li{margin-bottom:.55em}
.sheet blockquote{margin:1.8em 0;padding:14px 20px;background:var(--cream);border-left:4px solid var(--gold);
     border-radius:0 6px 6px 0;color:var(--ink)}
figure.plate{margin:30px 0}figure.plate img{width:100%;border-radius:6px;border:1px solid var(--line)}
figure.plate figcaption{font:400 13.5px/1.5 "Bitter",serif;font-style:italic;color:var(--muted);margin-top:8px;text-align:center}
.contents{max-width:760px;margin:30px auto 0;padding:22px 26px;background:var(--green);color:#eef4ef;border-radius:6px}
.contents h2{font:700 13px/1 "Bitter",serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.contents ul{list-style:none;padding:0;margin:0;columns:2;column-gap:30px}
.contents li{margin-bottom:9px}
.contents a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}
.contents a:hover{border-bottom-color:var(--gold)}
footer{margin-top:48px;background:var(--green);color:#cfe0d5;border-top:5px solid var(--gold);padding:32px 0}
footer .wrap{text-align:center}
footer .brand{font-size:20px}
footer nav ul{justify-content:center;margin:14px 0}footer nav a{color:#dcebe1;padding-left:0;padding-right:14px}
footer .fine{color:#b7ccbe;font-size:13.5px;max-width:640px;margin:6px auto 0}
@media(max-width:640px){.sheet{padding:26px 22px}.contents ul{columns:1}}

/* additions */
.crumbs{font-size:13.5px;color:var(--muted);margin:0 0 10px}.crumbs a{color:var(--muted)}.crumbs .sep{opacity:.5;margin:0 3px}
.byline{font-size:14px;color:var(--muted);margin:0 0 18px}.byline a{color:var(--muted)}
.faq{margin-top:2em;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:700;color:var(--green)}
.faq details div{margin-top:8px}
.related{margin-top:2em;padding:18px 22px;background:var(--cream);border-left:4px solid var(--gold);border-radius:0 6px 6px 0}
.related h2{margin-top:0!important;font-size:20px!important}.related ul{margin:0}
.sheet table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:15.5px}
.sheet th,.sheet td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.sheet th{background:var(--cream)}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}
.cards li{margin:0}.cards a{text-decoration:none;color:var(--green);display:block}
.cards img{aspect-ratio:3/2;object-fit:cover;width:100%;border-radius:4px;margin-bottom:8px}
.cards .k{display:block;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.cards strong{display:block;font-size:17.5px;line-height:1.3}
.cards p{font-size:14.5px;color:var(--muted);margin:6px 0 0;line-height:1.5}
@media(max-width:640px){header.top nav ul{margin-left:0}.sheet table{font-size:14px}}