*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --paper:#dfe8d4;--grid:#c5d0b8;--ink:#243018;--muted:#4a5840;
  --iron:#6a4a30;--wood:#8a6038;--line:#8a9a78;
}
html{scroll-behavior:smooth}
body{font-family:Georgia,'Times New Roman',serif;background:
  linear-gradient(90deg,transparent 24px,rgba(80,90,60,.08) 25px),
  linear-gradient(transparent 24px,rgba(80,90,60,.08) 25px),
  var(--paper);
  background-size:26px 26px;color:var(--ink);line-height:1.75;font-size:17.5px;min-height:100vh}
h1,h2,h3{font-family:system-ui,-apple-system,sans-serif;font-weight:800;line-height:1.2;color:#1a2410}
a{color:var(--iron);text-decoration:underline;text-underline-offset:3px}
a:hover{color:#000}

.sheet{max-width:760px;margin:0 auto;padding:18px 16px 8px}
.brand{display:inline-block;font-family:system-ui,sans-serif;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1a2410;text-decoration:none;border:2px solid #1a2410;padding:6px 10px}
.brand:hover{background:#1a2410;color:var(--paper);text-decoration:none}
/* unique: block inventory chips */
.inv{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}
.inv a{font-family:system-ui,sans-serif;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#1a2410;text-decoration:none;padding:8px 10px;background:rgba(255,255,255,.55);border:2px solid var(--line);box-shadow:2px 2px 0 rgba(36,48,24,.15)}
.inv a:hover,.inv a.active{background:#1a2410;color:var(--paper);border-color:#1a2410}
.burger{display:none;font-family:system-ui,sans-serif;background:var(--paper);border:2px solid #1a2410;padding:6px 10px;margin-bottom:8px;cursor:pointer}

.hero{max-width:760px;margin:0 auto;padding:24px 16px 8px}
.hero .k{font-family:system-ui,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--iron);margin-bottom:10px}
.hero h1{font-size:clamp(2rem,5vw,2.7rem);margin-bottom:12px}
.hero .lead{color:var(--muted);font-size:1.1rem;max-width:48ch}

.content{max-width:760px;margin:0 auto;padding:4px 16px 56px}
.content h2{font-size:1.3rem;margin:26px 0 10px}
.content p{color:var(--muted);margin-bottom:12px}
.content ul,.content ol{margin:0 0 14px 1.2em;color:var(--muted)}
.content li{margin-bottom:8px}
.content strong{color:var(--ink)}
.quote{margin:18px 0;padding:12px 14px;background:rgba(255,255,255,.5);border-left:4px solid var(--iron);font-style:italic;color:#1a2410}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.card{background:rgba(255,255,255,.55);padding:14px;border:2px solid var(--line)}
.card h3{margin:0 0 6px;font-size:.98rem}
.card p{margin:0;font-size:.93rem}
.note{margin:16px 0;padding:12px;background:rgba(255,255,255,.5);border:1px dashed var(--iron);color:var(--muted);font-size:.95rem}
.links a{font-family:system-ui,sans-serif;display:inline-block;margin:0 8px 8px 0;font-size:.8rem;font-weight:800;padding:8px 12px;background:#1a2410;color:var(--paper);text-decoration:none}
.links a:hover{background:var(--iron)}
.foot{max-width:760px;margin:0 auto;padding:0 16px 28px;font-family:system-ui,sans-serif;font-size:.82rem;color:#6a7860}

@media(max-width:800px){
  .burger{display:inline-block}
  .inv{display:none}
  .inv.open{display:flex}
  .grid2{grid-template-columns:1fr}
}