/* Forty Two Advisory - shared styles. Brand tokens from the design system. */
@font-face{font-family:"Source Serif 4";src:url(/assets/fonts/source-serif-4.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/assets/fonts/source-sans-3.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Source Code Pro";src:url(/assets/fonts/source-code-pro.woff2) format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
:root{--paper:#F5F6F8;--paper-raised:#FFFFFF;--line:#D5DAE3;--ink:#14213D;--ink-muted:#4A5570;--navy:#1B2C4E;--on-navy:#FFFFFF;--ochre:#C98A2B;--on-ochre:#14213D;--ochre-ink:#8A5A12;--ochre-soft:#F7EBD5;--serif:"Source Serif 4",Georgia,"Times New Roman",serif;--sans:"Source Sans 3","Helvetica Neue",Arial,sans-serif;--mono:"Source Code Pro",ui-monospace,Menlo,monospace}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}
h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0;text-wrap:balance}
p,ul{margin:0}
a{color:var(--ink);text-decoration-color:var(--line);text-underline-offset:3px}
a:hover{color:var(--ochre-ink);text-decoration-color:var(--ochre)}
a:focus-visible{outline:none;box-shadow:0 0 0 2px #F5F6F8,0 0 0 4px #C98A2B}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
img{max-width:100%}
.skip{position:absolute;left:16px;top:-48px;background:var(--navy);color:var(--on-navy);padding:8px 14px;border-radius:3px;z-index:10;text-decoration:none}
.skip:focus{top:12px;color:var(--on-navy)}
section[style*="var(--navy)"] a:focus-visible{box-shadow:0 0 0 2px var(--navy),0 0 0 4px var(--ochre)}
@media (max-width:720px){
  .site-header .wrap{padding-top:12px!important;padding-bottom:12px!important}
  .site-nav{gap:6px 18px!important;font-size:15px!important}
  .site-nav .cta{width:100%;text-align:center}
  main section{padding-top:56px!important;padding-bottom:56px!important}
  main h1{font-size:2.25rem!important}
  main h2{font-size:30px!important;line-height:36px!important}
  main figure{padding:20px!important}
  main figure div[style*="padding: 0 10px"]{padding:0 5px!important}
  main figure div[style*="padding: 0 10px"] span:first-child{font-size:11.5px!important;letter-spacing:-0.01em}
}
@media (max-width:380px){
  main figure{padding:14px!important}
  main figure div[style*="padding: 0 10px"]{padding:0 3px!important}
  main figure div[style*="padding: 0 10px"] span:first-child{font-size:10.5px!important}
}