:root{--ink:#0a1224;--sky:#7dd3fc;--blue:#2563eb;--mist:#9fb3c8;--cloud:#e6eef7;--line:rgba(125,211,252,.18)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Outfit',system-ui,sans-serif;background:var(--ink);color:var(--cloud);line-height:1.75}
.skyfield{position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 500px at 80% -10%,rgba(37,99,235,.22),transparent 60%),linear-gradient(180deg,#070d1c,#0a1224)}
header{position:sticky;top:0;backdrop-filter:blur(14px);background:rgba(8,14,28,.6);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto;padding:16px 24px}
.brand{display:flex;align-items:center;gap:12px;font-family:'Fraunces',Georgia,serif;font-size:1.3rem;color:#fff;text-decoration:none}
.brand svg{width:32px;height:32px}
.brand b{color:var(--sky)}
.back{color:var(--sky);text-decoration:none;font-size:.92rem}
.back:hover{text-decoration:underline}
main{max-width:900px;margin:0 auto;padding:60px 24px 80px}
h1{font-family:'Fraunces',Georgia,serif;color:#fff;font-size:clamp(2rem,4vw,2.8rem);margin-bottom:10px}
.updated{color:var(--mist);font-size:.9rem;margin-bottom:40px}
h2{font-family:'Fraunces',Georgia,serif;color:#fff;font-size:1.4rem;margin:36px 0 12px}
p,li{color:var(--cloud);margin-bottom:12px}
ul{padding-left:22px;margin-bottom:12px}
a{color:var(--sky)}
.box{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin:24px 0}
footer{border-top:1px solid var(--line);text-align:center;color:var(--mist);font-size:.85rem;padding:28px}