:root{--brand:#e20a3d;--brand-dark:#b00830;--ink:#1c1c1a;--muted:#6f6f66;--line:#e4e4dc;--bg:#faf9f6;--card:#fff;--ok:#128a4b;--warn:#b8860b;--radius:10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--brand)}.shell{max-width:1100px;margin:0 auto;padding:24px 20px 64px}.shell.wide{max-width:1400px}header.top{border-bottom:1px solid var(--line);background:var(--card)}header.top .inner{align-items:center;gap:18px;max-width:1400px;margin:0 auto;padding:12px 20px;display:flex}header.top .brand{letter-spacing:-.2px;font-weight:800}header.top .brand span{color:var(--brand)}header.top nav{align-items:center;gap:16px;margin-left:auto;display:flex}header.top nav a{color:var(--muted);font-size:14px;text-decoration:none}header.top nav a:hover,header.top nav a.active{color:var(--ink)}header.top .who{color:var(--muted);font-size:13px}h1{letter-spacing:-.3px;margin:22px 0 6px;font-size:24px}h2{margin:26px 0 10px;font-size:17px}p.lede{color:var(--muted);margin:0 0 18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.grid{gap:12px;display:grid}.grid.cols3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid.cols2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.level-card{color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;text-decoration:none;transition:border-color .12s,transform .12s;display:block}.level-card:hover{border-color:var(--brand);transform:translateY(-1px)}.level-card .code{letter-spacing:-.5px;font-size:22px;font-weight:800}.level-card .grade{color:var(--muted);font-size:13px}.level-card .framing{color:var(--muted);margin-top:8px;font-size:12px}.level-card .meta{color:var(--muted);margin-top:6px;font-size:12px}label.field{color:var(--muted);margin-bottom:10px;font-size:13px;display:block}label.field input,label.field select,label.field textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:8px;margin-top:4px;padding:8px 10px;display:block}label.field input:focus,label.field select:focus{outline:2px solid var(--brand);border-color:var(--brand)}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.row>*{flex:200px}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-block}button.primary,.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}button.primary:hover{background:var(--brand-dark)}button:disabled{opacity:.45;cursor:not-allowed}button.small,.btn.small{padding:5px 10px;font-size:13px;font-weight:500}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:600}td.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover{background:#fcfcfa}.pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.pill.stale{color:var(--warn);background:#fdf8e8;border-color:#e8d9a8}.pill.ok{color:var(--ok);background:#f1faf5;border-color:#cfe8da}.pill.brand{color:#fff;background:var(--brand);border-color:var(--brand)}.hint{color:var(--muted);font-size:13px}.error{color:#8c0725;background:#fff2f4;border:1px solid #f6ccd6;border-radius:8px;margin:12px 0;padding:10px 12px;font-size:14px}.notice{color:#0c6a3a;background:#f1faf5;border:1px solid #cfe8da;border-radius:8px;margin:12px 0;padding:10px 12px;font-size:14px}.workspace{grid-template-columns:320px 1fr;align-items:start;gap:18px;display:grid}@media (max-width:900px){.workspace{grid-template-columns:1fr}}.workspace .side{position:sticky;top:16px}.frame-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.frame-wrap iframe{border:0;width:100%;height:78vh;display:block}.tag-grid td select{border:1px solid var(--line);font:inherit;border-radius:6px;padding:4px 6px}.answer{color:var(--muted);font-size:13px}.notes{color:var(--warn);font-size:12px}.scorebars{gap:3px;min-width:190px;display:grid}.scorebar{grid-template-columns:30px 1fr 38px;align-items:center;gap:6px;display:grid}.scorebar-label{color:var(--muted);font-size:11px}.scorebar-track{background:#ecebe4;border-radius:999px;height:7px;position:relative;overflow:hidden}.scorebar-fill{border-radius:999px;height:100%;transition:width .2s;display:block}.scorebar-value{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);font-size:11px}.quote{border-left:3px solid var(--line);margin:0 0 10px;padding-left:12px;font-size:14px;line-height:1.5}.quote.strength{border-left-color:#f0a04b}.quote.growth{border-left-color:var(--brand)}.closer{color:var(--muted);margin:6px 0 0;font-size:13px;font-style:italic}.pathrow{flex-wrap:wrap;gap:8px;display:flex}.pathstep{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px}.pathstep strong{font-size:13px;display:block}.pathstep span{color:var(--muted);font-size:12px}.top .brand-logo{width:auto;height:26px;display:block}
