:root{--pickle:#7cb342;--pickle-light:#aed581;--pickle-dark:#558b2f;--teal:#00796b;--teal-deep:#004d40;--cream:#fefcf3;--cream-dark:#f5f0e0;--ink:#1a1a2e;--ink-mid:#3a3a52;--ink-muted:#6b6b80;--white:#fff;--max:1180px;--radius:16px;--radius-sm:10px;--shadow:0 2px 12px rgba(26,26,46,.07)}
@media(prefers-color-scheme:dark){:root{--cream:#111122;--cream-dark:#1a1a30;--ink:#e8e8f0;--ink-mid:#b8b8cc;--ink-muted:#9898ad;--white:#1e1e34;--shadow:0 2px 12px rgba(0,0,0,.25)}}
*,*::before,*::after{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}a{color:var(--teal)}a:focus-visible{outline:3px solid var(--pickle);outline-offset:3px;border-radius:4px}header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--cream) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--pickle-light) 25%,transparent)}nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none}.brand img{border-radius:8px}.nav-links{margin:0;padding:0;list-style:none}.nav-links a{display:block;padding:6px 14px;border-radius:999px;font-size:.92rem;font-weight:700;text-decoration:none}.nav-links a:hover{background:var(--pickle-light);color:var(--teal-deep)}.hero{padding:64px 0 36px}.eyebrow,.task-label{color:var(--pickle-dark);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}h1{max-width:880px;margin:10px 0 16px;font-size:clamp(2.25rem,5vw,3.7rem);line-height:1.07;letter-spacing:-.04em}.lead{max-width:850px;margin:0;color:var(--ink-muted);font-size:1.08rem}.state{display:inline-block;margin-top:22px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--pickle) 45%,transparent);border-radius:999px;color:var(--pickle-dark);font-weight:800}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px auto}.summary-card{padding:18px;border:1px solid color-mix(in srgb,var(--pickle-light) 35%,transparent);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.summary-card strong{display:block;font-size:1.15rem}.summary-card span{color:var(--ink-muted);font-size:.84rem}.task-brief{margin-bottom:24px;padding:24px;border:1px solid color-mix(in srgb,var(--pickle-light) 45%,transparent);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.task-brief h2{margin:5px 0 8px;font-size:1.45rem}.task-brief>p{max-width:880px;margin:0 0 14px;color:var(--ink-mid)}.task-brief h3{margin:18px 0 7px;font-size:1rem}.task-brief ul{max-width:930px;margin:0;padding-left:22px;color:var(--ink-mid)}.task-brief li+li{margin-top:6px}.task-file{display:inline-block;margin-top:16px;padding:6px 10px;border-radius:8px;background:var(--cream-dark);color:var(--ink-mid);font:700 .8rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.notice{margin:0 0 22px;padding:16px 18px;border-left:4px solid var(--pickle);border-radius:var(--radius-sm);background:var(--cream-dark);color:var(--ink-mid)}.score-guide{margin:0 0 26px}.score-guide h2{margin:0 0 4px;font-size:1.2rem}.score-intro,.score-rank{margin:0;color:var(--ink-mid);font-size:.92rem}.criteria-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.criterion{padding:14px 16px;border:1px solid color-mix(in srgb,var(--pickle-light) 35%,transparent);border-radius:var(--radius-sm);background:var(--white)}.criterion h3{margin:0 0 5px;color:var(--teal);font-size:.95rem}.criterion p{margin:0;color:var(--ink-mid);font-size:.86rem}.score-rank strong{color:var(--teal)}.results{margin:0 0 38px;padding:26px;border:1px dashed color-mix(in srgb,var(--pickle) 55%,transparent);border-radius:var(--radius);text-align:center}.results h2{margin:0 0 7px;font-size:1.3rem}.results p{max-width:700px;margin:auto;color:var(--ink-muted)}.sources{margin-bottom:42px;padding:20px;border-radius:var(--radius);background:var(--cream-dark)}.sources h2{margin:0 0 6px;font-size:1.1rem}.sources p{margin:0;color:var(--ink-muted)}footer{padding:30px 0 44px;border-top:1px solid color-mix(in srgb,var(--pickle-light) 20%,transparent);color:var(--ink-muted);text-align:center;font-size:.86rem}@media(max-width:760px){.brand span{display:none}.summary,.criteria-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:44px}}@media(max-width:480px){.wrap{width:min(100% - 20px,var(--max))}.summary,.criteria-grid{grid-template-columns:1fr;gap:8px}}
