/* ── Refinement pass, 20 Sep 2026: sharp corners, quieter chrome ──────────
   Luxury marques do not round everything off. One near-square radius for the
   whole site, icons without tiles behind them, no pills, no arrows, and thin
   rules instead of dots between words. */
:root{--radius:2px}
.dd-menu,.why-vid,.why-vid video,.why-item .ic,.socials a,.gal .cell,.svc-card .ic,.post-cover,.chat .bubble,.modal-card,.veh,.field-g input,.field-g textarea,.head-social a,.legal-callout,.cd-thumbs img,.optbtn,.why-media,.car .price,.post-cta,.need-grid a,.also-grid a,.lt-rates,.svc-photo,.lightbox img,.pcalc,.pcalc-row input,.hero-book input,.price-strip div,.svc-fleet a,.lc-form input,.lc-form textarea,.lc-form .msgbox,.car,.rev-card,.doc,.chip,.hl-tag,.svc-photo-cap,.pc-tier,.tag-partner,.car .pic img,button,.btn,input,select,textarea,.why-media,.why-media video,.why-media img,.why-vid,.why-vid video,.faq-q,.pb,.post-card,.post-card img,.svc-card,.svc-tile,.occ a,.occ-grid a,.need-grid a{border-radius:2px}
.why-item .ic,.svc-card .ic{width:28px;height:28px;background:none;border:0;border-radius:0;color:inherit;opacity:.85;justify-content:flex-start;align-items:flex-start}
.why-item .ic svg,.svc-card .ic svg{width:22px;height:22px}
.svc-card .ic{margin-bottom:18px}
.eyebrow::before{display:none}
.eyebrow{gap:0}
.hero-trust span::before{display:none}
.hero-trust{gap:14px 36px}
.car .quote{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line-2);text-decoration-thickness:1px}
.car:hover .quote{text-decoration-color:var(--silver)}
.sep{display:inline-block;width:1px;height:10px;background:var(--line-2);margin:0 12px;vertical-align:middle}
.chat .bubble{display:none}
.scroll-cue{display:none}

/* loaded after every page's inline styles, so it wins */
.car .quote{white-space:nowrap}
.car .price .lt-label{white-space:nowrap}

/* Blog top box, 29 Sep 2026: its links are square with no hover arrow, like the rest of the
   site, and the price calculator inside it stacks the two dates on phones so the Return
   field never runs off the screen. */
.post-cta ul a{border-radius:2px}
.post-cta ul a::after{content:none}
.post-cta-top .pcalc-row input{min-width:0}
@media (max-width:480px){.post-cta-top .pcalc-row{grid-template-columns:minmax(0,1fr)}}

/* Bristol pages, 2 Oct 2026: the hire-model comparison and delivery-area tables, the Bristol
   place list, the price calculator under the rates on the hire pages, and a text link in the
   homepage hero. The comparison table stacks into labelled blocks on phones, so nothing
   scrolls sideways, and the calculator dates stack on narrow screens like the blog box. */
.cmp-table,.area-table{width:100%;border-collapse:collapse;margin:22px 0 26px;font-family:var(--font-sans);font-size:14px;line-height:1.55}
.cmp-table th,.cmp-table td,.area-table th,.area-table td{text-align:left;vertical-align:top;padding:12px 10px;border-bottom:1px solid var(--line);color:#c3c4c9;font-weight:400}
.cmp-table thead th,.area-table thead th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.cmp-table tbody th,.area-table tbody th{color:var(--text);font-weight:600}
.cmp-table tr.us th,.cmp-table tr.us td{color:var(--text);background:rgba(255,255,255,.03)}
.prose ul.areas-list{columns:3;column-gap:32px}
.prose ul.areas-list li{break-inside:avoid}
.rates-calc{max-width:760px}
.rates-calc .pcalc-row input{min-width:0}
@media (max-width:760px){
 .cmp-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .cmp-table,.cmp-table tbody,.cmp-table tr,.cmp-table th,.cmp-table td{display:block;width:100%}
 .cmp-table tr{border:1px solid var(--line);border-radius:2px;margin:0 0 12px;padding:2px 14px}
 .cmp-table tbody th{padding:12px 0 10px}
 .cmp-table td{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr);gap:12px;padding:10px 0}
 .cmp-table td:last-child{border-bottom:0}
 .cmp-table td::before{content:attr(data-label);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:1.6}
 .cmp-table tr.us{background:rgba(255,255,255,.03)}
 .cmp-table tr.us th,.cmp-table tr.us td{background:none}
 .area-table th,.area-table td{padding:10px 6px}
 .prose ul.areas-list{columns:2;column-gap:18px}
 .prose ul.areas-list li{white-space:nowrap}
}
@media (max-width:480px){.rates-calc .pcalc-row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:400px){.prose ul.areas-list{font-size:15px}}
@media (max-width:350px){.prose ul.areas-list{columns:1}}
/* The rates rows on the hire pages: let the price line wrap on phones instead of being cut off */
@media (max-width:600px){.ltr b{white-space:normal}}
.hero p a{color:var(--text);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--line-2);transition:text-decoration-color .25s}
.hero p a:hover{text-decoration-color:var(--silver)}

/* Long-term page and homepage fleet link, 2 Oct 2026: the promo badge above the long-term rates
   wraps on phones instead of pushing the page 65px sideways, the savings badges are square like
   the rest of the site, and a text link in the homepage fleet intro is underlined like the hero
   link. The hire, subscription and lease comparison reuses .cmp-table above. */
.ltr-badge{border-radius:2px}
.ltr-badge.lt-head-badge{white-space:normal;max-width:100%;line-height:1.5}
#fleet .sec-head .sub a{color:var(--text);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--line-2);transition:text-decoration-color .25s}
#fleet .sec-head .sub a:hover{text-decoration-color:var(--silver)}

/* Wedding Bristol page, 3 Oct 2026: the Bath and Cardiff wedding links sit in a quiet framed
   line near the top, so couples marrying outside Bristol find their page straight away. The
   venue list reuses .area-table and the day rates reuse .lt-rates. */
.prose .wed-elsewhere{margin:4px 0 30px;padding:16px 20px;border:1px solid var(--line-2);border-radius:2px;background:var(--bg-2)}
.prose .wed-elsewhere p{margin:0}

/* FAQ questions are h3 headings (3 Oct 2026): the h3 wraps the accordion button and adds
   no spacing or type of its own, so the FAQ looks exactly as before. */
.faq-h{margin:0;font:inherit}