/* Shared styles for the supporting pages — matches the main guide */
:root{
  --ink:#101C2B;--text:#2E4356;--muted:#6B8299;
  --rule:#E4EBF1;--rule-2:#F0F4F8;--paper:#FFFFFF;--paper-2:#FAFCFD;
  --teal:#0B7E7B;--teal-dk:#09645F;
  --serif:Georgia,'Iowan Old Style','Times New Roman',Times,serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);
     font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--serif);color:var(--ink);font-weight:700;margin:0 0 .55em;
         letter-spacing:-.012em;line-height:1.24}
h1{font-size:clamp(1.85rem,4.4vw,2.6rem);letter-spacing:-.02em}
h2{font-size:1.28rem;margin-top:2.1em}
p,ul,ol{margin:0 0 1.15em}
ul,ol{padding-left:1.3em}
li{margin-bottom:.5em}
a{color:var(--teal-dk);text-underline-offset:2px}
a:hover{color:var(--teal)}
strong,b{color:var(--ink);font-weight:650}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}

.col{max-width:712px;margin:0 auto;padding:0 22px}
.col-wide{max-width:940px;margin:0 auto;padding:0 22px}

.adlabel{background:var(--paper-2);border-bottom:1px solid var(--rule);font-size:.72rem;
         letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;
         padding:8px 20px;line-height:1.5}
.adlabel b{color:var(--ink);font-weight:700}
.mast{border-bottom:1px solid var(--rule)}
.mast-row{max-width:940px;margin:0 auto;padding:17px 22px;display:flex;align-items:center;
          justify-content:space-between;gap:18px}
.logo{text-decoration:none;display:block}
.logo .name{font-family:var(--serif);font-size:1.26rem;font-weight:700;color:var(--ink);
            letter-spacing:.015em;line-height:1.1}
.logo .tag{display:block;font-size:.655rem;letter-spacing:.17em;text-transform:uppercase;
           color:var(--muted);margin-top:4px;font-weight:600}
.back{font-size:.88rem;font-weight:650;color:var(--teal-dk);text-decoration:none;white-space:nowrap}

main{padding:46px 0 60px}
.updated{font-size:.85rem;color:var(--muted);margin:-.4em 0 2.2em}
.lead{font-family:var(--serif);font-size:1.13rem;font-style:italic;color:#44596C;line-height:1.6;
      margin:0 0 1.6em}
.box{background:var(--paper-2);border:1px solid var(--rule);border-left:3px solid var(--teal);
     border-radius:0 8px 8px 0;padding:19px 22px;font-size:.93rem;margin:0 0 1.5em;line-height:1.7}
.box .h{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
        font-weight:700;display:block;margin-bottom:7px}

footer.site{background:#0B1724;color:#8CA3B8;font-size:.86rem;padding:40px 0 34px;line-height:1.72}
footer.site .logo .name{color:#fff;font-size:1.14rem}
footer.site .logo .tag{color:#73899E}
footer.site p{margin:0 0 13px;max-width:64em}
footer.site a{color:#B6CCDE}
.foot-nav{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin:20px 0;padding:0}
.foot-rule{border:0;border-top:1px solid rgba(255,255,255,.1);margin:24px 0 20px}
.legal{font-size:.78rem;color:#718AA1;line-height:1.72}
.legal p{margin:0 0 10px}
.legal b{color:#B6CCDE;font-weight:650}