/* SMGLR inner pages (V116). Loads after core.css. Same tokens, same type, same buttons as the homepage. */

.pg-inner main { background: var(--paper); color: var(--text-dark); }
.pg-inner .wrap { width: 100%; max-width: calc(var(--shell) + var(--gutter) * 2); margin: 0 auto; padding: 0 var(--gutter); }
[hidden] { display: none !important; }

/* ---------- Type inside pages ---------- */
.pg-inner main h1 { font-size: clamp(38px, 5.6vw, 68px); font-weight: 800; line-height: 1.04; letter-spacing: -.035em; margin-bottom: 20px; max-width: 900px; }
.pg-inner main h2 { font-size: var(--fs-h2); font-weight: 800; line-height: 1.08; letter-spacing: -.025em; margin-bottom: 16px; max-width: 820px; }
.pg-inner main h3 { font-size: var(--fs-lg); font-weight: 800; letter-spacing: -.01em; line-height: 1.25; margin-bottom: 8px; }
.pg-inner main p { margin: 0 0 12px; }
.pg-inner main p:last-child { margin-bottom: 0; }
.pg-inner main .gold, .pg-inner main h1 em, .pg-inner main h2 em, .pg-inner main h1 > span, .pg-inner main h2 > span { font-style: normal; color: var(--gold-deep); }
.pg-inner main h1 > span, .pg-inner main h1 em { display: inline; }
.pg-inner main a:not(.btn):not(.cta):not([class*="card"]):not(.rh-btn) { color: var(--gold-deep); font-weight: 600; text-underline-offset: 3px; }
.pg-inner .eyebrow, .guide-kicker, .ev-kicker, .rh-kicker, .ev-pricing-eyebrow { display: block; font-family: var(--font-body); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-deep); margin: 0 0 14px; }
.pg-inner .lead, .ev-pricing-lead, .article-intro, .rh-lead { font-size: var(--fs-lg); line-height: 1.55; color: var(--muted-dark); max-width: 680px; }
.pg-inner .intro { font-size: var(--fs-md); color: var(--muted-dark); max-width: 720px; margin-bottom: 32px; }
.pg-inner strong { font-weight: 700; }

/* Dark surfaces flip the colours */
.pg-inner .on-dark, .pg-inner main > header, .pg-inner .rh-dark, .pg-inner .smglr-finance-cta, .pg-inner .goldcard, .pg-inner .pk-plus, .pg-inner .ev-combo-card--featured, .pg-inner .ev-tech-card, .pg-inner .hero-card { color: var(--cream); }
.pg-inner main > header .eyebrow, .pg-inner main > header .guide-kicker, .pg-inner main > header .ev-kicker,
.pg-inner .smglr-finance-cta .eyebrow, .pg-inner .goldcard .eyebrow, .pg-inner .ev-tech-card .eyebrow { color: var(--gold); }
.pg-inner main > header .gold, .pg-inner main > header h1 > span, .pg-inner main > header h1 em,
.pg-inner .smglr-finance-cta .gold, .pg-inner .goldcard .gold, .pg-inner .pk-plus .gold { color: var(--gold); }
.pg-inner main > header .lead, .pg-inner .smglr-finance-cta p, .pg-inner .goldcard p, .pg-inner .ev-combo-card--featured p, .pg-inner .ev-tech-card p { color: var(--muted-light); }
.pg-inner main > header a:not(.btn):not(.cta):not(.rh-btn), .pg-inner .goldcard a:not(.btn), .pg-inner .smglr-finance-cta a:not(.btn) { color: var(--gold); }

/* ---------- Buttons (old names mapped to the new system) ---------- */
.pg-inner .btn, .pg-inner .cta, .pg-inner .bk-submit {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px; padding: 0 26px; border-radius: var(--r-pill); border: 1px solid transparent;
  font-family: var(--font-body); font-size: var(--fs-md); font-weight: 700; text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: transform .25s var(--ease), background-color .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);
}
.pg-inner .btn:hover, .pg-inner .cta:hover, .pg-inner .bk-submit:hover { transform: translateY(-2px); }
.pg-inner .btn.gold, .pg-inner .cta.primary, .pg-inner .bk-submit { background: var(--gold); color: var(--ink); }
.pg-inner .btn.gold:hover, .pg-inner .cta.primary:hover, .pg-inner .bk-submit:hover { background: #e0b96d; }
.pg-inner .btn.ghost, .pg-inner .cta.secondary { background: transparent; border-color: var(--line-light); color: var(--text-dark); }
.pg-inner .btn.ghost:hover, .pg-inner .cta.secondary:hover { border-color: var(--text-dark); }
.pg-inner main > header .btn.ghost, .pg-inner main > header .cta.secondary, .pg-inner .rh-dark .btn.ghost, .pg-inner .smglr-finance-cta .btn.ghost, .pg-inner .goldcard .btn.ghost { border-color: rgba(251, 248, 242, .32); color: var(--cream); }
.pg-inner main > header .btn.ghost:hover, .pg-inner main > header .cta.secondary:hover { border-color: var(--cream); }
.pg-inner .bk-submit[disabled] { opacity: .6; cursor: progress; transform: none; }
.pg-inner .actions, .cta-row, .wc-packages-hero-actions, .bk-done-actions, .bk-side-actions, .rh-hero-actions, .callbox-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; align-items: center; }
.pg-inner .actions:first-child { margin-top: 0; }

