*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}
body{margin:0;background:var(--fd-bg);color:var(--fd-text);font:400 var(--fs-md)/1.6 var(--fd-font);transition:background .2s,color .2s;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
img{max-width:100%;height:auto}
a{color:var(--fd-primary)}
h1,h2,h3{color:var(--fd-text-strong);line-height:1.2;letter-spacing:-.01em}
:focus-visible{outline:3px solid var(--fd-primary);outline-offset:2px;border-radius:4px}
.fd-wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-4)}
.fd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fd-skip{position:absolute;left:8px;top:-60px;background:var(--fd-primary);color:var(--fd-on-primary);padding:10px 16px;border-radius:var(--r-md);z-index:100;transition:top .15s}
.fd-skip:focus{top:8px}
.fd-page{padding-top:var(--sp-6);padding-bottom:var(--sp-7)}
.fd-page h1{font-size:var(--fs-2xl);margin:0 0 var(--sp-4)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}