:root{--text:#111;--muted:#555;--link:#0645ad;--border:#ddd;--bg:#fff;--max:920px;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,"Times New Roman",Times,serif;line-height:1.65;font-size:18px;}
a{color:var(--link);text-decoration:none;}
a:hover{text-decoration:underline;}
.container{width:min(var(--max),calc(100% - 32px));margin:0 auto;}
header{padding:22px 0 10px;border-bottom:1px solid var(--border);}
.site-title{font-size:32px;font-weight:700;margin:0 0 4px;}
.subtitle{margin:0;color:var(--muted);font-size:18px;}
nav{margin-top:10px;display:flex;gap:14px;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;}
nav a{color:var(--muted);padding:6px 0;}
nav a.active{color:var(--text);font-weight:700;}
main{padding:22px 0 46px;}
h2,h3{line-height:1.25;margin:0.9em 0 0.35em;}
h2{font-size:22px;}
h3{font-size:19px;}
p{margin:0.55em 0;}
ul,ol{margin:0.35em 0 0.9em 1.2em;}
li{margin:0.25em 0;}
.hr{border-top:1px solid var(--border);margin:20px 0;}
.small{color:var(--muted);font-size:15px;}
.badge{display:inline-block;border:1px solid var(--border);padding:2px 8px;border-radius:999px;margin-left:6px;font-size:14px;color:var(--muted);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}
footer{border-top:1px solid var(--border);padding:14px 0 34px;color:var(--muted);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}
@media (max-width:520px){body{font-size:17px}.site-title{font-size:28px}}