:root{color-scheme:dark;--bg:#0b141e;--panel:#14212c;--line:#354751;--ink:#edf5fa;--muted:#b7c9d6;--mint:#9de0ce;font:16px/1.5 system-ui,sans-serif;scroll-behavior:smooth;scroll-padding:1.5rem}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg)}a{color:var(--mint);text-underline-offset:.18em}a:focus-visible{outline:3px solid #f2c77c;outline-offset:3px}.skip{position:absolute;left:.5rem;top:-4rem;padding:.6rem 1rem;background:var(--bg);z-index:3}.skip:focus{top:.5rem}.wrap{max-width:74rem;margin:auto;padding-inline:clamp(1rem,4vw,3rem)}header{border-bottom:1px solid var(--line)}.top,nav,.exampletop,.foot{display:flex;align-items:center}.top{justify-content:space-between;min-height:4rem;gap:1rem}.word{font-weight:800;letter-spacing:-.035em;color:var(--ink);font-size:1.25rem;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.word span,.intro em{color:var(--mint);font-style:normal}nav{gap:1rem}nav a,.foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:.9rem}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(15rem,.7fr);align-items:center;gap:clamp(1.4rem,5vw,5rem);padding:clamp(2.25rem,6vw,5.2rem) 0;border-bottom:1px solid var(--line)}h1,h2,p{margin:0}.kicker,.exampletop,.num{font:650 .73rem/1.4 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.kicker{color:var(--mint);display:flex;align-items:center;gap:.65rem}.kicker i{width:2rem;height:2px;background:var(--mint)}.kicker span{color:var(--muted)}h1{max-width:12ch;font-size:clamp(3.1rem,7vw,6.6rem);line-height:.99;letter-spacing:-.065em;margin:.8rem 0 1.2rem}.lead{max-width:33rem;color:var(--muted);font-size:clamp(1rem,2vw,1.25rem)}.cta,.example a,.further a{display:inline-flex;align-items:center;gap:.9rem;min-height:44px;font-weight:650}.cta{color:#0a2722;background:var(--mint);text-decoration:none;padding:.55rem 1rem;border-radius:.25rem;margin-top:1.3rem}.example{padding:1.2rem;border:1px solid var(--line);border-top:3px solid var(--mint);background:var(--panel)}.exampletop{justify-content:space-between;color:var(--muted)}.sym{font-size:1.1rem}.example svg{width:100%;height:5.3rem;display:block}.example dl{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.1rem 0 .7rem}.example dt{color:var(--muted);font-size:.8rem}.example dd{font-size:1.25rem;font-weight:650;margin:0}.example p,.further p:not(.kicker){color:var(--muted);font-size:.9rem}.section-head{padding:2rem 0 1.1rem}h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.18;letter-spacing:-.035em;margin-top:.35rem}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.card{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;text-decoration:none;color:var(--ink);background:var(--panel);padding:1.15rem;min-height:13rem}.card:hover,.card:focus-visible{background:#1c303a}.card:focus-visible{outline-offset:-3px}.num,.card b{color:var(--mint)}.card strong{font-size:1.25rem;line-height:1.2}.card span:not(.num){color:var(--muted);font-size:.93rem}.card b{margin-top:auto}.further{display:grid;gap:1.4rem;grid-template-columns:1.15fr 1fr 1fr;padding:2.4rem 0 2.9rem}.further a{font-size:1.1rem}footer{border-top:1px solid var(--line)}.foot{gap:.55rem 1.3rem;flex-wrap:wrap;padding-block:1.3rem}.foot p{font-size:.83rem;color:var(--muted);max-width:33rem}.foot strong{font-size:.9rem}@media(max-width:60rem){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:10rem}}@media(max-width:42rem){.hero{grid-template-columns:1fr;padding:1.7rem 0 1.35rem;gap:1.35rem}.example{display:none}.section-head{padding-top:1.6rem}.further{grid-template-columns:1fr;gap:.4rem}.card{min-height:9.5rem;padding:.9rem}.card strong{font-size:1.05rem}.card span:not(.num){font-size:.86rem}.num{font-size:.65rem}.foot{align-items:flex-start}h1{max-width:none}.top{gap:.5rem}nav{gap:.75rem}}@media(max-width:21rem){nav a{font-size:.82rem}.wrap{padding-inline:.8rem}.card{padding:.7rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

.catalog{border-top:1px solid var(--line);padding:2rem 0}.catalog>p:not(.kicker){color:var(--muted);margin:.65rem 0}.catalog nav{display:flex;flex-wrap:wrap;gap:.15rem 1.15rem}.catalog nav a{color:var(--mint)}@media(max-width:24rem){.top nav{gap:.55rem}.top nav a{font-size:.77rem}}
.catalog-search{display:inline-flex;align-items:center;min-height:44px;margin-left:.9rem;font-size:.9rem}@media(max-width:26rem){.catalog-search{margin:0 .3rem 0 0;display:flex;width:fit-content}}