:root{--pr-bg:#0b0d10;--pr-panel:#14171c;--pr-panel2:#1c2027;--pr-ink:#eef1f4;--pr-mut:#a5adb8;--pr-line:#2b313a;--pr-acc:#ffb02e;--pr-acc2:#3fd2ff;--pr-hi:#ff5b4d;--pr-glass:#0f2230;--pr-font:system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans', Ubuntu, 'Helvetica Neue', Arial, sans-serif;--pr-head:'Eurostile', 'Microgramma', 'Michroma', 'Saira SemiCondensed', 'Bahnschrift', 'Segoe UI Semibold', 'Trebuchet MS', sans-serif;--pr-mono:'DSEG7 Classic', 'B612 Mono', ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;--pr-s1:4px;--pr-s2:8px;--pr-s3:12px;--pr-s4:16px;--pr-s5:24px;--pr-s6:32px;--pr-s7:48px;--pr-s8:72px;--pr-r:14px;--pr-out:cubic-bezier(.2,.8,.2,1)}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pr-bg);color:var(--pr-ink);font:400 1rem/1.62 var(--pr-font);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--pr-acc);text-underline-offset:3px}
a:hover{color:var(--pr-ink)}
:focus-visible{outline:3px solid var(--pr-acc2);outline-offset:3px}
h1,h2,h3{font-family:var(--pr-head);font-weight:700;line-height:1.12;margin:0 0 var(--pr-s4);letter-spacing:.02em}
h1{font-size:clamp(1.9rem,3.6vw,3.1rem);text-transform:uppercase}
h1 em{display:block;font-style:normal;color:var(--pr-acc);font-size:.58em;letter-spacing:.06em;margin-top:var(--pr-s3)}
h2{font-size:clamp(1.45rem,2.4vw,2.05rem);text-transform:uppercase}
h3{font-size:1.08rem}
p{margin:0 0 var(--pr-s4)}
ul,ol{padding-left:1.2em}
code{font-family:var(--pr-mono);font-size:.9em;background:var(--pr-panel2);padding:1px 6px;border-radius:4px}
.pr-wrap{max-width:1360px;margin:0 auto;padding:0 var(--pr-s5)}
.pr-ico{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}
.pr-skip{position:absolute;left:-999px;top:8px;z-index:60;background:var(--pr-acc);color:var(--pr-bg);padding:8px 14px;font-weight:700}
.pr-skip:focus{left:8px}
.pr-small{font-size:.86rem;color:var(--pr-mut)}
.pr-jsonly{display:none!important}
.pr-js .pr-jsonly{display:flex!important}
.pr-js button.pr-jsonly{display:inline-flex!important}
.pr-bezel{border-radius:var(--pr-r);background:linear-gradient(180deg,var(--pr-panel2),var(--pr-panel));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pr-ink) 9%,transparent),0 0 0 1px var(--pr-line),0 18px 40px rgba(0,0,0,.4)}
/* header */
.pr-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--pr-s5);padding:var(--pr-s2) var(--pr-s5);background:var(--pr-bg);background:color-mix(in srgb,var(--pr-bg) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--pr-line)}
.pr-brand{display:flex;align-items:center;gap:var(--pr-s3);color:var(--pr-ink);text-decoration:none;font:700 1.3rem/1 var(--pr-head);letter-spacing:.12em;text-transform:uppercase}
.pr-brand small{display:block;margin-top:4px;font:500 .64rem/1.2 var(--pr-mono);color:var(--pr-acc);letter-spacing:.14em;text-transform:uppercase}
.pr-logo{width:52px;height:52px;object-fit:contain;transition:transform .25s var(--pr-out)}
.pr-brand:hover .pr-logo{transform:translateY(-2px)}
.pr-logo-fallback{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--pr-acc);color:var(--pr-bg);font-style:normal}
.pr-top>nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.pr-top>nav a{color:var(--pr-mut);text-decoration:none;font:600 .74rem/1 var(--pr-head);text-transform:uppercase;letter-spacing:.1em;padding:10px 12px;border-radius:999px;transition:color .18s var(--pr-out),background-color .18s var(--pr-out)}
.pr-top>nav a:hover{color:var(--pr-bg);background:var(--pr-acc)}
.pr-tag{display:flex;align-items:center;gap:var(--pr-s2);margin:0;padding:7px 12px;font:500 .7rem/1 var(--pr-mono);color:var(--pr-acc2);border-radius:999px;background:color-mix(in srgb,var(--pr-acc2) 10%,transparent)}
.pr-burger{display:none;margin-left:auto;width:46px;height:46px;border-radius:12px;background:var(--pr-panel2);border:1px solid var(--pr-line);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.pr-burger span{display:block;width:20px;height:2px;background:var(--pr-ink)}
/* buttons and controls */
.pr-acts{display:flex;flex-wrap:wrap;gap:var(--pr-s3);margin:var(--pr-s4) 0 0}
.pr-btn{display:inline-flex;align-items:center;gap:var(--pr-s2);min-height:46px;padding:0 var(--pr-s5);border-radius:10px;font:700 .82rem/1 var(--pr-head);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border:0;cursor:pointer;transition:transform .16s var(--pr-out),background-color .2s var(--pr-out),color .2s var(--pr-out),box-shadow .2s var(--pr-out)}
.pr-btn:active{transform:scale(.97)}
.pr-btn-pri{background:var(--pr-acc);color:var(--pr-bg);box-shadow:0 0 0 1px var(--pr-acc),0 0 22px color-mix(in srgb,var(--pr-acc) 35%,transparent)}
.pr-btn-pri:hover{background:var(--pr-ink);color:var(--pr-bg)}
.pr-btn-ghost{background:var(--pr-panel2);color:var(--pr-ink);box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-btn-ghost:hover{background:var(--pr-line);color:var(--pr-ink)}
.pr-sec{padding:var(--pr-s8) 0;border-top:1px solid var(--pr-line)}
.pr-sec-head{max-width:860px;margin-bottom:var(--pr-s6)}
.pr-sec-head>p:last-child{color:var(--pr-mut);font-size:1.05rem;max-width:68ch}
.pr-sec-k{display:inline-flex;align-items:center;gap:var(--pr-s2);margin:0 0 var(--pr-s3);font:600 .74rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--pr-acc)}
.pr-chips{display:flex;flex-wrap:wrap;gap:var(--pr-s2);list-style:none;margin:0 0 var(--pr-s4);padding:0}
.pr-chips li{padding:5px 12px;border-radius:999px;font:500 .74rem/1.3 var(--pr-mono);background:var(--pr-panel2);box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-leds{display:inline-flex;gap:5px;vertical-align:middle}
.pr-leds i{width:12px;height:12px;border-radius:50%;background:var(--pr-line)}
.pr-leds i[data-f=full]{background:var(--t,var(--pr-acc));box-shadow:0 0 8px var(--t,var(--pr-acc))}
.pr-leds i[data-f=half]{background:linear-gradient(90deg,var(--t,var(--pr-acc)) 50%,var(--pr-line) 50%)}
.pr-revs{display:inline-flex;gap:3px;vertical-align:middle;margin-right:6px}
.pr-revs i{width:12px;height:9px;border-radius:2px;background:var(--pr-line)}
.pr-revs i.pr-lit{background:var(--pr-acc)}
.pr-revs i.pr-lit:nth-child(n+4){background:var(--pr-hi)}
.pr-revs[data-l="-1"] i{background:transparent;box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-opts{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--pr-s2)}
.pr-opts legend{font:600 .72rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pr-mut);margin-bottom:var(--pr-s2);padding:0}
.pr-opts>div{display:flex;flex-wrap:wrap;gap:var(--pr-s2)}
.pr-opts label{position:relative;cursor:pointer}
.pr-opts input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pr-opts label span{display:inline-flex;align-items:center;min-height:42px;padding:0 var(--pr-s4);border-radius:10px;background:var(--pr-panel2);font:600 .86rem/1 var(--pr-font);box-shadow:inset 0 0 0 1px var(--pr-line);transition:background-color .18s var(--pr-out),color .18s var(--pr-out)}
.pr-opts input:checked+span{background:var(--pr-acc);color:var(--pr-bg);box-shadow:none}
.pr-opts input:focus-visible+span{outline:3px solid var(--pr-acc2);outline-offset:2px}
.pr-field{display:flex;flex-direction:column;gap:6px;font:600 .72rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pr-mut)}
.pr-field select,.pr-field input{min-height:46px;padding:0 var(--pr-s3);border-radius:10px;background:var(--pr-panel2);color:var(--pr-ink);border:1px solid var(--pr-line);font:500 1rem/1 var(--pr-font);text-transform:none;letter-spacing:0}