/* ---------- Page hero: dark, with the headlight photo fading in on the right ---------- */
.pg-inner main > header, .pg-inner main > section.hero:first-child {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--ink); color: var(--cream);
  padding: clamp(64px, 9vw, 120px) 0 clamp(64px, 8vw, 104px);
}
.pg-inner main > header::before, .pg-inner main > section.hero:first-child::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, var(--ink) 30%, rgba(15, 14, 12, .55) 70%, rgba(15, 14, 12, .3)), url("/assets/hero-car-wide.webp") right center / cover no-repeat;
  opacity: .9;
}
.pg-inner main > header::after, .pg-inner main > section.hero:first-child::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; z-index: -1; background: linear-gradient(180deg, transparent, var(--ink)); }
.pg-inner main > header h1 { color: var(--cream); }
.pg-inner main > section.hero:first-child h1, .pg-inner main > section.hero:first-child p { color: inherit; }
.pg-inner main > section.hero:first-child .lead { color: var(--muted-light); }
.pg-inner main > section.hero:first-child .eyebrow { color: var(--gold); }
.pg-inner main > section.hero:first-child h1 em { color: var(--gold); }
.pg-inner main > section.hero:first-child .cta.secondary { border-color: rgba(251, 248, 242, .32); color: var(--cream); }
@media (max-width: 760px) {
  .pg-inner main > header::before, .pg-inner main > section.hero:first-child::before { background: linear-gradient(180deg, rgba(15, 14, 12, .72), var(--ink) 85%), url("/assets/hero-car-wide.webp") center / cover no-repeat; }
}

/* Hero price + inclusions (suburb pages, service areas) */
.hero-offer { display: grid; grid-template-columns: auto 1fr; gap: 24px 48px; align-items: start; margin: 36px 0 28px; padding: 28px 0; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); max-width: 920px; }
.hero-price { display: grid; gap: 2px; }
.hero-price span { font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-light); }
.hero-price strong { font-family: var(--font-head); font-size: var(--fs-price); font-weight: 800; letter-spacing: -.03em; line-height: 1; color: var(--cream); }
.hero-price small { font-size: var(--fs-xs); color: var(--muted-light); }
.hero-inclusions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 28px; font-size: var(--fs-sm); color: rgba(251, 248, 242, .86); }
.inspector-line { font-size: var(--fs-sm); color: var(--muted-light); max-width: 760px; }
.inspector-line strong { color: var(--cream); }
@media (max-width: 760px) { .hero-offer { grid-template-columns: 1fr; } .hero-inclusions { grid-template-columns: 1fr; } }

/* Trust chips in heroes */
.trust, .proof-row, .ev-hero-trust, .guides-toolbar { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 28px; font-size: var(--fs-sm); color: var(--muted-light); }
.trust span, .proof, .ev-hero-trust span, .guide-chip { display: inline-flex; align-items: center; gap: 9px; }
.trust span::before, .proof::before, .ev-hero-trust span::before, .guide-chip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }
.wc-packages-hero-note, .wc-packages-currency-note, .rh-note { font-size: var(--fs-sm); color: var(--muted-light); margin-top: 20px; }

/* Heroes with a picture beside the copy */
.wc-packages-hero::before { display: none; }
.wc-packages-hero-grid, .hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.wc-packages-hero-visual img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-md); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .8); }
.hero-grid > div:only-child { grid-column: 1 / -1; max-width: 860px; }
@media (max-width: 900px) { .wc-packages-hero-grid, .hero-grid { grid-template-columns: 1fr; } }

/* 4x4 quote card in the hero */
.hero-card { padding: 32px; border-radius: var(--r-md); background: rgba(26, 24, 21, .85); border: 1px solid var(--line-dark); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.hero-card .mini { font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }
.hero-card .price { font-family: var(--font-head); font-size: var(--fs-price); font-weight: 800; letter-spacing: -.03em; line-height: 1; margin-bottom: 16px; }
.hero-card .price small { display: block; margin-top: 8px; font-family: var(--font-body); font-size: var(--fs-xs); font-weight: 600; letter-spacing: 0; color: var(--muted-light); }
.hero-card p { color: var(--muted-light); font-size: var(--fs-sm); }
.hero-card .fine { font-size: var(--fs-xs); margin-top: 16px; }

/* Breadcrumb row */
.back-home-row { background: var(--ink); border-bottom: 1px solid var(--line-dark); }
.back-home-row .wrap { padding-top: 12px; padding-bottom: 12px; }
.back-home-row a, .pg-inner main .back-home-row a:not(.btn) { color: var(--muted-light); font-size: var(--fs-sm); font-weight: 600; text-decoration: none; }
.back-home-row a:hover { color: var(--cream); }
.back-home::before { content: "← "; }
.back-home[href="/buyer-guides/"]::before { content: ""; }

/* ---------- Sections ---------- */
.pg-inner main > section, .pg-inner main > article { padding: clamp(56px, 8vw, 104px) 0; }
.pg-inner main > section:nth-of-type(even):not(.cta-gold):not(.rh-dark):not(.smglr-finance-cta):not(.hero):not(.trustbar) { background: var(--cream); }
.pg-inner main > section + section.niche-local-links { padding-top: 0; background: inherit; }
.niche-local-links .eyebrow { margin-bottom: 4px; }

/* Grids of cards: open layout, a line on top instead of a box */
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 32px 40px; margin-top: 32px; }
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 5vw, 72px); align-items: start; }
.grid.three, .cards3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cards3 { display: grid; gap: 32px 40px; margin-top: 40px; }
@media (max-width: 900px) { .grid.two, .grid.three, .cards3 { grid-template-columns: 1fr; } }
.card { padding-top: 24px; border-top: 1px solid var(--line-light); }
.card p { font-size: var(--fs-sm); color: var(--muted-dark); }
.card .actions { margin-top: 20px; }
.card .num { font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; color: var(--gold-deep); margin-bottom: 12px; }
.grid.two > .card:not(.goldcard) { border-top: 0; padding-top: 0; }

