:root{color-scheme:dark;--bg:#171717;--ink:#f2f2f2;--muted:#a6a6a6;--line:#393939;--accent:#f58042;--radius:2px} :root[data-theme=light]{color-scheme:light;--bg:#faf9f6;--ink:#202020;--muted:#666;--line:#d4d2ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:active,button:active{opacity:.7}header,main,footer{max-width:1200px;margin:auto}header{min-height:132px;padding:28px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{font-size:25px;letter-spacing:-1px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:12px}.brand svg{width:30px;height:34px}.brand-dot{color:var(--accent)}nav{display:flex;align-items:center;gap:34px;font-size:15px}nav a{text-decoration:none;color:var(--muted)}nav a[aria-current]{color:var(--ink)}button{font:inherit;font-size:14px;background:none;border:1px solid var(--line);color:var(--ink);padding:12px 17px;min-height:46px;cursor:pointer;border-radius:4px}.hero{padding:84px 0 72px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:var(--accent)}h1{font-size:clamp(44px,5.6vw,80px);letter-spacing:-.065em;line-height:1.12;font-weight:600;margin:36px 0}h1 span{color:var(--muted)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-top:36px}.hero-bottom p{max-width:590px;font-size:18px;line-height:1.65;color:var(--muted);margin:0}.explore{flex:none;font-size:14px;text-decoration:none;border-bottom:1px solid var(--line);padding:12px 0}.explore span{margin-left:26px}.desk{border-top:1px solid var(--line);padding-top:20px;padding-bottom:90px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.section-head h2{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:0}.section-head p{font-size:13px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.guide-card{text-decoration:none;display:block}.art{height:320px;background:#e9e7e2;color:#262626;padding:24px;position:relative;overflow:hidden}.image-art{background:#e3e8e6}.art-top,.art-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.art-top{font-size:10px;letter-spacing:1.5px}.art-top span:last-child{color:#6a6a66;letter-spacing:0}.art-bottom{position:absolute;bottom:22px;left:24px;right:24px;font-size:15px;letter-spacing:-.3px}.art-bottom b{font-size:25px;font-weight:400}.diagram{position:absolute;inset:54px 40px 58px;display:flex;justify-content:center;align-items:center;gap:20px}.paper{background:#fafafa;box-shadow:0 8px 22px #2323230a;width:140px;height:185px;padding:18px 14px;transform:rotate(-7deg);font-size:10px;color:#333}.paper:nth-child(2){transform:rotate(7deg);margin-top:18px}.paper strong{font-size:11px;display:block;margin-bottom:14px}.paper i{display:block;height:6px;background:#d5d5d0;margin:8px 0}.paper i:nth-of-type(1){background:#363636;width:65%}.paper i:nth-of-type(3){height:30px;background:repeating-linear-gradient(90deg,#d0d0ca 0 29%,#f4f4f1 29% 33%)}.paper code{font:9px/1.8 monospace}.picture{height:76px;margin:10px 0;background:#c6cec5;position:relative;overflow:hidden}.picture:before{content:'';position:absolute;width:70px;height:70px;transform:rotate(45deg);background:#819581;top:32px;left:12px}.picture:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#f5f0d9;right:14px;top:12px}.paper small{font-size:10px}.card-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;margin:20px 0 10px;color:var(--accent)}.card-meta span:last-child{color:var(--muted)}.guide-card h3{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.6px;margin:0 0 12px}.guide-card>p{color:var(--muted);font-size:15px;margin:0}.guide-card:hover h3{text-decoration:underline;text-underline-offset:5px}.guide-card:hover .paper{translate:0 -4px}.paper{transition:translate .2s}footer{border-top:1px solid var(--line);padding:30px 0 44px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:24px}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:10px;z-index:5;background:var(--bg);padding:12px}.article-head{padding:64px 0 42px;max-width:960px}.article-head h1{font-size:clamp(38px,4.5vw,62px);letter-spacing:-.045em}.article-head .summary{font-size:20px;max-width:740px;color:var(--muted)}.article-meta{color:var(--muted);font-size:13px}.article-layout{display:grid;grid-template-columns:220px minmax(0,740px);gap:60px;padding-bottom:80px;border-top:1px solid var(--line);padding-top:40px}.article-aside{font-size:14px;color:var(--muted)}article{font-size:17px;line-height:1.8;min-width:0}article>:first-child{margin-top:0}article h2{font-size:27px;letter-spacing:-.6px;line-height:1.3;margin-top:2em}article h3{font-size:21px}article a{color:var(--ink)}article pre{overflow:auto;padding:24px;background:color-mix(in srgb,var(--ink) 5%,var(--bg));border:1px solid var(--line);font-size:13px}article li{margin:10px 0}article dd{margin:0}article dt{font-weight:700}article table{border-collapse:collapse;width:100%;font-size:15px}article td,article th{padding:12px;border:1px solid var(--line);text-align:left}article p,article li{overflow-wrap:anywhere}@media(max-width:1280px){header,main,footer{margin-inline:40px}}@media(max-width:650px){header,main,footer{margin-inline:22px}header{min-height:100px;flex-wrap:wrap;padding:24px 0;gap:18px}.brand{font-size:21px}nav{gap:20px;width:100%;justify-content:space-between}nav a,button{min-height:44px;display:inline-flex;align-items:center}.hero{padding:52px 0 48px}h1{font-size:45px;margin:28px 0;letter-spacing:-2.5px}.hero-bottom{display:block;margin-top:26px}.hero-bottom p{font-size:16px}.explore{display:inline-block;margin-top:20px}.section-head{display:block}.section-head p{margin-top:8px}.cards{grid-template-columns:1fr;gap:40px}.art{height:290px;padding:20px}.diagram{inset:48px 24px 55px;gap:12px}.paper{width:120px;height:168px;padding:14px 12px}.art-bottom{left:20px;right:20px}.guide-card h3{font-size:23px}.desk{padding-bottom:56px}footer{display:block}footer p{margin:0 0 16px}.article-head{padding-top:42px}.article-head h1{font-size:39px}.article-layout{display:block;padding-top:24px}.article-aside{margin-bottom:28px}.article-head .summary{font-size:18px}article{font-size:16px}article h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.paper{transition:none}}
[hidden]{display:none!important}