.measurement-actions{display:flex;gap:10px;flex-wrap:wrap}:root{--ink:#10251f;--muted:#5c6d68;--paper:#f1efe7;--panel:#fffdf6;--line:#c8d2cc;--accent:#d86537;--green:#176a52;--soft:#e5f2ec;--warn:#fff0d5;--bad:#ffe3df;--shadow:0 18px 55px rgba(16,37,31,.12)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}body{margin:0;background:radial-gradient(circle at 12% 0,rgba(23,106,82,.14),transparent 34rem),linear-gradient(0deg,rgba(16,37,31,.025) 1px,transparent 1px),var(--paper);background-size:auto,100% 30px}a{color:var(--green);text-underline-offset:3px}.site-head{max-width:1240px;margin:auto;padding:22px clamp(18px,4vw,48px);display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:10px;color:var(--ink);text-decoration:none}.brand span{font-size:1.34rem;font-weight:950;letter-spacing:-.045em}.brand small{color:var(--muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.13em}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:var(--ink);font-size:.82rem;font-weight:800;text-decoration:none}main{max-width:1120px;margin:auto;padding:48px clamp(18px,4vw,48px) 88px}h1{font-size:clamp(2.35rem,6vw,5.25rem);line-height:.95;letter-spacing:-.058em;max-width:1000px;margin:12px 0 24px}h2{font-size:clamp(1.4rem,3vw,2.15rem);line-height:1.1;letter-spacing:-.03em;margin:44px 0 16px}h3{line-height:1.2}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:900;color:var(--accent)}.lead{font-size:clamp(1.04rem,2vw,1.25rem);color:#43564f;max-width:920px}.panel{background:#fffdf6fa;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:clamp(20px,4vw,38px);margin:32px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#fffdf6d6;border:1px solid var(--line);border-radius:11px;padding:20px}.card strong{display:block;margin-bottom:7px}.callout{border-left:4px solid var(--accent);padding:2px 0 2px 18px;margin:24px 0;color:#43564f}.file-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:12px}.file-row label{display:grid;gap:7px;font-size:.82rem;font-weight:850}.file-row input{width:100%;border:1px solid #91a59c;border-radius:9px;padding:10px;background:#fff;color:var(--ink)}button{border:0;border-radius:9px;padding:12px 17px;font:800 .9rem/1 ui-sans-serif,system-ui;cursor:pointer;background:var(--green);color:#fff}button.secondary{background:#fff;color:var(--green);border:1px solid var(--green)}button:disabled{opacity:.55;cursor:wait}.result{margin-top:24px}.verdict{padding:18px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.verdict[data-level=bad]{background:var(--bad)}.verdict[data-level=warn]{background:var(--warn)}.verdict h3{margin:4px 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px}.metric strong{font-size:1.45rem;display:block}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;margin-top:16px}table{width:100%;border-collapse:collapse;font-size:.82rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px;overflow-wrap:anywhere}th{background:#edf2ef}.tag{display:inline-block;border-radius:99px;background:#e4ece8;padding:3px 8px;font-size:.68rem;font-weight:900}.fine{font-size:.82rem;color:var(--muted)}code{background:#e8ece8;border-radius:5px;padding:.12em .34em;overflow-wrap:anywhere}.hidden{display:none!important}footer{max-width:1080px;margin:auto;border-top:1px solid var(--line);padding:28px clamp(18px,4vw,48px) 48px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:.82rem}@media (max-width:820px){.site-head{align-items:flex-start;flex-direction:column}.brand{align-items:flex-start;flex-direction:column;gap:1px}.grid,.metrics{grid-template-columns:1fr 1fr}.file-row{grid-template-columns:1fr}main{padding-top:30px}footer{flex-direction:column}}@media (max-width:480px){.grid,.metrics{grid-template-columns:1fr}}