/* The one dark highlight card */
.goldcard { padding: clamp(28px, 4vw, 44px); border: 0; border-radius: var(--r-md); background: var(--ink); box-shadow: 0 40px 80px -48px rgba(15, 14, 12, .6); }
.goldcard h2, .goldcard h3 { color: var(--cream); }
.goldcard > div > div:first-child { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; margin-bottom: 20px; background: var(--gold); color: var(--ink); font-family: var(--font-head); font-weight: 800; font-size: 22px; }
.grid > .goldcard { border-top: 0; }
.grid:has(> .card.goldcard ~ .card.goldcard) > .goldcard { background: transparent; box-shadow: none; border-radius: 0; padding: 24px 0 0; border-top: 2px solid var(--gold); color: var(--text-dark); }
.grid:has(> .card.goldcard ~ .card.goldcard) > .goldcard h3 { color: var(--text-dark); }
.grid:has(> .card.goldcard ~ .card.goldcard) > .goldcard p { color: var(--muted-dark); }

/* Check lists */
.list, .hero-inclusions, .hero-card ul, .ev-combo-card ul, .report-list, .bk-points, .sr-verdict ul, .sr-sections, .ev-tech-list, .rh-pair { list-style: none; margin: 0; padding: 0; }
.list { display: grid; gap: 10px; margin-top: 16px; font-size: var(--fs-sm); }
.list li, .hero-inclusions li, .hero-card ul li, .ev-combo-card ul li, .bk-points li, .sr-verdict ul li, .sr-sections li, .ev-tech-list li, .wc-package-list li { position: relative; padding-left: 26px; }
.list li::before, .hero-inclusions li::before, .hero-card ul li::before, .ev-combo-card ul li::before, .bk-points li::before, .sr-sections li::before, .ev-tech-list li::before, .smglr-included-list li::before {
  content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%;
  background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%230f0e0c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;
}
.hero-card ul { display: grid; gap: 8px; margin: 16px 0; font-size: var(--fs-sm); }

/* Steps: numbered, a line on top */
.steps, .ev-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 28px 32px; margin-top: 32px; counter-reset: step; }
.grid.two .steps { grid-template-columns: 1fr 1fr; margin-top: 28px; }
.step, .ev-step { padding-top: 20px; border-top: 1px solid var(--line-light); }
.step b, .ev-step > strong:first-child { display: block; font-family: var(--font-head); font-size: var(--fs-sm); font-weight: 800; color: var(--gold-deep); margin-bottom: 10px; }
.step strong { display: block; font-family: var(--font-head); font-size: var(--fs-lg); margin-bottom: 6px; }
.step p, .ev-step p { font-size: var(--fs-sm); color: var(--muted-dark); }
@media (max-width: 560px) { .grid.two .steps { grid-template-columns: 1fr; } }

/* Fine print note */
.note { max-width: 860px; padding: 4px 0 4px 20px; border-left: 3px solid var(--gold); font-size: var(--fs-sm); color: var(--muted-dark); }
.note strong { color: var(--text-dark); }

/* ---------- Closing call-to-action: full-width gold band (callbox, final, ev-final) ---------- */
.pg-inner main > section.cta-gold { background: var(--gold); color: var(--ink); text-align: center; padding: clamp(72px, 10vw, 120px) 0; }
.cta-gold .callbox, .cta-gold.final .wrap, .cta-gold.ev-final .wrap { display: grid; justify-items: center; gap: 12px; }
.cta-gold .callbox > div:first-child { display: grid; justify-items: center; }
.cta-gold h2 { font-size: clamp(36px, 5.4vw, 68px); letter-spacing: -.04em; line-height: 1.02; color: var(--ink); margin: 0 auto 12px; }
.pg-inner .cta-gold .eyebrow { color: rgba(15, 14, 12, .7); }
.cta-gold p { color: rgba(15, 14, 12, .75); max-width: 620px; margin-left: auto; margin-right: auto; }
.cta-gold .actions, .cta-gold .cta-row { justify-content: center; margin-top: 16px; }
.pg-inner .cta-gold .btn.gold, .pg-inner .cta-gold .cta.primary { background: var(--ink); color: var(--cream); }
.pg-inner .cta-gold .btn.gold:hover, .pg-inner .cta-gold .cta.primary:hover { background: #2a2722; }
.pg-inner .cta-gold .btn.ghost, .pg-inner .cta-gold .cta.secondary { border-color: rgba(15, 14, 12, .4); color: var(--ink); }
.pg-inner .cta-gold a:not(.btn):not(.cta) { color: var(--ink); }
.cta-gold .fineprint { font-size: var(--fs-xs); margin-top: 20px; }
.pk-email { font-size: clamp(24px, 4vw, 44px); word-break: break-word; }

/* Dark band: finance */
.pg-inner main > section.smglr-finance-cta { background: var(--ink); }
.smglr-finance-cta-inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px 48px; }
.smglr-finance-cta-inner > div { max-width: 720px; }
.smglr-finance-cta h2 { color: var(--cream); }
.smglr-finance-cta small { display: block; margin-top: 12px; font-size: var(--fs-xs); color: var(--muted-light); }

