main.reference-page{width:min(calc(100% - 2 * var(--pad)),1120px);margin:48px auto 72px}.reference-intro{margin-bottom:38px}.reference-intro>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-underline-offset:4px}.reference-intro h1{font-size:clamp(32px,5vw,58px)}.reference-page h2{font-size:12px;letter-spacing:.1em;margin:0 0 14px}.reference-note,.reference-focus{font-size:14px;line-height:1.6;color:#626262}.reference-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.reference-tool{border:1px solid #ddd;padding:18px}.reference-tool h3{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:-.02em;margin:0 0 12px}.reference-tool kbd{display:inline-grid;place-items:center;width:28px;height:28px;background:#111;color:#fff;font:700 13px Arial;flex-shrink:0}.reference-tool p,.reference-panel p{font-size:14px;line-height:1.6;color:#626262;margin:0}.reference-focus{margin:26px 0}.reference-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reference-panel{border-top:2px solid #111;padding-top:20px}.reference-panel dl{margin:0 0 18px}.reference-row{padding:10px 0;border-bottom:1px solid #e5e5e5}.reference-row dt{font-size:13px;font-weight:700;line-height:1.5}.reference-row dd{font-size:14px;line-height:1.5;color:#626262;margin:3px 0 0}.reference-panel p+p{margin-top:12px}@media(max-width:900px){.reference-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-panels{gap:16px}}@media(max-width:600px){main.reference-page{margin-top:32px}.reference-tools{grid-template-columns:1fr;gap:12px}.reference-panels{grid-template-columns:1fr;gap:28px}.reference-tool{padding:16px}.reference-tool h3{margin-bottom:8px}}

.reference-collection .collection-figure{max-width:460px;margin:28px auto}.reference-collection .collection-figure img{display:block;width:100%;height:auto}.reference-collection figcaption{font-size:12px;color:#606060;margin-top:10px}.reference-panel{min-width:0}.reference-collection p{overflow-wrap:anywhere}
