:root{--ink:#1d2733;--muted:#5b6877;--line:#dfe5ec;--bg:#f6f8fa;--accent:#0b6e99;--warn:#9a4b00;--warnbg:#fff4e0}
*{box-sizing:border-box}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:var(--accent)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.preview-bar{background:#2b2b2b;color:#ffd166;text-align:center;font-size:13px;padding:6px 10px;letter-spacing:.2px}
.site-head{border-bottom:1px solid var(--line);background:#fff}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;padding-bottom:14px}
.brand{font-weight:700;font-size:20px;text-decoration:none;color:var(--ink)}
.badge{font-size:11px;font-weight:600;background:var(--warnbg);color:var(--warn);border:1px solid #f0c27a;border-radius:10px;padding:2px 8px;vertical-align:middle}
.site-head nav a{margin-left:16px;font-size:14px;text-decoration:none}
main{padding:22px 20px 40px}
h1{font-size:30px;line-height:1.2;margin:10px 0 12px}
h2{font-size:21px;margin:30px 0 10px}
.lede{font-size:18px;color:var(--muted);max-width:820px}
.crumbs{font-size:13px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}
.stat{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px}
.stat .num{display:block;font-size:28px;font-weight:700;color:var(--accent)}
.stat span:last-child{font-size:13.5px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.card{display:block;border:1px solid var(--line);border-radius:8px;padding:12px 14px;text-decoration:none;color:var(--ink);background:#fff}
.card:hover{border-color:var(--accent)}
.card span{display:block;font-size:13px;color:var(--muted)}
.cta{border:2px dashed #e0a030;background:var(--warnbg);border-radius:10px;padding:14px 18px;margin:26px 0}
.cta-label{margin:0 0 4px;font-size:12px;font-weight:700;color:var(--warn);letter-spacing:.4px}
.cta-main{margin:0;font-size:19px}
.small{font-size:13px;color:var(--muted)}
.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px;margin:8px 0}
th,td{border-bottom:1px solid var(--line);padding:8px 8px;text-align:left;vertical-align:top}
thead th{background:var(--bg);font-size:13px}
table.compact td,table.compact th{padding:5px 8px;font-size:13px}
table.facts th[scope=row]{width:22%;font-weight:600}
table.facts td.src{width:22%;font-size:12.5px;word-break:break-all}
table.facts td.dt{width:95px;font-size:12.5px;white-space:nowrap}
.ev{font-size:12px;color:var(--muted);margin-top:4px}
code{font-size:13px;background:var(--bg);padding:1px 4px;border-radius:4px}
blockquote{margin:8px 0;padding:10px 16px;border-left:4px solid var(--accent);background:var(--bg);font-size:17px}
.method{background:var(--bg);border-left:4px solid #9aa9b8;padding:10px 14px;font-size:14.5px}
.picks li{margin:4px 0}
.verify{background:#eef7ee;border:1px solid #cfe6cf;border-radius:8px;padding:10px 14px}
.draft{background:var(--warnbg);color:var(--warn);font-weight:600;padding:8px 12px;border-radius:6px}
.draft-inline{color:var(--warn);font-size:13px}
.site-foot{border-top:1px solid var(--line);background:var(--bg);padding:18px 0 28px;font-size:14px}