/* ---------- Packages (prices page + Melbourne page) ---------- */
.wc-package-intro { max-width: 760px; margin-bottom: 48px; }
.wc-package-intro p { color: var(--muted-dark); }
.wc-package-stack { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.smglr-package-card { position: relative; display: flex; flex-direction: column; padding: 32px clamp(24px, 2.6vw, 36px); border-radius: var(--r-md); background: var(--cream); }
.smglr-package-card.pk-plus { background: var(--ink); color: var(--cream); box-shadow: 0 40px 80px -48px rgba(15, 14, 12, .6); }
.smglr-most-popular { position: absolute; top: 28px; right: 24px; padding: 6px 12px; border-radius: var(--r-pill); background: var(--gold); color: var(--ink); font-size: var(--fs-xs); font-weight: 700; }
.wc-package-title { font-size: var(--fs-lg); margin-bottom: 18px; }
.pk-plus .wc-package-title { color: var(--cream); }
.wc-package-price { font-family: var(--font-head); font-size: var(--fs-price); font-weight: 800; letter-spacing: -.03em; line-height: 1; }
.pk-afterpay { display: flex; align-items: center; gap: 8px; margin: 12px 0 4px; font-size: var(--fs-sm); color: var(--muted-dark); }
.pk-ap-tag { padding: 2px 9px; border-radius: var(--r-pill); background: #b2fce4; color: #0f0e0c; font-size: var(--fs-xs); font-weight: 700; }
.pk-plus .pk-afterpay, .ev-combo-card--featured .pk-afterpay { color: var(--muted-light); }
.wc-package-summary { font-size: var(--fs-sm); color: var(--muted-dark); margin-bottom: 24px; }
.pk-plus .wc-package-summary, .pk-plus .pk-travelnote, .pk-plus .pk-sub { color: var(--muted-light); }
.smglr-package-body { padding-top: 24px; border-top: 1px solid var(--line-light); flex: 1; }
.pk-plus .smglr-package-body { border-color: var(--line-dark); }
.smglr-list-title { font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-dark); margin-bottom: 12px; }
.pk-plus .smglr-list-title { color: var(--gold); }
.smglr-list-title--muted, .pk-plus .smglr-list-title--muted { color: var(--muted-dark); }
.pk-plus .smglr-list-title--muted { color: var(--muted-light); }
.wc-package-list { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 9px; font-size: var(--fs-sm); }
.smglr-excluded-list li { color: var(--muted-dark); opacity: .75; }
.smglr-excluded-list li::before { content: "×"; position: absolute; left: 3px; top: -1px; font-size: 18px; color: var(--muted-dark); }
.pk-plus .smglr-excluded-list li, .pk-plus .smglr-excluded-list li::before { color: var(--muted-light); }
.smglr-tier-divider { height: 1px; background: var(--line-light); margin: 8px 0 18px; }
.pk-plus .smglr-tier-divider { background: var(--line-dark); }
.pk-sub { color: var(--muted-dark); font-size: var(--fs-xs); }
.pk-warn { font-size: var(--fs-sm); padding: 12px 14px; border-radius: var(--r-sm); background: rgba(212, 169, 90, .14); color: var(--text-dark); }
.pk-plus .pk-warn { color: var(--cream); }
.pk-travelnote { font-size: var(--fs-xs); color: var(--muted-dark); margin: 8px 0 20px; }
.wc-package-cta .btn { width: 100%; }
.pk-helpers { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 40px; margin-top: 40px; font-size: var(--fs-sm); color: var(--muted-dark); }
.pk-help strong { display: block; color: var(--text-dark); margin-bottom: 4px; }
.wc-package-fine { margin-top: 24px; font-size: var(--fs-xs); color: var(--muted-dark); }
@media (max-width: 960px) { .wc-package-stack { grid-template-columns: 1fr; max-width: 560px; } .pk-helpers { grid-template-columns: 1fr; } }

/* Reviews strip on the prices page */
.pricing-google-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; margin-bottom: 32px; }
.pricing-google-head .badge { padding: 6px 12px; border-radius: var(--r-pill); background: var(--ink); color: var(--cream); font-size: var(--fs-xs); font-weight: 700; }
.pricing-google-head strong { font-family: var(--font-head); font-size: var(--fs-xl); }
.pricing-google-head > div { flex: 1; min-width: 240px; }
.pricing-google-head p { color: var(--muted-dark); font-size: var(--fs-sm); }
.g-reviews { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 32px) / 3); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-top: 16px; }
.g-reviews::-webkit-scrollbar { display: none; }
.g-review { scroll-snap-align: start; margin: 0; padding: 28px; border-radius: var(--r-md); background: var(--paper); display: flex; flex-direction: column; gap: 14px; }
.g-head { display: flex; align-items: center; gap: 12px; }
.g-avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-weight: 700; background: var(--muted-dark); }
.g-who { display: grid; line-height: 1.3; }
.g-who figcaption { font-weight: 700; }
.g-src { font-size: var(--fs-xs); color: var(--muted-dark); }
.g-logo { width: 20px; height: 20px; margin-left: auto; }
.g-stars { color: var(--gold-deep); letter-spacing: .1em; }
.g-review blockquote { margin: 0; font-size: var(--fs-sm); line-height: 1.65; }
.g-more { margin-top: 24px; font-size: var(--fs-sm); }
@media (max-width: 900px) { .g-reviews { grid-auto-columns: 80%; } }

/* Finance "how it works" */
.pricing-reviews-grid:not(.g-reviews) { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 28px 32px; margin-top: 32px; }
.pricing-review { padding-top: 20px; border-top: 1px solid var(--line-light); }
.pricing-review strong { display: block; font-family: var(--font-head); font-size: var(--fs-lg); margin-bottom: 6px; }
.pricing-review p { font-size: var(--fs-sm); color: var(--muted-dark); }

