:root{--hazy-blue: #186CAC;--hazy-blue-hover: #125A91;--hazy-blue-bright: #146DAB;--hazy-black: #0D0D0D;--hazy-white: #FFFFFF;--n-900: #0D0D0D;--n-800: #2A2A2A;--n-700: #4A4A4A;--n-600: #6B6B6B;--n-500: #8F8F8F;--n-400: #B8BEC4;--n-300: #D7DCE0;--n-200: #E8ECEF;--n-150: #EEF1F4;--n-100: #F4F6F8;--n-50: #FAFBFC;--sky-pale: #DCE9F3;--sky-paler: #EAF2F8;--warm-sand: #E7DCC9;--grass: #7FA27A;--sun: #F6D27C;--fg-1: var(--n-900);--fg-2: var(--n-700);--fg-3: var(--n-600);--fg-muted: var(--n-500);--fg-on-dark: var(--hazy-white);--bg-1: var(--hazy-white);--bg-2: var(--n-100);--bg-3: var(--sky-paler);--bg-inverse: var(--hazy-black);--border-default: var(--n-300);--border-strong: var(--n-400);--border-brand: var(--hazy-blue);--link: var(--hazy-blue);--link-hover: var(--hazy-blue-hover);--success: #3E8E5B;--warning: #D89022;--danger: #C1463B;--ff-display: "Archivo Black", "Arial Black", system-ui, sans-serif;--ff-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--ff-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 18px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 32px;--fs-3xl: 40px;--fs-4xl: 56px;--fs-5xl: 72px;--fs-display: 96px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.65;--ls-display: -.01em;--ls-tight: -.02em;--ls-normal: 0;--ls-allcaps: .08em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 20px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(13, 13, 13, .06);--shadow-2: 0 4px 16px rgba(13, 13, 13, .08);--shadow-3: 0 12px 32px rgba(13, 13, 13, .12);--shadow-focus: 0 0 0 3px rgba(24, 108, 172, .28);--shadow-chunky: 6px 6px 0 var(--hazy-black);--shadow-chunky-sm: 3px 3px 0 var(--hazy-black);--shadow-chunky-brand: 6px 6px 0 var(--hazy-blue);--container: 1240px;--container-sm: 720px;--header-h: 72px;--ease: cubic-bezier(.2, .6, .2, 1);--dur-fast: .12s;--dur-med: .22s;--dur-slow: .38s}.app{max-width:100%;margin:0 auto;background:var(--bg-1);position:relative;overflow:hidden;box-shadow:0 0 60px #0d0d0d1a}.topbar{position:sticky;top:0;z-index:30;background:var(--hazy-blue);display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 18px 14px}.topbar .logo{height:30px;filter:brightness(0) invert(1)}.topbar .label{margin-left:auto;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd1}.backbtn{display:none;align-items:center;justify-content:center;width:34px;height:34px;margin:-4px 0 -4px -6px;border:none;background:#ffffff24;color:#fff;border-radius:999px;cursor:pointer;flex-shrink:0}.backbtn svg{width:18px;height:18px}body[data-view=detail] .backbtn{display:inline-flex}.view{transition:opacity var(--dur-med) var(--ease),transform var(--dur-med) var(--ease)}#detail,body[data-view=detail] #home{display:none}body[data-view=detail] #detail{display:block}.hero{background:var(--hazy-blue);color:#fff;padding:14px 22px 30px;position:relative;overflow:hidden}.hero h1{position:relative;z-index:1;font-family:var(--ff-body);font-weight:800;font-size:34px;line-height:1.02;letter-spacing:-.03em;color:#fff;margin:0 0 10px}.hero h1 em{font-style:italic;font-weight:300}.hero p{position:relative;z-index:1;color:#ffffffeb;margin:0;font-size:15px;line-height:1.5;max-width:34ch}.ehint{display:flex;align-items:center;gap:12px;width:calc(60% - 32px);margin:-16px auto 0;background:#fff;border:2px solid var(--danger);border-radius:var(--r-lg);padding:13px 15px;cursor:pointer;box-shadow:var(--shadow-2);position:relative;z-index:5;font-family:var(--ff-body)}.ehint .dot{width:38px;height:38px;flex-shrink:0;border-radius:999px;background:var(--danger);color:#fff;display:flex;align-items:center;justify-content:center}.ehint .dot svg{width:20px;height:20px}.ehint .et{text-align:left}.ehint b{display:block;font-size:14px;font-weight:800;color:var(--fg-1)}.ehint .et span{font-size:12.5px;color:var(--fg-3)}.ehint .chev{margin-left:auto;color:var(--danger);display:flex}.listwrap{padding:24px 16px 30px}.grouplabel{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--hazy-blue);margin:18px 6px 10px}.grouplabel:first-child{margin-top:0}.list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.list:empty{display:none}.row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--border-default);border-radius:var(--r-lg);padding:14px 15px;cursor:pointer;font-family:var(--ff-body);transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.row:hover{border-color:var(--hazy-blue)}.row:active{transform:scale(.985)}.row .ico{width:44px;height:44px;flex-shrink:0;border-radius:11px;background:var(--sky-paler);color:var(--hazy-blue);display:flex;align-items:center;justify-content:center}.row .ico svg{width:24px;height:24px}.row.alert .ico{background:#fbe9e7;color:var(--danger)}.row .txt{flex:1;min-width:0}.row .txt b{display:block;font-size:15px;font-weight:700;color:var(--fg-1);line-height:1.2}.row .txt span{display:block;font-size:12.5px;color:var(--fg-3)}.row .chev{color:var(--n-400);flex-shrink:0;display:flex}.detail-body{padding:22px 20px 40px}.detail-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.detail-head .ico{width:52px;height:52px;flex-shrink:0;border-radius:13px;background:var(--sky-paler);color:var(--hazy-blue);display:flex;align-items:center;justify-content:center}.detail-head .ico svg{width:28px;height:28px}.detail-head.alert .ico{background:#fbe9e7;color:var(--danger)}.detail-head h2{font-size:23px;font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.1}.lead{font-size:15.5px;line-height:1.6;color:var(--fg-2);margin:0 0 22px}.ecard{gap:10px;grid-template-columns:repeat(2,1fr);border:2px solid var(--danger);border-radius:var(--r-lg);background:#fff6f5;padding:16px;margin:0 0 22px;display:grid}.ecard .etitle{display:flex;grid-column:1 / -1;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--danger);margin-bottom:12px}.ecard .etitle svg{width:16px;height:16px}.ecall{display:flex;align-items:center;gap:12px;text-decoration:none;background:var(--danger);color:#fff;border-radius:var(--r-md);padding:13px 15px;font-weight:800;font-size:15px;margin-bottom:9px}.ecall>span:nth-child(2){flex:1;min-width:0;line-height:1.25}.ecall:hover{text-decoration:none;color:#fff;filter:brightness(.95)}.ecall .n{margin-left:auto;font-size:20px;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.ecall.alt{background:#fff;color:var(--fg-1);border:1.5px solid var(--border-strong)}.ecall.alt .sub{display:block;font-size:10px;font-weight:800;color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1px}.ecall .ic{width:20px;height:20px;flex-shrink:0}.checks-h{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin:0 0 12px}.selfhelp{display:flex;flex-direction:column;gap:8px;margin:0 0 24px}.sh{border:1.5px solid var(--border-default);border-radius:var(--r-md);background:#fff;overflow:hidden}.sh summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 15px;font-weight:700;font-size:14.5px;color:var(--fg-1);line-height:1.3}.sh summary::-webkit-details-marker{display:none}.sh summary .q{flex:1}.sh summary svg{width:18px;height:18px;color:var(--n-400);flex-shrink:0;transition:transform var(--dur-fast) var(--ease)}.sh[open] summary svg{transform:rotate(90deg)}.sh[open] summary{border-bottom:1px solid var(--n-150)}.sh-body{padding:12px 15px 15px;font-size:14px;line-height:1.55;color:var(--fg-2)}.sh-body b{color:var(--fg-1);font-weight:700}.checks{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:12px}.checks li{display:flex;gap:12px;align-items:flex-start}.checks .num{flex-shrink:0;width:25px;height:25px;border-radius:999px;background:var(--hazy-blue);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}.checks li p{margin:0;font-size:14.5px;line-height:1.5;color:var(--fg-2)}.checks li p b{color:var(--fg-1);font-weight:700}.figures{display:flex;flex-direction:column;gap:14px;margin:0 0 24px}.fig{margin:0}.fig img{display:block;width:100%;border-radius:var(--r-lg);border:1.5px solid var(--border-default)}.fig figcaption{font-size:12.5px;line-height:1.45;color:var(--fg-3);margin-top:7px;padding:0 2px}.video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--r-lg);overflow:hidden;margin:0 0 8px;border:1.5px solid var(--border-default);background:var(--hazy-blue)}.video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-facade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background-color:var(--hazy-blue);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.video-facade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000a,#00000038)}.video-play{position:relative;z-index:1;width:66px;height:66px;border-radius:999px;background:#fff;box-shadow:0 4px 14px #0000004d;display:flex;align-items:center;justify-content:center;transition:transform var(--dur-fast) var(--ease)}.video-facade:hover .video-play{transform:scale(1.06)}.video-play svg{width:28px;height:28px;color:red;margin-left:3px}.video-cap{font-size:12.5px;line-height:1.45;color:var(--fg-3);margin:0 0 24px;padding:0 2px}.video-cap a{color:var(--hazy-blue);font-weight:700}.checklist{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:11px}.checklist li{display:flex;gap:12px;align-items:flex-start}.checklist .tick{flex-shrink:0;width:24px;height:24px;border-radius:7px;background:var(--sky-paler);color:var(--hazy-blue);display:flex;align-items:center;justify-content:center;margin-top:1px}.checklist .tick svg{width:15px;height:15px}.checklist li p{margin:0;font-size:14.5px;line-height:1.5;color:var(--fg-2)}.checklist li p b{color:var(--fg-1);font-weight:700}.notecard{display:flex;gap:11px;align-items:flex-start;background:#fff8ec;border:1.5px solid var(--sun);border-radius:var(--r-md);padding:13px 14px;margin:2px 0 24px}.notecard .nic{flex-shrink:0;color:#9a6a00;display:flex;margin-top:1px}.notecard .nic svg{width:18px;height:18px}.notecard p{margin:0;font-size:13.5px;line-height:1.5;color:var(--fg-1)}.notecard p b{font-weight:800}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.actions .ahead{font-size:12px;font-weight:800;grid-column:1 / -1;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin:4px 0 2px}.act{display:flex;align-items:center;gap:13px;text-decoration:none;border-radius:var(--r-md);padding:14px 16px;font-family:var(--ff-body);font-weight:700;font-size:15.5px;cursor:pointer;border:1.5px solid transparent;transition:transform var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease)}.act:active{transform:scale(.985)}.act:hover{text-decoration:none}.act .ic{width:22px;height:22px;flex-shrink:0}.act .chev{margin-left:auto;opacity:.6;display:flex}.act small{display:block;font-size:11.5px;font-weight:600;color:inherit;opacity:.85;letter-spacing:0;text-transform:none;margin-top:1px}.act .lbl{line-height:1.15}.act.wa{background:#25d366;color:#0a3d1c}.act.wa:hover{filter:brightness(.97)}.act.nzra{background:var(--hazy-blue);color:#fff;box-shadow:var(--shadow-chunky-sm)}.act.nzra:hover{filter:brightness(.95)}.act.primary{background:var(--hazy-black);color:#fff;box-shadow:var(--shadow-chunky-sm)}.act.primary:hover{background:var(--hazy-blue)}.act.outline{background:#fff;color:var(--fg-1);border-color:var(--border-strong)}.act.outline:hover{border-color:var(--hazy-blue);color:var(--hazy-blue)}.foot{border-top:1px solid var(--border-default);padding:20px 22px calc(26px + env(safe-area-inset-bottom));text-align:center}.foot .stamp{font-family:var(--ff-display);font-size:13px;color:var(--hazy-blue);letter-spacing:.02em}.foot p{font-size:11.5px;color:var(--fg-muted);margin:6px 0 0;line-height:1.5}.foot a{color:var(--fg-3)}.list-menu__item{display:flex;align-items:center;line-height:calc(1 + .3 / var(--font-body-scale))}.list-menu__item--link{text-decoration:none;padding-bottom:1rem;padding-top:1rem;line-height:calc(1 + .8 / var(--font-body-scale))}@media screen and (min-width:750px){.list-menu__item--link{padding-bottom:.5rem;padding-top:.5rem}}@keyframes slidein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body[data-view=detail] #detail{animation:slidein var(--dur-med) var(--ease)}@media(min-width:650px){.foot{display:none}}@media(max-width:1200px){.list,.actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:749px){.ehint{width:calc(100% - 32px)}.ecard{grid-template-columns:repeat(1,1fr)}}@media(max-width:710px){.list{grid-template-columns:repeat(1,1fr)}.row .txt b,.ehint b{font-size:13px}.actions{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/roadside-help-styles.css.map */