/* Signature Auto Care — shared stylesheet.
   Extracted from the homepage when the four service pages were added, so the
   register lives in ONE place. Tokens and rules are Kit sheets 06-10. */

  *{box-sizing:border-box;margin:0;padding:0}
  :root{
    --red:#DC0A10;        /* brand red. Fills, rules, bands, display >=24px. On printed goods - never moves. */
    --red-txt:#F5443B;    /* SCREEN-ONLY tint for SMALL red text on dark. #DC0A10 is 4.09:1 on black,
                             which fails WCAG AA for body text; this clears 4.5:1 on all three ground
                             steps (5.77 / 5.34 / 4.97). Same hue family. Declared on Kit sheet 06.
                             Never used for a fill, never used in print. */
    --ink:#fff; --mute:#9a9a9a; --dim:#6a6a6a;
    --g0:#000; --g1:#0d0d0d; --g2:#161616; --line:#282828;
    --paper:#F2F1ED; --paperink:#141414; --paperline:#d6d3cb;
  }
  html{scroll-behavior:smooth}
  body{background:var(--g0);color:var(--ink);
       font:16px/1.65 Inter,"Helvetica Neue",Arial,sans-serif;
       width:100%;max-width:1280px;margin:0 auto;overflow-x:hidden}
  img{max-width:100%;display:block}
  .wrap{padding:0 46px}
  .only-m{display:none}
  a{color:inherit}

  /* the 12° cut — Kit sheet 08. Max two per screen. */
  .skew{transform:skewX(-12deg)}.skew>*{display:block;transform:skewX(12deg)}
  .disp{font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:-.025em;line-height:.96}
  h1{font-size:68px}h2{font-size:36px}h3{font-size:17px}
  .em{color:var(--red)}                 /* display only, always >=24px */
  .kick{color:var(--red-txt)}
  .kick{color:var(--red-txt);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}
  .btn{display:inline-block;background:var(--red);color:#fff;font:800 12px/1 Inter,sans-serif;
       letter-spacing:.12em;text-transform:uppercase;padding:16px 30px;text-decoration:none;
       transition:filter .12s}
  .btn:hover{filter:brightness(1.12)}
  .btn2{display:inline-block;border:2px solid #fff;padding:14px 28px;font:800 12px/1 Inter,sans-serif;
        letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
  p{color:#cfcfcf}
  .lede{font-size:17px;max-width:46ch}

  /* nav */
  .nav{display:flex;align-items:center;gap:26px;padding:14px 46px;border-bottom:3px solid var(--red);
       background:#000;position:sticky;top:0;z-index:60}
  .nav img{height:44px}
  .nav a{text-decoration:none;font:800 11px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;transition:color .15s}
  .nav a:hover{color:var(--red)}
  .nav .ph{margin-left:auto;color:var(--red-txt);font-weight:800;font-size:14px;letter-spacing:.04em;text-decoration:none}
  .burger{width:26px;height:2px;background:#fff;position:relative;box-shadow:0 7px 0 #fff,0 -7px 0 #fff}

  /* 01 hero */
  .hero{position:relative;min-height:560px;display:flex;align-items:center}
  .hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.46}
  .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#000 30%,rgba(0,0,0,.25) 74%)}
  .hero .c{position:relative;z-index:2;padding:56px 46px;max-width:720px}
  .hero .btns{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
  .trust{margin-top:26px;display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--mute);
         letter-spacing:.08em;text-transform:uppercase}

  /* 02 services breakdown */
  .svc{background:var(--g1);padding:74px 0}
  .svc .row{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;margin-top:34px;
            border-top:1px solid var(--line)}
  .svc .row:last-of-type{border-bottom:1px solid var(--line)}
  .svc .row:nth-child(even) .txt{order:2}
  .svc .txt{padding:34px 40px 34px 0}
  .svc .row:nth-child(even) .txt{padding:34px 0 34px 40px}
  .svc .shot{position:relative;min-height:290px;overflow:hidden}
  .svc .shot img{width:100%;height:100%;object-fit:cover;filter:brightness(.92)}
  .svc .shot:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--line)}
  .svc .num{color:var(--red-txt);font:800 italic 30px/1 Inter,sans-serif;font-style:italic}
  .svc h3{margin:12px 0 10px;font:800 20px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:-.01em}
  .svc ul{list-style:none;margin:14px 0 0}
  .svc li{font-size:14px;color:#c2c2c2;padding:8px 0 8px 26px;border-bottom:1px solid #1c1c1c;position:relative}
  .svc li:before{content:"";position:absolute;left:0;top:15px;width:11px;height:11px;background:var(--red);transform:skewX(-12deg)}
  .svc .from{margin-top:16px;font:800 13px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
  .svc .from b{color:#fff;font-size:19px;font-style:italic}

  /* 03 differentiator */
  .diff{background:#000;padding:74px 0;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
  .diff .shot img{width:100%;height:340px;object-fit:cover;border-left:4px solid var(--red)}

  /* 04 red band */
  .band{background:var(--red);padding:34px 0}
  .band .g{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
  .band .g div{border-right:1px solid rgba(255,255,255,.3);padding:8px 14px}
  .band .g div:last-child{border:0}
  .band b{display:block;font:800 italic 32px/1 Inter,sans-serif;font-style:italic}
  .band small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.92}

  /* ═══ 05 THE PAPER SECTION ═══════════════════════════════════════════════
     The ONE white ground on an otherwise all-black page. Both owners chose
     all-black on the kickoff call, so this has to earn its place: it is not a
     "light section", it is PAPER — the document the fleet customer keeps.
     Kit sheet 09 now declares it.
     The transition is a 220px gradient on each side, not an edge. */
  .fade-to-paper{height:220px;background:linear-gradient(180deg,#000 0%,#0b0b0a 34%,#4a4844 72%,#a8a5a0 88%,var(--paper) 100%)}
  .fade-to-dark{height:220px;background:linear-gradient(180deg,var(--paper) 0%,#a8a5a0 12%,#4a4844 28%,#0b0b0a 66%,#000 100%)}
  .paper{background:var(--paper);color:var(--paperink);padding:34px 0 54px}
  .paper p{color:#3f3f3f}
  .paper .kick{color:var(--red)}   /* on paper the brand red is 5.13:1 - fine */
  .doc{background:#fff;border:1px solid var(--paperline);padding:30px 34px;margin-top:26px;
       box-shadow:0 1px 0 #ddd9d1}
  .doc .dh{display:flex;align-items:flex-start;gap:18px;border-bottom:2px solid var(--paperink);padding-bottom:14px}
  .doc .dh img{height:46px}
  .doc .dh .doc-title{font:800 18px/1.2 Inter,sans-serif;letter-spacing:-.01em}
  .doc .dh .s{font:11px/1.6 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#6b6b6b}
  .doc .meta{margin-left:auto;text-align:right;font:11px/1.8 ui-monospace,Menlo,monospace;color:#5c5f61}
  .doc table{width:100%;border-collapse:collapse;margin-top:14px}
  .doc th{text-align:left;font:10px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;
          color:#6b6e70;padding:10px 0;border-bottom:1px solid var(--paperline)}
  .doc td{padding:13px 0;border-bottom:1px solid #e6e3dc;font-size:14.5px}
  .doc td.u{font:12px/1.4 ui-monospace,Menlo,monospace;color:#6b6e70;width:92px}
  .doc td.st{text-align:right;font:11px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;width:120px}
  .doc .tot{display:flex;justify-content:space-between;padding-top:16px;
            font:11px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#5c5f61}

  /* 06 pricing */
  .price{background:var(--g1);padding:74px 0}
  .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
  .price .t{background:#000;border:1px solid var(--line);padding:30px 26px;position:relative;transition:border-color .15s}
  .price .t:hover{border-color:var(--red)}
  .price .t.best{border-color:var(--red)}
  .price .t.best:before{content:"MOST POPULAR";position:absolute;top:-11px;left:26px;background:var(--red);
    font:800 9px/1 Inter,sans-serif;letter-spacing:.14em;padding:7px 11px}
  .price .t h3{font:800 14px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--red-txt)}
  .price .t .amt{font:800 italic 46px/1 Inter,sans-serif;font-style:italic;margin:14px 0 4px}
  .price .t .amt sup{font-size:16px;font-style:normal;vertical-align:23px;color:var(--mute)}
  .price .t ul{list-style:none;margin-top:18px}
  .price .t li{font-size:14px;color:#c4c4c4;padding:8px 0;border-bottom:1px solid #1c1c1c}
  .fleetbox{margin-top:18px;background:#000;border:1px dashed var(--red);padding:24px 26px;
            display:flex;align-items:center;gap:22px;flex-wrap:wrap}
  .note{margin-top:20px;font-size:13px;color:var(--mute)}

  /* 07 steps */
  .steps{background:#000;padding:74px 0}
  .steps .r{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px}
  .steps .s{padding:28px 26px;border:1px solid var(--line);border-right:0;position:relative}
  .steps .s:last-child{border-right:1px solid var(--line)}
  .steps .s:not(:last-child):after{content:"";position:absolute;right:-9px;top:50%;width:18px;height:18px;
    background:var(--red);transform:translateY(-50%) rotate(45deg);z-index:2}
  .steps .s b{color:var(--red-txt);font:800 12px/1 Inter,sans-serif;letter-spacing:.16em}
  .steps .s h3{margin:12px 0 8px;font:800 17px/1.2 Inter,sans-serif;text-transform:uppercase}
  .steps .s p{font-size:14px;color:var(--mute)}

  /* 08 service area — local SEO */
  .area{background:var(--g2);padding:70px 0}
  .cities{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
          border:1px solid var(--line);margin-top:28px}
  .cities div{background:var(--g2);padding:18px 22px}
  .cities b{display:block;font:800 15px/1.2 Inter,sans-serif}
  .cities span{font-size:13px;color:var(--mute)}

  /* 09 about + faq */
  .about{background:#000;padding:60px 0;display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:start}
  .who{display:flex;gap:18px;margin-top:18px;flex-wrap:wrap}
  .who div{border-left:3px solid var(--red);padding-left:14px}
  .who b{display:block;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
  .who span{font-size:13px;color:var(--mute)}
  .faq{background:var(--g1);padding:70px 0}
  .faq .g{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
  .faq .q{background:#000;border-left:4px solid var(--red);padding:20px 22px}
  .faq .q b{display:block;font-size:15px;margin-bottom:7px}
  .faq .q p{color:var(--mute);font-size:14px}

  /* 10 quote */
  .quote{background:#000;padding:74px 0;display:grid;grid-template-columns:1fr 470px;gap:52px}
  .form{background:var(--g1);border-top:4px solid var(--red);padding:30px}
  .tabs{display:flex;margin-bottom:20px}
  .tabs span{flex:1;text-align:center;padding:12px;font:800 11px/1 Inter,sans-serif;letter-spacing:.1em;
    text-transform:uppercase;border:1px solid var(--line);color:var(--mute)}
  .tabs span.on{background:var(--red);color:#fff;border-color:var(--red)}
  .f{margin-bottom:13px}
  .f label{display:block;font:800 10px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;
           color:var(--mute);margin-bottom:7px}
  .f .in{height:40px;background:#0e0e0e;border:1px solid var(--line);transition:border-color .15s}
  .f .in.ta{height:78px}
  .badges{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}
  .badges span{border:1px solid var(--line);padding:8px 12px;font-size:10px;letter-spacing:.1em;
    text-transform:uppercase;color:var(--mute)}

  /* footer */
  footer{background:#000;border-top:3px solid var(--red);padding:48px 0 24px}
  footer .g{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
  footer h4{color:var(--red-txt);font:800 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
  footer a,footer p{color:var(--mute);font-size:14px;text-decoration:none;display:block;margin-bottom:8px}
  footer a:hover{color:#fff}
  footer img{height:50px;margin-bottom:16px}
  .legal{border-top:1px solid var(--line);margin-top:32px;padding-top:18px;font-size:12px;color:#7d7d7d;
         display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

  /* ─── mobile ─── */
  @media (max-width:600px){
    .wrap{padding:0 22px}
    .only-m{display:block}
    h1{font-size:40px}h2{font-size:27px}
    .nav{padding:12px 22px;gap:12px}
    .nav a:not(.keep){display:none}
    .nav .ph{margin-left:auto;font-size:13px}
    .hero{min-height:auto}
    .hero .c{padding:40px 22px 44px;max-width:none}
    .hero .btns a{width:100%;text-align:center}
    .svc{padding:46px 0}
    .svc .row,.svc .row:nth-child(even){grid-template-columns:1fr}
    .svc .txt,.svc .row:nth-child(even) .txt{order:2;padding:24px 0 30px}
    .svc .shot{order:1;min-height:210px}
    .diff{grid-template-columns:1fr;gap:26px;padding:46px 0}
    .diff>div:first-child,.diff>.wrap>div:first-child{padding:0 22px!important}
    .diff .shot img{height:220px}
    .band{padding:22px 0}
    .band .g{grid-template-columns:1fr 1fr}
    .band .g div{border-right:1px solid rgba(255,255,255,.3);padding:14px 10px}
    .band .g div:nth-child(2n){border-right:0}
    .band .g div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.3)}
    .band b{font-size:25px}
    .fade-to-paper,.fade-to-dark{height:130px}
    .doc{padding:20px 18px}
    .doc .dh{flex-wrap:wrap;gap:10px}
    .doc .meta{margin-left:0;text-align:left}
    .doc table,.doc thead,.doc tbody,.doc tr,.doc td,.doc th{display:block;width:100%}
    .doc thead{display:none}
    .doc tr{border-bottom:1px solid var(--paperline);padding:10px 0}
    .doc td{border:0;padding:2px 0}
    .doc td.st{text-align:left;color:var(--red)}
    .price{padding:46px 0}
    .tiers{grid-template-columns:1fr;gap:22px}
    .price .t.best{order:-1}
    .fleetbox{flex-direction:column;align-items:flex-start}
    .fleetbox .btn{width:100%;text-align:center}
    .steps{padding:46px 0}
    .steps .r{grid-template-columns:1fr}
    .steps .s{border-right:1px solid var(--line);border-bottom:0}
    .steps .s:last-child{border-bottom:1px solid var(--line)}
    .steps .s:not(:last-child):after{right:auto;left:50%;top:auto;bottom:-9px;transform:translateX(-50%) rotate(45deg)}
    .area{padding:46px 0}
    .cities{grid-template-columns:1fr 1fr}
    .about{grid-template-columns:1fr;gap:14px;padding:40px 0}
    .about>div,.about>.wrap>div{padding:0 22px!important}
    .who{flex-direction:column;gap:12px}
    .faq{padding:46px 0}
    .faq .g{grid-template-columns:1fr}
    .quote{grid-template-columns:1fr;gap:26px;padding:46px 0}
    .quote>div{padding:0 22px!important}
    footer .g{grid-template-columns:1fr 1fr}
    footer .g>div:first-child{grid-column:1/-1}
    .legal{flex-direction:column}
  }
  @media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ── service-page-only components ──────────────────────────────────────────
   Each service page carries a section type no sibling shares (repo section-
   diversity rule). These are those sections. */

/* fleet: the two-vendor comparison */
.grid-cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.cmp{background:#000;border:1px solid var(--line);padding:26px 24px}
.cmp-bad{border-top:3px solid #4a4a4a}
.cmp-good{border-top:3px solid var(--red)}
.cmp-h{display:block;font:800 13px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;
       color:var(--mute);margin-bottom:16px}
.cmp-good .cmp-h{color:var(--red-txt)}
.cmp ol{list-style:none;counter-reset:c}
.cmp li{counter-increment:c;position:relative;padding:10px 0 10px 30px;border-bottom:1px solid #1c1c1c;
        font-size:14px;color:#c4c4c4}
.cmp li:before{content:counter(c);position:absolute;left:0;top:10px;font:800 11px/1.6 ui-monospace,Menlo,monospace;color:var(--dim)}
.cmp-f{margin-top:16px;font:800 15px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.cmp-bad .cmp-f{color:#8a8a8a}
.cmp-good .cmp-f{color:var(--red-txt)}

/* mechanic: the symptom table */
table.dx{width:100%;border-collapse:collapse;margin-top:30px}
table.dx th{text-align:left;font:800 10px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;
            color:var(--mute);padding:12px 14px 12px 0;border-bottom:1px solid var(--line)}
table.dx td{padding:15px 14px 15px 0;border-bottom:1px solid #1c1c1c;font-size:14.5px;color:#c8c8c8;vertical-align:top}
table.dx td:first-child{color:#fff;font-weight:700;width:30%}
table.dx td:nth-child(2){color:var(--red-txt);width:26%;font-size:13.5px}

/* detailing: the package spec table */
table.spec{width:100%;border-collapse:collapse;margin-top:30px}
table.spec th{font:800 15px/1.3 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;
              padding:14px 10px;border-bottom:1px solid var(--line);text-align:center;color:var(--red-txt)}
table.spec th:first-child{width:34%}
table.spec th .amt{display:block;font:800 italic 26px/1.3 Inter,sans-serif;font-style:italic;color:#fff;letter-spacing:-.02em}
table.spec th.hi{background:#141414}
/* Client 2026-08-17: "2 font sizes bigger" on the spec table. 14px -> 16px body, 13 -> 15 head. */
table.spec td{padding:14px 10px;border-bottom:1px solid #1c1c1c;text-align:center;font-size:16px;color:#c4c4c4}
table.spec td:first-child{text-align:left;color:#fff;font-size:16px}
table.spec td.hi{background:#141414}
/* Client 2026-08-17: "change dots to red check marks for better visibility." */
table.spec td.y{color:var(--red-txt);font-size:20px;line-height:1;font-weight:800}
table.spec td.n{color:var(--mute);font:11px/1.6 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}
/* was a #3a3a3a middot at 1.62:1 - decorative absence nobody with low vision could read */
table.spec tr.req td{font:12px/1.4 ui-monospace,Menlo,monospace;color:var(--mute);letter-spacing:.04em;text-transform:uppercase}

/* Add-ons table (client 2026-08-17: "add ons are missing"). Three columns, left-aligned prose,
   price column reuses the .req monospace treatment. */
table.spec.addon th:first-child{width:26%}
table.spec.addon td{text-align:left}
table.spec.addon th{text-align:left}
table.spec.addon th:last-child{text-align:right}
/* ⚠ The price column renders ~9px high of its row label in the WIX BUILD (the HTML itself centres
   both perfectly - verified by Range.getBoundingClientRect: centres match to the pixel). The builder
   places text by measured top and cannot reproduce a 12px line-box inside a 16px row.
   TRIED 2026-08-28: 16px price to match the label line-box -> parity FELL 91%->81% and the offset
   grew to ~12px. Reverted. Do not "fix" this in CSS; it is a builder limitation. */
table.spec.addon td.req{text-align:right;font:12px/1.4 ui-monospace,Menlo,monospace;
                        color:var(--red-txt);letter-spacing:.06em;text-transform:uppercase}

/* Client 2026-08-17: "Make this bolder and more visible please" on the note under the spec table. */
.note.strong{color:#dcdcdc;font-size:14.5px;font-weight:600}

/* Marine steps 01 and 02 lost their images on 2026-08-17 (wrong subject / wrong trade). A row with
   no .shot must collapse to one column instead of leaving half the grid empty. */
.svc .row.norow-img,.svc .row.norow-img:nth-child(even){grid-template-columns:1fr}
.svc .row.norow-img .txt,.svc .row.norow-img:nth-child(even) .txt{order:1;padding:34px 0}

/* Spec table WITHOUT rules — the second option the client asked to see
   ("Lets look at options of the chart with lines/without?"). Add class="spec nolines". */
table.spec.nolines td,table.spec.nolines th{border-bottom:none}
table.spec.nolines tbody tr:nth-child(odd) td{background:#101010}
table.spec.nolines tbody tr:nth-child(odd) td.hi{background:#181818}

/* Removing "On the lift" (client, 2026-08-17) left 2 cells in a 3-col grid and an empty box. */
.cities.two{grid-template-columns:repeat(2,1fr)}

@media (max-width:600px){
  .grid-cmp{grid-template-columns:1fr}
  table.dx td:first-child{width:auto}
  table.dx, table.dx thead, table.dx tbody, table.dx tr, table.dx td, table.dx th{display:block;width:100%}
  table.dx thead{display:none}
  table.dx tr{border-bottom:1px solid var(--line);padding:12px 0}
  table.dx td{border:0;padding:3px 0}
  table.dx td:nth-child(2){font-weight:700}
  table.spec{font-size:13px}
  table.spec th,table.spec td{padding:10px 5px}
  table.spec th:first-child{width:40%}
  table.spec th .amt{font-size:19px}
}

/* ── homepage routing strip ────────────────────────────────────────────────
   Added when the four service pages went live and the homepage still answered
   "what do they do" without answering "which of these is me". It is also the
   only internal link path to those pages, which were orphaned. */
.route{background:#000;border-bottom:1px solid var(--line);padding:38px 0 44px}
.route-q{font:800 italic 22px/1 Inter,sans-serif;font-style:italic;text-transform:uppercase;
         letter-spacing:-.02em;margin-bottom:22px}
.route-g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.route-c{display:block;background:var(--g1);border:1px solid var(--line);border-top:3px solid var(--red);
         padding:22px 20px 20px;text-decoration:none;transition:border-color .15s,background .15s}
.route-c:hover{border-color:var(--red);background:#141414}
.route-c b{display:block;font:800 17px/1.2 Inter,sans-serif;margin-bottom:9px}
/* Client note 2026-08-17: "Grey font: a little more whiter / make easier to see (bolder font?)".
   Lifted off --mute #9a9a9a to #cfcfcf and up to weight 500. Verified by contrast-gate. */
.route-c span{display:block;font:500 13.5px/1.55 Inter,sans-serif;color:#cfcfcf;min-height:62px}
.route-c i{display:block;margin-top:12px;font:800 11px/1 Inter,sans-serif;letter-spacing:.1em;
           text-transform:uppercase;color:var(--red-txt);font-style:normal}
.rowlink{display:inline-block;margin-top:18px;font:800 12px/1 Inter,sans-serif;letter-spacing:.1em;
         text-transform:uppercase;color:var(--red-txt);text-decoration:none;
         border-bottom:2px solid var(--red);padding-bottom:5px}
.rowlink:hover{color:#fff}
@media (max-width:600px){
  .route{padding:28px 0 32px}
  .route-g{grid-template-columns:1fr;gap:10px}
  .route-c span{min-height:0}
}

  /* Terms page — legal body copy. Long-form, so give it reading measure and rhythm. */
  .area h1.disp+p.lede{margin-top:18px}
  .area h2[id^="s"]{margin:34px 0 10px;font:800 17px/1.3 Inter,sans-serif;text-transform:uppercase;
    letter-spacing:.04em;color:#fff}
  .area h2[id^="s"]+p{margin-top:0}
  .area p{max-width:78ch;font-size:15px;color:var(--mute);margin-top:12px}
  ul.tc-list{list-style:none;margin:12px 0 0;max-width:78ch}
  ul.tc-list li{padding:9px 0 9px 26px;border-bottom:1px solid var(--line);position:relative;
    font-size:15px;color:var(--mute)}
  ul.tc-list li:before{content:"";position:absolute;left:0;top:15px;width:10px;height:10px;
    background:var(--red);transform:skewX(-12deg)}