/* ---------- EV pages (battery test, Tesla, BYD) ---------- */
.ev-pricing .wrap > h2, .ev-pricing .ev-pricing-lead { max-width: 760px; }
.ev-pricing-lead { margin-bottom: 40px; }
.ev-battery-spotlight { display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px 48px; align-items: center; padding: clamp(28px, 4vw, 44px); border-radius: var(--r-md); background: var(--ink); color: var(--cream); margin-bottom: 56px; }
.ev-battery-spotlight h3 { font-size: var(--fs-xl); color: var(--cream); }
.ev-battery-spotlight p { color: var(--muted-light); }
.ev-inline-points { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 16px; font-size: var(--fs-sm); color: var(--muted-light); }
.ev-inline-points span::before { content: "✓ "; color: var(--gold); font-weight: 700; }
.ev-battery-buy { display: grid; gap: 4px; justify-items: start; }
.ev-battery-buy .pk-afterpay { color: var(--muted-light); }
.ev-battery-buy .btn { margin-top: 16px; }
.ev-price { font-family: var(--font-head); font-size: clamp(32px, 4vw, var(--fs-price)); font-weight: 800; letter-spacing: -.03em; line-height: 1; }
.ev-mini-tag { display: inline-block; margin-bottom: 14px; font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-deep); }
.ev-battery-spotlight .ev-mini-tag, .ev-combo-card--featured .ev-mini-tag, .ev-tech-badge { color: var(--gold); }
.ev-combo-label { margin: 0 0 20px; font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-dark); }
.ev-combo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; margin-top: 8px; }
.ev-combo-card { position: relative; display: flex; flex-direction: column; gap: 20px; padding: 32px clamp(22px, 2.4vw, 32px); border-radius: var(--r-md); background: var(--cream); }
.pg-inner main > section:nth-of-type(even) .ev-combo-card:not(.ev-combo-card--featured) { background: var(--paper); }
.ev-combo-card--featured { background: var(--ink); box-shadow: 0 40px 80px -48px rgba(15, 14, 12, .6); }
.ev-combo-card--featured h3 { color: var(--cream); }
.ev-combo-top p { font-size: var(--fs-sm); color: var(--muted-dark); }
.ev-combo-card ul { display: grid; gap: 9px; font-size: var(--fs-sm); flex: 1; }
.ev-combo-card--featured ul { color: rgba(251, 248, 242, .86); }
.ev-combo-buy { display: grid; gap: 4px; padding-top: 20px; border-top: 1px solid var(--line-light); }
.ev-combo-card--featured .ev-combo-buy { border-color: var(--line-dark); }
.ev-combo-buy .btn { margin-top: 16px; width: 100%; white-space: normal; text-align: center; }
.ev-recommended { position: absolute; top: 28px; right: 22px; padding: 6px 12px; border-radius: var(--r-pill); background: var(--gold); color: var(--ink); font-size: var(--fs-xs); font-weight: 700; }
.ev-note { margin-top: 28px; font-size: var(--fs-xs); color: var(--muted-dark); max-width: 760px; }
@media (max-width: 960px) { .ev-combo-grid { grid-template-columns: 1fr; max-width: 560px; } .ev-battery-spotlight { grid-template-columns: 1fr; } }

.ev-compact-card { display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px 64px; align-items: center; }
.ev-compact-copy p { color: var(--muted-dark); }
.aviloo-official-logo { padding: 28px; border-radius: var(--r-md); background: #fff; }
.aviloo-official-logo img { width: 100%; max-width: 320px; margin: 0 auto; }
.ev-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px clamp(32px, 5vw, 72px); align-items: start; }
.ev-copy-card p { color: var(--muted-dark); }
.ev-tech-card { padding: clamp(28px, 4vw, 44px); border-radius: var(--r-md); background: var(--ink); }
.ev-tech-card h2 { color: var(--cream); font-size: var(--fs-xl); }
.ev-tech-badge { display: inline-block; margin-bottom: 12px; font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.ev-tech-list { display: grid; gap: 12px; margin-top: 16px; font-size: var(--fs-sm); color: rgba(251, 248, 242, .86); }
@media (max-width: 900px) { .ev-compact-card, .ev-intro-grid { grid-template-columns: 1fr; } }

/* Split heading + copy, report image + list, models */
.split { display: grid; grid-template-columns: 1fr 1.1fr; gap: 24px clamp(32px, 5vw, 80px); align-items: start; }
.split .copy p { color: var(--muted-dark); }
.report-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px clamp(32px, 5vw, 80px); align-items: center; }
.report-visual { border-radius: var(--r-md); overflow: hidden; background: #fff; }
.report-visual img { width: 100%; height: 100%; object-fit: cover; }
.report-list { display: grid; gap: 0; margin-top: 24px; }
.report-list > div { display: grid; gap: 4px; padding: 16px 0; border-top: 1px solid var(--line-light); }
.report-list strong { font-family: var(--font-head); font-size: var(--fs-md); }
.report-list span { font-size: var(--fs-sm); color: var(--muted-dark); }
.models { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0 32px; margin-top: 32px; }
.model { display: grid; gap: 4px; padding: 16px 0; border-top: 1px solid var(--line-light); }
.model strong { font-family: var(--font-head); font-size: var(--fs-lg); }
.model span, .model a { font-size: var(--fs-sm); color: var(--muted-dark); }
.trustgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 24px 32px; }
.pg-inner main > section.trustbar { background: var(--ink); color: var(--cream); padding: 32px 0; }
.trustitem { display: grid; gap: 4px; padding-left: 16px; border-left: 2px solid var(--gold); }
.trustitem span { font-size: var(--fs-sm); color: var(--muted-light); }
@media (max-width: 900px) { .split, .report-grid { grid-template-columns: 1fr; } }

