/* Shared styling for the disclosure documents. Deliberately plainer than the marketing page: a policy
   that looks designed invites the suspicion that it was written to be skimmed rather than read. */
:root{
  --navy:#0f2a44; --navy-soft:#1c3d5c; --ink:#1a2430; --muted:#55637a; --dim:#7b8799;
  --gold:#9a7b33;
  --gold-lift:#c8a456; --rule:#dfe4ea; --paper:#ffffff; --tint:#f6f8fa;
  --serif:Georgia,'Iowan Old Style','Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0; background:var(--paper); color:var(--ink); font:17px/1.75 var(--sans); -webkit-font-smoothing:antialiased}
a{color:var(--navy-soft)}
a:hover{color:var(--navy)}
.wrap{max-width:1040px; margin:0 auto; padding:0 32px}

header{background:var(--navy); color:#fff}
nav{display:flex; align-items:center; justify-content:space-between; height:72px; gap:24px}
.brand{display:flex; align-items:baseline; gap:11px; color:#fff; text-decoration:none}
/* "The Ascent" mark — see index.html for the full note. --gold-lift reads on navy; --gold does not. */
.brand{align-items:center}
.brand .mark{width:31px; height:31px; color:var(--gold-lift); display:block; flex:0 0 auto}
.brand .mark svg{width:100%; height:100%; display:block; overflow:visible}
.brand .name{font-family:var(--serif); font-size:23px; letter-spacing:.4px}
.navlinks{display:flex; gap:30px; font-size:14px}
.navlinks a{color:rgba(255,255,255,.76); text-decoration:none}
.navlinks a:hover{color:#fff}

.doc{max-width:760px; margin:0 auto; padding:64px 32px 84px}
.doc h1{font-family:var(--serif); font-weight:400; font-size:38px; letter-spacing:-.3px; color:var(--navy); margin:0 0 8px}
.doc .meta{color:var(--dim); font-size:14px; margin:0 0 34px; padding-bottom:22px; border-bottom:2px solid var(--gold)}
.doc .lede{font-size:18px; color:var(--muted); margin:0 0 40px}
.doc h2{font-family:var(--serif); font-weight:400; font-size:22px; color:var(--navy); margin:44px 0 12px; padding-top:22px; border-top:1px solid var(--rule)}
.doc p{color:var(--muted); margin:0 0 15px}
.doc ul{color:var(--muted); margin:0 0 18px; padding-left:22px}
.doc li{margin-bottom:10px}
.doc strong{color:var(--navy); font-weight:600}

footer{background:var(--navy); color:rgba(255,255,255,.66); padding:44px 0 52px; font-size:14.5px}
/* Dark-background asset only — the "EARN" half is near-white and would vanish on the page body. */
footer .flogo{height:30px; width:auto; display:block; opacity:.92; margin-bottom:20px}
footer .frow{display:flex; flex-wrap:wrap; gap:22px; justify-content:space-between; align-items:baseline;
             padding-top:18px; border-top:1px solid rgba(255,255,255,.16)}
footer a{color:rgba(255,255,255,.78); text-decoration:none}
footer a:hover{color:#fff; text-decoration:underline}

@media(max-width:700px){
  .wrap{padding:0 22px}
  .doc{padding:44px 22px 60px}
  .doc h1{font-size:29px}
  .navlinks{display:none}
}