:root{
  --bg0:#0A1320; --bg1:#0E1A2E; --bg2:#14243C;
  --line:#22385A; --ink:#EAEFF6; --muted:#93A3BB;
  --gold:#D9A441; --accent:#2E9BDA;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.7;background:radial-gradient(1200px 600px at 50% -10%, #16294a 0%, var(--bg0) 55%) fixed,var(--bg0)}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
header.site{padding:46px 0 22px;text-align:center}
header.site h1{font-size:2.3rem;letter-spacing:.02em;font-weight:800}
header.site h1 a{color:var(--gold);text-decoration:none}
header.site p{color:var(--muted);margin-top:8px;font-size:1.02rem}
nav.menu{background:rgba(14,26,46,.88);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;font-size:.88rem}
nav.menu .row{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:center;padding:5px 0}
nav.menu a{color:#C6D3E4;padding:4px 10px;border-radius:999px;white-space:nowrap}
nav.menu a:hover{background:rgba(217,164,65,.14);color:var(--gold);text-decoration:none}
.navlabel{color:var(--muted);font-style:italic;align-self:center}
main{padding:34px 0}
ul.posts{list-style:none}
ul.posts li.card{background:linear-gradient(180deg,var(--bg2),var(--bg1));border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin-bottom:18px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
ul.posts .date{color:var(--muted);font-size:.8rem}
ul.posts h2{font-size:1.3rem;margin:4px 0 6px}
ul.posts h2 a{color:var(--ink)}
ul.posts h2 a:hover{color:var(--gold);text-decoration:none}
.excerpt{color:#B9C5D6;font-size:.96rem}
article.post,article.page{background:linear-gradient(180deg,var(--bg2),var(--bg1));border:1px solid var(--line);border-radius:14px;padding:30px 32px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
article.post h2,article.page h2{font-size:1.7rem;margin-bottom:8px;color:var(--ink)}
.meta{color:var(--muted);font-size:.82rem;margin-bottom:16px}
h3.group{color:var(--gold);font-size:1.05rem;margin:28px 0 4px;letter-spacing:.06em;text-transform:uppercase}
ul.plain{list-style:none}
ul.plain li{padding:11px 2px;border-bottom:1px solid var(--line)}
ul.plain li a{color:var(--ink);font-size:1.04rem}
ul.plain li a:hover{color:var(--gold);text-decoration:none}
.content{font-size:1.05rem;color:#DCE4EF;overflow-wrap:break-word}
.content p{margin:0 0 1.1em}
.content img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}
.content h1,.content h2,.content h3{color:var(--ink);margin:1.3em 0 .6em}
.content blockquote{border-left:3px solid var(--gold);padding:6px 16px;color:var(--muted);margin:1.2em 0}
.content ul,.content ol{padding-left:1.4em;margin:0 0 1.1em}
.content table{border-collapse:collapse;margin:1em 0}
.content td,.content th{border:1px solid var(--line);padding:8px 12px}
a.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
a.brand:hover{text-decoration:none}
a.brand span{font-size:2rem;font-weight:800;letter-spacing:.02em;color:var(--gold)}
header.site h1{display:none}
footer.site{border-top:1px solid var(--line);margin-top:34px;padding:26px 0 48px;text-align:center;color:var(--muted);font-size:.85rem}