:root {
 --bg:#fff; --paper:#fff; --ink:#18181b; --muted:#64748b; --line:#e2e8f0;
 --accent:#0051c3; --accent-hover:#003d92; --accent-soft:#eff6ff; --orange:#f48120;
 --danger:#b91c1c; --success:#047857; --radius:8px;
 font-family:'Instrument Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
 color:var(--ink); background:var(--bg); font-size:14px; line-height:1.5;
}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid #2563eb;outline-offset:3px}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:white;padding:12px}.skip-link:focus{top:8px}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;border-right:1px solid var(--line);background:white;display:flex;flex-direction:column}.brand{height:56px;padding:0 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);color:var(--ink)}.brand:hover{text-decoration:none}.brand-icon{display:grid;place-items:center;width:32px;height:32px;background:var(--orange);border-radius:6px;color:white;font-size:23px}.brand b{display:block;font-size:14px;font-weight:600}.brand small{display:block;font-size:10.5px;color:var(--muted)}.workspace-label{margin:12px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.workspace-label span{color:var(--success)}.sidebar nav{padding:8px;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:6px;margin:2px 0;color:#334155;font-weight:500}.sidebar nav a:hover,.sidebar nav a[aria-current]{background:#f1f5f9;color:#020617;text-decoration:none}.nav-icon{width:20px;text-align:center;color:#64748b}.sidebar-footer{margin-top:auto;padding:20px;font-size:11px;color:var(--muted)}.workspace{margin-left:252px;min-width:0}.topbar{height:56px;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);background:#fff}.topbar strong{font-weight:500;color:#334155}.topbar a{white-space:nowrap}.shell{width:calc(100% - 64px);max-width:1280px;margin:auto}
h1,h2,h3,p{margin-top:0}h1{font-size:28px;font-weight:600;letter-spacing:-.025em;line-height:1.25;margin-bottom:12px}h2{font-size:18px;font-weight:600;line-height:1.35}h3{font-size:16px;font-weight:600}.eyebrow{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.hero-inner{padding:36px 0 28px}.hero h1 br{display:none}.hero h1 span{color:inherit}.hero p,.tool-hero p{color:var(--muted);max-width:760px}.grid{display:none}.omni,.tool-form{display:flex;gap:10px;margin-top:24px;max-width:920px}.omni>span{display:none}input,select,textarea{background:white;color:var(--ink);border:1px solid #cbd5e1;border-radius:6px;padding:9px 12px;min-width:0;max-width:100%}input::placeholder,textarea::placeholder{color:#64748b}.omni input,.tool-form input{flex:1}.tool-form select{max-width:190px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:38px;padding:8px 16px;border:1px solid transparent;border-radius:6px;background:var(--accent);color:white;font-weight:600;font-size:14px}button:hover,.button:hover{background:var(--accent-hover);text-decoration:none}.quick{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:12px;color:var(--muted)}.section{padding:24px 0 36px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.section-head h2{margin-bottom:0}.section-head .eyebrow{display:none}.section-head p{font-size:12px;color:var(--muted);max-width:410px;margin-bottom:0}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{position:relative;display:flex;flex-direction:column;min-height:205px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:white}.tool-card:hover{border-color:#94a3b8;text-decoration:none;background:#f8fafc}.tool-card .num{position:absolute;top:20px;right:20px;color:#94a3b8;font:12px ui-monospace,monospace}.category{color:var(--muted);font-size:11px;margin-bottom:20px}.tool-card h3{margin-bottom:8px}.tool-card p{font-size:13px;color:var(--muted);margin-bottom:20px}.tool-card>b{color:var(--accent);font-size:12px;margin-top:auto;font-weight:500}.dark{padding:0 0 36px}.domain-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;border:1px solid var(--line);border-radius:8px;padding:24px;background:#f8fafc}.domain-feature p{color:var(--muted);font-size:13px;max-width:560px}.report-preview{padding:16px;border:1px solid var(--line);border-radius:6px;background:white}.score{display:flex;align-items:center;gap:12px;margin:12px 0}.score b{font-size:36px;color:var(--ink)}.score span{font-size:12px;color:var(--muted)}.mini-check{padding:7px 0;border-top:1px solid var(--line);font-size:12px}.pass,.status-ok{color:var(--success)}.warn{color:#92400e}.status-bad{color:var(--danger)}.tool-hero{padding:32px 0 24px;border-bottom:1px solid var(--line)}.back{display:inline-block;font-size:12px;margin-bottom:20px}.tool-hero .eyebrow{display:none}.results-wrap{padding:28px 0 40px;min-height:360px}.result-empty{text-align:center;padding:60px 20px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:var(--muted)}.result-empty h2{color:var(--ink);margin-bottom:8px}.result-empty p{font-size:13px;margin-bottom:0}.empty-icon{font-size:32px;color:#94a3b8;margin-bottom:12px}.result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.result-head h2{margin:0;overflow-wrap:anywhere;min-width:0}.badge{padding:4px 9px;border-radius:20px;background:#f1f5f9;font-size:11px}.records{border:1px solid var(--line);border-radius:8px;overflow:hidden}.record{display:grid;grid-template-columns:minmax(80px,.4fr) minmax(0,2fr) 80px;gap:16px;padding:13px 16px;align-items:start;border-bottom:1px solid var(--line)}.record:last-child{border:0}.record:nth-child(even){background:#f8fafc}.record b{font-size:12px;color:#475569;overflow-wrap:anywhere}.record code{font-size:12px}.record small{font-size:11px;color:var(--muted);text-align:right}code,pre{overflow-wrap:anywhere;white-space:pre-wrap}.panel-grid,.kv-grid,.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel,.kv,.utility-card{border:1px solid var(--line);border-radius:8px;padding:20px;background:white;min-width:0}.panel h3{font-size:14px}.panel p,.kv small{font-size:12px;color:var(--muted)}.kv b{display:block;font-size:15px;font-weight:500;overflow-wrap:anywhere}.score-card{display:flex;align-items:center;gap:24px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:16px}.score-card strong{font-size:48px;font-weight:600;color:var(--accent)}.score-detail{color:var(--muted);font-size:13px}.check-list{margin-bottom:16px}.check{border:1px solid var(--line);padding:12px 16px;border-radius:6px;font-size:13px}.utility-row{display:flex;gap:12px;align-items:end;margin-bottom:20px}.utility-row label{flex:1}.utility-card label{display:block;font-size:12px;font-weight:500}.utility-card input,.utility-card textarea{display:block;width:100%;margin-top:8px}.dev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dev-grid article:first-child{grid-row:span 2}.utility-card textarea{min-height:160px;resize:vertical;font-family:ui-monospace,monospace}.utility-card pre{min-height:64px;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:6px;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.actions button:not(:first-child),.button.light{color:#334155;background:white;border:1px solid #cbd5e1}.actions button:not(:first-child):hover,.button.light:hover{background:#f1f5f9}.tool-note{padding:24px 0;border-top:1px solid var(--line);background:#f8fafc}.tool-note h2{font-size:16px;margin-bottom:8px}.tool-note p{color:var(--muted);font-size:13px}.error-box,.warning-box{padding:16px;border:1px solid #fecaca;border-radius:6px;background:#fef2f2;color:#991b1b}.warning-box{margin-bottom:16px;border-color:#fde68a;background:#fffbeb;color:#92400e}footer{border-top:1px solid var(--line);padding:20px 0}.footer{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted)}.footer p{margin:0}.footer a{color:var(--muted)}
@media(min-width:1600px){.shell{width:calc(100% - 96px)}}
@media(max-width:1100px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{display:block}.section-head p{margin-top:8px}.domain-feature{grid-template-columns:1fr}.dev-grid{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{height:56px}.workspace-label,.sidebar-footer{display:none}.sidebar nav{display:flex;gap:4px}.sidebar nav a{white-space:nowrap;flex-shrink:0;font-size:12px}.workspace{margin-left:0}.topbar{padding:0 16px;height:48px}.topbar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell{width:calc(100% - 32px)}.hero-inner{padding-top:28px}.tool-hero{padding-top:24px}.panel-grid,.kv-grid,.check-list{grid-template-columns:1fr}.domain-feature{padding:20px}.record{grid-template-columns:80px minmax(0,1fr);gap:8px}.record small{grid-column:2;text-align:left}.footer{flex-direction:column;gap:6px}}
@media(max-width:520px){.tool-grid{grid-template-columns:1fr}.omni,.tool-form{flex-direction:column}.tool-form select{max-width:none}.utility-row{display:block}.utility-row button{margin-top:12px;width:100%}h1{font-size:25px}.tool-card{min-height:180px}.topbar{font-size:11px}.panel .record{padding:10px;grid-template-columns:55px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}