:root{--ink:#26295a;--soft:#5b5e8c;--sky1:#63c8ff;--sky2:#a6e3ff;--sun:#ffc83d;--card:#fff;--line:#e3e6f5;--link:#1d6fe0}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.65 "Nunito","Quicksand",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);
 background:linear-gradient(180deg,var(--sky1) 0,var(--sky2) 220px,#fff7d6 100%) fixed}
header.site{max-width:820px;margin:0 auto;padding:24px 20px 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
header.site img{width:56px;height:56px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
header.site .name{font-weight:800;font-size:26px;color:#fff;text-shadow:0 2px 0 var(--ink),2px 2px 0 var(--ink),-2px 2px 0 var(--ink)}
header.site nav{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap;font-weight:700}
header.site nav a{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);text-decoration:none}
header.site nav a:hover,header.site nav a[aria-current]{text-decoration:underline}
main{max-width:820px;margin:18px auto 40px;padding:28px 26px 34px;background:var(--card);border-radius:22px;
 box-shadow:0 6px 24px rgba(38,41,90,.15);border:3px solid #fff}
h1{font-size:32px;line-height:1.2;margin:0 0 6px}
h2{font-size:22px;margin:30px 0 6px;color:var(--ink)}
p,li{color:var(--ink)}
.meta{color:var(--soft);font-size:15px;margin:0 0 22px}
.summary{background:#eefaff;border:2px solid var(--sky1);border-radius:14px;padding:14px 18px;margin:18px 0}
ul{padding-left:22px}
a{color:var(--link)}
table{border-collapse:collapse;width:100%;margin:10px 0}
td,th{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#f4f6ff;width:36%}
footer.site{max-width:820px;margin:0 auto 40px;padding:0 20px;text-align:center;color:var(--soft);font-size:15px}
footer.site a{color:var(--soft)}
.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
@media(max-width:560px){main{margin:12px;padding:20px 16px 26px;border-radius:16px}h1{font-size:26px}header.site nav{margin-left:0}}