/* the cab: windscreen and dashboard */
.pr-cab{position:relative}
.pr-screen{position:relative;min-height:440px;padding:var(--pr-s7) 0 120px;overflow:hidden;background:radial-gradient(120% 90% at 50% 100%,color-mix(in srgb,var(--pr-acc) 16%,var(--pr-glass)),var(--pr-glass) 55%,var(--pr-bg))}
.pr-screen-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;opacity:.62}
.pr-screen::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--pr-bg) 55%,transparent),transparent 40%,color-mix(in srgb,var(--pr-bg) 70%,transparent));pointer-events:none}
.pr-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,var(--pr-bg) 0 5%,transparent 5.2%),linear-gradient(255deg,var(--pr-bg) 0 5%,transparent 5.2%)}
.pr-hud{position:relative;z-index:1;max-width:880px}
.pr-hud-k{display:inline-flex;align-items:center;gap:var(--pr-s2);margin:0 0 var(--pr-s4);padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--pr-bg) 60%,transparent);font:500 .72rem/1 var(--pr-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pr-acc2)}
.pr-hud h1{text-shadow:0 2px 24px rgba(0,0,0,.6)}
.pr-lede{color:color-mix(in srgb,var(--pr-ink) 86%,transparent);font-size:1.08rem;max-width:62ch;text-shadow:0 1px 12px rgba(0,0,0,.7)}
.pr-hud-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--pr-s2)}
.pr-hud-chips li{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;background:color-mix(in srgb,var(--pr-bg) 55%,transparent);border:1px solid color-mix(in srgb,var(--pr-acc) 45%,transparent);font:500 .78rem/1 var(--pr-mono);color:var(--pr-acc)}
.pr-dash{position:relative;margin-top:-88px;padding-bottom:var(--pr-s7)}
.pr-dash::before{content:"";position:absolute;left:0;right:0;top:40px;bottom:0;background:linear-gradient(180deg,#000 0,var(--pr-bg) 40%);border-top:1px solid var(--pr-line);border-radius:50% 50% 0 0/40px 40px 0 0}
.pr-dash-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px) minmax(0,1.1fr);grid-template-areas:"navi tacho cluster";gap:var(--pr-s5);align-items:start}
.pr-navi,.pr-tacho,.pr-cluster{padding:var(--pr-s5);border-radius:var(--pr-r);background:linear-gradient(180deg,var(--pr-panel2),var(--pr-panel));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pr-ink) 9%,transparent),0 0 0 1px var(--pr-line),0 24px 50px rgba(0,0,0,.5)}
.pr-navi{grid-area:navi}.pr-tacho{grid-area:tacho}.pr-cluster{grid-area:cluster}
.pr-panel-k{display:flex;align-items:center;gap:var(--pr-s2);margin:0 0 var(--pr-s4);font:600 .72rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--pr-mut)}
.pr-panel-k b{margin-left:auto;padding:4px 8px;border-radius:6px;background:var(--pr-bg);color:var(--t,var(--pr-acc2));font-weight:600}
/* navigator */
.pr-navi{background:linear-gradient(180deg,color-mix(in srgb,var(--pr-acc2) 8%,var(--pr-panel2)),var(--pr-panel))}
.pr-dests{list-style:none;margin:0 0 var(--pr-s3);padding:0;display:grid;gap:6px}
.pr-dest{position:relative;display:grid;grid-template-columns:48px 1fr auto;gap:var(--pr-s3);align-items:center;padding:6px 10px 10px 6px;border-radius:10px;background:var(--pr-bg);color:var(--pr-ink);text-decoration:none;box-shadow:inset 0 0 0 1px var(--pr-line);transition:box-shadow .2s var(--pr-out),background-color .2s var(--pr-out),opacity .2s var(--pr-out)}
.pr-dest img{width:48px;height:48px;border-radius:8px;object-fit:cover}
.pr-dest-t{min-width:0}
.pr-dest-t b{display:block;font:700 .9rem/1.2 var(--pr-head);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-dest-t small{display:flex;align-items:center;gap:5px;margin-top:3px;font:500 .7rem/1.2 var(--pr-mono);color:var(--pr-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-dest-t .pr-ico{color:var(--t)}
.pr-dest-km{text-align:right;font-family:var(--pr-mono);line-height:1}
.pr-dest-km b{display:block;font-size:1.25rem;color:var(--t)}
.pr-dest-km small{font-size:.62rem;color:var(--pr-mut)}
.pr-dest-bar{position:absolute;left:62px;right:10px;bottom:4px;height:2px;border-radius:2px;background:var(--pr-line);overflow:hidden}
.pr-dest-bar::after{content:"";position:absolute;inset:0;background:var(--t);transform-origin:left;transform:scaleX(calc(var(--d) / 100%))}
.pr-dest:hover,.pr-dest.pr-on{background:color-mix(in srgb,var(--t) 14%,var(--pr-bg));box-shadow:inset 0 0 0 2px var(--t)}
.pr-dest.pr-out{opacity:.45}
/* tachograph disc */
.pr-tacho{text-align:center}
.pr-disc{display:block;width:100%;max-width:300px;margin:0 auto;overflow:visible}
.pr-d-face{fill:#f3efe4;stroke:var(--pr-line);stroke-width:1.2}
.pr-d-track{fill:none;stroke:#dcd6c6;stroke-width:9}
.pr-arc{fill:none;stroke-width:9}
.pr-arc-drive{stroke:var(--t)}
.pr-arc-stop{stroke:#1d2430}
.pr-arc-dark{stroke:#8a8fa0}
.pr-arc-sleep{stroke:#334a7a}
.pr-d-ticks line{stroke:#5a5446;stroke-width:.5}
.pr-d-ticks text{fill:#3d382d;font:600 4.2px/1 var(--pr-mono);text-anchor:middle}
.pr-d-needle{transform-box:view-box;transform-origin:50px 50px;transform:rotate(var(--a));transition:transform .3s var(--pr-out)}
.pr-d-needle path{fill:var(--pr-hi)}
.pr-d-hub{fill:#1b1f27;stroke:var(--pr-hi);stroke-width:.8}
.pr-d-big{fill:#fff;font:700 6.4px/1 var(--pr-mono);text-anchor:middle}
.pr-d-small{fill:#c7cbd4;font:500 3.6px/1 var(--pr-mono);text-anchor:middle}
.pr-d-legend{list-style:none;margin:var(--pr-s4) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px var(--pr-s3);font:500 .72rem/1.2 var(--pr-mono);color:var(--pr-mut)}
.pr-d-legend li{display:flex;align-items:center;gap:6px}
.pr-d-legend i{width:16px;height:8px;border-radius:2px}
.pr-sw-drive{background:linear-gradient(90deg,var(--pr-acc),var(--pr-acc2))}
.pr-sw-stop{background:#1d2430;box-shadow:inset 0 0 0 1px var(--pr-mut)}
.pr-sw-dark{background:#8a8fa0}
.pr-sw-sleep{background:#334a7a}
/* instrument cluster */
.pr-cluster{background:linear-gradient(180deg,color-mix(in srgb,var(--t) 9%,var(--pr-panel2)),var(--pr-panel))}
.pr-cluster.pr-swap .pr-cl-id,.pr-cluster.pr-swap .pr-cl-lcd,.pr-cluster.pr-swap .pr-cl-lcds{animation:pr-in .24s var(--pr-out)}
@keyframes pr-in{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
.pr-cl-id{display:grid;grid-template-columns:84px 1fr;gap:var(--pr-s3);align-items:center}
.pr-cl-id img{width:84px;height:84px;border-radius:12px;object-fit:cover;box-shadow:0 0 0 2px var(--t)}
.pr-cl-id h2{font-size:1.25rem;margin:0 0 2px;text-transform:none}
.pr-cl-by{margin:0 0 4px;font-size:.8rem;color:var(--pr-mut)}
.pr-cl-score{display:flex;align-items:center;gap:6px;margin:0}
.pr-cl-score b{font:700 1.6rem/1 var(--pr-mono);color:var(--t)}
.pr-cl-score small{color:var(--pr-mut);margin-right:4px}
.pr-cl-dials{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--pr-s3);align-items:center;margin:var(--pr-s4) 0}
.pr-cl-dial{position:relative}
.pr-gauge{display:block;width:100%;max-width:220px;margin:0 auto;overflow:visible}
.pr-g-rim{fill:none;stroke:var(--pr-line);stroke-width:5;stroke-linecap:round}
.pr-g-zone{fill:none;stroke:var(--pr-hi);stroke-width:5;stroke-linecap:round;opacity:.85}
.pr-g-ticks line{stroke:var(--pr-mut);stroke-width:1}
.pr-g-ticks text{fill:var(--pr-mut);font:600 6px/1 var(--pr-mono);text-anchor:middle}
.pr-g-needle{transform-box:view-box;transform-origin:50px 50px;transform:rotate(var(--a));transition:transform .35s var(--pr-out)}
.pr-g-needle path{fill:var(--t,var(--pr-acc));filter:drop-shadow(0 0 2px var(--t,var(--pr-acc)))}
.pr-gauge circle{fill:var(--pr-panel2);stroke:var(--t,var(--pr-acc));stroke-width:1.5}
.pr-g-unit{fill:var(--pr-mut);font:500 5px/1 var(--pr-mono);text-anchor:middle}
.pr-cl-lcd{margin:-8px 0 0;text-align:center}
.pr-cl-lcd b{display:block;font:700 1.7rem/1 var(--pr-mono);color:var(--t,var(--pr-acc));text-shadow:0 0 10px color-mix(in srgb,var(--t,var(--pr-acc)) 55%,transparent)}
.pr-cl-lcd small{display:block;margin-top:4px;font-size:.74rem;color:var(--pr-mut);line-height:1.3}
.pr-cl-rev{padding:var(--pr-s3);border-radius:10px;background:var(--pr-bg);box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-cl-rev-k{margin:0 0 6px;font:600 .66rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--pr-mut)}
.pr-cl-rev .pr-revs i{width:16px;height:12px}
.pr-cl-rev p:last-child{margin:6px 0 0;font-size:.82rem;line-height:1.35;color:var(--pr-mut)}
.pr-cl-rev b{color:var(--pr-ink)}
.pr-cl-lcds{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:0;border-radius:10px;overflow:hidden;background:var(--pr-line)}
.pr-cl-lcds div{padding:var(--pr-s2) var(--pr-s3);background:var(--pr-bg);min-width:0}
.pr-cl-lcds div:first-child{grid-column:1/-1}
.pr-cl-lcds dt{display:flex;align-items:center;gap:6px;font:600 .64rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pr-mut);margin-bottom:4px}
.pr-cl-lcds dt .pr-ico{color:var(--t,var(--pr-acc))}
.pr-cl-lcds dd{margin:0;font-size:.86rem;line-height:1.4}
.pr-cl-lcds dd b{color:var(--t,var(--pr-acc))}

/* tonight's journey */
.pr-trip-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:var(--pr-s5);align-items:start}
.pr-trip-ctl{display:flex;flex-direction:column;gap:var(--pr-s5);padding:var(--pr-s5);border-radius:var(--pr-r);background:var(--pr-panel);box-shadow:0 0 0 1px var(--pr-line)}
.pr-picks-box{flex-direction:column!important}
.pr-picks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pr-pick{position:relative;display:flex;align-items:center;gap:var(--pr-s3);width:100%;min-height:48px;padding:6px 12px;border-radius:10px;background:var(--pr-panel2);color:var(--pr-ink);border:0;box-shadow:inset 3px 0 0 var(--t);text-align:left;cursor:pointer;font:500 .92rem/1.2 var(--pr-font);transition:background-color .18s var(--pr-out),transform .16s var(--pr-out)}
.pr-pick:active{transform:scale(.98)}
.pr-pick>.pr-ico{color:var(--t);width:1.3em;height:1.3em}
.pr-pick small{display:block;color:var(--pr-mut);font-size:.76rem}
.pr-pick em{margin-left:auto;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;border:1px solid var(--pr-line);color:transparent;font-style:normal}
.pr-pick[aria-pressed=true]{background:color-mix(in srgb,var(--t) 16%,var(--pr-panel2))}
.pr-pick[aria-pressed=true] em{background:var(--t);border-color:var(--t);color:var(--pr-bg)}
.pr-pick[data-order]:not([data-order=""])::after{content:attr(data-order);position:absolute;right:46px;font:700 .8rem/1 var(--pr-mono);color:var(--pr-mut)}
.pr-pick.pr-out{opacity:.45}
.pr-trip-out{padding:var(--pr-s5);border-radius:var(--pr-r);background:var(--pr-panel);box-shadow:0 0 0 1px var(--pr-line)}
.pr-ro{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--pr-s2);margin:0 0 var(--pr-s5)}
.pr-ro div{padding:var(--pr-s3) var(--pr-s4);border-radius:10px;background:var(--pr-bg);box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-ro dt{font:600 .64rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pr-mut)}
.pr-ro dd{margin:8px 0 0;font:700 1.45rem/1 var(--pr-mono);color:var(--pr-acc);text-shadow:0 0 12px color-mix(in srgb,var(--pr-acc) 40%,transparent)}
.pr-ro div:last-child dd{color:var(--pr-acc2);text-shadow:0 0 12px color-mix(in srgb,var(--pr-acc2) 40%,transparent)}
.pr-tape-box>p{display:flex;justify-content:space-between;margin:0 0 6px;font:600 .72rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pr-mut)}
.pr-tape-box>p b{color:var(--pr-ink);font-weight:600}
.pr-tape{list-style:none;margin:0;padding:6px;display:flex;height:58px;border-radius:10px;background:repeating-linear-gradient(90deg,#efe9da 0 9px,#e6dfcc 9px 10px);box-shadow:inset 0 0 0 1px #b7ae96}
.pr-tp{flex:0 0 var(--w);min-width:0;display:flex;align-items:center;overflow:hidden;border-radius:4px}
.pr-tp span{display:block;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 .72rem/1 var(--pr-head);letter-spacing:.03em}
.pr-tp-drive{background:var(--t);color:#0b0d10}
.pr-tp-stop{background:#1d2430;color:#e9ecf2}
.pr-tp-stop span{font-size:.6rem;padding:0 3px}
.pr-tp-free span{color:#6b6352;font-family:var(--pr-mono);font-weight:500}
.pr-log-t{display:flex;align-items:center;gap:var(--pr-s2);margin:var(--pr-s6) 0 var(--pr-s3);text-transform:uppercase}
.pr-log{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-radius:10px;overflow:hidden}
.pr-log li{display:grid;grid-template-columns:118px 1fr;gap:2px var(--pr-s4);padding:var(--pr-s3) var(--pr-s4);background:var(--pr-bg)}
.pr-log time{grid-row:span 2;font:600 .82rem/1.6 var(--pr-mono);color:var(--pr-acc)}
.pr-log b{font:700 .98rem/1.3 var(--pr-head);letter-spacing:.02em}
.pr-log span{font-size:.9rem;color:var(--pr-mut)}
.pr-log li:last-child{box-shadow:inset 3px 0 0 var(--pr-acc2)}

/* the garage: vehicle sheets */
.pr-filters{flex-wrap:wrap;gap:var(--pr-s5);align-items:flex-end;margin-bottom:var(--pr-s5)}
.pr-filters .pr-small{margin:0;min-height:1.4em}
.pr-vehs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--pr-s5)}
.pr-veh[hidden]{display:none}
.pr-veh article{height:100%;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--pr-panel);box-shadow:0 0 0 1px var(--pr-line),0 20px 44px rgba(0,0,0,.35);transition:transform .22s var(--pr-out),box-shadow .22s var(--pr-out)}
.pr-veh-art{position:relative;aspect-ratio:16/10;overflow:hidden}
.pr-veh-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--pr-out)}
.pr-veh-kind{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--pr-bg) 80%,transparent);font:600 .72rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--t)}
.pr-veh-score{position:absolute;right:12px;top:12px;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--pr-bg) 80%,transparent);font:500 .76rem/1 var(--pr-mono);color:var(--pr-mut)}
.pr-veh-score b{font-size:1.15rem;color:var(--pr-ink)}
.pr-veh-body{display:flex;flex-direction:column;flex:1;padding:var(--pr-s4) var(--pr-s5) var(--pr-s5)}
.pr-plate{display:flex;align-items:stretch;margin:-38px 0 var(--pr-s3);position:relative;max-width:100%;width:fit-content;border-radius:7px;overflow:hidden;background:#f6f7f9;box-shadow:0 0 0 2px #0b0d10,0 8px 20px rgba(0,0,0,.4)}
.pr-plate span{display:grid;place-items:center;width:26px;background:#1747c9;color:#fff;font:700 .8rem/1 var(--pr-font)}
.pr-plate b{padding:8px 14px;font:700 1.02rem/1.15 var(--pr-head);letter-spacing:.05em;text-transform:uppercase}
.pr-plate a{color:#11141a;text-decoration:none}
.pr-plate a:hover{text-decoration:underline}
.pr-veh-k{margin:0 0 4px;font:600 .74rem/1.3 var(--pr-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--t)}
.pr-veh-by{font-size:.8rem;color:var(--pr-mut);margin-bottom:var(--pr-s2)}
.pr-veh-v{font-size:.96rem}
.pr-veh-body .pr-acts{margin-top:auto;padding-top:var(--pr-s4)}
.pr-veh-facts{list-style:none;margin:var(--pr-s3) 0 0;padding:0;display:grid;gap:6px;font-size:.86rem}
.pr-veh-facts li{display:flex;align-items:center;gap:var(--pr-s2);color:var(--pr-mut)}
.pr-veh-facts .pr-ico{color:var(--t)}
@media (hover:hover) and (pointer:fine){.pr-veh article:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--t),0 24px 50px rgba(0,0,0,.45)}.pr-veh article:hover .pr-veh-art img{transform:scale(1.04)}}
.pr-check-list{list-style:none;margin:var(--pr-s2) 0 var(--pr-s3);padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pr-check-list li{display:flex;flex-direction:column;gap:3px;padding:var(--pr-s2);border-radius:8px;background:var(--pr-bg);box-shadow:inset 0 0 0 1px var(--pr-line);min-width:0}
.pr-check-list .pr-ico{color:var(--t,var(--pr-acc))}
.pr-check-list small{font:600 .6rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pr-mut)}
.pr-check-list b{font-size:.8rem;line-height:1.25;overflow-wrap:anywhere}
.pr-strips{list-style:none;margin:var(--pr-s3) 0 0;padding:0;display:grid;gap:6px}
.pr-strips li{display:grid;grid-template-columns:136px 1fr 32px;gap:var(--pr-s2);align-items:center;font-size:.8rem}
.pr-strips span{color:var(--pr-mut)}
.pr-strips b{height:8px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--pr-line) 0 calc(20% - 2px),transparent calc(20% - 2px) 20%);overflow:hidden}
.pr-strips b i{display:block;height:100%;background:var(--t,var(--pr-acc));transform-origin:left;transform:scaleX(calc(var(--v)/5));-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(20% - 2px),transparent calc(20% - 2px) 20%);mask:repeating-linear-gradient(90deg,#000 0 calc(20% - 2px),transparent calc(20% - 2px) 20%)}
.pr-strips em{font:600 .74rem/1 var(--pr-mono);font-style:normal;text-align:right}
.pr-more{margin-top:var(--pr-s3);font-size:.9rem}
.pr-more summary{cursor:pointer;font:600 .76rem/1.4 var(--pr-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--t,var(--pr-acc))}
.pr-more p{margin:var(--pr-s2) 0 0;color:var(--pr-mut)}
/* hour meter */
.pr-hm-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--pr-s5);align-items:start}
.pr-hm{padding:var(--pr-s6);border-radius:var(--pr-r);background:linear-gradient(180deg,var(--pr-panel2),var(--pr-panel));box-shadow:0 0 0 1px var(--pr-line)}
.pr-hm-face{display:flex;flex-direction:column;margin:0 0 var(--pr-s4)}
.pr-hm-face span{font:700 clamp(3.2rem,8vw,5.6rem)/1 var(--pr-mono);font-variant-numeric:tabular-nums;color:var(--pr-acc);text-shadow:0 0 18px color-mix(in srgb,var(--pr-acc) 45%,transparent)}
.pr-hm-face small{color:var(--pr-mut);font-size:.95rem;margin-top:var(--pr-s2)}
.pr-hm-bar{height:10px;margin:0 0 var(--pr-s5);border-radius:5px;background:var(--pr-bg);overflow:hidden;box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-hm-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pr-acc),var(--pr-hi));transform-origin:left;transform:scaleX(0);transition:transform .9s linear}
.pr-hm-ctl{flex-wrap:wrap;align-items:flex-end;gap:var(--pr-s3)}
.pr-hm-side h3{text-transform:uppercase}
.pr-ticks{list-style:none;margin:0 0 var(--pr-s4);padding:0;display:grid;gap:var(--pr-s2)}
.pr-ticks li{display:flex;gap:var(--pr-s3);align-items:flex-start;padding:var(--pr-s3) var(--pr-s4);border-radius:10px;background:var(--pr-panel)}
.pr-ticks .pr-ico{color:var(--pr-acc2);margin-top:3px}
.pr-service[hidden]{display:none}
.pr-service{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:var(--pr-s4);background:color-mix(in srgb,var(--pr-bg) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pr-service-in{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:var(--pr-s6);border-radius:18px;background:var(--pr-panel);box-shadow:0 0 0 1px var(--pr-acc2),0 30px 80px rgba(0,0,0,.6);animation:pr-in .24s var(--pr-out)}
.pr-service-in h3{font-size:2rem;text-transform:uppercase;margin-bottom:var(--pr-s2)}
.pr-service-time{font:700 3.4rem/1 var(--pr-mono);color:var(--pr-acc2);font-variant-numeric:tabular-nums}
.pr-lock{overflow:hidden}
/* ergonomics, traps, calculator */
.pr-cards-x{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--pr-s3)}
.pr-cards-x li{padding:var(--pr-s5);border-radius:var(--pr-r);background:var(--pr-panel);box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-cards-x h3{display:flex;align-items:center;gap:var(--pr-s2);font-size:1rem}
.pr-cards-x h3 .pr-ico{color:var(--pr-acc)}
.pr-cards-x p{margin:0;color:var(--pr-mut);font-size:.94rem}
.pr-assist{margin-top:var(--pr-s6)}
.pr-assist h3{display:flex;align-items:center;gap:var(--pr-s2);text-transform:uppercase}
.pr-assist ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--pr-s2)}
.pr-assist li{display:flex;flex-direction:column;padding:var(--pr-s3) var(--pr-s4);border-radius:10px;background:var(--pr-panel);box-shadow:inset 3px 0 0 var(--t)}
.pr-assist b{font:700 .9rem/1.3 var(--pr-head);color:var(--t)}
.pr-assist span{font-size:.9rem;color:var(--pr-mut)}
.pr-traps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--pr-s3);counter-reset:trap}
.pr-traps li{position:relative;padding:var(--pr-s5);border-radius:var(--pr-r);background:var(--pr-panel);counter-increment:trap;box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-traps li::after{content:"KM " counter(trap,decimal-leading-zero);position:absolute;right:var(--pr-s4);top:var(--pr-s4);font:600 .7rem/1 var(--pr-mono);color:var(--pr-mut);padding:4px 6px;border-radius:5px;background:var(--pr-bg)}
.pr-traps h3{display:flex;align-items:center;gap:var(--pr-s2);padding-right:64px}
.pr-traps h3 .pr-ico{color:var(--pr-hi)}
.pr-traps p{font-size:.94rem;color:var(--pr-mut)}
.pr-counter{margin:0;padding:var(--pr-s3);border-radius:10px;background:var(--pr-bg);color:var(--pr-ink)!important;box-shadow:inset 3px 0 0 var(--pr-acc)}
.pr-counter b{display:block;font:600 .64rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--pr-acc);margin-bottom:5px}
.pr-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pr-s3) var(--pr-s5);margin-top:var(--pr-s6);padding:var(--pr-s6);border-radius:var(--pr-r);background:linear-gradient(180deg,var(--pr-panel2),var(--pr-panel));box-shadow:0 0 0 1px var(--pr-line)}
.pr-calc h3{display:flex;align-items:center;gap:var(--pr-s2);grid-column:1/-1;margin:0;text-transform:uppercase}
.pr-calc>p{grid-column:1/-1;margin:0;color:var(--pr-mut)}
.pr-calc-form{display:grid;gap:var(--pr-s3)}
.pr-calc-out{list-style:none;margin:0;padding:0;display:grid;gap:var(--pr-s2);align-content:start}
.pr-calc-out li{padding:var(--pr-s3) var(--pr-s4);border-radius:10px;background:var(--pr-bg);font:600 1rem/1.35 var(--pr-mono);color:var(--pr-acc)}
.pr-calc-out li:last-child{color:var(--pr-acc2)}
/* tables, two-column blocks, pact */
.pr-two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--pr-s5);align-items:start}
.pr-two .pr-pact{grid-column:1/-1}
.pr-table-wrap{overflow-x:auto;border-radius:var(--pr-r);background:var(--pr-panel);box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-table{width:100%;border-collapse:collapse;font-size:.92rem}
.pr-table caption{text-align:left;padding:var(--pr-s3) var(--pr-s4);font:600 .7rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pr-mut)}
.pr-table th,.pr-table td{padding:var(--pr-s3) var(--pr-s4);text-align:left;border-top:1px solid var(--pr-line);vertical-align:top}
.pr-table thead th{font:600 .68rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pr-mut);background:var(--pr-panel2)}
.pr-table tbody th{box-shadow:inset 3px 0 0 var(--t);font-weight:600}
.pr-table tbody th a{color:var(--pr-ink)}
.pr-tools{padding:var(--pr-s5);border-radius:var(--pr-r);background:var(--pr-panel);box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-tools h3{display:flex;align-items:center;gap:var(--pr-s2)}
.pr-tools ul{list-style:none;margin:0 0 var(--pr-s4);padding:0;display:grid;gap:var(--pr-s2)}
.pr-tools li{display:flex;flex-direction:column;font-size:.9rem;color:var(--pr-mut)}
.pr-tools b{color:var(--pr-ink)}
.pr-pact{padding:var(--pr-s6);border-radius:18px;background:linear-gradient(135deg,#f3efe4,#e8e1cf);color:#1b1f27}
.pr-pact h3{display:flex;align-items:center;gap:var(--pr-s2);font-size:1.4rem;text-transform:uppercase}
.pr-pact>p{color:#4a4538}
.pr-pact ul{list-style:none;margin:0 0 var(--pr-s4);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--pr-s2)}
.pr-pact label{display:flex;gap:var(--pr-s3);align-items:flex-start;padding:var(--pr-s3);border-radius:10px;background:#fffdf7;cursor:pointer;font-size:.94rem;box-shadow:inset 0 0 0 1px #d4cbb3}
.pr-pact input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:#1747c9;flex:none}
.pr-pact .pr-field{color:#4a4538}
.pr-pact .pr-field input{background:#fffdf7;color:#1b1f27;border-color:#d4cbb3}
.pr-pact-names{max-width:440px}
/* warning lights */
.pr-lamp{padding:var(--pr-s6) var(--pr-s6) var(--pr-s5);border-radius:var(--pr-r);background:var(--pr-panel);box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-lamp h3{display:flex;align-items:center;gap:var(--pr-s3);font-size:1.35rem;text-transform:uppercase}
.pr-lamp h3 i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--pr-bg)}
.pr-lamp h3 .pr-ico{width:26px;height:26px}
.pr-lamp-a h3 i{color:#ffb020;box-shadow:0 0 18px rgba(255,176,32,.45),inset 0 0 0 1px rgba(255,176,32,.5)}
.pr-lamp-r h3 i{color:#ff4b3e;box-shadow:0 0 18px rgba(255,75,62,.5),inset 0 0 0 1px rgba(255,75,62,.55)}
.pr-lamp li{margin-bottom:6px;color:var(--pr-mut)}
/* manual, faq, engine off */
.pr-manual{list-style:none;margin:0 0 var(--pr-s4);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--pr-s3)}
.pr-manual li{padding:var(--pr-s5);border-radius:var(--pr-r);background:var(--pr-panel);box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-manual h3{display:flex;align-items:center;gap:var(--pr-s2)}
.pr-manual h3 .pr-ico{color:var(--pr-acc2)}
.pr-manual p{margin:0;color:var(--pr-mut);font-size:.94rem}
.pr-faq{display:grid;gap:var(--pr-s2);max-width:920px}
.pr-faq-i{border-radius:12px;background:var(--pr-panel);box-shadow:inset 0 0 0 1px var(--pr-line);transition:box-shadow .2s var(--pr-out)}
.pr-faq-i[open]{box-shadow:inset 0 0 0 1px var(--pr-acc)}
.pr-faq-i summary{cursor:pointer;padding:var(--pr-s4) var(--pr-s5);font:700 1rem/1.35 var(--pr-head);letter-spacing:.02em;list-style:none}
.pr-faq-i summary::-webkit-details-marker{display:none}
.pr-faq-i summary::after{content:"+";float:right;color:var(--pr-acc);font-family:var(--pr-mono)}
.pr-faq-i[open] summary::after{content:"−"}
.pr-faq-i p{margin:0;padding:0 var(--pr-s5) var(--pr-s4);color:var(--pr-mut)}
.pr-end{padding:var(--pr-s8) 0;border-top:1px solid var(--pr-line);background:radial-gradient(60% 100% at 50% 100%,color-mix(in srgb,var(--pr-acc) 12%,transparent),transparent)}
.pr-end-in{text-align:center;max-width:820px}
.pr-end-in .pr-acts{justify-content:center}
.pr-end p{color:var(--pr-mut)}
/* footer and cookie notice */
.pr-foot{padding:var(--pr-s7) 0 var(--pr-s6);background:var(--pr-panel);border-top:1px solid var(--pr-line);font-size:.92rem}
.pr-foot-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:var(--pr-s5)}
.pr-foot-brand{font:700 1.3rem/1 var(--pr-head);text-transform:uppercase;letter-spacing:.12em}
.pr-foot-lead p{color:var(--pr-mut)}
.pr-foot h2{font-size:.82rem;letter-spacing:.16em}
.pr-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pr-foot a{color:var(--pr-ink);text-decoration:none}
.pr-foot a:hover{color:var(--pr-acc);text-decoration:underline}
.pr-foot-fleet a{display:flex;align-items:center;gap:var(--pr-s2)}
.pr-foot-fleet .pr-ico{color:var(--t)}
.pr-mail{display:flex;align-items:center;gap:var(--pr-s2)}
.pr-sos{display:flex;gap:var(--pr-s3);margin:var(--pr-s6) 0 var(--pr-s4);padding:var(--pr-s4);border-radius:12px;background:var(--pr-panel2);box-shadow:inset 3px 0 0 var(--pr-hi)}
.pr-sos .pr-ico{color:var(--pr-hi);margin-top:3px}
.pr-oaths{list-style:none;margin:0 0 var(--pr-s4);padding:0;display:flex;flex-wrap:wrap;gap:var(--pr-s2) var(--pr-s5)}
.pr-oaths li{display:flex;align-items:center;gap:var(--pr-s2);color:var(--pr-mut);font-size:.85rem}
.pr-oaths .pr-ico{color:var(--pr-acc)}
.pr-fine{font-size:.8rem;color:var(--pr-mut);max-width:110ch;margin:0}
.pr-cookies{position:fixed;left:var(--pr-s4);right:var(--pr-s4);bottom:var(--pr-s4);z-index:40;display:none;align-items:center;gap:var(--pr-s4);max-width:780px;margin:0 auto;padding:var(--pr-s3) var(--pr-s4);border-radius:14px;background:var(--pr-panel2);box-shadow:0 0 0 1px var(--pr-acc),0 18px 50px rgba(0,0,0,.55)}
.pr-cookies p{display:flex;gap:var(--pr-s2);margin:0;font-size:.86rem}
.pr-cookies .pr-ico{color:var(--pr-acc);margin-top:3px}
.pr-cookies button{flex:none;min-height:44px;padding:0 var(--pr-s5);border-radius:10px;background:var(--pr-acc);color:var(--pr-bg);border:0;font:700 .8rem/1 var(--pr-head);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}

/* manual chapters (text pages) */
.pr-man-head{padding:var(--pr-s7) 0 var(--pr-s6);background:linear-gradient(180deg,var(--pr-glass),transparent);border-bottom:1px solid var(--pr-line)}
.pr-crumbs{display:flex;flex-wrap:wrap;gap:var(--pr-s2);font-size:.84rem;color:var(--pr-mut);margin-bottom:var(--pr-s4)}
.pr-crumbs a{color:var(--pr-mut)}
.pr-man-no{display:flex;align-items:center;gap:var(--pr-s2);font:600 .74rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--pr-acc)}
.pr-man-no b{padding:4px 10px;border-radius:6px;background:var(--pr-acc);color:var(--pr-bg);font-weight:600}
.pr-man-lede{color:var(--pr-mut);font-size:1.1rem;max-width:68ch}
.pr-man-meta{display:flex;flex-wrap:wrap;gap:var(--pr-s2);margin:0}
.pr-man-meta span{padding:5px 12px;border-radius:999px;font:500 .72rem/1.3 var(--pr-mono);background:var(--pr-panel2)}
.pr-note{margin:0;padding:var(--pr-s3) 0;background:var(--pr-panel);border-bottom:1px solid var(--pr-line);font-size:.92rem;color:var(--pr-mut)}
.pr-note .pr-wrap{display:flex;gap:var(--pr-s2);align-items:center}
.pr-note .pr-ico{color:var(--pr-acc2)}
.pr-man-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:var(--pr-s7);padding-top:var(--pr-s6);padding-bottom:var(--pr-s8)}
.pr-man-rail{position:sticky;top:96px;align-self:start;display:grid;gap:var(--pr-s5)}
.pr-toc p,.pr-chap-list>p{font:600 .7rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--pr-mut);margin-bottom:var(--pr-s2)}
.pr-toc ol,.pr-chap-list ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.pr-toc a{display:flex;gap:var(--pr-s2);padding:7px 10px;border-radius:8px;color:var(--pr-ink);text-decoration:none;font-size:.88rem;background:var(--pr-panel)}
.pr-toc a span{font:600 .72rem/1.6 var(--pr-mono);color:var(--pr-acc);min-width:44px}
.pr-chap-list a{display:flex;align-items:center;gap:var(--pr-s2);padding:8px 10px;border-radius:8px;color:var(--pr-ink);text-decoration:none;background:var(--pr-panel);font-size:.9rem}
.pr-chap-list a small{display:block;font:500 .62rem/1 var(--pr-mono);color:var(--pr-mut)}
.pr-chap-list a[aria-current]{background:var(--pr-acc);color:var(--pr-bg)}
.pr-chap-list a[aria-current] small{color:var(--pr-bg)}
.pr-chap-home{display:inline-flex;align-items:center;gap:6px;margin-top:var(--pr-s3);font-size:.86rem}
.pr-man-body{max-width:780px}
.pr-par{margin-bottom:var(--pr-s6);scroll-margin-top:96px}
.pr-par h2{display:flex;align-items:baseline;gap:var(--pr-s3);font-size:1.3rem;padding-bottom:var(--pr-s2);border-bottom:1px solid var(--pr-line)}
.pr-par h2 span{font:600 .74rem/1 var(--pr-mono);color:var(--pr-acc);letter-spacing:.04em}
.pr-par li{margin-bottom:6px}
.pr-steps-list li{margin-bottom:var(--pr-s2)}
.pr-helps{list-style:none;padding:0;display:grid;gap:var(--pr-s3)}
.pr-helps li{padding:var(--pr-s4);border-radius:12px;background:var(--pr-panel);box-shadow:inset 3px 0 0 var(--pr-acc2)}
.pr-helps h3{margin-bottom:6px;font-size:1.02rem}
.pr-helps p{margin:0;color:var(--pr-mut);font-size:.94rem}
.pr-check{display:grid;gap:var(--pr-s3);margin:var(--pr-s4) 0}
.pr-q{border:0;margin:0;padding:var(--pr-s4);border-radius:12px;background:var(--pr-panel)}
.pr-q legend{display:flex;gap:var(--pr-s3);float:left;width:100%;padding:0;margin-bottom:var(--pr-s3);font-weight:600}
.pr-q legend span{font:700 .9rem/1.5 var(--pr-mono);color:var(--pr-acc)}
.pr-q div{clear:both;display:flex;flex-wrap:wrap;gap:var(--pr-s2)}
.pr-q label{position:relative;cursor:pointer}
.pr-q input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pr-q label span{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--pr-s4);border-radius:10px;background:var(--pr-panel2);font-size:.88rem;box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-q input:checked+span{background:var(--pr-acc);color:var(--pr-bg);box-shadow:none}
.pr-q input:focus-visible+span{outline:3px solid var(--pr-acc2)}
.pr-check-out{padding:var(--pr-s5);border-radius:12px;background:var(--pr-panel2);box-shadow:inset 0 3px 0 var(--pr-acc)}
.pr-check-bar{height:10px;border-radius:5px;background:var(--pr-bg);overflow:hidden}
.pr-check-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pr-acc),var(--pr-hi));transform-origin:left;transform:scaleX(0);transition:transform .3s var(--pr-out)}
/* vehicle sheets (review pages) */
.pr-rv-head{padding:var(--pr-s6) 0;background:radial-gradient(70% 120% at 0% 0%,color-mix(in srgb,var(--t) 16%,transparent),transparent 60%);border-bottom:1px solid var(--pr-line)}
.pr-rv-in{display:grid;grid-template-columns:minmax(240px,400px) minmax(0,1fr) 220px;gap:var(--pr-s6);align-items:center}
.pr-rv-art{margin:0;border-radius:18px;overflow:hidden;background:var(--pr-panel);box-shadow:0 0 0 2px var(--t),0 24px 60px rgba(0,0,0,.5)}
.pr-rv-art img{aspect-ratio:1;object-fit:cover;width:100%}
.pr-rv-art figcaption{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;font:600 .76rem/1.3 var(--pr-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--t)}
.pr-rv-by{color:var(--pr-mut);margin-top:calc(-1 * var(--pr-s2))}
.pr-rv-score{display:flex;align-items:center;gap:var(--pr-s2)}
.pr-rv-score b{font:700 2.8rem/1 var(--pr-mono);color:var(--t)}
.pr-rv-score small{color:var(--pr-mut);margin-right:var(--pr-s2)}
.pr-rv-sum{font-size:1.06rem;max-width:62ch}
.pr-rv-dial{padding:var(--pr-s4);border-radius:var(--pr-r);background:linear-gradient(180deg,var(--pr-panel2),var(--pr-panel));box-shadow:0 0 0 1px var(--pr-line);text-align:center}
.pr-rv-dial p{margin:var(--pr-s2) 0 0;font:500 .8rem/1.3 var(--pr-mono);color:var(--pr-mut)}
.pr-rv-dial b{font-size:1.4rem;color:var(--t)}
.pr-rv-inst{list-style:none;margin:var(--pr-s5) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--pr-s2)}
.pr-rv-inst li{display:grid;grid-template-columns:auto 1fr;gap:4px var(--pr-s2);padding:var(--pr-s3);border-radius:12px;background:var(--pr-panel);box-shadow:inset 0 0 0 1px var(--pr-line);align-content:start}
.pr-rv-inst .pr-ico{color:var(--t)}
.pr-rv-inst span{font:600 .64rem/1.8 var(--pr-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pr-mut)}
.pr-rv-inst div{grid-column:1/-1;font-size:.9rem}
.pr-rv-inst small{display:block;color:var(--pr-mut)}
.pr-rv-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--pr-s7);padding-top:var(--pr-s6);padding-bottom:var(--pr-s6)}
.pr-verdict{padding:var(--pr-s5);border-radius:var(--pr-r);background:var(--pr-panel);box-shadow:inset 4px 0 0 var(--t);font:600 1.15rem/1.45 var(--pr-head)}
.pr-verdict b{display:block;font:600 .7rem/1 var(--pr-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--t);margin-bottom:6px}
.pr-rv-sec{margin-bottom:var(--pr-s6)}
.pr-rv-sec h2{display:flex;align-items:center;gap:var(--pr-s2);font-size:1.25rem}
.pr-rv-sec h2 .pr-ico{color:var(--t)}
.pr-service-rep{display:grid;grid-template-columns:1fr 1fr;gap:var(--pr-s4)}
.pr-service-rep h2{grid-column:1/-1}
.pr-service-rep h3{text-transform:uppercase;font-size:.9rem}
.pr-pro,.pr-con{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pr-pro li,.pr-con li{display:flex;gap:var(--pr-s2);padding:var(--pr-s2) var(--pr-s3);border-radius:8px;background:var(--pr-panel)}
.pr-pro b{color:var(--pr-acc)}
.pr-con b{color:var(--pr-hi)}
.pr-rv-side{display:grid;gap:var(--pr-s4);align-content:start}
.pr-box{padding:var(--pr-s5);border-radius:var(--pr-r);background:var(--pr-panel);box-shadow:inset 0 0 0 1px var(--pr-line)}
.pr-box h2{font-size:1rem}
.pr-box-line{display:flex;gap:var(--pr-s3);font-size:.92rem}
.pr-box-line .pr-ico{color:var(--t);margin-top:3px}
.pr-box-line b{display:block;color:var(--pr-ink)}
.pr-box-stop{box-shadow:inset 0 3px 0 var(--t),inset 0 0 0 1px var(--pr-line)}
.pr-spec{display:grid;gap:var(--pr-s2);margin:0}
.pr-spec div{display:grid;grid-template-columns:110px 1fr;gap:var(--pr-s2);font-size:.9rem;border-bottom:1px solid var(--pr-line);padding-bottom:6px}
.pr-spec dt{color:var(--pr-mut)}
.pr-spec dd{margin:0}
.pr-near ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--pr-s3)}
.pr-near a{display:grid;grid-template-columns:96px 1fr;gap:var(--pr-s3);padding:var(--pr-s2);border-radius:12px;background:var(--pr-panel);color:var(--pr-ink);text-decoration:none;box-shadow:inset 3px 0 0 var(--t);height:100%}
.pr-near img{width:96px;height:96px;border-radius:8px;object-fit:cover}
.pr-near small{display:flex;align-items:center;gap:5px;font:500 .7rem/1.3 var(--pr-mono);color:var(--pr-mut)}
.pr-near b{display:block;font:700 1rem/1.2 var(--pr-head)}
.pr-near em{display:block;font-style:normal;font-size:.84rem;color:var(--pr-mut);margin-top:4px}
.pr-pager{display:flex;justify-content:space-between;gap:var(--pr-s3);padding-top:var(--pr-s6);padding-bottom:var(--pr-s7)}
.pr-pager a{display:flex;align-items:center;gap:var(--pr-s3);padding:var(--pr-s3) var(--pr-s4);border-radius:12px;background:var(--pr-panel);color:var(--pr-ink);text-decoration:none}
.pr-pager small{display:block;font:500 .68rem/1 var(--pr-mono);color:var(--pr-mut)}
.pr-lost{padding:var(--pr-s8) 0;text-align:center}
.pr-lost-code{font:700 clamp(5rem,18vw,11rem)/1 var(--pr-mono);color:var(--pr-acc);margin:0;text-shadow:0 0 30px color-mix(in srgb,var(--pr-acc) 50%,transparent)}
.pr-lost .pr-acts{justify-content:center}

