/* Ride Height Checker (/ride-heights, heights.js). Builds on styles.css tokens + ships.css (sp-form, sp-seg) + deals.css (lead form). Mobile first. */
.rh-tool{display:grid;gap:18px;margin:0 0 24px}
.rh-panel{background:var(--card);border:var(--bw,1px) solid var(--rule);border-radius:var(--r);box-shadow:var(--sh-sm);padding:16px}
.rh-panel h2{margin:0 0 10px;font-size:20px}
.rh-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;margin:0 0 10px}
#rhUnit{display:inline-flex}
#rhKids{display:grid;gap:12px}
.rh-kid{border:2px solid var(--kc);border-radius:var(--r-sm);padding:10px 12px 6px;background:var(--paper)}
.rh-kid-top{display:flex;gap:8px;align-items:center}
.rh-dot{flex:0 0 36px;height:36px;border-radius:50%;background:var(--kc);color:#fff;display:grid;place-items:center;font:700 18px/1 var(--display);border:2px solid var(--ink)}
.rh-name{flex:1 1 auto;min-width:0}
.rh-name input,.rh-num input{font:inherit;min-height:44px;padding:6px 10px;border:1px solid var(--rule);border-radius:10px;background:#fff;color:var(--ink);width:100%;box-sizing:border-box}
.rh-num{flex:0 0 auto;display:flex;align-items:center;gap:4px;font-weight:700}
.rh-num input{width:5.2em;text-align:right;font-weight:700}
.rh-x{flex:0 0 44px;height:44px;border-radius:50%;border:1px solid var(--rule);background:#fff;font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.rh-ruler{position:relative;padding:6px 0 18px}
.rh-ruler input[type=range]{width:100%;height:44px;margin:0;accent-color:var(--kc);background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}
.rh-ruler input[type=range]::-webkit-slider-runnable-track{height:14px;border-radius:7px;border:2px solid var(--ink);background:repeating-linear-gradient(90deg,#ffe08a 0 9px,var(--ink) 9px 10px),#ffe08a}
.rh-ruler input[type=range]::-moz-range-track{height:10px;border-radius:7px;border:2px solid var(--ink);background:repeating-linear-gradient(90deg,#ffe08a 0 9px,var(--ink) 9px 10px)}
.rh-ruler input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-10px;border-radius:50%;background:var(--kc);border:3px solid var(--ink);box-shadow:var(--sh-sm)}
.rh-ruler input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--kc);border:3px solid var(--ink)}
.rh-ruler input[type=range]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.rh-ticks{position:absolute;left:15px;right:15px;bottom:0;height:16px;font-size:11px;color:var(--muted)}
.rh-ticks span{position:absolute;transform:translateX(-50%)}
#rhAdd{margin-top:12px}
.rh-pg{margin:0 0 10px}
.rh-pg>span{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 4px}
#rhPark .sp-seg{display:flex;flex-wrap:wrap;gap:6px}
#rhPark button small{opacity:.7;font-weight:400}
.rh-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.rh-chips button,#rhWho button,#rhUnit button,#rhPark button{font:inherit;font-size:14px;min-height:40px;padding:6px 12px;border:1px solid var(--rule);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}
.rh-chips button[aria-pressed=true],#rhWho button[aria-pressed=true],#rhUnit button[aria-pressed=true],#rhPark button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
#rhWho{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
#rhWho i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--kc);margin-right:6px;vertical-align:middle}
.rh-res{display:grid;gap:14px}
.rh-count{font-size:18px;margin:0 0 6px}
.rh-count b{font:700 28px/1.1 var(--display)}
.rh-bar{height:14px;border-radius:7px;border:2px solid var(--ink);background:#fff;overflow:hidden;margin:0 0 12px}
.rh-bar::before{content:'';display:block;height:100%;width:var(--pct,0);background:var(--spectrum);transition:width .35s ease}
#rhStick{min-height:140px;margin:0 0 4px}
.rh-hb{position:relative}
.rh-krow{position:relative;height:var(--kh,30px);margin-bottom:6px}
.rh-kpill{position:absolute;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 2px;border:2px solid var(--kc);border-radius:999px;background:#fff;font-size:12px;font-weight:700;white-space:nowrap;z-index:2}
.rh-kpill i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--kc);color:#fff;display:grid;place-items:center;font-size:11px}
.rh-kline{position:absolute;bottom:-6px;width:0;border-left:3px solid var(--kc);transform:translateX(-1.5px);z-index:1}
.rh-tape{position:relative;height:30px;border:2px solid var(--ink);border-radius:8px;background:repeating-linear-gradient(90deg,#ffc629 0 9px,#ff6b3e 9px 10px),#ffc629}
.rh-tape span{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;background:#ffc629;padding:0 2px;border-radius:3px}
.rh-tape b{position:absolute;bottom:-2px;height:12px;border-left:2px solid var(--ink);transform:translateX(-1px)}
.rh-mrow{position:relative;height:var(--mh,22px);margin-top:2px;padding-bottom:18px}
.rh-mline{position:absolute;top:0;border-left:1px dashed var(--ink)}
.rh-mlab{position:absolute;font-size:11px;font-weight:700;white-space:nowrap;line-height:18px}
.rh-legend{margin:0;font-size:12px;color:var(--muted)}
.rh-grp{border-radius:var(--r);border:var(--bw,1px) solid var(--rule);padding:12px 14px;background:var(--card)}
.rh-grp h3{margin:0 0 8px;font-size:20px;display:flex;align-items:center;gap:8px}
.rh-grp h3 small{font:700 14px/1 var(--text);background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:3px 9px}
.rh-ico{width:22px;height:22px;border-radius:50%;border:2px solid var(--ink)}
.rh-yes .rh-ico{background:#68be00}.rh-almost .rh-ico{background:var(--sun)}.rh-no .rh-ico{background:var(--ember)}
.rh-yes{background:#f2fbe9}.rh-almost{background:#fff8e1}
.rh-grp ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rh-ride{display:grid;grid-template-columns:64px 1fr;gap:4px 12px;align-items:start;background:#fff;border:1px solid var(--rule);border-radius:12px;padding:10px}
.rh-ride.is-closed{opacity:.75}
.rh-badge{display:grid;place-items:center;text-align:center;border:2px solid var(--ink);border-radius:10px;padding:6px 2px;background:var(--paper)}
.rh-badge b{font:700 16px/1.1 var(--display)}
.rh-badge small{font-size:11px;color:var(--muted)}
.rh-body h4{margin:0 0 4px;font-size:16px;line-height:1.3}
.rh-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 4px}
.rh-tags span,.rh-tags a{font-size:12px;padding:1px 8px;border-radius:999px;border:1px solid var(--rule);background:var(--paper)}
.rh-tags .th-big{background:#ffe1d6;border-color:#c2410c}.rh-tags .th-gentle{background:#e9f7ee;border-color:#2f7d32}
.rh-cl{background:#ffe4e4!important;border-color:#b42318!important;color:#7a1010;font-weight:700;text-decoration:none}
.rh-cl.soon{background:#fff3cd!important;border-color:#b58100!important;color:#5c4100}
.rh-gap{margin:0;font-weight:700;font-size:14px}
.rh-note{margin:2px 0 0;font-size:13px;color:var(--muted)}
.rh-who{grid-column:1/-1;display:flex;gap:4px}
.rh-who i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;border:2px dashed var(--kc);color:var(--ink);opacity:.5}
.rh-who i.ok{background:var(--kc);border-style:solid;color:#fff;opacity:1}
.rh-empty{margin:0;color:var(--muted)}
.rh-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 16px}
.rh-tips{display:grid;gap:10px;margin:0 0 24px}
.rh-tips>div{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:12px 14px}
.rh-tips h3{margin:0 0 4px;font-size:17px}
.rh-tips p{margin:0;font-size:15px}
.rh-all table{border-collapse:collapse;width:100%;font-size:15px;margin:6px 0 4px}
.rh-all th,.rh-all td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--rule)}
.rh-all td:last-child{white-space:nowrap}
.rh-all h3{margin:22px 0 4px;font-size:19px}
.rh-scoop{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin:6px 0}
.rh-scoop input{width:20px;height:20px;margin:2px 0 0;flex:0 0 auto}
#rhApp[hidden]{display:none}
@media (min-width:900px){.rh-tool{grid-template-columns:minmax(320px,400px) 1fr;align-items:start}.rh-side{position:sticky;top:12px}.rh-tips{grid-template-columns:repeat(3,1fr)}}
@media print{.topnav,.foot,.pwd-callout,.rh-actions,#rhAdd,.rh-x,.ll-sub,.share,.rh-all,.ll-how,.rh-filters,.foot-sub{display:none!important}.rh-panel,.rh-grp{box-shadow:none;break-inside:avoid}.rh-ride{break-inside:avoid}.rh-tool{display:block}body{background:#fff}}