@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,600;0,700;0,800;1,400&family=Inter:wght@400;500;600;700&display=swap');
:root{
  --bg:#f4f0e6;--surface:#ffffff;--ink:#1f261d;--muted:#5e6b5a;
  --forest:#163a29;--forest-2:#1f5236;--moss:#4f7a5b;
  --clay:#bd6b3c;--clay-dark:#a4582f;--line:#e3dbc9;--sand:#ece5d5;
  --shadow:0 1px 2px rgba(20,30,20,.06),0 8px 24px rgba(20,30,20,.06);--radius:14px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.65}
h1,h2,h3,h4{font-family:Bitter,Georgia,serif;color:var(--forest);line-height:1.18;margin:0 0 .4em}
h1{font-size:2.3rem;font-weight:800;letter-spacing:-.01em}
h2{font-size:1.5rem;font-weight:700}
h3{font-size:1.15rem;font-weight:700}
a{color:var(--forest-2);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:880px;margin:0 auto;padding:0 22px}
header.site{background:var(--forest);padding:16px 0}
header.site .wrap{display:flex;align-items:center;gap:10px}
header.site .brand{font-family:Bitter;font-weight:800;font-size:1.25rem;color:#fff}
header.site .brand .sub{color:#cfe0d3;font-weight:600;font-size:.95rem}
main{padding:2.2rem 0 3rem}
.eyebrow{font-family:Inter;font-weight:700;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--clay)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.4rem;box-shadow:var(--shadow);margin:1rem 0}
.btn{display:inline-flex;align-items:center;gap:.5em;font-weight:600;border-radius:10px;padding:.72em 1.25em;cursor:pointer;border:1px solid transparent;font-size:.98rem}
.btn-primary{background:var(--clay);color:#fff;border:0}
.btn-primary:hover{background:var(--clay-dark);text-decoration:none}
label{display:block;font-weight:600;margin:.9rem 0 .3rem}
input[type=number],select{width:100%;padding:.6em .8em;border:1px solid var(--line);border-radius:8px;font-size:1rem;font-family:Inter;background:#fff}
.checks label{display:flex;align-items:center;gap:.5em;font-weight:500;margin:.4rem 0}
.checks input{width:auto}
.result{border-left:4px solid var(--moss);padding:.6rem 1rem;margin:.6rem 0;background:var(--sand);border-radius:8px}
.result.no{border-left-color:var(--line);opacity:.7}
.result.vary{border-left-color:var(--clay)}
.result h3{margin:0 0 .2rem}
.result .verdict{font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;color:var(--moss)}
.result.no .verdict{color:var(--muted)}
.result.vary .verdict{color:var(--clay-dark)}
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}
th,td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line)}
th{color:var(--forest-2);font-weight:700;background:var(--sand)}
.disclaimer{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.8rem;margin-top:1.4rem}
.source{font-size:.78rem;color:var(--muted)}
.notefoot{font-size:.78rem;color:var(--muted);margin:.3rem 0}
footer.site{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;padding:1.4rem 0;margin-top:2rem}
.byline{color:var(--muted);font-size:.85rem;font-style:italic;margin:.2rem 0 1.2rem}
.progresslist{list-style:none;padding:0;margin:.6rem 0}
.progresslist li{padding:.3rem 0}