.reference-page{width:100%;max-width:1100px}.reference-intro{margin:24px 0 32px}.reference-intro h1{font-size:clamp(28px,4vw,40px);font-weight:500;letter-spacing:-.04em;margin-bottom:10px}.reference-intro>p:last-child,.reference-lead{color:var(--text-secondary);font-size:14px}.reference-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.reference-nav{position:sticky;top:20px}.reference-nav>label{display:block;font-family:var(--font-mono);font-size:11px;margin-bottom:8px;color:var(--text-secondary)}.reference-nav input{margin-bottom:16px}.reference-nav nav{display:flex;flex-direction:column;gap:7px}.reference-nav button{text-align:left;border:1px solid transparent;border-radius:10px;padding:14px;background:transparent;font-family:var(--font-sans);color:var(--text-primary);font-size:14px;cursor:pointer}.reference-nav button span{display:block;color:var(--text-secondary);font-size:11px;margin-top:4px}.reference-nav button[aria-pressed=true]{background:var(--surface);border-color:var(--border-med)}.reference-nav button:hover{background:var(--surface-alt)}.reference-panel{padding:28px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg)}.reference-panel[hidden],.reference-nav button[hidden]{display:none}.reference-panel h2{font-size:24px;font-weight:500;letter-spacing:-.02em;margin-bottom:8px}.reference-lead{margin-bottom:24px;line-height:1.7}.reference-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px}.reference-fields label{font-size:12px;color:var(--text-secondary)}.reference-fields input,.reference-fields select{margin-top:7px}.reference-page input,.reference-page select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border-med);border-radius:8px;font-family:var(--font-sans);font-size:14px;background:var(--surface);color:var(--text-primary)}.reference-page button:focus-visible,.reference-page input:focus-visible,.reference-page select:focus-visible{outline:1px solid var(--success-text);outline-offset:1px}.reference-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.reference-presets button{padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface-alt);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;cursor:pointer}.reference-result{padding:20px;border:1px solid var(--border);background:var(--surface-alt);border-radius:12px}.reference-fit-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;font-family:var(--font-mono);font-size:12px}.reference-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}.reference-metric span{display:block;color:var(--text-secondary);font-size:11px;margin-bottom:6px}.reference-metric strong{display:block;font-family:var(--font-mono);font-weight:500;font-size:clamp(16px,2vw,21px);overflow-wrap:anywhere}.reference-metric small{display:block;font-size:11px;color:var(--text-secondary);margin-top:5px}.fit-figure{margin-top:24px}.fit-figure svg{display:block;width:100%}.fit-figure figcaption{text-align:center;font-size:11px;color:var(--text-secondary)}.reference-details{margin-top:22px;font-size:12px;color:var(--text-secondary)}.reference-details summary{cursor:pointer;color:var(--text-primary);padding:8px 0}.reference-details p{margin:10px 0}.reference-details a{color:inherit;text-underline-offset:3px}.reference-note{font-size:12px;line-height:1.7;color:var(--text-secondary);margin-top:20px}.reference-error{background:var(--danger-bg);color:var(--danger-text);font-size:13px}.reference-subtle{color:var(--text-secondary);font-size:12px}.reference-explainer{margin-top:24px;font-size:13px;color:var(--text-secondary)}.reference-explainer h3{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:10px}.reference-explainer p{margin-bottom:10px}.reference-table-wrap{overflow-x:auto}.reference-page table{width:100%;border-collapse:collapse;font-size:12px;margin:12px 0}.reference-page th,.reference-page td{text-align:left;border-bottom:1px solid var(--border);padding:10px}.reference-page caption{text-align:left;padding:8px 0}.hex-figure{display:block;width:180px;max-width:100%;margin:18px auto 0;color:var(--text-secondary)}#search-empty{font-size:12px;color:var(--text-secondary);margin-top:12px}@media(max-width:900px){.reference-layout{grid-template-columns:210px minmax(0,1fr);gap:16px}}@media(max-width:650px){.reference-layout{grid-template-columns:1fr}.reference-nav{position:static}.reference-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reference-nav button{padding:10px;font-size:12px;border-color:var(--border)}.reference-nav button span{font-size:10px}.reference-panel{padding:20px 16px}.reference-fields{grid-template-columns:1fr}.reference-metrics{gap:18px 12px}.reference-result{padding:16px 12px}}@media(max-width:420px){.reference-metrics{grid-template-columns:1fr}}.reference-layout{display:flex;flex-direction:column;gap:20px;margin-top:24px}.reference-nav{position:static;width:100%}.reference-nav input{max-width:420px}.reference-nav nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.reference-nav button{border-color:var(--border)}.reference-content{width:100%}@media(max-width:900px){.reference-nav nav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.reference-nav nav{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-nav input{max-width:none}}.fit-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.fit-modes button{padding:10px 18px;border:1px solid var(--border-med);border-radius:8px;background:var(--surface);color:var(--text-secondary);cursor:pointer;font:13px var(--font-sans)}.fit-modes button[aria-pressed=true],.fit-choice-grid button[aria-pressed=true]{background:var(--success-bg);border-color:var(--success-text);color:var(--success-text)}.fit-picker-layout{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.fit-picker{flex:1 1 280px;min-width:0}.fit-picker[hidden],#fit-presets[hidden]{display:none}.fit-picker h3{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;margin-bottom:14px}.fit-picker h3 span{font:18px var(--font-mono)}.fit-picker p{font-size:11px;color:var(--text-secondary);margin:12px 0 7px}.fit-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px}.fit-choice-grid button{min-height:38px;padding:7px 4px;font:12px var(--font-mono);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;background:var(--surface-alt);cursor:pointer}.fit-choice-grid button:disabled{opacity:.3;cursor:default}.fit-choice-grid button:hover:not(:disabled){border-color:var(--border-med)}.fit-selector-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fit-dropdown{position:relative}.fit-dropdown summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;border:1px solid var(--border-med);border-radius:8px;background:var(--surface);font:14px var(--font-mono);cursor:pointer;list-style:none}.fit-dropdown summary::-webkit-details-marker{display:none}.fit-dropdown summary:focus-visible{outline:1px solid var(--success-text);outline-offset:1px}.fit-dropdown-popup{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;padding:6px;border:1px solid var(--border-med);border-radius:10px;background:var(--surface);box-shadow:0 10px 28px #0000002e}.fit-dropdown-search{min-width:0;margin-bottom:6px}.fit-dropdown-list{display:flex;flex-direction:column;max-height:170px;overflow-y:auto;overscroll-behavior:contain}.fit-dropdown-list button{flex-shrink:0;min-height:34px;padding:6px 10px;text-align:left;border:0;border-radius:5px;background:transparent;color:var(--text-primary);font:13px var(--font-mono);cursor:pointer}.fit-dropdown-list button[aria-pressed=true]{background:var(--success-bg);color:var(--success-text)}.fit-dropdown-list button:hover:not(:disabled),.fit-dropdown-list button:focus-visible{background:var(--surface-alt)}.fit-dropdown-list button:disabled{opacity:.3;cursor:default}.fit-dropdown-list button[hidden]{display:none}.fit-picker .fit-no-match{padding:6px}.reference-page select[hidden]{display:none}.reference-select-dropdown{margin-top:7px}.reference-fields label>.fit-dropdown{color:var(--text-primary)}.fit-dropdown-list button{height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-fields .fit-dropdown-search{margin-top:0}.reference-page .fit-dropdown-search[hidden]{display:none}