@font-face{font-family:Archivo;src:url(archivo-700.ttf);font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url(inter-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(inter-700.ttf);font-weight:700;font-display:swap}@font-face{font-family:"IBM Plex Mono Medium";src:url(ibm-plex-mono-500.ttf);font-weight:500;font-display:swap}
:root{color-scheme:light;--paper:#FCFBF8;--ink:#0B1A38;--slate:#535E77;--line:#d8dce3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,sans-serif}header,main,footer{width:min(1080px,calc(100% - 48px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}header img{width:160px;height:auto;display:block}nav{display:flex;gap:24px}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--slate)}a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:4px;background:white;padding:8px}section{padding:55px 0;border-bottom:1px solid var(--line)}.hero{padding-top:65px}h1,h2,h3{font-family:Archivo,sans-serif;line-height:1.14;letter-spacing:-.025em}h1{font-size:clamp(40px,6.5vw,72px);margin:18px 0 24px;max-width:950px}h2{font-size:30px;margin:16px 0}h3{font-size:21px}.intro{font-size:21px;max-width:780px;margin-bottom:40px}p{max-width:860px}.eyebrow{font-family:"IBM Plex Mono Medium",monospace;font-size:12px;letter-spacing:.11em}.note{color:var(--slate);font-size:14px}pre{margin:16px 0;padding:22px;background:#eef0f3;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:13px/1.7 "IBM Plex Mono Medium",monospace}code{font-family:"IBM Plex Mono Medium",monospace;font-size:.86em}pre code{font-size:inherit}details{border-top:1px solid var(--line);padding:16px 0}summary{font-weight:700;cursor:pointer;min-height:30px}.result{border-left:4px solid var(--ink);padding:8px 0 8px 24px;margin:28px 0}.result pre{background:var(--ink);color:var(--paper)}.result>p:last-child{font-size:14px;color:var(--slate)}.comparison{margin-top:24px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{border-bottom:1px solid var(--line);padding:16px 12px;vertical-align:top}th:first-child,td:first-child{padding-left:0}footer{padding:28px 0;color:var(--slate);font-size:13px}@media(max-width:600px){header,main,footer{width:calc(100% - 32px)}header{align-items:flex-start;gap:16px}header img{width:115px}nav{gap:8px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}section{padding:36px 0}.hero{padding-top:40px}h2{font-size:25px}.intro{font-size:18px}.columns{grid-template-columns:1fr;gap:8px}pre{padding:16px;font-size:12px}.result{padding-left:12px}th,td{padding:10px 6px;font-size:13px}}