:root{
  --navy:#0D2B4E;--navy-deep:#060f1a;--navy-mid:#1A3F6E;
  --blue:#1A6FBF;--gold:#F5A623;--gold-dark:#D4891A;
  --ink:#e6edf5;--muted:#9fb1c9;--line:rgba(255,255,255,0.09);
}

/* Blocksy sets a direct colour on h1-h6, which beats colour inherited from a
   dark section. These are full-canvas templates that expect inheritance.
   0,0,2 specificity beats Blocksy's 0,0,1 regardless of load order. */
body h1, body h2, body h3, body h4, body h5, body h6 { color: inherit; }

*{margin:0;padding:0;box-sizing:border-box;}
html{background:#060f1a;scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:linear-gradient(160deg,#091D38 0%,var(--navy) 45%,var(--navy-mid) 100%);margin:0;line-height:1.65;font-size:16px;}
h1,h2,h3,h4{font-family:'Sora',sans-serif;color:#fff;line-height:1.25;}
a{color:var(--gold);text-decoration:none;}
a:hover{text-decoration:underline;}
strong{color:#fff;font-weight:700;}
/* TOP BAR */
.page{background:linear-gradient(160deg,#091D38 0%,var(--navy) 45%,var(--navy-mid) 100%);min-height:100vh;}
.topbar{border-bottom:1px solid rgba(0,0,0,0.08);background:#ffffff;box-shadow:0 2px 14px rgba(0,0,0,0.22);position:sticky;top:0;z-index:20;}
.topbar-in{max-width:820px;margin:0 auto;padding:14px 26px;display:flex;align-items:center;justify-content:space-between;}
.topbar img{height:30px;width:auto;display:block;}
.topbar .back{font-size:13px;font-weight:700;font-family:'Sora',sans-serif;color:var(--navy);}
.topbar .back:hover{color:var(--gold);text-decoration:none;}
/* WRAP */
.wrap{max-width:820px;margin:0 auto;padding:52px 26px 90px;}
.doc-eyebrow{display:inline-flex;background:rgba(245,166,35,0.14);border:1px solid rgba(245,166,35,0.35);color:var(--gold);padding:6px 16px;border-radius:999px;font-size:11.5px;font-weight:700;font-family:'Sora',sans-serif;letter-spacing:.09em;text-transform:uppercase;margin-bottom:18px;}
h1.doc-title{font-size:clamp(30px,5vw,44px);margin-bottom:14px;font-weight:800;}
.doc-meta{font-size:13.5px;color:var(--muted);margin-bottom:8px;}
.doc-intro{font-size:16.5px;color:#cdd9ea;margin:22px 0 8px;}
/* TOC */
.toc{background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:16px;padding:22px 26px;margin:30px 0 10px;}
.toc h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:14px;font-weight:700;}
.toc ol{list-style:none;counter-reset:toc;column-count:2;column-gap:34px;}
.toc li{counter-increment:toc;font-size:14px;margin-bottom:9px;break-inside:avoid;}
.toc li a{color:#cdd9ea;font-weight:500;}
.toc li a:hover{color:var(--gold);}
.toc li::before{content:counter(toc) ". ";color:var(--gold);font-family:'Sora',sans-serif;font-weight:700;}
/* SECTIONS */
section.doc{margin-top:40px;scroll-margin-top:78px;}
section.doc>h2{font-size:21px;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line);}
section.doc>h2 .n{color:var(--gold);margin-right:10px;}
section.doc h3{font-size:16px;font-weight:700;margin:22px 0 8px;color:#dbe4f0;}
section.doc p{margin:0 0 14px;color:var(--ink);}
section.doc ul{margin:0 0 14px 4px;padding-left:20px;}
section.doc li{margin-bottom:9px;padding-left:4px;}
section.doc li::marker{color:var(--gold);}
.callout{background:linear-gradient(135deg,rgba(245,166,35,0.1),rgba(26,111,191,0.07));border:1px solid rgba(245,166,35,0.35);border-radius:14px;padding:20px 22px;margin:18px 0;}
.callout p{margin-bottom:8px;}
.callout p:last-child{margin-bottom:0;}
.backtop{font-size:12px;color:var(--muted);font-family:'Sora',sans-serif;}
.contact-card{background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin-top:8px;font-size:15px;}
.contact-card strong{display:block;margin-bottom:4px;}
/* FOOTER */
footer{border-top:1px solid var(--line);background:rgba(6,15,26,0.5);}
.footer-in{max-width:820px;margin:0 auto;padding:26px;display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;align-items:center;font-size:12.5px;color:#7d90ab;}
.footer-in a{color:#94a3b8;}
.footer-in a:hover{color:var(--gold);}
@media(max-width:640px){.toc ol{column-count:1;}}