*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px;color-scheme:light}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:var(--s-4);top:-100px;z-index:100;background:var(--ink);color:var(--bg);padding:var(--s-3) var(--s-4);border-radius:var(--r-1);text-decoration:none;font-weight:600}
.skip:focus{top:var(--s-3)}
.ic{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;line-height:1.4;color:var(--ink-3)}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li::before{content:"/";margin:0 var(--s-2);color:var(--line-strong)}
.crumbs a{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--ink-2);text-underline-offset:3px}
.crumbs a:hover{color:var(--ink)}