.reference{max-width:1160px;margin:auto;padding:30px 36px 50px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:24px;font-size:13px}.eyebrow{color:var(--muted);font:11px var(--mono);letter-spacing:.08em;margin:45px 0 16px}h1{font-size:40px;line-height:1.2;margin:0 0 16px;letter-spacing:-.035em}.intro{color:var(--muted);font-size:16px}nav{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}nav a{border:1px solid var(--line);padding:9px 14px;border-radius:var(--r);color:var(--ink)}section{padding:30px 0;border-top:1px solid var(--line);scroll-margin-top:20px}h2{font-size:23px;margin:0 0 18px}section>p{color:var(--muted);font-size:13px}.section-head{display:flex;justify-content:space-between;gap:16px}.section-head a{font-size:13px}.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.swatch{display:flex;flex-direction:column;text-align:left;padding:12px;gap:10px;border:1px solid var(--line);background:var(--col);border-radius:var(--r);color:var(--ink);cursor:pointer;min-width:0}.swatch>span{height:68px;width:100%;border-radius:var(--r);border:1px solid var(--line)}.swatch strong,.swatch code{font:11px var(--mono);overflow-wrap:anywhere}.swatch code{color:var(--muted)}.swatch:hover{border-color:var(--brand-lt)}.type-sample{padding:24px;background:var(--col);border-radius:var(--r)}.type-sample h3{font-size:28px;margin:0 0 12px}.numerals{font-size:30px;line-height:1.8;margin:20px 0;font-variant-numeric:lining-nums tabular-nums}.type-sample code{font-size:11px;overflow-wrap:anywhere}.control-demo{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.action,.secondary{padding:10px 16px;font:600 13px var(--sans);border-radius:var(--r);cursor:pointer;border:1px solid transparent}.action{background:var(--brand-deep);color:#fff}.action:hover{background:var(--brand)}.secondary{background:var(--col);border-color:var(--line);color:var(--ink)}button:disabled{opacity:.45;cursor:default}#demo-count{font:12px var(--mono);color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;max-width:680px}.fields label{display:grid;gap:9px;font-size:12px;color:var(--muted)}input,select{font:14px var(--sans);padding:11px 14px;width:100%;border-radius:var(--r);border:1px solid var(--line);background:var(--col);color:var(--ink)}.statuses{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.table-scroll{overflow:auto}table{min-width:580px}td.r{font-variant-numeric:lining-nums tabular-nums}footer{font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:24px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand-lt);outline-offset:3px}@media(max-width:720px){.reference{padding:22px}h1{font-size:32px}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.fields{grid-template-columns:1fr}.section-head{align-items:flex-start}.table-scroll table,.table-scroll thead{display:table}.table-scroll tbody{display:table-row-group}.table-scroll tr{display:table-row}.table-scroll th,.table-scroll td{display:table-cell}}