:root{--bg:#fbfaf7;--ink:#222;--muted:#6d675e;--line:#e5e0d6;--accent:#8a3b12;--card:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 Georgia,"Times New Roman",serif}
a{color:var(--accent)}
.w{max-width:760px;margin:0 auto;padding:0 18px}
header.site{background:#2c3550 linear-gradient(rgba(20,26,48,.10),rgba(20,26,48,.20) 55%,rgba(20,24,40,.72)) ;background-image:linear-gradient(rgba(20,26,48,.10),rgba(20,26,48,.20) 55%,rgba(20,24,40,.72)),url(img/banner.jpg);background-size:cover;background-position:center 40%;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}
header.site .w{padding-top:56px;padding-bottom:0}
.brand{display:block;color:inherit;text-decoration:none}
.brand span{display:block;font-size:2.2rem;line-height:1.1}
.brand small{display:block;color:#eef1f6;font:15px/1.4 system-ui,sans-serif;margin-top:6px}
header nav{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:18px;font:15px system-ui,sans-serif}
header nav a{color:#f0f2f6;text-decoration:none;padding:10px 0 12px;border-bottom:3px solid transparent}
header nav a.out{margin-left:auto}
header nav a[aria-current]{border-color:#f3c48f;color:#fff}
h1{font-weight:normal;font-size:2rem;line-height:1.2;margin:36px 0 20px}
h2{font-weight:normal;font-size:1.5rem;margin:48px 0 16px}
h3{font-size:1.2rem;margin:28px 0 8px}
img{max-width:100%;height:auto;vertical-align:middle;margin:4px}
.c{text-align:center}.r{text-align:right}
hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.comments{border-top:1px solid var(--line);margin-top:48px}
.comments ol{list-style:none;padding:0;margin:0}
.comments li{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin:12px 0}
.comments li.d2{margin-left:28px}.comments li.d3{margin-left:56px}.comments li.d4{margin-left:84px}
.comments li p{margin:.5em 0 0}
.who{font:15px/1.4 system-ui,sans-serif}
.who b a{color:inherit}
.when{color:var(--muted);text-decoration:none;margin-left:6px;font-size:13px}
.closed{color:var(--muted);font:14px system-ui,sans-serif}
footer.site{margin-top:56px;border-top:1px solid var(--line);font:14px system-ui,sans-serif;color:var(--muted)}
footer.site .w{padding-top:18px;padding-bottom:40px}
footer.site a{color:var(--muted)}
@media(max-width:560px){header nav a.out{margin-left:0}body{font-size:17px}.brand span{font-size:1.8rem}.comments li.d2,.comments li.d3,.comments li.d4{margin-left:14px}}
