/* ==========================================================================
   base.css — resets, default text styles and small utilities
   ========================================================================== */

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 16px)}
body{margin:0;background:var(--bg0);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--display);font-stretch:112%;font-weight:700;letter-spacing:-0.02em;line-height:1.05;margin:0;text-wrap:balance}
p{margin:0}
a{color:var(--sage2)}
a:hover{color:var(--sage3)}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-radius:8px}
.wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.acc{color:var(--sage)}
.num{font-variant-numeric:tabular-nums}