:root{color-scheme:light;--bg:#eff5f7;--ink:#17232d;--muted:#61747f;--accent:#427d76;--top:#f9fcfd;--bottom:#e9f0f3;--rim:#ffffffd9;--shade:#b2c5ce4d;--glow:#ffffffc9;--selected:#d6e7e8;--line:#d7e3e7}
:root[data-theme=dark]{color-scheme:dark;--bg:#202427;--ink:#e6edf0;--muted:#a8b8bf;--accent:#9ccbc3;--top:#343b40;--bottom:#2a3035;--rim:#53606980;--shade:#0d111566;--glow:#4b575b24;--selected:#3b5355;--line:#3c474d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background-color .3s,color .3s}a{color:var(--accent);text-underline-offset:4px}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header,main,footer{width:min(100% - 48px,1040px);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0}.brand{font-size:27px;text-decoration:none;color:var(--ink);letter-spacing:-1px;font-weight:550}.brand span{color:var(--accent);font-weight:400}.tools{display:flex;align-items:center;gap:16px}.glass{background:linear-gradient(140deg,var(--top),var(--bottom));border:1px solid var(--rim);box-shadow:8px 12px 28px var(--shade),-7px -7px 22px var(--glow)}.theme{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:28px;isolation:isolate}.theme::before{content:"";position:absolute;left:5px;top:5px;width:calc((100% - 10px)/2);height:calc(100% - 10px);border-radius:22px;background:var(--selected);z-index:-1;transition:transform .4s cubic-bezier(.2,.8,.2,1),background-color .3s}[data-theme=dark] .theme::before{transform:translateX(100%)}.theme button{border:0;background:none;padding:8px 16px;font-size:13px;min-width:70px;min-height:40px}.theme button[aria-pressed=true]{color:var(--accent)}details{position:relative}summary{cursor:pointer;list-style:none;padding:12px 16px;border-radius:24px;font-size:14px;white-space:nowrap}summary::-webkit-details-marker{display:none}summary::after{content:"⌄";margin-left:10px;color:var(--muted)}.languages{position:absolute;right:0;top:58px;z-index:5;width:220px;border-radius:24px;padding:12px;display:grid;gap:2px;animation:appear .2s ease-out}.languages a{padding:7px 14px;text-decoration:none;border-radius:14px}.languages a:hover,.languages a[aria-current]{background:var(--selected)}.heading{padding:38px 0 30px}h1{font-weight:500;font-size:clamp(30px,4.5vw,48px);line-height:1.16;letter-spacing:-.035em;margin:0 0 18px}.meta{color:var(--muted);font-size:14px;margin:0}.layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:46px;align-items:start}.index{position:sticky;top:26px;display:grid;gap:5px;padding:14px 0}.index a{color:var(--muted);font-size:13px;text-decoration:none;padding:3px 0}.index a:hover{color:var(--accent)}article{border-radius:32px;padding:16px 36px 24px;animation:appear .35s ease-out}section{padding:20px 0;border-bottom:1px solid var(--line)}section:last-child{border:0}h2{font-size:19px;line-height:1.4;font-weight:550;letter-spacing:-.02em;margin:0 0 11px}h2 span{color:var(--accent);font-size:12px;letter-spacing:.06em;display:inline-block;width:29px;vertical-align:middle}p{margin:0;color:var(--muted);overflow-wrap:anywhere}footer{padding:35px 0 40px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}footer a{color:inherit}section a{color:var(--accent)}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:760px){header,main,footer{width:calc(100% - 36px)}header{flex-wrap:wrap;padding:24px 0;gap:16px}.tools{gap:10px;flex-wrap:wrap}.heading{padding:24px 0 26px}.layout{display:block}.index{display:none}article{padding:10px 22px 18px;border-radius:28px}section{padding:20px 0}.theme button{padding:6px 12px;min-width:60px}summary{padding:10px 12px}.languages{right:0}}@media(max-width:390px){header{gap:12px}.brand{font-size:25px}.tools{width:100%;justify-content:space-between}article{padding:8px 18px 15px}}@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

body{transition:none}.brand{display:flex;align-items:center;gap:12px;letter-spacing:-.7px}.brand img{width:40px;height:40px;border-radius:24%;box-shadow:0 5px 13px var(--shade)}.brand .wordmark{color:var(--ink);font-weight:550}.brand .wordmark span{font-weight:400;color:var(--accent)}header,main,footer{width:min(100% - 48px,920px)}.layout{display:block}.theme button{min-width:44px;width:44px;height:44px;min-height:44px;padding:10px;display:grid;place-items:center}.theme{padding:4px}.theme::before{left:4px;top:4px;width:calc((100% - 8px)/2);height:calc(100% - 8px)}summary{padding:13px;display:grid;place-items:center}summary::after{display:none}.tools{gap:14px}.heading{padding-top:26px}.languages{top:60px}.theme button:focus-visible,summary:focus-visible{border-radius:50%}@media(max-width:760px){header,main,footer{width:calc(100% - 36px)}}@media(max-width:390px){header{flex-wrap:nowrap}.tools{width:auto;gap:8px}.brand{gap:8px;font-size:23px}.brand img{width:34px;height:34px}.theme button{min-width:38px;width:38px;height:40px;padding:8px}summary{padding:10px}}

@property --bg{syntax:"<color>";inherits:true;initial-value:#eff5f7}@property --ink{syntax:"<color>";inherits:true;initial-value:#17232d}@property --muted{syntax:"<color>";inherits:true;initial-value:#61747f}@property --accent{syntax:"<color>";inherits:true;initial-value:#427d76}@property --top{syntax:"<color>";inherits:true;initial-value:#f9fcfd}@property --bottom{syntax:"<color>";inherits:true;initial-value:#e9f0f3}@property --rim{syntax:"<color>";inherits:true;initial-value:#ffffffd9}@property --shade{syntax:"<color>";inherits:true;initial-value:#b2c5ce4d}@property --glow{syntax:"<color>";inherits:true;initial-value:#ffffffc9}@property --selected{syntax:"<color>";inherits:true;initial-value:#d6e7e8}@property --line{syntax:"<color>";inherits:true;initial-value:#d7e3e7}html{transition:--bg .32s ease-out,--ink .32s ease-out,--muted .32s ease-out,--accent .32s ease-out,--top .32s ease-out,--bottom .32s ease-out,--rim .32s ease-out,--shade .32s ease-out,--glow .32s ease-out,--selected .32s ease-out,--line .32s ease-out}.theme::before{transition:transform .32s cubic-bezier(.2,.8,.2,1)}