/* Shared styles for the Windgate free guides (screen + print). */
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/spectral-500.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/spectral-600.woff2') format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/hanken-grotesk-400.woff2') format('woff2');}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/hanken-grotesk-600.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-500.woff2') format('woff2');}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:'Hanken Grotesk',system-ui,sans-serif;color:#16302E;background:#F4EEE3;}
a{color:#0E4D49;}
a:focus-visible,button:focus-visible{outline:2px solid #DE5B3B;outline-offset:2px;}
.wrap{max-width:760px;margin:0 auto;padding:0 24px;}
.bar{border-bottom:1px solid #e3dac9;background:rgba(244,238,227,.9);}
.bar-in{max-width:1080px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;}
.brand span{font:500 20px/1 'Spectral',serif;color:#0E4D49;letter-spacing:-.01em;position:relative;top:.03em;}
.print{background:#fff;border:1.5px solid #9FC0BA;color:#0E4D49;border-radius:10px;padding:10px 14px;font:600 13px/1 'Hanken Grotesk',sans-serif;cursor:pointer;}
.doc{padding-top:48px;padding-bottom:64px;}
.eyebrow{font:500 11px/1 'IBM Plex Mono',monospace;color:#6b5d43;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;}
h1{font:500 46px/1.06 'Spectral',serif;color:#0E4D49;letter-spacing:-.014em;margin:0 0 16px;}
.lede{font:400 17px/1.6 'Hanken Grotesk',sans-serif;color:#46544d;margin:0 0 30px;}
.list{list-style:none;counter-reset:n;padding:0;margin:0 0 34px;}
.list li{counter-increment:n;position:relative;background:#fff;border:1px solid #e3dac9;border-radius:14px;padding:18px 20px 16px 64px;margin:0 0 12px;break-inside:avoid;}
.list li:before{content:counter(n);position:absolute;left:18px;top:17px;width:30px;height:30px;border-radius:9px;background:#0E4D49;color:#fff;font:500 15px/30px 'Spectral',serif;text-align:center;}
.list h2{font:600 16.5px/1.4 'Hanken Grotesk',sans-serif;color:#16302E;margin:2px 0 6px;}
.list p{font:400 15px/1.6 'Hanken Grotesk',sans-serif;color:#46544d;margin:0;}
.audit li{padding-right:64px;}
.audit h2{margin:4px 0;}
.box{position:absolute;right:20px;top:18px;width:24px;height:24px;border:1.5px solid #9FC0BA;border-radius:6px;}
.score{margin:0 0 30px;}
.score h2,.note h2{font:600 22px/1.25 'Spectral',serif;color:#0E4D49;margin:0 0 12px;}
.score dl{margin:0 0 16px;}
.score dt{font:600 14px/1.3 'IBM Plex Mono',monospace;color:#a8401f;margin:14px 0 4px;}
.score dd{margin:0;font:400 15px/1.6 'Hanken Grotesk',sans-serif;color:#46544d;}
.score p{font:400 15px/1.6 'Hanken Grotesk',sans-serif;color:#46544d;}
.note{border-left:3px solid #C99A3F;background:#fff;border-radius:0 14px 14px 0;padding:20px 22px;break-inside:avoid;}
.note p{font:400 15px/1.6 'Hanken Grotesk',sans-serif;color:#46544d;margin:0 0 10px;}
.note .cta{margin:0;font-weight:600;}
.foot{border-top:1px solid #e3dac9;padding:24px 0;}
.foot-in{max-width:1080px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font:400 12.5px/1.4 'Hanken Grotesk',sans-serif;color:#46544d;}
.foot a{color:#46544d;}
.mono{font:500 11px/1.4 'IBM Plex Mono',monospace;letter-spacing:.04em;}
@media (max-width:640px){
  .wrap{padding:0 16px;}
  h1{font-size:34px;}
  .list li{padding-left:58px;}
  .audit li{padding-right:52px;}
}
@media print{
  body{background:#fff;}
  .print,.note .cta{display:none;}
  .bar{border:0;background:none;}
  .doc{padding-top:12px;}
  .list li{border-color:#ccc;}
}