/* ---------- FAQ dropdowns (every page) ---------- */
.pg-inner .faq details, .ev-faq details, .rh-faq details, .pg-inner main details { border-bottom: 1px solid var(--line-light); max-width: 860px; }
.pg-inner main details:first-of-type { border-top: 1px solid var(--line-light); margin-top: 24px; }
.pg-inner main summary { cursor: pointer; list-style: none; padding: 20px 40px 20px 0; position: relative; font-family: var(--font-head); font-size: var(--fs-lg); font-weight: 700; }
.pg-inner main summary::-webkit-details-marker { display: none; }
.pg-inner main summary::after { content: "+"; position: absolute; right: 4px; top: 16px; font-size: 26px; font-weight: 400; color: var(--gold-deep); transition: transform .25s var(--ease); }
.pg-inner main details[open] summary::after { transform: rotate(45deg); }
.pg-inner main details > p, .pg-inner main details > div { padding: 0 0 22px; color: var(--muted-dark); max-width: 760px; }

/* ---------- Sample reports ---------- */
.sr-pick-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.sr-pick-card { display: grid; gap: 16px; text-decoration: none; color: var(--text-dark); }
.sr-pick-img { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--r-md); background: var(--cream); }
.sr-pick-img img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform 1s var(--ease); }
.sr-pick-card:hover .sr-pick-img img { transform: scale(1.04); }
.sr-pick-body { display: grid; gap: 6px; }
.sr-tag { font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-deep); }
.sr-pick-body strong { font-family: var(--font-head); font-size: var(--fs-lg); }
.sr-pick-text { font-size: var(--fs-sm); color: var(--muted-dark); }
.sr-pick-meta { font-size: var(--fs-xs); color: var(--muted-dark); }
.sr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px clamp(32px, 5vw, 80px); align-items: start; }
.sr-copy > p { color: var(--muted-dark); }
.sr-verdict { margin: 24px 0; padding: 24px; border-radius: var(--r-md); background: var(--ink); color: var(--cream); }
.sr-verdict-label { display: block; font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); margin-bottom: 8px; }
.sr-verdict strong { display: block; font-family: var(--font-head); font-size: var(--fs-lg); margin-bottom: 12px; }
.sr-verdict ul { display: grid; gap: 6px; font-size: var(--fs-sm); color: var(--muted-light); }
.sr-verdict ul li::before { content: "•"; position: absolute; left: 8px; color: var(--gold); }
.sr-sub { font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-dark); margin-top: 24px; }
.sr-sections { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; font-size: var(--fs-sm); margin-top: 12px; }
.sr-note { font-size: var(--fs-xs); color: var(--muted-dark); margin-top: 16px; }
.sr-pages { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; position: sticky; top: 100px; }
.sr-page { display: grid; gap: 8px; text-decoration: none; color: var(--muted-dark); font-size: var(--fs-xs); font-weight: 600; }
.sr-page img { width: 100%; border-radius: var(--r-sm); box-shadow: 0 30px 60px -36px rgba(15, 14, 12, .45), 0 0 0 1px var(--line-light); background: #fff; transition: transform .6s var(--ease); }
.sr-page:hover img { transform: translateY(-4px); }
.sr-page-main { grid-column: 1 / -1; }
.sr-facts, .sr-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 0 24px; margin: 24px 0; }
.sr-facts > div, .sr-stats > div { display: grid; gap: 2px; padding: 14px 0; border-top: 1px solid var(--line-light); }
.sr-facts strong, .sr-stats strong { font-family: var(--font-head); font-size: var(--fs-lg); }
.sr-stats strong { font-size: var(--fs-xl); }
.sr-facts span, .sr-stats span { font-size: var(--fs-xs); color: var(--muted-dark); }
@media (max-width: 900px) { .sr-pick-grid, .sr-grid { grid-template-columns: 1fr; } .sr-pages { position: static; } .sr-sections { grid-template-columns: 1fr; } }

