:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1c2a30;background:#f5f3ef;line-height:1.6}
*{box-sizing:border-box}
body{margin:0}
main{max-width:800px;margin:auto;padding:28px 20px 72px}
nav{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:36px}
a{color:#075e75;text-underline-offset:2px}
a:focus-visible{outline:3px solid #a45b35;outline-offset:3px}
nav a[aria-current="page"]{font-weight:700;text-decoration-thickness:2px}
header{margin-bottom:22px}
.eyebrow{color:#815038;font-size:.75rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
h1{font-size:clamp(2rem,6vw,3rem);line-height:1.1;margin:.2em 0}
h2{font-size:1.2rem;margin:0 0 .5em}
p{margin:.6em 0 1em}
section,.draft{background:#fff;border:1px solid #d4d9d8;border-radius:14px;padding:22px;margin:16px 0}
.draft{background:#fff4db;border-color:#d4a754}
ul{padding-left:1.4em;margin:.5em 0}
li+li{margin-top:.55em}
.products{columns:2;column-gap:32px}
.products li{break-inside:avoid;margin-bottom:.45em}
@media(max-width:600px){main{padding:20px 16px 56px}.products{columns:1}section,.draft{padding:18px}}