@font-face{font-family:Manrope;src:url('./manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:light;--canvas:oklch(.9700819 .0041221 91.44636);--surface:oklch(.9905142 .0026333 106.44735);--text:oklch(.2712475 .0146484 235.52153);--muted:oklch(.491531 .0205043 234.87785);--border:oklch(.8951375 .007625 164.91860);--control:oklch(.6095376 .0186262 236.89082);--accent:oklch(.4836098 .1332105 41.21388)}
[data-theme=dark]{color-scheme:dark;--canvas:oklch(.1928144 .0087029 240.3902);--surface:oklch(.2316566 .010738 242.19769);--text:oklch(.9522936 .0041457 157.17605);--muted:oklch(.7660043 .0142415 226.61999);--border:oklch(.3791198 .0207762 237.30046);--control:oklch(.5600402 .0226841 234.16902);--accent:oklch(.7850762 .0934787 57.29658)}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font:400 16px/1.6 Manrope,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}a:hover{text-decoration-thickness:2px}a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}header,main,footer{width:min(100% - 48px,1120px);margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px;border-bottom:1px solid var(--border)}.brand{color:var(--text);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;font-weight:650;letter-spacing:-.04em;font-size:20px;gap:8px}.brand span{font-size:15px;color:var(--muted);font-weight:450;letter-spacing:0}nav{display:flex;align-items:center;gap:24px}nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.theme{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}select{font:500 14px Manrope,sans-serif;min-height:44px;padding:8px 28px 8px 12px;color:var(--text);background:var(--surface);border:1px solid var(--control);border-radius:8px;cursor:pointer}main{display:grid;grid-template-columns:192px minmax(0,720px);column-gap:48px;padding-block:40px 48px}.context{font-size:13px;line-height:1.5;color:var(--muted);padding-top:8px}.context strong{display:block;color:var(--accent);font-weight:600;margin-bottom:8px}.context p{margin:0;max-width:22ch}.context a{display:inline-flex;align-items:center;min-height:44px;margin-top:16px}article{min-width:0}h1{font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.18;letter-spacing:-.045em;margin:0 0 20px;max-width:24ch;text-wrap:balance}h2{font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.025em;margin:0 0 12px}p{margin:0 0 16px}.lead{font-size:18px;line-height:1.55;max-width:60ch}.intro{padding-bottom:24px;border-bottom:1px solid var(--border)}section{padding-block:24px;border-bottom:1px solid var(--border)}section:last-child{border:0;padding-bottom:0}ul,ol{padding-left:24px;margin:0}li{padding-left:4px;margin:0 0 8px}li:last-child{margin-bottom:0}small,.meta{font-size:13px;line-height:1.5;color:var(--muted)}.meta{margin-top:16px;margin-bottom:0}.scope{font-weight:600;white-space:nowrap}.action-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;margin-top:8px}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding-block:16px 24px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}footer a{display:inline-flex;align-items:center;min-height:44px}.skip{position:fixed;top:8px;left:8px;padding:8px 16px;background:var(--surface);z-index:2;transform:translateY(-180%)}.skip:focus{transform:none}
@media(max-width:767px){header,main,footer{width:calc(100% - 32px)}main{grid-template-columns:minmax(0,1fr);padding-block:24px 32px;gap:20px}.context{padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.context strong{margin:0}.context p{display:none}.context a{margin:0}.theme>span{display:none}nav{gap:12px}.brand{font-size:18px}.brand span{font-size:14px}.lead{font-size:17px}section{padding-block:20px}h1{margin-bottom:16px}.intro{padding-bottom:20px}footer{align-items:flex-start;flex-direction:column;gap:0}}
@media(max-width:420px){header{gap:12px;padding-block:12px}.brand{font-size:17px;gap:6px}.brand span{font-size:13px}nav>a{display:none}.theme>span{display:none}h1{font-size:30px}select{font-size:16px}}
@media print{header nav,.skip{display:none}main{display:block;width:100%;padding:24px}.context{display:none}body{background:white;color:black}a{color:inherit}footer{width:100%}}