:root{--primary:#204ae8;--primary-contrast:#fff;--accent:#f6f59a;--surface:#fffef0;--text:#202026;--font-body:'Inter',sans-serif;--font-head:'Barlow Condensed',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fffef0;color:#202026;font:16px/1.7 var(--font-body)}a{color:inherit;text-underline-offset:5px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e64071;outline-offset:4px}.skip{position:absolute;top:-100px;background:#fff;padding:12px;z-index:9}.skip:focus{top:0}.site-header{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:28px;border-bottom:2px solid;padding:24px 4vw}.wordmark{font:800 32px/.83 var(--font-head);text-decoration:none}.wordmark span{display:block;font:600 12px/2 var(--font-body);margin-top:8px}#site-nav{display:flex;gap:8px 22px;flex-wrap:wrap}#site-nav a,.languages a{padding:10px 0;font-size:14px}.languages{display:flex;gap:16px}.nav-toggle{display:none}main{max-width:1400px;margin:auto;padding:0 4vw}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:6vw;align-items:center;padding:64px 0}.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}h1,h2,h3{font-family:var(--font-head);line-height:1.07;overflow-wrap:anywhere}h1{font-size:clamp(44px,5.8vw,84px);margin:20px 0}h2{font-size:36px;margin:24px 0}h3{font-size:27px}.hero p{max-width:65ch}.cta{display:inline-block;background:#204ae8;color:white;padding:14px 24px;margin-top:18px;text-decoration:none;font-weight:700}.art{aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;background:#204ae8;transform:rotate(3deg)}.art i{position:relative;background:#f6f59a;border-radius:50% 50% 8% 8%}.art i:nth-child(2){border-radius:5%;background:#fffef0;transform:rotate(90deg)}.art i:nth-child(3){background:#202026;border-radius:50%}.art i:after{content:'';position:absolute;left:25%;right:25%;top:40%;height:18%;border-left:12px solid #204ae8;border-right:12px solid #204ae8}.art i:nth-child(4){border-radius:0 60% 0 0}.demo-panel{display:grid;grid-template-columns:.7fr 1.4fr;gap:24px;padding:32px;background:#f6f59a;border:2px solid}.demo-caption span{font:700 70px var(--font-head);color:#204ae8}.reading{display:grid;grid-template-columns:240px 1fr;gap:7vw;padding:64px 0}.reading aside{border-top:3px solid #204ae8}.reading aside>a{display:block;padding:10px 0;line-height:1.4}.reading article{max-width:78ch;min-width:0}.reading article>section{padding:0 0 28px;border-bottom:1px solid #b7b6af}.reading table{display:block;overflow:auto;border-collapse:collapse}.reading th,.reading td{padding:10px;border:1px solid}details{border-top:1px solid #aaa;padding:14px 0}summary{cursor:pointer;font-weight:700;min-height:44px}.related{padding:24px 0 60px;border-top:2px solid}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related a{padding:20px;background:#f1f0dd;text-decoration:none}.related p{font-size:14px}.breadcrumbs{padding-top:24px}footer{padding:36px 4vw;background:#202026;color:#fffef0}.footer-links{display:flex;flex-wrap:wrap;gap:12px 26px}.footer-links a{padding:8px 0}footer p{max-width:85ch;font-size:14px}.missing{padding-top:70px;padding-bottom:90px}@media(max-width:980px){.site-header{grid-template-columns:1fr auto;gap:16px}.nav-toggle{display:block;border:1px solid;padding:10px;background:#f6f59a;min-height:44px}#site-nav{display:none;grid-column:1/-1}.nav-open #site-nav{display:flex;flex-direction:column}.languages{grid-column:1/-1}.hero{gap:30px}.reading{grid-template-columns:180px 1fr;gap:32px}.demo-panel{grid-template-columns:1fr}.demo-caption h2{display:inline;margin-left:14px}.demo-caption span{font-size:40px}}@media(max-width:600px){.hero{grid-template-columns:1fr;padding:36px 0}.art{max-width:260px;width:80%;margin:16px auto}.reading{grid-template-columns:1fr;padding:36px 0}.reading aside{display:flex;flex-wrap:wrap;gap:8px 16px}.reading aside p{width:100%;margin-bottom:0}.reading aside>a{font-size:14px}.demo-panel{padding:14px;gap:12px;margin:0 -1vw}.related>div{grid-template-columns:1fr}h2{font-size:32px}.footer-links{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}