.reference-page{max-width:1280px}.reference-page h2{margin-top:38px}.reference-page p{line-height:1.7}.reference-control{padding:24px;background:var(--card);border:1px solid var(--line);border-radius:14px;margin:28px 0}.reference-control label{display:inline-grid;gap:8px;margin:0 18px 14px 0;font-weight:600}.reference-control input,.reference-control select{padding:10px;font:inherit;border:1px solid var(--line);border-radius:7px;max-width:100%;min-height:44px}.reference-scroll{overflow-x:auto}.reference-scroll table{border-collapse:collapse;width:100%;background:var(--card);font-size:15px}.reference-scroll th,.reference-scroll td{padding:12px 16px;border:1px solid var(--line);text-align:left}.reference-scroll th{background:#e6f2ed}.reference-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.reference-swatches article{border:1px solid var(--line);background:var(--card);padding:12px;border-radius:10px;scroll-margin-top:110px}.reference-swatches h3{font-size:16px!important;margin:12px 0 4px}.reference-swatches p{font-size:13px;margin:6px 0}.reference-chip{height:64px;border-radius:6px;border:1px solid #0002}.reference-page details{border-bottom:1px solid var(--line);padding:16px 0}.reference-page summary{font-weight:700;cursor:pointer}.reference-source{font-size:13px;color:var(--muted)}.reference-related{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);padding-top:24px;margin-top:40px}.reference-page [hidden]{display:none!important}@media print{.reference-control,.reference-related,.site-header,.site-footer{display:none}.reference-swatches{grid-template-columns:repeat(5,1fr)}.reference-swatches article{break-inside:avoid}}