:root{color-scheme:light;--navy:#102c43;--orange:#f77c20;--muted:#53697a}*{box-sizing:border-box}body{margin:0;font:16px/1.6 Arial,sans-serif;color:var(--navy);background:#fff}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:absolute;left:1rem;top:-5rem;z-index:5;background:#fff;padding:1rem}.skip:focus{top:1rem}header{background:var(--navy);color:#fff}.nav-wrap{max-width:1240px;margin:auto;display:flex;gap:30px;align-items:center;padding:22px 28px}.logo{font-size:28px;font-weight:900;text-decoration:none;line-height:1.1;flex-shrink:0}.logo span{color:var(--orange)}.logo small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:8px}nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto}nav a,.language{text-decoration:none;font-size:14px}.language{border:1px solid #668195;border-radius:4px;padding:7px 10px}.wrap{max-width:1184px;margin:auto;padding:0 28px}.heading{background:#edf3f6;padding:48px 0 35px}.heading a,.heading>span{font-size:14px;color:var(--muted)}.kicker{color:#aa4700;font-size:12px;font-weight:bold;letter-spacing:2px;margin:26px 0 12px}h1{font-size:clamp(28px,4vw,48px);line-height:1.15;margin:10px 0;overflow-wrap:anywhere}h2{line-height:1.25;font-size:24px}.mpn{overflow-wrap:anywhere}.body-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:60px;padding-top:45px;padding-bottom:60px}.description{white-space:pre-line;overflow-wrap:anywhere;font-size:18px;color:var(--muted);margin-top:0}figure{margin:0 0 26px;background:#f6f8fa;border:1px solid #e2e9ef;padding:24px}figure img{display:block;width:100%;max-height:360px;object-fit:contain}table{border-collapse:collapse;width:100%;margin:24px 0 30px}th,td{padding:13px 15px;text-align:left;vertical-align:top;border-bottom:1px solid #dde5ec;overflow-wrap:anywhere;max-width:0;width:50%}th{font-weight:600;background:#f5f8fa}aside{align-self:start;background:#f0f5f8;border-top:4px solid var(--orange);padding:26px}aside .kicker{margin-top:0}aside p{color:var(--muted)}.button{display:block;background:var(--orange);color:#102c43;text-align:center;font-weight:bold;text-decoration:none;padding:13px 20px;border-radius:3px}.note{font-size:13px;margin-top:22px}.secondary{display:inline-block;font-weight:bold;margin-top:8px}footer{background:var(--navy);color:#fff;padding:28px 0;font-size:14px}footer .wrap{display:flex;gap:24px;flex-wrap:wrap;align-items:center}@media(max-width:800px){.nav-wrap{gap:18px;flex-wrap:wrap;padding:20px}.language{margin-left:auto;order:2}nav{order:3;width:100%;margin:0;gap:12px 20px}.body-grid{grid-template-columns:1fr;gap:30px}.heading{padding:30px 0}.wrap{padding-left:20px;padding-right:20px}.body-grid{padding-top:30px;padding-bottom:40px}aside{padding:22px}h2{font-size:22px}}@media(prefers-reduced-motion:no-preference){a{transition:background-color .15s ease}}
figcaption{font-size:12px;color:var(--muted);margin-top:14px}.demo-label{display:inline-block;padding:5px 12px;background:#fff0df;color:#934300;font-size:12px;font-weight:bold;border:1px solid #f4d1ab}