/* ---------- Booking form ---------- */
.bk-wrap { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 64px); align-items: start; }
.bk-card { padding: clamp(24px, 4vw, 44px); border-radius: var(--r-md); background: var(--cream); box-shadow: 0 30px 70px -50px rgba(15, 14, 12, .5); }
.bk-form { display: grid; gap: 28px; }
.bk-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.bk-group { margin: 0; padding: 0; border: 0; display: grid; gap: 18px; }
.bk-group legend { padding: 0 0 14px; margin-bottom: 4px; width: 100%; border-bottom: 1px solid var(--line-light); font-family: var(--font-head); font-size: var(--fs-lg); font-weight: 800; }
.bk-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.bk-row:has(.bk-year) { grid-template-columns: 1fr 140px; }
.bk-field { display: grid; gap: 8px; }
.bk-field label, .bk-label { font-size: var(--fs-sm); font-weight: 700; margin: 0; }
.bk-field input:not([type="radio"]), .bk-field textarea, .bk-field select {
  width: 100%; min-height: 50px; padding: 12px 16px; border-radius: var(--r-sm); border: 1px solid var(--line-light); background: #fff;
  font: inherit; font-size: 16px; color: var(--text-dark); transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.bk-field textarea { min-height: 110px; resize: vertical; }
.bk-field input:focus, .bk-field textarea:focus { outline: none; border-color: var(--gold-deep); box-shadow: 0 0 0 3px rgba(212, 169, 90, .25); }
.bk-invalid input:not([type="radio"]), .bk-field input[aria-invalid="true"] { border-color: #b3261e; }
.bk-error { margin: 0; font-size: var(--fs-xs); font-weight: 600; color: #b3261e; }
.bk-error:empty { display: none; }
.bk-choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.bk-choice { position: relative; display: block; cursor: pointer; }
.bk-choice input { position: absolute; opacity: 0; pointer-events: none; }
.bk-choice span { display: block; padding: 14px 16px; border-radius: var(--r-sm); border: 1px solid var(--line-light); background: #fff; font-size: var(--fs-sm); font-weight: 600; transition: border-color .2s var(--ease), background-color .2s var(--ease); }
.bk-choice:hover span { border-color: var(--gold-deep); }
.bk-choice input:checked + span { border-color: var(--ink); background: var(--ink); color: var(--cream); }
.bk-choice input:focus-visible + span { outline: 2px solid var(--gold); outline-offset: 2px; }
.bk-invalid .bk-choice span { border-color: #b3261e; }
.bk-travel { font-size: var(--fs-xs); color: var(--muted-dark); margin: 0; }
.bk-travel:empty { display: none; }
.bk-travel-out { color: #b3261e; }
.bk-inline-link { margin-left: 8px; font-size: var(--fs-xs); }
.rh-field-hint { font-size: var(--fs-xs); color: var(--muted-dark); }
.bk-fineprint { font-size: var(--fs-xs); color: var(--muted-dark); margin: 0; }
.bk-submit { width: 100%; min-height: 56px; }
.bk-status { font-size: var(--fs-sm); margin: 0; }
.bk-status:empty { display: none; }
.bk-status-error { color: #b3261e; }
.bk-done h2 { font-size: clamp(30px, 3.6vw, 42px); }
.bk-side { position: sticky; top: 100px; display: grid; gap: 16px; padding-top: 8px; }
.bk-side h2 { font-size: var(--fs-xl); margin: 0; }
.bk-side > p { color: var(--muted-dark); }
.bk-side-actions { margin-top: 4px; }
.bk-points { display: grid; gap: 10px; margin-top: 12px; padding-top: 20px; border-top: 1px solid var(--line-light); font-size: var(--fs-sm); }
@media (max-width: 900px) { .bk-wrap { grid-template-columns: 1fr; } .bk-side { position: static; } }
@media (max-width: 560px) { .bk-row, .bk-row:has(.bk-year) { grid-template-columns: 1fr; } }
.pg-inner main > header.bk-hero { padding-bottom: clamp(40px, 6vw, 72px); }

/* ---------- Buyer guides ---------- */
.guides-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.guide-card { display: grid; gap: 10px; padding: 28px 0; border-top: 1px solid var(--line-light); text-decoration: none; color: var(--text-dark); }
.guide-card .meta { display: flex; gap: 14px; font-size: var(--fs-xs); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--gold-deep); }
.guide-card .meta time { color: var(--muted-dark); }
.pg-inner .guide-card h2 { font-size: var(--fs-xl); margin: 0; transition: color .2s var(--ease); }
.guide-card:hover h2 { color: var(--gold-deep); }
.guide-card p { font-size: var(--fs-sm); color: var(--muted-dark); }
.guide-card .read { font-size: var(--fs-sm); font-weight: 700; color: var(--gold-deep); }
.guide-featured { grid-column: 1 / -1; }
.pg-inner .guide-featured h2 { font-size: var(--fs-h2); }
@media (max-width: 800px) { .guides-grid { grid-template-columns: 1fr; } }
.pg-inner main > article.guide-article { background: var(--paper); }
.article-shell { max-width: 780px; margin: 0 auto; }
.pg-inner .article-shell h1 { font-size: clamp(34px, 4.8vw, 56px); }
.article-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 16px 0; margin: 24px 0 40px; border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); font-size: var(--fs-xs); color: var(--muted-dark); }
.answer-block { margin: 0 0 40px; }
.pg-inner .answer-block h2 { font-size: var(--fs-xl); margin-bottom: 12px; }
.answer-block p, .answer-block li { color: #3a3631; font-size: var(--fs-md); line-height: 1.75; }
.answer-block ul, .answer-block ol { padding-left: 22px; display: grid; gap: 8px; }
.article-cta { margin-top: 56px; padding: clamp(28px, 4vw, 44px); border-radius: var(--r-md); background: var(--ink); color: var(--cream); }
.pg-inner .article-cta h2 { color: var(--cream); font-size: var(--fs-xl); }
.article-cta p { color: var(--muted-light); }
.article-cta .btn { margin: 12px 12px 0 0; }
.pg-inner .article-cta .btn.ghost { border-color: rgba(251, 248, 242, .32); color: var(--cream); }
.home-guides-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 32px; }
.home-guides-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 32px; }
.home-guide-card { display: grid; gap: 8px; padding: 24px 0; border-top: 1px solid var(--line-light); text-decoration: none; color: var(--text-dark); }
.home-guide-card small { font-size: var(--fs-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-deep); }
.home-guide-card p { font-size: var(--fs-sm); color: var(--muted-dark); }
.home-guide-card span { font-size: var(--fs-sm); font-weight: 700; color: var(--gold-deep); }

/* ---------- RideHunt page keeps RideHunt's colours ---------- */
.rh-page { --rh-ink: #0e1a15; --rh-pine: #1b3b2f; --rh-orange: #ff6a1a; }
.pg-inner main > header.rh-hero { background: var(--rh-ink); }
.pg-inner main > header.rh-hero::before { background: linear-gradient(90deg, var(--rh-ink) 35%, rgba(14, 26, 21, .6)), url("/assets/hero-car-wide.webp") right center / cover no-repeat; }
.pg-inner main > header.rh-hero::after { background: linear-gradient(180deg, transparent, var(--rh-ink)); }
.rh-hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px 64px; align-items: center; }
.rh-page .rh-kicker { color: var(--rh-orange); display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.rh-wordmark { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-head); font-size: var(--fs-lg); font-weight: 800; letter-spacing: 0; text-transform: none; color: var(--cream); }
.rh-lines { display: none; }
.rh-name b { color: var(--cream); }
.rh-name { color: var(--rh-orange); }
.pg-inner .rh-page h1 > span, .pg-inner .rh-page h2 > span { color: var(--rh-orange); display: block; }
.rh-page main > header .lead, .rh-hero .rh-lead { color: rgba(250, 248, 242, .78); }
.rh-btn { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: var(--r-pill); background: var(--rh-orange); color: var(--rh-ink); font-weight: 700; text-decoration: none; transition: transform .25s var(--ease), background-color .25s var(--ease); }
.rh-btn:hover { transform: translateY(-2px); background: #ff7d36; }
.pg-inner .rh-page a.rh-link { color: inherit; font-weight: 700; }
.rh-pair { display: grid; gap: 0; }
.rh-pair li { display: grid; gap: 2px; padding: 18px 0; border-top: 1px solid rgba(250, 248, 242, .14); }
.rh-who { font-size: var(--fs-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--rh-orange); }
.rh-pair strong { font-family: var(--font-head); font-size: var(--fs-lg); }
.rh-pair li > span:last-child { font-size: var(--fs-sm); color: rgba(250, 248, 242, .72); }
.rh-steps { list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
.rh-steps li { display: grid; gap: 8px; align-content: start; padding-top: 20px; border-top: 2px solid var(--rh-pine); }
.rh-step-n { font-family: var(--font-head); font-weight: 800; color: var(--rh-orange); }
.rh-steps strong { font-family: var(--font-head); font-size: var(--fs-lg); }
.rh-steps p { font-size: var(--fs-sm); color: var(--muted-dark); margin: 0; }
.rh-tag { justify-self: start; padding: 4px 10px; border-radius: var(--r-pill); background: rgba(27, 59, 47, .1); color: var(--rh-pine); font-size: var(--fs-xs); font-weight: 700; }
.pg-inner main > section.rh-dark { background: var(--rh-pine); color: #faf8f2; }
.rh-dark h2 { color: #faf8f2; }
.rh-dark .rh-lead { color: rgba(250, 248, 242, .78); }
.rh-cta-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px 48px; }
.rh-actions { display: grid; gap: 12px; justify-items: start; }
.rh-actions small { color: rgba(250, 248, 242, .6); font-size: var(--fs-xs); }
@media (max-width: 960px) { .rh-hero-grid { grid-template-columns: 1fr; } .rh-steps { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .rh-steps { grid-template-columns: 1fr; } }

/* ---------- Legal pages: readable columns ---------- */
.legal main .grid.two { grid-template-columns: 1fr 1fr; }
@media (max-width: 900px) { .legal main .grid.two { grid-template-columns: 1fr; } }
.legal main .card h2 { font-size: var(--fs-xl); }
.legal main .card p, .legal main .card li { font-size: var(--fs-sm); color: #3a3631; }

/* ---------- Auto reveal on inner pages (added by site.js) ---------- */
.pg-inner .reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.pg-inner .reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .pg-inner .reveal { opacity: 1; transform: none; transition: none; } }
.report-visual img[src*="aviloo"] { object-fit: contain; padding: clamp(28px, 5vw, 56px); aspect-ratio: 4 / 3; }

/* The homepage FAQ list rule must not squeeze inner FAQ sections */
.pg-inner section.faq { max-width: none; display: block; }
.bk-choice span strong, .bk-choice span em, .bk-choice span small { display: block; }
.bk-choice span em { font-style: normal; font-family: var(--font-head); font-size: var(--fs-lg); font-weight: 800; margin-top: 2px; }
.bk-choice span small { font-size: var(--fs-xs); font-weight: 500; color: var(--muted-dark); margin-top: 2px; }
.bk-choice input:checked + span small { color: var(--muted-light); }

/* ---------- Phone sizing for inner pages ---------- */
@media (max-width: 600px) {
  .pg-inner main h1 { font-size: clamp(30px, 8.8vw, 36px); margin-bottom: 14px; }
  .pg-inner .article-shell h1 { font-size: 28px; }
  .pg-inner main h3 { font-size: var(--fs-md); }
  .pg-inner main > header, .pg-inner main > section.hero:first-child { padding: 40px 0 48px; }
  .pg-inner main > section, .pg-inner main > article { padding: 52px 0; }
  .pg-inner .btn, .pg-inner .cta, .pg-inner .bk-submit { min-height: 46px; padding: 0 20px; font-size: var(--fs-sm); }
  .pg-inner .lead, .ev-pricing-lead, .article-intro, .rh-lead { font-size: 16px; }
  .pg-inner .intro { margin-bottom: 24px; }
  .hero-offer { margin: 24px 0 20px; padding: 20px 0; gap: 16px; }
  .hero-price strong, .wc-package-price, .hero-card .price { font-size: 34px; }
  .grid, .cards3 { gap: 24px; margin-top: 24px; }
  .smglr-package-card, .ev-combo-card { padding: 24px 20px; }
  .smglr-most-popular, .ev-recommended { top: 22px; right: 18px; }
  .cta-gold h2 { font-size: 30px; }
  .pg-inner main > section.cta-gold { padding: 56px 0; }
  .pg-inner main summary { font-size: var(--fs-md); padding: 16px 36px 16px 0; }
  .pg-inner main summary::after { top: 12px; }
  .goldcard, .ev-tech-card, .article-cta, .ev-battery-spotlight, .bk-card { padding: 24px 20px; }
  .pg-inner .guide-card h2 { font-size: var(--fs-lg); }
  .pg-inner .guide-featured h2 { font-size: 24px; }
  .answer-block p, .answer-block li { font-size: var(--fs-md); line-height: 1.7; }
  .bk-group legend { font-size: var(--fs-md); }
}