:root{
  --cream:#f7f1e6; --board:#efe3cf; --ink:#1a2a1c; --herb:#2f7a45;
  --tomato:#e85d4c; --gold:#e8b84a; --muted:#5d6b5f; --line:#d7c7ad;
  --chip:#fffaf1; --shadow:0 14px 40px rgba(26,42,28,.10);
}
*{box-sizing:border-box}
html{background:var(--cream)}
body{margin:0;color:var(--ink);font:17px/1.7 "Avenir Next","Segoe UI",system-ui,sans-serif;
  background:
    radial-gradient(900px 420px at 110% -10%, rgba(232,93,76,.18), transparent 55%),
    radial-gradient(700px 380px at -15% 20%, rgba(47,122,69,.14), transparent 55%),
    linear-gradient(180deg,var(--cream),var(--board));
  min-height:100vh}
.produce{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.produce span{display:inline-flex;align-items:center;gap:6px;background:var(--chip);border:1px solid var(--line);
  border-radius:999px;padding:4px 12px;font:600 12px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.04em;color:var(--muted)}
.produce span i{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--herb)}
.produce span:nth-child(2) i{background:var(--tomato)}
.produce span:nth-child(3) i{background:var(--gold)}
.produce span:nth-child(4) i{background:#6b8f71}
.produce span:nth-child(5) i{background:#c47b3a}
header.top{max-width:820px;margin:0 auto;padding:30px 22px 8px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.mark{text-decoration:none;color:var(--ink)}
.mark .eyebrow{font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--herb)}
.mark .title{display:block;font:700 28px/1.15 "Iowan Old Style",Georgia,serif;margin-top:6px}
nav.tabs{display:flex;gap:6px;flex-wrap:wrap}
nav.tabs a{text-decoration:none;color:var(--muted);font:600 13px/1 ui-monospace,Menlo,monospace;letter-spacing:.04em;
  padding:9px 12px;border-radius:999px;border:1px solid transparent}
nav.tabs a[aria-current],nav.tabs a:hover{color:var(--cream);background:var(--herb);border-color:var(--herb)}
main{max-width:820px;margin:0 auto;padding:10px 22px 64px}
.board{background:var(--chip);border:1px solid var(--line);border-radius:22px;padding:28px 26px 8px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.board:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:repeating-linear-gradient(180deg,var(--herb) 0 16px,var(--tomato) 16px 28px,var(--gold) 28px 40px)}
h1{font:700 34px/1.15 "Iowan Old Style",Georgia,serif;margin:0 0 8px;padding-left:10px}
.stamp{display:inline-block;margin:0 0 18px 10px;font:12px ui-monospace,Menlo,monospace;color:var(--muted);
  border:1px dashed var(--line);padding:4px 10px;border-radius:6px;background:#fff}
article{padding:0 10px 18px}
h2{font:700 13px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--herb);
  margin:28px 0 8px;padding-top:14px;border-top:1px dashed var(--line)}
p,li{color:#243528}a{color:var(--tomato)}
ul{padding-left:1.2em}li{margin:4px 0}
table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 4px}
th,td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.note{margin:16px 0;padding:14px 16px;border-left:4px solid var(--tomato);background:rgba(232,93,76,.08);border-radius:0 12px 12px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:18px}
.cards a{display:block;text-decoration:none;color:var(--ink);background:var(--chip);border:1px solid var(--line);
  border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.cards a strong{display:block;font:700 18px/1.2 "Iowan Old Style",Georgia,serif;margin-bottom:6px;color:var(--herb)}
.cards a:hover{border-color:var(--herb)}
footer{max-width:820px;margin:0 auto;padding:0 22px 40px;color:var(--muted);font:12px/1.5 ui-monospace,Menlo,monospace}
footer a{color:var(--herb)}