:root{--surface: #ffffff;--surface-alt: #f2f3f3;--ink: #16191a;--ink-muted: #55605f;--ink-soft: #7a8288;--ink-on-accent: #ffffff;--accent: #0b6b5b;--accent-strong: #084f43;--hover-red: #c0392b;--border: #dfe2e2;--border-strong: #7c8685;--radius-sm: 6px;--radius: 12px;--shell-max: 1120px;--gutter: clamp(1rem, 4vw, 2.5rem);--sidebar-width: 13rem;--sidebar-gap: clamp(1.5rem, 4vw, 3rem);--shell-shift: clamp(0rem, 4vw, 5rem);--shell-inset-start: max(var(--gutter), calc((100% - var(--shell-max)) / 2 - var(--shell-shift)));--navbar-height: 4.5rem;--font-base: "Roboto Mono", ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace;color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--surface);color:var(--ink);font-family:var(--font-base);font-size:1rem;font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 .5em;font-weight:700;line-height:1.25;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(1.875rem,4.5vw,3rem)}h2{font-size:clamp(1.375rem,3vw,1.875rem)}h3{font-size:1.125rem}p{margin:0 0 1rem;text-wrap:pretty}a{color:var(--accent);text-underline-offset:.2em}a:hover{color:var(--accent-strong)}img{max-width:100%;height:auto}ul{margin:0;padding:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.page{display:block;padding-block:clamp(2.5rem,6vw,4.5rem) 4rem}.shell{width:100%;max-width:var(--shell-max);margin-inline:auto;padding-inline:var(--gutter)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}