@media (max-width:1180px){
.pr-tag{display:none}
.pr-dash-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"navi cluster" "tacho cluster"}
.pr-rv-in{grid-template-columns:minmax(220px,360px) minmax(0,1fr)}
.pr-rv-dial{display:none}
}
@media (max-width:980px){
.pr-trip-grid,.pr-hm-grid,.pr-two,.pr-calc,.pr-rv-in,.pr-rv-grid,.pr-man-grid{grid-template-columns:minmax(0,1fr)}
.pr-man-rail{position:static}
.pr-foot-grid{grid-template-columns:1fr 1fr}
.pr-foot-lead{grid-column:1/-1}
.pr-rv-art{max-width:380px}
}
@media (max-width:760px){
.pr-wrap{padding:0 var(--pr-s4)}
.pr-top{padding:var(--pr-s2) var(--pr-s4)}
.pr-screen{min-height:0;padding:var(--pr-s6) 0 110px}
.pr-screen::after{display:none}
.pr-dash-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"navi" "cluster" "tacho"}
.pr-sec{padding:var(--pr-s7) 0}
.pr-ro{grid-template-columns:1fr 1fr}
.pr-log li{grid-template-columns:1fr}
.pr-log time{grid-row:auto}
.pr-strips li{grid-template-columns:112px 1fr 30px}
.pr-service-rep{grid-template-columns:1fr}
.pr-cookies{flex-direction:column;align-items:stretch}
.pr-lamp,.pr-pact,.pr-calc,.pr-hm{padding:var(--pr-s5)}
.pr-cl-dials{grid-template-columns:1fr}
.pr-gauge{max-width:190px}
}
@media (max-width:420px){
.pr-vehs{grid-template-columns:1fr}
.pr-foot-grid{grid-template-columns:1fr}
.pr-check-list{grid-template-columns:1fr 1fr}
.pr-check-list li:last-child{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media print{
.pr-top,.pr-foot,.pr-cookies{display:none}
body{background:#fff;color:#000}
.pr-print-pact main>*:not(#pr-famiglie){display:none}
.pr-print-pact #pr-famiglie .pr-sec-head,.pr-print-pact #pr-famiglie .pr-table-wrap,.pr-print-pact #pr-famiglie .pr-tools,.pr-print-pact #prPactPrint{display:none!important}
.pr-print-pact .pr-pact{background:#fff;border:2px solid #000}
}

/* --- mobile nav toggle --- */
.pr-burger{display:none;width:44px;height:44px;padding:0;border:1px solid var(--pr-line,currentColor);border-radius:8px;background:transparent;color:inherit;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 auto}
.pr-burger span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s cubic-bezier(.2,.7,.2,1),opacity .18s cubic-bezier(.2,.7,.2,1)}
.pr-nav-open .pr-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.pr-nav-open .pr-burger span:nth-child(2){opacity:0}
.pr-nav-open .pr-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1180px){
.pr-js .pr-burger{display:inline-flex;margin-left:auto;order:5}
.pr-js .pr-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px}.pr-js .pr-nav-open .pr-top{height:auto}
.pr-js .pr-top>nav{display:none}
.pr-js .pr-nav-open .pr-top>nav{display:flex;flex-direction:column;align-items:stretch;flex-basis:100%;order:9;gap:0;margin:0;padding:8px 0 4px;border-top:1px solid var(--pr-line,currentColor)}
.pr-js .pr-nav-open .pr-top>nav a{display:flex;align-items:center;min-height:48px;padding:0 4px;margin:0;border:0;border-bottom:1px solid var(--pr-line,currentColor);font-size:1rem;letter-spacing:.04em}
.pr-js .pr-nav-open .pr-top>nav a:last-child{border-bottom:none}
.pr-js .pr-top .pr-brand{flex:1;min-width:0}.pr-js .pr-nav-open .pr-top{background:var(--pr-bg)}.pr-js .pr-nav-open .pr-top>nav{margin-left:0}.pr-js .pr-nav-open .pr-top>nav a{color:var(--pr-ink)}
}