:root{--bg:#0B1530;--surface:#14224A;--text:#F4F6FB;--muted:#A3AFCD;--gold:#E8B85C;--lagoon:#2EC4B6;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--text);font:17px/1.65 "Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(180deg,#070E22 0%,#0B1530 45%,#0E3E5C 85%,#0B4A52 100%) fixed;padding:0 20px}
main{max-width:720px;margin:0 auto;padding:48px 0 80px}
h1,h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1.15;text-wrap:balance}
h1{font-size:2.4rem;margin:0 0 .3em}h2{font-size:1.6rem;margin:2em 0 .4em;color:var(--gold)}
h3{font-size:1.05rem;margin:1.5em 0 .3em}
p,li{max-width:66ch}a{color:var(--lagoon)}
.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:20px 0}
nav{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.95rem;margin:0 0 32px}
nav a{text-decoration:none}nav a:hover{text-decoration:underline}
table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}
.scroll{overflow-x:auto}
.madras{height:6px;border-radius:3px;width:140px;background:repeating-linear-gradient(90deg,#E8B85C 0 6px,transparent 6px 10px,#FF7A59 10px 14px,transparent 14px 22px,#2EC4B6 22px 24px,transparent 24px 30px),#070E22;margin:12px 0 28px}
footer{margin-top:56px;font-size:.9rem;color:var(--muted)}