body{font:15px/1.5 -apple-system,Segoe UI,Roboto,sans-serif;max-width:1200px;margin:0 auto;padding:1rem 2rem;color:#1a1a1a}
nav{display:flex;gap:1rem;padding:.6rem 0;border-bottom:2px solid #333;margin-bottom:1.5rem}
nav a{color:#333;text-decoration:none;font-weight:600}nav a:hover{text-decoration:underline}
h1 small{font-weight:400;color:#777;font-size:.6em}
.cards{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0 2rem}
.card{border:1px solid #ddd;border-radius:8px;padding:1rem 1.5rem;text-align:center}
.card b{font-size:1.6rem;display:block}.card span{color:#666;font-size:.85rem}
table{border-collapse:collapse;width:100%;margin:.5rem 0 2rem}
th,td{border-bottom:1px solid #e5e5e5;padding:.4rem .6rem;text-align:left;font-size:.9rem}
th{background:#f7f7f7;position:sticky;top:0}
td.num{text-align:right;font-variant-numeric:tabular-nums}
tr:hover td{background:#fafaf7}
#q{width:100%;max-width:480px;padding:.5rem .8rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}
a{color:#0b5fff}
.meta{color:#777}

.why{background:#f4f7ff;border-left:4px solid #0b5fff;padding:.7rem 1rem;margin:.4rem 0 1rem}
.note{background:#fff8e6;border-left:4px solid #e6a700;padding:.7rem 1rem;margin:1rem 0;font-size:.92rem}
.note2{color:#555;font-size:.85rem}