.hx-tool .tool-calc{min-height:0}.hx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hx-field-wide{grid-column:1/-1}.hx-in{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.3px}.hx-grid select:disabled{opacity:.55;cursor:not-allowed}.hx-status{margin:12px 0 0;min-height:1.3em;font-size:.86rem;font-weight:600;color:var(--muted)}.hx-status.is-good{color:var(--green-dark)}.hx-status.is-bad{color:#dc2626}.hx-hint{margin:6px 0 0;font-size:.84rem;color:var(--muted);line-height:1.6}.hx-ladder-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.hx-ladder-head h2{font-size:.78rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.hx-ladder-sub{font-size:.82rem;color:var(--muted)}.hx-ladder{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);overflow:hidden}.hx-ladder .ladder-rung{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--border);position:relative}.hx-ladder .ladder-rung:last-child{border-bottom:none}.hx-ladder .ladder-rung::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:0 0}.hx-ladder .ladder-rung.is-lead{background:var(--tint-blue);padding-block:18px}.hx-ladder .ladder-rung.is-lead::before{background:var(--primary-grad)}.hx-ladder .ladder-rung[data-key=colour]::before,.hx-ladder .ladder-rung[data-key=text]::before{background:var(--green-dark)}.hx-ladder .rung-unit{flex:0 0 132px;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);line-height:1.4}.hx-ladder .ladder-rung.is-lead .rung-unit{color:var(--primary-dark)}[data-theme=dark] .hx-ladder .ladder-rung.is-lead .rung-unit{color:var(--primary-light)}.hx-ladder .rung-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.hx-ladder .rung-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.02rem;font-weight:700;color:var(--heading);overflow-wrap:anywhere;word-break:break-all}.hx-ladder .ladder-rung.is-lead .rung-value{font-size:clamp(1.4rem, 3.8vw, 2rem);line-height:1.2}.hx-ladder .ladder-rung[data-key=text] .rung-value{font-family:inherit;word-break:normal}.hx-ladder .rung-note{font-size:.78rem;color:var(--muted);line-height:1.5}.hx-ladder .rung-note a{color:var(--primary);font-weight:600}.hx-dump{margin:0;padding:10px 12px;border-radius:10px;background:var(--bg-soft);color:var(--heading);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.55;overflow-x:auto;white-space:pre}.hx-swatch{flex:0 0 auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.hx-ladder .rung-copy{flex:0 0 auto;align-self:center;padding:6px 13px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--card);color:var(--muted);font-family:inherit;font-size:.76rem;font-weight:600;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.hx-ladder .rung-copy:hover{color:var(--primary);border-color:var(--primary)}.hx-empty{padding:22px 18px;border:1px dashed var(--border-strong);border-radius:var(--r-md);background:var(--bg-soft);color:var(--muted);font-size:.92rem;text-align:center}.hx-support{padding-block:clamp(30px,5vw,52px);background:var(--bg)}.hx-block+.hx-block{margin-top:clamp(26px,4vw,44px)}.hx-block-head h2{font-size:clamp(1.15rem, 2.4vw, 1.4rem);font-weight:700;color:var(--heading)}.hx-block-head p{margin:8px 0 0;font-size:.94rem;color:var(--muted);line-height:1.65;max-width:70ch}.hx-block .example-chips{margin-top:16px}.hx-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:clamp(16px,2.6vw,24px);margin-top:16px}.hx-card .ref-table{margin-top:0}.hx-card code{font-size:.88em;color:var(--heading);overflow-wrap:anywhere}.hx-scroll{overflow-x:auto}.hx-scroll .ref-table{min-width:600px}@media (max-width:991px){.hx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hx-grid{grid-template-columns:minmax(0,1fr)}.hx-ladder .ladder-rung{flex-wrap:wrap;gap:4px 14px;padding:12px 14px}.hx-ladder .rung-unit{flex:1 1 100%}.hx-ladder .rung-copy{margin-left:auto}.hx-scroll .ref-table{min-width:480px}}