/* What The Cuts: ONE shared header (and the audit tool's footer). Same file on whatthecuts.pages.dev and the audit tool.
   Logo: logo_horizontal_on_dark.png resized only (1200 x 271). Its own transparent margin (5.31% each side) is kept;
   a negative margin lines the visible mark up with the page gutter. Sizes: 260px wide on phones (220px under 360px), 320px from 768px up. */
@font-face{font-family:"Inter";src:url(fonts/inter-500.woff2) format("woff2");font-weight:500;font-display:swap}
.wh{--wh-pad:clamp(20px,5vw,72px);--wh-logo:260px;--wh-h:76px;position:sticky;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;gap:32px;height:var(--wh-h);margin:0;padding:0 var(--wh-pad);background:rgba(20,28,64,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);box-sizing:border-box;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.01em;line-height:1}
.wh--fixed{position:fixed}
.wh *,.wh *::before,.wh *::after{box-sizing:border-box}
.wh__logo{display:block;flex:none;margin:0 0 0 calc(var(--wh-logo) * -.0531);padding:0;line-height:0;border-radius:6px}
.wh__logo img{display:block;width:var(--wh-logo);height:auto;max-width:none;transition:filter .3s}
.wh__logo:hover img{filter:drop-shadow(0 0 14px rgba(244,183,64,.35))}
.wh__nav{margin:0 0 0 auto;padding:0}
.wh__links{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.wh__links li{margin:0;padding:0}
.wh__links a{position:relative;display:block;padding:10px 0;color:#fff;text-decoration:none;font-size:15px;font-weight:500;line-height:1;opacity:.85;transition:opacity .2s,color .2s}
.wh__links a:hover{opacity:1;color:#F4B740}
.wh__links a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:#F4B740;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.wh__links a:hover::after,.wh__links a[aria-current]::after{transform:scaleX(1)}
.wh__cta{display:inline-flex;flex:none;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0 20px;border-radius:999px;border:2px solid #F4B740;background:#F4B740;color:#1E2A5A;font:700 13px/1 "JetBrains Mono",ui-monospace,Menlo,monospace;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}
.wh__cta:hover{background:#F8C863;border-color:#F8C863}
.wh__menu{display:none;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;margin:0;padding:0;border-radius:999px;border:2px solid rgba(255,255,255,.4);background:transparent;cursor:pointer}
.wh__menu span{display:block;width:18px;height:2px;border-radius:2px;background:#fff;transition:transform .25s,opacity .25s}
.wh__menu[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.wh__menu[aria-expanded="true"] span:nth-child(2){opacity:0}
.wh__menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.wh__panel{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;margin:0;padding:16px var(--wh-pad) 32px;background:#141C40;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 24px 48px rgba(14,20,48,.45)}
.wh__panel[hidden]{display:none}
.wh__panel a{display:block;margin:0;padding:16px 0;color:#fff;text-decoration:none;font-size:18px;font-weight:500;line-height:1.3;border-bottom:1px solid rgba(255,255,255,.08)}
.wh__panel a:hover{color:#F4B740}
.wh__panel a.wh__cta{display:flex;margin-top:24px;min-height:52px;padding:0 20px;border-bottom:2px solid #F4B740;color:#1E2A5A;font-size:14px}
@media (max-width:359px){.wh{--wh-logo:220px;--wh-h:72px;gap:16px}}
@media (min-width:768px){.wh{--wh-logo:320px;--wh-h:88px}}
@media (max-width:1099px){.wh__nav{display:none}.wh__cta{margin-left:auto}.wh__menu{display:inline-flex}.wh__cta+.wh__menu{margin-left:-16px}}
@media (max-width:639px){.wh>.wh__cta{display:none}.wh__menu{margin-left:auto}}
@media (min-width:1100px){.wh__panel{display:none!important}}
@media (prefers-reduced-motion:reduce){.wh *{transition:none!important}}

/* footer (audit tool pages): same look as the main site footer */
.wf{background:#fff;margin:0;padding:56px clamp(20px,5vw,72px) 48px;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.01em}
.wf__logo{display:block;width:300px;max-width:100%;height:auto;margin:0 0 40px;padding:0}
.wf__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px;margin:0;border-top:1px solid #EEF0F7;padding-top:24px;font-size:14px;line-height:1.6;color:#3C466E}
.wf__row p{margin:0;color:#3C466E}
.wf__links{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0;padding:0}
.wf__links li{margin:0;padding:0}
.wf__links a{color:#1E2A5A;text-decoration:none;font-weight:500}
.wf__links a:hover{text-decoration:underline;text-decoration-color:#F4B740;text-underline-offset:4px}
@media (max-width:640px){.wf__logo{width:280px}}