:root{--paper:#f3f0ea;--paper2:#e7e2d8;--card:#fbf9f5;--ink:#1c1916;--muted:#6a6258;--line:#ddd6cb;--forest:#1e3a32;--forest2:#2c5246;--foam:#e7efe9}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Outfit,"Avenir Next","Segoe UI",sans-serif;line-height:1.5}
h1,h2,h3,.logo,.display{font-family:Fraunces,"Iowan Old Style",Palatino,serif;font-weight:500}
.bar{height:4px;background:var(--forest)}.wrap{max-width:960px;margin:0 auto;padding:0 16px}
header{position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:5}
.hdr{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:10px 16px}.logo{font-style:italic;font-size:1.3rem;background:none;border:0;cursor:pointer;color:var(--ink)}
nav{display:flex;gap:6px;flex:1}nav button{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:4px 12px;cursor:pointer;font:inherit}
nav button.on{background:var(--forest);color:#fff;border-color:var(--forest)}.tot{font-variant-numeric:tabular-nums}
.link{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit}.muted{color:var(--muted)}.small{font-size:.85rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin:14px 0}
label{display:block;font-size:.9rem;color:var(--muted)}input,select,textarea{font:inherit;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;width:100%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.btn{background:var(--forest);color:#fff;border:0;border-radius:10px;padding:10px 16px;font:inherit;cursor:pointer}.btn.sec{background:var(--card);color:var(--ink);border:1px solid var(--line)}
.type{display:flex;gap:12px}.type button{flex:1;text-align:left;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font:inherit}.type button.on{border-color:var(--forest);background:var(--foam)}
.item{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start}.item input[type=checkbox]{width:20px;height:20px;margin-top:6px}
.pill{display:inline-block;font-size:.75rem;padding:1px 8px;border-radius:99px;background:var(--paper2);margin-right:4px}.pill.high{background:var(--forest);color:#fff}.pill.draft{background:#f6dcc6}
.reason{background:var(--foam);padding:6px 10px;border-radius:8px;font-size:.9rem;margin:6px 0}
ul{margin:4px 0 4px 18px;padding:0}.row{display:flex;gap:10px;flex-wrap:wrap}.err{color:#a33}
@media print{.no-print{display:none!important}body{background:#fff}.card{border:0}}@page{margin:.6in}
.hero{padding:56px 0 36px;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--forest2);margin:0}
.hero h1{font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.05;margin:.2em 0}.lede{font-size:1.15rem;max-width:640px;color:var(--muted)}
a.btn{text-decoration:none;display:inline-block}.steps{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.steps b{display:block;font-family:Fraunces,serif;font-weight:500}.steps span{color:var(--muted);font-size:.9rem}
footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 0 40px}
@media (max-width:640px){.card{padding:14px;border-radius:14px}.card.item{grid-template-columns:24px 1fr;gap:6px 10px;align-items:center}
.card.item>input[type=checkbox]{grid-column:1;grid-row:1;margin-top:0}.card.item>.tot{grid-column:2;grid-row:1;justify-self:end}
.card.item>div:not(.tot){grid-column:1/-1;grid-row:2;min-width:0}.type{flex-direction:column}.row label{width:100%!important}}
