:root{
  --fg:#1a1d24; --muted:#5b6472; --bg:#ffffff; --accent:#1f6feb;
  --line:#e6e8eb; --soft:#f6f8fa; --maxw:760px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; color:var(--fg); background:var(--bg); line-height:1.65; font-size:17px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.container{max-width:var(--maxw); margin:0 auto; padding:0 20px}
.site-header{border-bottom:1px solid var(--line); background:var(--bg); position:sticky; top:0; z-index:10}
.site-header .container{display:flex; align-items:center; justify-content:space-between; height:60px}
.brand{font-weight:700; font-size:18px; color:var(--fg); text-decoration:none; letter-spacing:-.2px}
nav a{color:var(--muted); text-decoration:none; margin-left:18px; font-size:15px}
nav a:hover{color:var(--accent)}
.site-header nav a.active{color:var(--fg); font-weight:600; border-bottom:2px solid var(--accent); padding-bottom:3px}
main{padding:36px 0 48px}
h1{font-size:30px; line-height:1.25; letter-spacing:-.5px; margin:0 0 16px}
h2{font-size:21px; margin:34px 0 12px}
h3{font-size:18px; margin:0 0 6px}
p{margin:0 0 16px}
a{color:var(--accent)}
ul{padding-left:22px} li{margin:6px 0}
table{width:100%; border-collapse:collapse; margin:18px 0; font-size:15px}
th,td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums}
th{background:var(--soft); font-weight:600}
blockquote{margin:18px 0; padding:14px 18px; background:var(--soft); border-left:3px solid var(--accent); border-radius:4px}
blockquote p:last-child{margin-bottom:0}
code{background:var(--soft); padding:2px 5px; border-radius:4px; font-size:14px}
hr{border:0; border-top:1px solid var(--line); margin:28px 0}
.lead{font-size:19px; color:var(--muted)}
.tag{display:inline-block; background:var(--soft); color:var(--muted); font-size:12px; padding:3px 10px; border-radius:20px; margin-bottom:12px}
.card{display:block; padding:16px 18px; border:1px solid var(--line); border-radius:8px; margin:0 0 14px; text-decoration:none; color:inherit; transition:border-color .15s ease, box-shadow .15s ease, background .15s ease}
.card:hover{border-color:var(--accent); background:var(--soft); box-shadow:0 2px 10px rgba(0,0,0,.06)}
.card h3{color:var(--fg)}
.card p{margin:0; color:var(--muted); font-size:15px}
.card-stats{margin:0 0 6px; font-size:14px; font-weight:600; color:var(--fg)}
.v-yes{color:#1a7f37}
.v-no{color:#b42318}
.v-mid{color:#9a6700}
.v-low{color:var(--muted)}
.muted{color:var(--muted); font-size:15px}
.upcoming{list-style:none; padding:0; margin:12px 0 0}
.upcoming li{padding:11px 14px; border:1px dashed var(--line); border-radius:8px; margin:0 0 8px; color:var(--muted); font-size:15px}
.site-footer{border-top:1px solid var(--line); background:var(--soft); padding:24px 0; margin-top:40px}
.footer-links a{color:var(--muted); text-decoration:none}
.footer-links a:hover{color:var(--accent)}
.footer-note{color:var(--muted); font-size:13px; margin:8px 0 0; line-height:1.5}
@media(max-width:480px){ body{font-size:16px} h1{font-size:25px} nav a{margin-left:12px} }