/* /places and /ride/<place> (Nov 11 2026): on top of pp-tuning.css (kit) + pp-fits.css (cards, chips) */
@import url("/pp-fits.css?v=20261111b");
.rp-sub{font-size:.5em;letter-spacing:0;color:#C7CBD1}
.rp .red{color:#FF020A}
.rp-know b{font-size:clamp(20px,2vw,26px)!important}
.rp-mapbox{background:#0E0D0B;border:1px solid #2A2823;border-radius:10px;padding:14px}
.light .rp-mapbox{box-shadow:0 14px 32px rgba(14,13,11,.10)}
.rp-map{display:block;width:100%;height:auto}
.rp-map .ctx path{fill:#141310;stroke:#22201c;stroke-width:1}
.rp-map .st path{fill:#1E1C18;stroke:#3A3832;stroke-width:1.2;stroke-linejoin:round}
.rp-map text{font-family:'Rajdhani','Arial Narrow',system-ui,sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.03em;fill:#F4F6F8;paint-order:stroke;stroke:#0E0D0B;stroke-width:3.5px}
.rp-pin circle{fill:#FF020A;stroke:#0E0D0B;stroke-width:1.5}
.rp-pin .halo{fill:#FF020A;opacity:.18;stroke:none;transform-box:fill-box;transform-origin:center;transition:opacity .2s,transform .2s}
.rp-pin.dim circle{fill:#7E858E}.rp-pin.dim .halo{opacity:0}
.rp-pin.on .halo{opacity:.35;animation:rpPulse 2.2s ease-out infinite}
a:hover .rp-pin .halo,a:focus .rp-pin .halo,.rp-pin.hot .halo{opacity:.45;transform:scale(1.35)}
@keyframes rpPulse{0%{transform:scale(.7);opacity:.5}100%{transform:scale(1.9);opacity:0}}
.rp-hq rect{fill:#F4F6F8}.rp-hq text{font-size:11.5px;fill:#C7CBD1}
.rp-idx{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(18px,3vw,36px);align-items:start;margin-top:22px}
.rp-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rp-card{display:flex;flex-direction:column;gap:6px;padding:18px;background:#fff;border:1px solid #DDE1E6;border-radius:10px;text-decoration:none;color:#0E0D0B;transition:border-color .2s,box-shadow .2s}
.rp-card[hidden]{display:none}
.rp-card:hover,.rp-card.hot{border-color:#0E0D0B;box-shadow:0 10px 24px rgba(14,13,11,.10)}
.rp-card b{font-family:var(--disp);font-weight:800;font-size:23px;line-height:1.05;text-transform:uppercase}
.rp-card .tn-mach{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#5F6369}
.rp-card-n{display:flex;gap:14px;margin-top:4px;font-family:var(--disp);font-weight:700;font-size:18px}
.rp-card-n i{font-style:normal}
.rp-card-s{font-size:14px;line-height:1.4;color:#5F6369}
.rp-power{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:36px}
.rp-calc-l{margin:0 0 12px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#7E858E}
.rp-machines{flex-wrap:wrap;border-radius:14px}
.rp-out{display:flex;align-items:flex-end;gap:clamp(14px,3vw,36px);margin-top:26px}
.rp-out span{display:block;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#7E858E}
.rp-out b{display:block;margin-top:6px;font-family:var(--disp);font-weight:800;font-size:clamp(38px,5vw,64px);line-height:1;color:#F4F6F8}
.rp-out b.red{color:#FF020A}
.rp-out .arrow{font-size:34px;color:#7E858E;padding-bottom:8px}
.rp-range{position:relative;margin-top:30px;padding-bottom:22px}
.rp-range input{width:100%;accent-color:#FF020A;margin:0;position:relative;z-index:2}
.rp-ticks{position:absolute;left:8px;right:8px;top:22px;height:18px}
.rp-tick{position:absolute;top:0;transform:translateX(-50%);width:18px;height:18px;padding:0;border:0;background:none;cursor:pointer}
.rp-tick i{display:block;width:2px;height:10px;margin:0 auto;background:#C7CBD1}
.rp-tick:hover i{background:#FF020A;height:14px}
.rp-where{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:32px}
.rp-gear{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:30px}
.rp-gear .fit-style img{width:36px;max-width:36px;height:36px}
.rp-gear .fit-style b{font-family:var(--disp);font-size:20px;text-transform:uppercase;line-height:1.05}
.rp-others a small{margin-left:6px;font-weight:600;color:#C7CBD1;letter-spacing:0}
.rp-others a.all{background:#F4F6F8;color:#0E0D0B;border-color:#F4F6F8}
@media(max-width:1000px){.rp-idx,.rp-power,.rp-where{grid-template-columns:1fr}.rp-gear{grid-template-columns:1fr 1fr}.rp-mapbox{max-width:420px}}
@media(max-width:520px){.rp-cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.rp-pin.on .halo{animation:none}}