:root{--accent:#2563eb;--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--bg:#f8fafc;--card:#ffffff}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:var(--accent)}
.sitehead{background:#fff;border-bottom:1px solid var(--line);padding:14px 20px}
.sitehead .brand{font-weight:700;font-size:18px;color:var(--ink);text-decoration:none}
main{max-width:780px;margin:0 auto;padding:20px 16px 40px}
.hero h1{font-size:32px;line-height:1.2;margin:10px 0}
.lede{font-size:18px;color:#334155}
.tool{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:14px;margin:20px 0}
.tool label{font-weight:600;display:grid;gap:6px}
.tool select,.tool input{font-size:18px;padding:14px;border:1px solid #cbd5e1;border-radius:8px;min-height:52px;background:#fff;color:var(--ink);width:100%}
.tool button{font-size:19px;font-weight:700;min-height:56px;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}
.result{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;margin:0 0 20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;margin:20px 0}
.card h2,.result h2{font-size:21px;margin:22px 0 8px}
.card h2:first-child,.result h2:first-child{margin-top:0}
.codebig{font-size:44px;font-weight:800;margin:0;color:var(--accent)}
.aliases{color:var(--muted);margin:2px 0 0}
.safety{background:#eff6ff;border-left:5px solid var(--accent);padding:12px 14px;border-radius:6px;margin:16px 0;font-size:15px}
.probox{background:#1e293b;color:#fff;border-radius:10px;padding:16px 18px;margin:18px 0}
.probox h3{margin:0 0 6px;color:#fff}
.whenpro{background:#f1f5f9;border-radius:10px;padding:14px 18px;margin:18px 0}
.whenpro h3{margin:0 0 6px}
.source{color:var(--muted);font-size:14px}
.crumbs{color:var(--muted);font-size:14px;margin-bottom:6px}
.codelist li,.sibs li{margin:8px 0}
.chipgrid{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chipgrid li a{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;font-weight:600}
.hubgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hubcard{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;color:var(--ink);display:grid;gap:2px}
.hubcard span{color:var(--muted)}
.sectiontitle{margin:26px 0 6px}
.notfound{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:16px}
footer{border-top:1px solid var(--line);background:#fff;padding:20px 16px 34px}
.footnav{max-width:780px;margin:0 auto 12px;display:flex;flex-wrap:wrap;gap:14px}
.footnav a{font-size:14px}
.disclaimer{max-width:780px;margin:0 auto;color:var(--muted);font-size:13px}
.muted{color:var(--muted)}
@media (max-width:560px){.hubgrid{grid-template-columns:1fr}.hero h1{font-size:27px}}