/* =========================================================
   CONSOLIDATED LEARNER GUIDE CSS - TEST COPY
   Generated from the eight learner-guide page styles.
   The original CSS should remain in place during testing.
   ========================================================= */

.ads-insurance-guide-page,
.ads-insurance-guide-section,
.ads-insurance-guide-final,
.ads-new-driver-insurance-page,
.ads-new-driver-insurance-section,
.ads-new-driver-insurance-final,
.ads-first-car-page,
.ads-first-car-section,
.ads-first-car-final,
.ads-breakdown-guide-page,
.ads-breakdown-guide-section,
.ads-breakdown-guide-final,
.ads-ev-guide-page,
.ads-ev-guide-section,
.ads-ev-guide-final,
.ads-stopping-guide-page,
.ads-stopping-guide-section,
.ads-stopping-guide-final,
.ads-smart-motorway-page,
.ads-smart-motorway-section,
.ads-smart-motorway-final {
    --guide-navy: #12141a;
    --guide-orange: #f37423;
    --guide-white: #ffffff;
    --guide-light: #f5f6f8;
    --guide-grey: #d7d9df;
    --guide-text: #343842;
    color: var(--guide-text);
}

.ads-insurance-guide-page *,
.ads-insurance-guide-page *::before,
.ads-insurance-guide-page *::after,
.ads-insurance-guide-section *,
.ads-insurance-guide-section *::before,
.ads-insurance-guide-section *::after,
.ads-insurance-guide-final *,
.ads-insurance-guide-final *::before,
.ads-insurance-guide-final *::after,
.ads-new-driver-insurance-page *,
.ads-new-driver-insurance-page *::before,
.ads-new-driver-insurance-page *::after,
.ads-new-driver-insurance-section *,
.ads-new-driver-insurance-section *::before,
.ads-new-driver-insurance-section *::after,
.ads-new-driver-insurance-final *,
.ads-new-driver-insurance-final *::before,
.ads-new-driver-insurance-final *::after,
.ads-first-car-page *,
.ads-first-car-page *::before,
.ads-first-car-page *::after,
.ads-first-car-section *,
.ads-first-car-section *::before,
.ads-first-car-section *::after,
.ads-first-car-final *,
.ads-first-car-final *::before,
.ads-first-car-final *::after,
.ads-breakdown-guide-page *,
.ads-breakdown-guide-page *::before,
.ads-breakdown-guide-page *::after,
.ads-breakdown-guide-section *,
.ads-breakdown-guide-section *::before,
.ads-breakdown-guide-section *::after,
.ads-breakdown-guide-final *,
.ads-breakdown-guide-final *::before,
.ads-breakdown-guide-final *::after,
.ads-ev-guide-page *,
.ads-ev-guide-page *::before,
.ads-ev-guide-page *::after,
.ads-ev-guide-section *,
.ads-ev-guide-section *::before,
.ads-ev-guide-section *::after,
.ads-ev-guide-final *,
.ads-ev-guide-final *::before,
.ads-ev-guide-final *::after,
.ads-stopping-guide-page *,
.ads-stopping-guide-page *::before,
.ads-stopping-guide-page *::after,
.ads-stopping-guide-section *,
.ads-stopping-guide-section *::before,
.ads-stopping-guide-section *::after,
.ads-stopping-guide-final *,
.ads-stopping-guide-final *::before,
.ads-stopping-guide-final *::after,
.ads-smart-motorway-page *,
.ads-smart-motorway-page *::before,
.ads-smart-motorway-page *::after,
.ads-smart-motorway-section *,
.ads-smart-motorway-section *::before,
.ads-smart-motorway-section *::after,
.ads-smart-motorway-final *,
.ads-smart-motorway-final *::before,
.ads-smart-motorway-final *::after,
.ads-motorway-signs-page *,
.ads-motorway-signs-page *::before,
.ads-motorway-signs-page *::after,
.ads-motorway-signs-section *,
.ads-motorway-signs-section *::before,
.ads-motorway-signs-section *::after,
.ads-motorway-signs-final *,
.ads-motorway-signs-final *::before,
.ads-motorway-signs-final *::after {
    box-sizing: border-box;
}

.ads-insurance-guide-container,
.ads-new-driver-insurance-container,
.ads-first-car-container,
.ads-breakdown-guide-container,
.ads-ev-guide-container,
.ads-stopping-guide-container,
.ads-smart-motorway-container,
.ads-motorway-signs-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.ads-insurance-guide-narrow,
.ads-new-driver-insurance-narrow,
.ads-first-car-narrow,
.ads-breakdown-guide-narrow,
.ads-ev-guide-narrow,
.ads-stopping-guide-narrow,
.ads-smart-motorway-narrow,
.ads-motorway-signs-narrow {
    width: min(880px, calc(100% - 40px));
}

.ads-insurance-guide-section,
.ads-new-driver-insurance-section,
.ads-first-car-section,
.ads-breakdown-guide-section,
.ads-ev-guide-section,
.ads-stopping-guide-section,
.ads-smart-motorway-section,
.ads-motorway-signs-section {
    padding: 88px 0;
}

.ads-insurance-guide-kicker,
.ads-new-driver-insurance-kicker,
.ads-first-car-kicker,
.ads-breakdown-guide-kicker,
.ads-ev-guide-kicker,
.ads-stopping-guide-kicker,
.ads-smart-motorway-kicker,
.ads-motorway-signs-kicker {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--guide-orange);
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ads-insurance-guide-section-heading {
    max-width: 780px;
    margin: 0 auto 48px;
    text-align: center;
}

.ads-insurance-guide-section-heading h2,
.ads-new-driver-insurance-section-heading h2,
.ads-first-car-section-heading h2,
.ads-breakdown-guide-section-heading h2,
.ads-ev-guide-section-heading h2,
.ads-stopping-guide-section-heading h2,
.ads-smart-motorway-section-heading h2,
.ads-motorway-signs-section-heading h2 {
    margin: 0 0 18px;
    color: var(--guide-navy);
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
}

.ads-insurance-guide-section-heading p,
.ads-new-driver-insurance-section-heading p,
.ads-first-car-section-heading p,
.ads-breakdown-guide-section-heading p,
.ads-ev-guide-section-heading p,
.ads-stopping-guide-section-heading p,
.ads-smart-motorway-section-heading p,
.ads-motorway-signs-section-heading p {
    margin: 0;
    font-size: 1.06rem;
    line-height: 1.75;
}

.ads-insurance-guide-hero,
.ads-new-driver-insurance-hero,
.ads-first-car-hero,
.ads-breakdown-guide-hero,
.ads-ev-guide-hero,
.ads-stopping-guide-hero,
.ads-smart-motorway-hero {
    position: relative;
    overflow: hidden;
    padding: 105px 0 120px;
    background: radial-gradient(
            circle at 84% 18%,
            rgba(243, 116, 35, 0.25),
            transparent 30%
        ),
        linear-gradient(135deg, #12141a 0%, #20242d 100%);
    color: var(--guide-white);
}

.ads-insurance-guide-hero::after,
.ads-new-driver-insurance-hero::after,
.ads-first-car-hero::after,
.ads-breakdown-guide-hero::after,
.ads-ev-guide-hero::after,
.ads-stopping-guide-hero::after,
.ads-smart-motorway-hero::after,
.ads-motorway-signs-hero::after {
    content: "";
    position: absolute;
    right: -5%;
    bottom: -75px;
    left: -5%;
    height: 118px;
    background: var(--guide-white);
    transform: rotate(-2deg);
}

.ads-insurance-guide-hero-content {
    position: relative;
    z-index: 2;
    max-width: 880px;
}

.ads-insurance-guide-hero h1 {
    max-width: 930px;
    margin: 0 0 24px;
    color: var(--guide-white);
    font-size: clamp(3rem, 7vw, 5.6rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads-insurance-guide-hero p,
.ads-new-driver-insurance-hero p,
.ads-first-car-hero p,
.ads-breakdown-guide-hero p,
.ads-ev-guide-hero p,
.ads-stopping-guide-hero p,
.ads-smart-motorway-hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: clamp(1.05rem, 2vw, 1.24rem);
    line-height: 1.75;
}

.ads-insurance-guide-hero-actions,
.ads-new-driver-insurance-hero-actions,
.ads-first-car-hero-actions,
.ads-breakdown-guide-hero-actions,
.ads-ev-guide-hero-actions,
.ads-stopping-guide-hero-actions,
.ads-smart-motorway-hero-actions,
.ads-motorway-signs-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.ads-insurance-guide-hero-pills,
.ads-new-driver-insurance-hero-pills,
.ads-first-car-hero-pills,
.ads-breakdown-guide-hero-pills,
.ads-ev-guide-hero-pills,
.ads-stopping-guide-hero-pills,
.ads-smart-motorway-hero-pills,
.ads-motorway-signs-hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.ads-insurance-guide-hero-pills span,
.ads-new-driver-insurance-hero-pills span,
.ads-first-car-hero-pills span,
.ads-breakdown-guide-hero-pills span,
.ads-ev-guide-hero-pills span,
.ads-stopping-guide-hero-pills span,
.ads-smart-motorway-hero-pills span,
.ads-motorway-signs-hero-pills span {
    padding: 9px 14px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
    font-weight: 700;
}

.ads-insurance-guide-btn,
.ads-new-driver-insurance-btn,
.ads-first-car-btn,
.ads-breakdown-guide-btn,
.ads-ev-guide-btn,
.ads-stopping-guide-btn,
.ads-smart-motorway-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 6px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.ads-insurance-guide-btn:hover,
.ads-new-driver-insurance-btn:hover,
.ads-first-car-btn:hover,
.ads-breakdown-guide-btn:hover,
.ads-ev-guide-btn:hover,
.ads-stopping-guide-btn:hover,
.ads-smart-motorway-btn:hover,
.ads-motorway-signs-btn:hover {
    transform: translateY(-2px);
}

.ads-insurance-guide-btn-primary,
.ads-new-driver-insurance-btn-primary,
.ads-first-car-btn-primary,
.ads-breakdown-guide-btn-primary,
.ads-ev-guide-btn-primary,
.ads-stopping-guide-btn-primary,
.ads-smart-motorway-btn-primary,
.ads-motorway-signs-btn-primary {
    background: var(--guide-orange);
    color: var(--guide-white);
}

.ads-insurance-guide-btn-primary:hover,
.ads-new-driver-insurance-btn-primary:hover,
.ads-first-car-btn-primary:hover,
.ads-breakdown-guide-btn-primary:hover,
.ads-ev-guide-btn-primary:hover,
.ads-stopping-guide-btn-primary:hover,
.ads-smart-motorway-btn-primary:hover,
.ads-motorway-signs-btn-primary:hover {
    background: #d96117;
    color: var(--guide-white);
}

.ads-insurance-guide-btn-secondary,
.ads-new-driver-insurance-btn-secondary,
.ads-first-car-btn-secondary,
.ads-breakdown-guide-btn-secondary,
.ads-ev-guide-btn-secondary,
.ads-stopping-guide-btn-secondary,
.ads-smart-motorway-btn-secondary,
.ads-motorway-signs-btn-secondary {
    border-color: rgba(255, 255, 255, 0.45);
    color: var(--guide-white);
}

.ads-insurance-guide-btn-secondary:hover,
.ads-new-driver-insurance-btn-secondary:hover,
.ads-first-car-btn-secondary:hover,
.ads-breakdown-guide-btn-secondary:hover,
.ads-ev-guide-btn-secondary:hover,
.ads-stopping-guide-btn-secondary:hover,
.ads-smart-motorway-btn-secondary:hover,
.ads-motorway-signs-btn-secondary:hover {
    border-color: var(--guide-white);
    color: var(--guide-white);
}

.ads-insurance-guide-feature,
.ads-new-driver-insurance-intro,
.ads-first-car-feature,
.ads-breakdown-guide-feature,
.ads-ev-guide-feature,
.ads-stopping-guide-feature,
.ads-smart-motorway-feature,
.ads-smart-motorway-signs,
.ads-smart-motorway-emergency-areas,
.ads-motorway-signs-feature,
.ads-motorway-signs-countdown,
.ads-motorway-signs-location {
    background: var(--guide-white);
}

.ads-insurance-guide-feature-grid,
.ads-first-car-feature-grid,
.ads-breakdown-guide-feature-grid,
.ads-ev-guide-feature-grid,
.ads-stopping-guide-feature-grid,
.ads-smart-motorway-feature-grid,
.ads-motorway-signs-feature-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
}

.ads-insurance-guide-feature-reverse,
.ads-new-driver-insurance-cover,
.ads-first-car-compare,
.ads-breakdown-guide-first-steps,
.ads-ev-guide-feature-reverse,
.ads-stopping-guide-quick,
.ads-smart-motorway-types,
.ads-motorway-signs-gantry {
    background: var(--guide-light);
}

.ads-insurance-guide-feature-image,
.ads-first-car-feature-image,
.ads-breakdown-guide-feature-image,
.ads-ev-guide-feature-image,
.ads-smart-motorway-feature-image,
.ads-motorway-signs-feature-image {
    overflow: hidden;
    border-radius: 14px;
    background: var(--guide-light);
    box-shadow: 0 18px 45px rgba(18, 20, 26, 0.1);
}

.ads-insurance-guide-feature-image img,
.ads-first-car-feature-image img,
.ads-breakdown-guide-feature-image img,
.ads-ev-guide-feature-image img,
.ads-smart-motorway-feature-image img,
.ads-motorway-signs-feature-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.ads-insurance-guide-feature-content h2,
.ads-new-driver-insurance-groups-grid h2,
.ads-first-car-feature-content h2,
.ads-breakdown-guide-feature-content h2,
.ads-ev-guide-feature-content h2,
.ads-stopping-guide-feature-content h2,
.ads-smart-motorway-feature-content h2,
.ads-motorway-signs-feature-content h2 {
    margin: 0 0 18px;
    color: var(--guide-navy);
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.08;
}

.ads-insurance-guide-feature-content p,
.ads-new-driver-insurance-intro-grid p,
.ads-first-car-feature-content p,
.ads-breakdown-guide-feature-content p,
.ads-ev-guide-feature-content p,
.ads-stopping-guide-feature-content p,
.ads-smart-motorway-feature-content p,
.ads-motorway-signs-feature-content p {
    margin: 0 0 18px;
    line-height: 1.78;
}

.ads-insurance-guide-feature-content p:last-child,
.ads-new-driver-insurance-intro-grid p:last-child,
.ads-first-car-feature-content p:last-child,
.ads-breakdown-guide-feature-content p:last-child,
.ads-ev-guide-feature-content p:last-child,
.ads-stopping-guide-feature-content p:last-child,
.ads-smart-motorway-feature-content p:last-child,
.ads-motorway-signs-feature-content p:last-child {
    margin-bottom: 0;
}

.ads-insurance-guide-quick,
.ads-new-driver-insurance-car,
.ads-first-car-features,
.ads-breakdown-guide-choice,
.ads-ev-guide-quick,
.ads-stopping-guide-table tbody tr:nth-child(even),
.ads-smart-motorway-quick,
.ads-motorway-signs-rules,
.ads-motorway-signs-exit-routine,
.ads-motorway-signs-reporting {
    background: var(--guide-light);
}

.ads-insurance-guide-quick-panel,
.ads-new-driver-insurance-telematics-panel {
    display: grid;
    grid-template-columns: 1fr 0.85fr;
    gap: 52px;
    align-items: center;
    padding: 52px;
    border-radius: 14px;
    background: var(--guide-navy);
    color: var(--guide-white);
}

.ads-insurance-guide-quick-panel h2,
.ads-new-driver-insurance-telematics-panel h2,
.ads-first-car-features-panel h2,
.ads-first-car-insurance-panel h2,
.ads-first-car-finance-panel h2,
.ads-breakdown-guide-first-panel h2,
.ads-breakdown-guide-exclusions-panel h2,
.ads-breakdown-guide-motorway-panel h2,
.ads-ev-guide-quick-panel h2,
.ads-ev-guide-modes-panel h2,
.ads-ev-guide-licence-panel h2,
.ads-ev-guide-ownership-panel h2,
.ads-stopping-guide-quick-panel h2,
.ads-stopping-guide-speed-panel h2,
.ads-stopping-guide-braking-panel h2,
.ads-stopping-guide-following-panel h2,
.ads-smart-motorway-quick-panel h2,
.ads-smart-motorway-limits-panel h2,
.ads-smart-motorway-using-panel h2,
.ads-smart-motorway-detection-panel h2,
.ads-motorway-signs-rules-panel h2,
.ads-motorway-signs-exit-panel h2,
.ads-motorway-signs-reporting-panel h2 {
    margin: 0 0 18px;
    color: var(--guide-white);
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.08;
}

.ads-insurance-guide-quick-panel p,
.ads-new-driver-insurance-telematics-panel p,
.ads-first-car-features-panel p,
.ads-first-car-insurance-panel p,
.ads-first-car-finance-panel p,
.ads-breakdown-guide-first-panel p,
.ads-breakdown-guide-exclusions-panel p,
.ads-breakdown-guide-motorway-panel p,
.ads-ev-guide-quick-panel p,
.ads-ev-guide-modes-panel p,
.ads-ev-guide-licence-panel p,
.ads-ev-guide-ownership-panel p,
.ads-stopping-guide-quick-panel p,
.ads-stopping-guide-speed-panel p,
.ads-stopping-guide-braking-panel p,
.ads-stopping-guide-following-panel p,
.ads-smart-motorway-quick-panel p,
.ads-smart-motorway-limits-panel p,
.ads-smart-motorway-using-panel p,
.ads-smart-motorway-detection-panel p,
.ads-motorway-signs-rules-panel p,
.ads-motorway-signs-exit-panel p,
.ads-motorway-signs-reporting-panel p {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.75;
}

.ads-insurance-guide-quick-points,
.ads-new-driver-insurance-telematics-points,
.ads-first-car-faq-list,
.ads-breakdown-guide-first-list,
.ads-breakdown-guide-exclusions-list,
.ads-breakdown-guide-motorway-list,
.ads-ev-guide-faq-list,
.ads-stopping-guide-quick-points,
.ads-stopping-guide-speed-points,
.ads-stopping-guide-braking-list,
.ads-stopping-guide-following-list,
.ads-smart-motorway-faq-list,
.ads-motorway-signs-faq-list {
    display: grid;
    gap: 14px;
}

.ads-insurance-guide-quick-points > div {
    padding: 20px;
    border-left: 4px solid var(--guide-orange);
    background: rgba(255, 255, 255, 0.07);
}

.ads-insurance-guide-quick-points strong,
.ads-insurance-guide-quick-points span,
.ads-new-driver-insurance-risk-list strong,
.ads-new-driver-insurance-risk-list span,
.ads-first-car-features-list strong,
.ads-first-car-features-list span,
.ads-first-car-insurance-list strong,
.ads-first-car-insurance-list span,
.ads-first-car-finance-list strong,
.ads-first-car-finance-list span,
.ads-breakdown-guide-first-list strong,
.ads-breakdown-guide-first-list span,
.ads-breakdown-guide-exclusions-list strong,
.ads-breakdown-guide-exclusions-list span,
.ads-breakdown-guide-motorway-list strong,
.ads-breakdown-guide-motorway-list span,
.ads-ev-guide-quick-points strong,
.ads-ev-guide-quick-points span,
.ads-ev-guide-modes-list strong,
.ads-ev-guide-modes-list span,
.ads-ev-guide-licence-list strong,
.ads-ev-guide-licence-list span,
.ads-ev-guide-ownership-list strong,
.ads-ev-guide-ownership-list span,
.ads-stopping-guide-quick-points strong,
.ads-stopping-guide-quick-points span,
.ads-stopping-guide-speed-points strong,
.ads-stopping-guide-speed-points span,
.ads-stopping-guide-braking-list strong,
.ads-stopping-guide-braking-list span,
.ads-stopping-guide-following-list strong,
.ads-stopping-guide-following-list span,
.ads-smart-motorway-quick-points strong,
.ads-smart-motorway-quick-points span,
.ads-smart-motorway-limits-list strong,
.ads-smart-motorway-limits-list span,
.ads-smart-motorway-using-list strong,
.ads-smart-motorway-using-list span,
.ads-smart-motorway-detection-list strong,
.ads-smart-motorway-detection-list span,
.ads-motorway-signs-rules-list strong,
.ads-motorway-signs-rules-list span,
.ads-motorway-signs-exit-list strong,
.ads-motorway-signs-exit-list span,
.ads-motorway-signs-reporting-list strong,
.ads-motorway-signs-reporting-list span {
    display: block;
}

.ads-insurance-guide-quick-points strong,
.ads-new-driver-insurance-risk-list strong,
.ads-first-car-features-list strong,
.ads-first-car-insurance-list strong,
.ads-first-car-finance-list strong,
.ads-breakdown-guide-first-list strong,
.ads-breakdown-guide-exclusions-list strong,
.ads-breakdown-guide-motorway-list strong,
.ads-ev-guide-quick-points strong,
.ads-ev-guide-modes-list strong,
.ads-ev-guide-licence-list strong,
.ads-ev-guide-ownership-list strong,
.ads-stopping-guide-quick-points strong,
.ads-stopping-guide-speed-points strong,
.ads-stopping-guide-braking-list strong,
.ads-stopping-guide-following-list strong,
.ads-smart-motorway-quick-points strong,
.ads-smart-motorway-limits-list strong,
.ads-smart-motorway-using-list strong,
.ads-smart-motorway-detection-list strong,
.ads-motorway-signs-rules-list strong,
.ads-motorway-signs-exit-list strong,
.ads-motorway-signs-reporting-list strong {
    margin-bottom: 5px;
    color: var(--guide-white);
}

.ads-insurance-guide-quick-points span {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.55;
}

.ads-insurance-guide-types,
.ads-new-driver-insurance-telematics,
.ads-first-car-good-choice,
.ads-breakdown-guide-levels,
.ads-ev-guide-transmission,
.ads-stopping-guide-feature-reverse,
.ads-smart-motorway-type-cards,
.ads-motorway-signs-signals {
    background: var(--guide-white);
}

.ads-insurance-guide-type-grid,
.ads-first-car-compare-grid,
.ads-first-car-seller-grid,
.ads-breakdown-guide-level-grid,
.ads-ev-guide-transmission-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ads-insurance-guide-type-card,
.ads-new-driver-insurance-cover-card,
.ads-breakdown-guide-level-card,
.ads-smart-motorway-type-card,
.ads-motorway-signs-signal-card {
    padding: 30px;
    border: 1px solid var(--guide-grey);
    border-top: 5px solid var(--guide-orange);
    border-radius: 10px;
    background: var(--guide-white);
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.07);
}

.ads-insurance-guide-type-card h3,
.ads-new-driver-insurance-cover-card h3,
.ads-breakdown-guide-level-card h3,
.ads-smart-motorway-type-card h3 {
    margin: 0 0 13px;
    color: var(--guide-navy);
    font-size: 1.35rem;
}

.ads-insurance-guide-type-card p,
.ads-new-driver-insurance-cover-card p,
.ads-first-car-type-card p {
    margin: 0;
    line-height: 1.72;
}

.ads-insurance-guide-compare,
.ads-new-driver-insurance-savings,
.ads-first-car-costs,
.ads-breakdown-guide-exclusions,
.ads-ev-guide-modes,
.ads-stopping-guide-speed,
.ads-smart-motorway-limits,
.ads-motorway-signs-red-x-panel {
    background: var(--guide-light);
}

.ads-insurance-guide-compare-panel {
    padding: 52px;
    border-radius: 14px;
    background: var(--guide-navy);
    color: var(--guide-white);
}

.ads-insurance-guide-compare-panel > div:first-child {
    max-width: 760px;
    margin-bottom: 34px;
}

.ads-insurance-guide-compare-panel h2,
.ads-new-driver-insurance-accuracy-panel h2,
.ads-first-car-test-panel h2 {
    margin: 0 0 18px;
    color: var(--guide-white);
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.08;
}

.ads-insurance-guide-compare-panel p,
.ads-new-driver-insurance-accuracy-panel p,
.ads-first-car-test-panel p {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.75;
}

.ads-insurance-guide-compare-grid,
.ads-first-car-transmission-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ads-insurance-guide-compare-card {
    padding: 26px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.07);
}

.ads-insurance-guide-compare-card h3 {
    margin: 0 0 16px;
    color: var(--guide-white);
    font-size: 1.35rem;
}

.ads-insurance-guide-compare-card ul,
.ads-new-driver-insurance-check-card ul,
.ads-first-car-compare-card ul,
.ads-first-car-seller-card ul,
.ads-ev-guide-compare-card ul {
    margin: 0;
    padding-left: 20px;
}

.ads-insurance-guide-compare-card li {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.55;
}

.ads-insurance-guide-savings,
.ads-new-driver-insurance-groups,
.ads-first-car-types,
.ads-breakdown-guide-cover-type,
.ads-ev-guide-regen,
.ads-stopping-guide-chart,
.ads-smart-motorway-red-x,
.ads-motorway-signs-location-tip {
    background: var(--guide-white);
}

.ads-insurance-guide-savings-grid,
.ads-new-driver-insurance-cover-grid,
.ads-first-car-good-grid,
.ads-first-car-costs-grid,
.ads-breakdown-guide-compare-grid,
.ads-ev-guide-easier-grid,
.ads-ev-guide-range-grid,
.ads-stopping-guide-factor-grid,
.ads-smart-motorway-type-grid,
.ads-motorway-signs-signal-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ads-insurance-guide-saving-card {
    padding: 28px;
    border: 1px solid var(--guide-grey);
    border-top: 5px solid var(--guide-orange);
    border-radius: 9px;
    background: var(--guide-white);
}

.ads-insurance-guide-saving-card h3 {
    margin: 0 0 12px;
    color: var(--guide-navy);
    font-size: 1.25rem;
}

.ads-insurance-guide-saving-card p,
.ads-new-driver-insurance-car-card p,
.ads-first-car-good-card p,
.ads-first-car-cost-card p,
.ads-breakdown-guide-emergency-note p,
.ads-ev-guide-transmission-card p,
.ads-ev-guide-easier-card p,
.ads-ev-guide-range-card p,
.ads-stopping-guide-factor-card p,
.ads-smart-motorway-learner-card p,
.ads-motorway-signs-signal-card p {
    margin: 0;
    line-height: 1.7;
}

.ads-insurance-guide-passed,
.ads-new-driver-insurance-accuracy,
.ads-first-car-budget,
.ads-breakdown-guide-motorway,
.ads-ev-guide-easier,
.ads-stopping-guide-braking,
.ads-smart-motorway-using-area,
.ads-motorway-signs-countdown-cards {
    background: var(--guide-light);
}

.ads-insurance-guide-passed-panel {
    display: grid;
    grid-template-columns: 1fr 0.85fr;
    gap: 52px;
    align-items: center;
    padding: 52px;
    border-radius: 14px;
    background: var(--guide-navy);
    color: var(--guide-white);
}

.ads-insurance-guide-passed-panel h2 {
    margin: 0 0 18px;
    color: var(--guide-white);
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.08;
}

.ads-insurance-guide-passed-panel p {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.75;
}

.ads-insurance-guide-passed-points,
.ads-new-driver-insurance-faq-list,
.ads-breakdown-guide-faq-list,
.ads-stopping-guide-faq-list {
    display: grid;
    gap: 14px;
}

.ads-insurance-guide-passed-points > div,
.ads-new-driver-insurance-telematics-points > div {
    padding: 19px 20px;
    border-left: 4px solid var(--guide-orange);
    background: rgba(255, 255, 255, 0.07);
}

.ads-insurance-guide-passed-points strong,
.ads-insurance-guide-passed-points span,
.ads-new-driver-insurance-telematics-points strong,
.ads-new-driver-insurance-telematics-points span,
.ads-first-car-budget-list strong,
.ads-first-car-budget-list span,
.ads-breakdown-guide-choice-list strong,
.ads-breakdown-guide-choice-list span,
.ads-breakdown-guide-extra-list strong,
.ads-breakdown-guide-extra-list span,
.ads-breakdown-guide-prevention-list strong,
.ads-breakdown-guide-prevention-list span,
.ads-stopping-guide-memory-card span,
.ads-stopping-guide-memory-card strong,
.ads-stopping-guide-memory-card small,
.ads-smart-motorway-cameras-list strong,
.ads-smart-motorway-cameras-list span {
    display: block;
}

.ads-insurance-guide-passed-points strong,
.ads-new-driver-insurance-telematics-points strong,
.ads-first-car-test-list strong {
    margin-bottom: 5px;
    color: var(--guide-white);
}

.ads-insurance-guide-passed-points span,
.ads-new-driver-insurance-risk-list span,
.ads-first-car-features-list span,
.ads-first-car-insurance-list span,
.ads-first-car-finance-list span,
.ads-breakdown-guide-first-list span,
.ads-breakdown-guide-exclusions-list span,
.ads-breakdown-guide-motorway-list span,
.ads-ev-guide-quick-points span,
.ads-ev-guide-modes-list span,
.ads-ev-guide-licence-list span,
.ads-ev-guide-ownership-list span,
.ads-stopping-guide-quick-points span,
.ads-stopping-guide-speed-points span,
.ads-stopping-guide-braking-list span,
.ads-stopping-guide-following-list span,
.ads-smart-motorway-quick-points span,
.ads-smart-motorway-limits-list span,
.ads-smart-motorway-using-list span,
.ads-smart-motorway-detection-list span,
.ads-motorway-signs-rules-list span,
.ads-motorway-signs-exit-list span,
.ads-motorway-signs-reporting-list span {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
}

.ads-insurance-guide-checklist,
.ads-new-driver-insurance-named,
.ads-first-car-insurance,
.ads-breakdown-guide-extra-costs,
.ads-ev-guide-licence,
.ads-stopping-guide-thinking,
.ads-smart-motorway-cannot-reach,
.ads-motorway-signs-junctions {
    background: var(--guide-white);
}

.ads-insurance-guide-check-grid,
.ads-new-driver-insurance-check-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.ads-insurance-guide-check-card {
    padding: 30px;
    border: 1px solid var(--guide-grey);
    border-top: 5px solid var(--guide-orange);
    border-radius: 10px;
    background: var(--guide-white);
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.07);
}

.ads-insurance-guide-check-card h3,
.ads-new-driver-insurance-check-card h3 {
    margin: 0 0 17px;
    color: var(--guide-navy);
    font-size: 1.35rem;
}

.ads-insurance-guide-check-card ul {
    margin: 0;
    padding-left: 20px;
}

.ads-insurance-guide-check-card li,
.ads-new-driver-insurance-check-card li,
.ads-first-car-compare-card li,
.ads-first-car-seller-card li,
.ads-breakdown-guide-cover-card li,
.ads-ev-guide-compare-card li,
.ads-smart-motorway-type-card li {
    margin-bottom: 10px;
    line-height: 1.55;
}

.ads-insurance-guide-faq,
.ads-new-driver-insurance-checklist,
.ads-first-car-test-drive,
.ads-breakdown-guide-prevention,
.ads-ev-guide-compare,
.ads-stopping-guide-following,
.ads-smart-motorway-detection,
.ads-motorway-signs-location-guide {
    background: var(--guide-light);
}

.ads-insurance-guide-faq-list {
    display: grid;
    gap: 14px;
}

.ads-insurance-guide-faq-item,
.ads-new-driver-insurance-faq-item,
.ads-first-car-faq-item,
.ads-breakdown-guide-faq-item,
.ads-ev-guide-faq-item,
.ads-stopping-guide-faq-item,
.ads-smart-motorway-faq-item {
    border: 1px solid var(--guide-grey);
    border-radius: 8px;
    background: var(--guide-white);
    box-shadow: 0 9px 24px rgba(18, 20, 26, 0.05);
}

.ads-insurance-guide-faq-item summary,
.ads-new-driver-insurance-faq-item summary,
.ads-first-car-faq-item summary,
.ads-breakdown-guide-faq-item summary,
.ads-ev-guide-faq-item summary,
.ads-stopping-guide-faq-item summary,
.ads-smart-motorway-faq-item summary,
.ads-motorway-signs-faq-item summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: var(--guide-navy);
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.ads-insurance-guide-faq-item summary::-webkit-details-marker,
.ads-new-driver-insurance-faq-item summary::-webkit-details-marker,
.ads-first-car-faq-item summary::-webkit-details-marker,
.ads-breakdown-guide-faq-item summary::-webkit-details-marker,
.ads-ev-guide-faq-item summary::-webkit-details-marker,
.ads-stopping-guide-faq-item summary::-webkit-details-marker,
.ads-smart-motorway-faq-item summary::-webkit-details-marker,
.ads-motorway-signs-faq-item summary::-webkit-details-marker {
    display: none;
}

.ads-insurance-guide-faq-item summary::after,
.ads-new-driver-insurance-faq-item summary::after,
.ads-first-car-faq-item summary::after,
.ads-breakdown-guide-faq-item summary::after,
.ads-ev-guide-faq-item summary::after,
.ads-stopping-guide-faq-item summary::after,
.ads-smart-motorway-faq-item summary::after,
.ads-motorway-signs-faq-item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 24px;
    color: var(--guide-orange);
    font-size: 1.7rem;
    transform: translateY(-50%);
}

.ads-insurance-guide-faq-item[open] summary::after,
.ads-new-driver-insurance-faq-item[open] summary::after,
.ads-first-car-faq-item[open] summary::after,
.ads-breakdown-guide-faq-item[open] summary::after,
.ads-ev-guide-faq-item[open] summary::after,
.ads-stopping-guide-faq-item[open] summary::after,
.ads-smart-motorway-faq-item[open] summary::after,
.ads-motorway-signs-faq-item[open] summary::after {
    content: "−";
}

.ads-insurance-guide-faq-answer,
.ads-new-driver-insurance-faq-answer,
.ads-first-car-faq-answer,
.ads-breakdown-guide-faq-answer,
.ads-ev-guide-faq-answer,
.ads-stopping-guide-faq-answer,
.ads-smart-motorway-faq-answer,
.ads-motorway-signs-faq-answer {
    padding: 0 24px 22px;
}

.ads-insurance-guide-faq-answer p,
.ads-new-driver-insurance-faq-answer p,
.ads-first-car-faq-answer p,
.ads-breakdown-guide-faq-answer p,
.ads-ev-guide-faq-answer p,
.ads-stopping-guide-faq-answer p,
.ads-smart-motorway-faq-answer p,
.ads-motorway-signs-faq-answer p {
    margin: 0;
    line-height: 1.75;
}

.ads-insurance-guide-final,
.ads-new-driver-insurance-final,
.ads-first-car-final,
.ads-breakdown-guide-final,
.ads-ev-guide-final,
.ads-stopping-guide-final,
.ads-smart-motorway-final,
.ads-motorway-signs-final {
    padding: 72px 0;
    background: var(--guide-orange);
    color: var(--guide-white);
}

.ads-insurance-guide-final-inner,
.ads-new-driver-insurance-final-inner,
.ads-first-car-final-inner,
.ads-breakdown-guide-final-inner,
.ads-ev-guide-final-inner,
.ads-stopping-guide-final-inner,
.ads-smart-motorway-final-inner,
.ads-motorway-signs-final-inner {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 50px;
    align-items: center;
}

.ads-insurance-guide-final .ads-insurance-guide-kicker,
.ads-new-driver-insurance-final
.ads-new-driver-insurance-kicker,
.ads-first-car-final .ads-first-car-kicker,
.ads-breakdown-guide-final .ads-breakdown-guide-kicker,
.ads-ev-guide-final .ads-ev-guide-kicker,
.ads-stopping-guide-table td:first-child,
.ads-smart-motorway-final .ads-smart-motorway-kicker,
.ads-motorway-signs-red-card h3 {
    color: var(--guide-navy);
}

.ads-insurance-guide-final h2,
.ads-new-driver-insurance-final h2,
.ads-first-car-final h2,
.ads-breakdown-guide-final h2,
.ads-ev-guide-final h2,
.ads-stopping-guide-final h2,
.ads-smart-motorway-final h2,
.ads-motorway-signs-final h2 {
    margin: 0 0 14px;
    color: var(--guide-white);
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
}

.ads-insurance-guide-final p,
.ads-new-driver-insurance-final p,
.ads-first-car-final p,
.ads-breakdown-guide-final p,
.ads-ev-guide-final p,
.ads-stopping-guide-final p,
.ads-smart-motorway-final p,
.ads-motorway-signs-final p {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.7;
}

.ads-insurance-guide-final-actions,
.ads-new-driver-insurance-final-actions,
.ads-first-car-final-actions,
.ads-breakdown-guide-final-actions,
.ads-ev-guide-final-actions,
.ads-stopping-guide-final-actions,
.ads-smart-motorway-final-actions,
.ads-motorway-signs-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.ads-insurance-guide-btn-dark,
.ads-new-driver-insurance-cover-card-featured,
.ads-first-car-btn-dark,
.ads-breakdown-guide-btn-dark,
.ads-ev-guide-btn-dark,
.ads-stopping-guide-btn-dark,
.ads-smart-motorway-btn-dark,
.ads-motorway-signs-btn-dark {
    background: var(--guide-navy);
    color: var(--guide-white);
}

.ads-insurance-guide-btn-dark:hover,
.ads-new-driver-insurance-btn-dark:hover,
.ads-first-car-btn-dark:hover,
.ads-breakdown-guide-btn-dark:hover,
.ads-ev-guide-btn-dark:hover,
.ads-stopping-guide-btn-dark:hover,
.ads-smart-motorway-btn-dark:hover,
.ads-motorway-signs-btn-dark:hover {
    background: #282c36;
    color: var(--guide-white);
}

.ads-insurance-guide-btn-light,
.ads-new-driver-insurance-btn-light,
.ads-first-car-btn-light,
.ads-breakdown-guide-btn-light,
.ads-ev-guide-btn-light,
.ads-stopping-guide-btn-light,
.ads-smart-motorway-btn-light,
.ads-motorway-signs-btn-light {
    border-color: var(--guide-white);
    color: var(--guide-white);
}

.ads-insurance-guide-btn-light:hover,
.ads-new-driver-insurance-btn-light:hover,
.ads-first-car-btn-light:hover,
.ads-breakdown-guide-btn-light:hover,
.ads-ev-guide-btn-light:hover,
.ads-stopping-guide-btn-light:hover,
.ads-smart-motorway-btn-light:hover,
.ads-motorway-signs-btn-light:hover {
    background: var(--guide-white);
    color: var(--guide-navy);
}

.ads-new-driver-insurance-section-heading,
.ads-first-car-section-heading,
.ads-breakdown-guide-section-heading,
.ads-ev-guide-section-heading,
.ads-stopping-guide-section-heading,
.ads-smart-motorway-section-heading {
    max-width: 790px;
    margin: 0 auto 48px;
    text-align: center;
}

.ads-new-driver-insurance-hero-content,
.ads-first-car-hero-content,
.ads-breakdown-guide-hero-content,
.ads-ev-guide-hero-content,
.ads-stopping-guide-hero-content,
.ads-smart-motorway-hero-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
}

.ads-new-driver-insurance-hero h1,
.ads-first-car-hero h1,
.ads-breakdown-guide-hero h1,
.ads-ev-guide-hero h1,
.ads-stopping-guide-hero h1,
.ads-smart-motorway-hero h1 {
    max-width: 950px;
    margin: 0 0 24px;
    color: var(--guide-white);
    font-size: clamp(3rem, 7vw, 5.6rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads-new-driver-insurance-intro-grid {
    display: grid;
    grid-template-columns: 1fr 0.85fr;
    gap: 56px;
    align-items: center;
}

.ads-new-driver-insurance-intro-grid h2 {
    margin: 0 0 18px;
    color: var(--guide-navy);
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
}

.ads-new-driver-insurance-risk-list {
    display: grid;
    gap: 14px;
    padding: 34px;
    border-radius: 14px;
    background: var(--guide-navy);
}

.ads-new-driver-insurance-risk-list > div,
.ads-breakdown-guide-first-list > div,
.ads-breakdown-guide-exclusions-list > div,
.ads-breakdown-guide-motorway-list > div,
.ads-stopping-guide-quick-points > div,
.ads-stopping-guide-speed-points > div,
.ads-stopping-guide-braking-list > div,
.ads-stopping-guide-following-list > div {
    padding: 18px 20px;
    border-left: 4px solid var(--guide-orange);
    background: rgba(255, 255, 255, 0.07);
}

.ads-new-driver-insurance-cover-label,
.ads-first-car-compare-label,
.ads-first-car-seller-label,
.ads-first-car-type-label,
.ads-breakdown-guide-level-label,
.ads-breakdown-guide-cover-label,
.ads-ev-guide-compare-label,
.ads-smart-motorway-type-label {
    display: inline-block;
    margin-bottom: 15px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #fff0e6;
    color: var(--guide-orange);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.ads-new-driver-insurance-cover-card-featured
.ads-new-driver-insurance-cover-label {
    background: rgba(243, 116, 35, 0.18);
}

.ads-new-driver-insurance-cover-card-featured h3,
.ads-motorway-signs-blue-card h3 {
    color: var(--guide-white);
}

.ads-new-driver-insurance-cover-card-featured p {
    color: rgba(255, 255, 255, 0.78);
}

.ads-new-driver-insurance-cover-note,
.ads-first-car-compare-note,
.ads-first-car-seller-note {
    max-width: 900px;
    margin: 28px auto 0;
    padding: 24px 28px;
    border-left: 5px solid var(--guide-orange);
    background: var(--guide-white);
}

.ads-new-driver-insurance-cover-note strong,
.ads-first-car-compare-note strong,
.ads-first-car-seller-note strong,
.ads-stopping-guide-chart-note strong,
.ads-stopping-guide-following-note strong,
.ads-smart-motorway-type-note strong {
    display: block;
    margin-bottom: 7px;
    color: var(--guide-navy);
}

.ads-new-driver-insurance-cover-note p,
.ads-first-car-compare-note p,
.ads-first-car-seller-note p,
.ads-stopping-guide-placeholder-inner p,
.ads-smart-motorway-type-note p {
    margin: 0;
    line-height: 1.65;
}

.ads-new-driver-insurance-telematics-points span,
.ads-first-car-test-list span {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
}

.ads-new-driver-insurance-car-grid,
.ads-smart-motorway-learners-grid,
.ads-motorway-signs-countdown-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ads-new-driver-insurance-car-card,
.ads-first-car-good-card,
.ads-first-car-cost-card,
.ads-breakdown-guide-compare-card,
.ads-ev-guide-transmission-card,
.ads-ev-guide-easier-card,
.ads-ev-guide-range-card,
.ads-stopping-guide-factor-card,
.ads-smart-motorway-learner-card,
.ads-motorway-signs-theory-card {
    padding: 28px;
    border: 1px solid var(--guide-grey);
    border-top: 5px solid var(--guide-orange);
    border-radius: 9px;
    background: var(--guide-white);
    box-shadow: 0 12px 30px rgba(18, 20, 26, 0.05);
}

.ads-new-driver-insurance-car-card h3,
.ads-first-car-good-card h3,
.ads-first-car-cost-card h3,
.ads-breakdown-guide-compare-card h3,
.ads-ev-guide-transmission-card h3,
.ads-ev-guide-easier-card h3,
.ads-ev-guide-range-card h3,
.ads-stopping-guide-factor-card h3,
.ads-smart-motorway-learner-card h3 {
    margin: 0 0 12px;
    color: var(--guide-navy);
    font-size: 1.24rem;
}

.ads-new-driver-insurance-groups-grid,
.ads-first-car-inspection-grid,
.ads-ev-guide-regen-grid {
    display: grid;
    grid-template-columns: 1fr 0.6fr;
    gap: 48px;
    align-items: center;
}

.ads-new-driver-insurance-groups-grid p,
.ads-first-car-budget-grid p,
.ads-breakdown-guide-choice-grid p,
.ads-breakdown-guide-extra-grid p,
.ads-breakdown-guide-prevention-grid p,
.ads-ev-guide-regen-grid p,
.ads-stopping-guide-theory-grid p,
.ads-smart-motorway-red-x-grid p,
.ads-smart-motorway-cannot-grid p,
.ads-smart-motorway-current-grid p,
.ads-motorway-signs-warning-grid p,
.ads-motorway-signs-junction-grid p,
.ads-motorway-signs-tip-grid p {
    line-height: 1.75;
}

.ads-new-driver-insurance-groups-note,
.ads-first-car-inspection-note,
.ads-ev-guide-regen-note,
.ads-motorway-signs-tip-card {
    padding: 30px;
    border-top: 6px solid var(--guide-orange);
    background: var(--guide-light);
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.08);
}

.ads-new-driver-insurance-groups-note strong,
.ads-first-car-inspection-note strong,
.ads-ev-guide-regen-note strong,
.ads-smart-motorway-current-note strong,
.ads-motorway-signs-junction-note strong {
    display: block;
    margin-bottom: 10px;
    color: var(--guide-navy);
    font-size: 1.25rem;
}

.ads-new-driver-insurance-groups-note p,
.ads-first-car-inspection-note p,
.ads-ev-guide-regen-note p,
.ads-smart-motorway-current-note p,
.ads-motorway-signs-tip-card p {
    margin: 0;
}

.ads-new-driver-insurance-savings-grid,
.ads-first-car-used-grid,
.ads-motorway-signs-colour-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.ads-new-driver-insurance-saving-card {
    padding: 26px;
    border: 1px solid var(--guide-grey);
    border-top: 5px solid var(--guide-orange);
    border-radius: 9px;
    background: var(--guide-white);
}

.ads-new-driver-insurance-saving-card h3 {
    margin: 0 0 11px;
    color: var(--guide-navy);
    font-size: 1.16rem;
}

.ads-new-driver-insurance-saving-card p,
.ads-first-car-used-card p,
.ads-motorway-signs-colour-card p {
    margin: 0;
    line-height: 1.68;
}

.ads-new-driver-insurance-named-grid {
    display: grid;
    grid-template-columns: 1fr 0.75fr;
    gap: 48px;
    align-items: center;
}

.ads-new-driver-insurance-named-grid h2,
.ads-first-car-budget-grid h2,
.ads-breakdown-guide-choice-grid h2,
.ads-breakdown-guide-extra-grid h2,
.ads-breakdown-guide-prevention-grid h2,
.ads-ev-guide-regen-grid h2,
.ads-stopping-guide-theory-grid h2,
.ads-smart-motorway-red-x-grid h2,
.ads-smart-motorway-cannot-grid h2,
.ads-smart-motorway-current-grid h2,
.ads-motorway-signs-warning-grid h2,
.ads-motorway-signs-junction-grid h2,
.ads-motorway-signs-tip-grid h2 {
    margin: 0 0 18px;
    color: var(--guide-navy);
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.08;
}

.ads-new-driver-insurance-named-grid p,
.ads-first-car-inspection-grid p,
.ads-smart-motorway-cameras-grid p {
    line-height: 1.75;
}

.ads-new-driver-insurance-fronting-warning,
.ads-smart-motorway-red-x-warning,
.ads-smart-motorway-live-lane-warning,
.ads-motorway-signs-warning-card {
    padding: 34px;
    border-radius: 12px;
    background: var(--guide-navy);
    color: var(--guide-white);
    box-shadow: 0 16px 38px rgba(18, 20, 26, 0.12);
}

.ads-new-driver-insurance-warning-label,
.ads-smart-motorway-warning-label,
.ads-motorway-signs-warning-card span {
    display: inline-block;
    margin-bottom: 14px;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--guide-orange);
    color: var(--guide-white);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.ads-new-driver-insurance-fronting-warning h3 {
    margin: 0 0 14px;
    color: var(--guide-white);
    font-size: 1.6rem;
}

.ads-new-driver-insurance-fronting-warning p {
    color: rgba(255, 255, 255, 0.78);
}

.ads-new-driver-insurance-accuracy-panel,
.ads-first-car-features-panel,
.ads-first-car-insurance-panel,
.ads-first-car-finance-panel,
.ads-breakdown-guide-first-panel,
.ads-breakdown-guide-exclusions-panel,
.ads-breakdown-guide-motorway-panel,
.ads-ev-guide-quick-panel,
.ads-ev-guide-modes-panel,
.ads-ev-guide-licence-panel,
.ads-ev-guide-ownership-panel,
.ads-stopping-guide-quick-panel,
.ads-stopping-guide-speed-panel,
.ads-stopping-guide-braking-panel,
.ads-stopping-guide-following-panel,
.ads-smart-motorway-quick-panel,
.ads-smart-motorway-limits-panel,
.ads-smart-motorway-using-panel,
.ads-smart-motorway-detection-panel,
.ads-motorway-signs-rules-panel,
.ads-motorway-signs-exit-panel,
.ads-motorway-signs-reporting-panel {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 52px;
    align-items: center;
    padding: 52px;
    border-radius: 14px;
    background: var(--guide-navy);
    color: var(--guide-white);
}

.ads-new-driver-insurance-accuracy-list,
.ads-first-car-features-list,
.ads-first-car-insurance-list,
.ads-first-car-finance-list,
.ads-breakdown-guide-choice-list,
.ads-breakdown-guide-extra-list,
.ads-breakdown-guide-prevention-list,
.ads-ev-guide-quick-points,
.ads-ev-guide-modes-list,
.ads-ev-guide-licence-list,
.ads-ev-guide-ownership-list,
.ads-stopping-guide-theory-list,
.ads-smart-motorway-quick-points,
.ads-smart-motorway-limits-list,
.ads-smart-motorway-using-list,
.ads-smart-motorway-detection-list,
.ads-motorway-signs-rules-list,
.ads-motorway-signs-exit-list,
.ads-motorway-signs-reporting-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ads-new-driver-insurance-accuracy-list > div,
.ads-first-car-features-list > div,
.ads-first-car-insurance-list > div,
.ads-first-car-finance-list > div,
.ads-ev-guide-quick-points > div,
.ads-ev-guide-modes-list > div,
.ads-ev-guide-licence-list > div,
.ads-ev-guide-ownership-list > div,
.ads-smart-motorway-quick-points > div,
.ads-smart-motorway-limits-list > div,
.ads-smart-motorway-using-list > div,
.ads-smart-motorway-detection-list > div,
.ads-motorway-signs-rules-list > div,
.ads-motorway-signs-exit-list > div,
.ads-motorway-signs-reporting-list > div {
    padding: 18px;
    border-left: 4px solid var(--guide-orange);
    background: rgba(255, 255, 255, 0.07);
}

.ads-new-driver-insurance-accuracy-list strong,
.ads-new-driver-insurance-accuracy-list span,
.ads-first-car-test-list strong,
.ads-first-car-test-list span,
.ads-stopping-guide-theory-list strong,
.ads-stopping-guide-theory-list span {
    display: block;
}

.ads-new-driver-insurance-accuracy-list strong {
    margin-bottom: 5px;
    color: var(--guide-white);
}

.ads-new-driver-insurance-accuracy-list span {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
}

.ads-new-driver-insurance-compare,
.ads-first-car-used-checks,
.ads-breakdown-guide-compare,
.ads-ev-guide-range,
.ads-stopping-guide-weather,
.ads-smart-motorway-cameras,
.ads-motorway-signs-faq {
    background: var(--guide-white);
}

.ads-new-driver-insurance-compare-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 52px;
    align-items: center;
}

.ads-new-driver-insurance-compare-grid h2,
.ads-first-car-inspection-grid h2,
.ads-smart-motorway-cameras-grid h2 {
    margin: 0 0 18px;
    color: var(--guide-navy);
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.08;
}

.ads-new-driver-insurance-compare-grid p,
.ads-first-car-transmission-grid p {
    line-height: 1.75;
}

.ads-new-driver-insurance-compare-list,
.ads-first-car-budget-list,
.ads-smart-motorway-cameras-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ads-new-driver-insurance-compare-list > div,
.ads-smart-motorway-cameras-list > div {
    padding: 20px;
    border: 1px solid var(--guide-grey);
    border-left: 4px solid var(--guide-orange);
    background: var(--guide-light);
}

.ads-new-driver-insurance-compare-list strong,
.ads-new-driver-insurance-compare-list span {
    display: block;
}

.ads-new-driver-insurance-compare-list strong,
.ads-first-car-budget-list strong,
.ads-breakdown-guide-choice-list strong,
.ads-breakdown-guide-extra-list strong,
.ads-breakdown-guide-prevention-list strong,
.ads-stopping-guide-theory-list strong,
.ads-smart-motorway-cameras-list strong {
    margin-bottom: 5px;
    color: var(--guide-navy);
}

.ads-new-driver-insurance-compare-list span,
.ads-first-car-budget-list span,
.ads-breakdown-guide-choice-list span,
.ads-breakdown-guide-extra-list span,
.ads-breakdown-guide-prevention-list span,
.ads-stopping-guide-theory-list span,
.ads-smart-motorway-cameras-list span {
    line-height: 1.5;
}

.ads-new-driver-insurance-check-card {
    padding: 30px;
    border: 1px solid var(--guide-grey);
    border-top: 5px solid var(--guide-orange);
    border-radius: 10px;
    background: var(--guide-white);
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.06);
}

.ads-new-driver-insurance-check-note {
    max-width: 900px;
    margin: 28px auto 0;
    padding: 24px 28px;
    border-left: 5px solid var(--guide-orange);
    background: var(--guide-white);
}

.ads-new-driver-insurance-check-note strong,
.ads-stopping-guide-memory-tip strong {
    display: block;
    margin-bottom: 7px;
    color: var(--guide-navy);
}

.ads-new-driver-insurance-check-note p,
.ads-stopping-guide-chart-note p,
.ads-stopping-guide-following-note p {
    margin: 0;
    line-height: 1.65;
}

.ads-new-driver-insurance-faq,
.ads-first-car-inspection,
.ads-breakdown-guide-faq,
.ads-ev-guide-faq,
.ads-stopping-guide-memory,
.ads-smart-motorway-learners {
    background: var(--guide-white);
}

.ads-new-driver-insurance-btn-dark {
    background: var(--guide-navy);
    color: var(--guide-white);
}

.ads-first-car-compare-card,
.ads-first-car-seller-card,
.ads-breakdown-guide-cover-card,
.ads-ev-guide-compare-card {
    padding: 32px;
    border: 1px solid var(--guide-grey);
    border-top: 5px solid var(--guide-orange);
    border-radius: 10px;
    background: var(--guide-white);
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.07);
}

.ads-first-car-compare-card h3,
.ads-first-car-seller-card h3,
.ads-ev-guide-compare-card h3 {
    margin: 0 0 16px;
    color: var(--guide-navy);
    font-size: 1.35rem;
}

.ads-first-car-type-grid,
.ads-breakdown-guide-cover-grid,
.ads-ev-guide-compare-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ads-first-car-type-card {
    padding: 30px;
    border: 1px solid var(--guide-grey);
    border-radius: 10px;
    background: var(--guide-white);
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.06);
}

.ads-first-car-type-card h3 {
    margin: 0 0 12px;
    color: var(--guide-navy);
    font-size: 1.32rem;
}

.ads-first-car-budget-grid,
.ads-breakdown-guide-choice-grid,
.ads-breakdown-guide-extra-grid,
.ads-breakdown-guide-prevention-grid,
.ads-stopping-guide-theory-grid {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 52px;
    align-items: center;
}

.ads-first-car-budget-list > div,
.ads-breakdown-guide-choice-list > div,
.ads-breakdown-guide-extra-list > div,
.ads-breakdown-guide-prevention-list > div,
.ads-stopping-guide-theory-list > div {
    padding: 20px;
    border: 1px solid var(--guide-grey);
    border-left: 4px solid var(--guide-orange);
    background: var(--guide-white);
}

.ads-first-car-used-card {
    padding: 25px;
    border: 1px solid var(--guide-grey);
    border-top: 5px solid var(--guide-orange);
    border-radius: 9px;
    background: var(--guide-white);
}

.ads-first-car-used-card h3 {
    margin: 0 0 11px;
    color: var(--guide-navy);
    font-size: 1.18rem;
}

.ads-first-car-test-panel {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 52px;
    align-items: center;
    padding: 52px;
    border-radius: 14px;
    background: var(--guide-navy);
    color: var(--guide-white);
}

.ads-first-car-test-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ads-first-car-test-list > div {
    padding: 18px;
    border-left: 4px solid var(--guide-orange);
    background: rgba(255, 255, 255, 0.07);
}

.ads-first-car-seller,
.ads-ev-guide-ownership,
.ads-stopping-guide-theory,
.ads-smart-motorway-current,
.ads-motorway-signs-colours {
    background: var(--guide-light);
}

.ads-first-car-finance,
.ads-stopping-guide-faq {
    background: var(--guide-white);
}

.ads-first-car-transmission,
.ads-smart-motorway-faq,
.ads-motorway-signs-theory {
    background: var(--guide-light);
}

.ads-first-car-transmission-grid,
.ads-smart-motorway-cameras-grid {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 52px;
    align-items: center;
}

.ads-first-car-transmission-grid h2 {
    margin: 0 0 18px;
    color: var(--guide-navy);
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.08;
}

.ads-first-car-transmission-cards article {
    padding: 28px;
    border-top: 5px solid var(--guide-orange);
    border-radius: 9px;
    background: var(--guide-white);
    box-shadow: 0 12px 30px rgba(18, 20, 26, 0.06);
}

.ads-first-car-transmission-cards h3,
.ads-motorway-signs-signal-card h3 {
    margin: 0 0 12px;
    color: var(--guide-navy);
    font-size: 1.3rem;
}

.ads-first-car-transmission-cards p,
.ads-motorway-signs-junction-note p {
    margin: 0;
}

.ads-first-car-faq {
    background: var(--guide-white);
}

.ads-breakdown-guide-level-card p {
    margin: 0 0 15px;
    line-height: 1.72;
}

.ads-breakdown-guide-level-card p:last-child {
    margin-bottom: 0;
}

.ads-breakdown-guide-cover-card h3 {
    margin: 0 0 14px;
    color: var(--guide-navy);
    font-size: 1.4rem;
}

.ads-breakdown-guide-cover-card p,
.ads-smart-motorway-type-card p {
    line-height: 1.72;
}

.ads-breakdown-guide-cover-card ul,
.ads-smart-motorway-type-card ul {
    margin: 18px 0 0;
    padding-left: 20px;
}

.ads-breakdown-guide-exclusions-list,
.ads-stopping-guide-braking-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ads-breakdown-guide-emergency-note {
    margin-top: 24px;
    padding: 26px 30px;
    border-left: 6px solid var(--guide-orange);
    background: var(--guide-white);
    box-shadow: 0 12px 30px rgba(18, 20, 26, 0.07);
}

.ads-breakdown-guide-emergency-note strong {
    display: block;
    margin-bottom: 8px;
    color: var(--guide-navy);
    font-size: 1.25rem;
}

.ads-breakdown-guide-compare-card p,
.ads-motorway-signs-theory-card p {
    margin: 0;
    line-height: 1.7;
}

.ads-stopping-guide-image-placeholder {
    display: flex;
    min-height: 390px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 2px dashed var(--guide-orange);
    border-radius: 14px;
    background: linear-gradient(
            135deg,
            rgba(243, 116, 35, 0.08),
            rgba(18, 20, 26, 0.04)
        );
}

.ads-stopping-guide-placeholder-inner {
    max-width: 430px;
    padding: 42px;
    text-align: center;
}

.ads-stopping-guide-placeholder-label {
    display: inline-block;
    margin-bottom: 16px;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--guide-orange);
    color: var(--guide-white);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.ads-stopping-guide-placeholder-inner strong {
    display: block;
    margin-bottom: 12px;
    color: var(--guide-navy);
    font-size: 1.45rem;
    line-height: 1.25;
}

.ads-stopping-guide-table-wrap {
    overflow-x: auto;
    border-radius: 12px;
    box-shadow: 0 16px 38px rgba(18, 20, 26, 0.09);
}

.ads-stopping-guide-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background: var(--guide-white);
}

.ads-stopping-guide-table th,
.ads-stopping-guide-table td {
    padding: 20px;
    border: 1px solid var(--guide-grey);
    text-align: center;
    vertical-align: middle;
}

.ads-stopping-guide-table thead th {
    background: var(--guide-navy);
    color: var(--guide-white);
    font-size: 0.95rem;
}

.ads-stopping-guide-table td:last-child {
    background: #fff3ea;
    color: var(--guide-navy);
}

.ads-stopping-guide-table td span {
    color: #6b7079;
    font-size: 0.9rem;
}

.ads-stopping-guide-chart-note,
.ads-stopping-guide-following-note {
    max-width: 920px;
    margin: 28px auto 0;
    padding: 24px 28px;
    border-left: 5px solid var(--guide-orange);
    background: var(--guide-light);
}

.ads-stopping-guide-memory-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.ads-stopping-guide-memory-card {
    padding: 24px 16px;
    border: 1px solid var(--guide-grey);
    border-top: 5px solid var(--guide-orange);
    border-radius: 9px;
    background: var(--guide-white);
    text-align: center;
    box-shadow: 0 10px 26px rgba(18, 20, 26, 0.05);
}

.ads-stopping-guide-memory-card span {
    margin-bottom: 10px;
    color: var(--guide-orange);
    font-weight: 900;
}

.ads-stopping-guide-memory-card strong {
    color: var(--guide-navy);
    font-size: 1.25rem;
}

.ads-stopping-guide-memory-card small {
    margin-top: 5px;
    color: #6b7079;
}

.ads-stopping-guide-memory-tip {
    max-width: 900px;
    margin: 28px auto 0;
    padding: 24px 28px;
    border-left: 5px solid var(--guide-orange);
    background: var(--guide-light);
}

.ads-stopping-guide-memory-tip p {
    margin: 0;
    line-height: 1.65;
}

.ads-stopping-guide-final .ads-stopping-guide-kicker,
.ads-motorway-signs-triangle-card h3 {
    color: var(--guide-navy);
}

.ads-smart-motorway-type-note {
    max-width: 950px;
    margin: 28px auto 0;
    padding: 24px 28px;
    border-left: 5px solid var(--guide-orange);
    background: var(--guide-light);
}

.ads-smart-motorway-red-x-grid,
.ads-smart-motorway-cannot-grid,
.ads-smart-motorway-current-grid,
.ads-motorway-signs-warning-grid,
.ads-motorway-signs-junction-grid,
.ads-motorway-signs-tip-grid {
    display: grid;
    grid-template-columns: 1fr 0.68fr;
    gap: 48px;
    align-items: center;
}

.ads-smart-motorway-red-x-warning h3,
.ads-smart-motorway-live-lane-warning h3 {
    margin: 0 0 14px;
    color: var(--guide-white);
    font-size: 1.55rem;
}

.ads-smart-motorway-red-x-warning p,
.ads-smart-motorway-live-lane-warning p,
.ads-motorway-signs-warning-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
}

.ads-smart-motorway-current-note {
    padding: 30px;
    border-top: 6px solid var(--guide-orange);
    background: var(--guide-white);
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.08);
}

.ads-motorway-signs-page,
.ads-motorway-signs-section,
.ads-motorway-signs-final {
    --guide-navy: #12141a;
    --guide-orange: #f37423;
    --guide-white: #ffffff;
    --guide-light: #f5f6f8;
    --guide-grey: #d7d9df;
    --guide-text: #343842;
    --ms-blue: #1261a0;
    color: var(--guide-text);
}

.ads-motorway-signs-section-heading {
    max-width: 800px;
    margin: 0 auto 48px;
    text-align: center;
}

.ads-motorway-signs-hero {
    position: relative;
    overflow: hidden;
    padding: 105px 0 120px;
    background: radial-gradient(
            circle at 86% 18%,
            rgba(18, 97, 160, 0.38),
            transparent 31%
        ),
        radial-gradient(
            circle at 72% 75%,
            rgba(243, 116, 35, 0.17),
            transparent 27%
        ),
        linear-gradient(135deg, #12141a 0%, #20242d 100%);
    color: var(--guide-white);
}

.ads-motorway-signs-hero::before {
    content: "";
    position: absolute;
    top: 38px;
    right: 7%;
    width: 180px;
    height: 180px;
    border: 12px solid rgba(255, 255, 255, 0.06);
    border-radius: 22px;
    transform: rotate(9deg);
}

.ads-motorway-signs-hero-content {
    position: relative;
    z-index: 2;
    max-width: 920px;
}

.ads-motorway-signs-hero h1 {
    max-width: 980px;
    margin: 0 0 24px;
    color: var(--guide-white);
    font-size: clamp(3rem, 7vw, 5.5rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads-motorway-signs-hero p {
    max-width: 790px;
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: clamp(1.05rem, 2vw, 1.24rem);
    line-height: 1.75;
}

.ads-motorway-signs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 6px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

.ads-motorway-signs-signal-symbol {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    min-height: 76px;
    margin-bottom: 18px;
    padding: 8px;
    border: 8px solid #d62828;
    border-radius: 50%;
    background: #ffffff;
    color: #111111;
    font-size: 1.55rem;
    font-weight: 900;
    line-height: 1;
}

.ads-motorway-signs-red-x {
    border: 0;
    background: #111111;
    color: #ff2929;
    font-size: 3rem;
}

.ads-motorway-signs-arrow {
    border: 0;
    border-radius: 8px;
    background: #111111;
    color: #ffffff;
    font-size: 3rem;
}

.ads-motorway-signs-amber {
    border-color: #f5bd24;
    background: #111111;
    color: #f5bd24;
}

.ads-motorway-signs-word {
    border: 0;
    border-radius: 8px;
    background: #111111;
    color: #f5bd24;
    font-size: 1.1rem;
    letter-spacing: 0.06em;
}

.ads-motorway-signs-warning-card strong {
    display: block;
    margin-bottom: 12px;
    color: var(--guide-white);
    font-size: 1.65rem;
}

.ads-motorway-signs-countdown-card {
    padding: 32px;
    border-radius: 10px;
    background: var(--ms-blue);
    color: var(--guide-white);
    text-align: center;
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.11);
}

.ads-motorway-signs-countdown-symbol {
    display: flex;
    justify-content: center;
    gap: 8px;
    min-height: 75px;
    margin-bottom: 22px;
}

.ads-motorway-signs-countdown-symbol span {
    width: 14px;
    height: 70px;
    background: var(--guide-white);
    transform: skew(-18deg);
}

.ads-motorway-signs-countdown-card h3 {
    margin: 0 0 8px;
    color: var(--guide-white);
    font-size: 1.45rem;
}

.ads-motorway-signs-countdown-card strong {
    display: block;
    margin-bottom: 12px;
    color: #ffffff;
    font-size: 1.05rem;
}

.ads-motorway-signs-countdown-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    line-height: 1.65;
}

.ads-motorway-signs-location-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ads-motorway-signs-location-card {
    padding: 30px;
    border-radius: 10px;
    background: var(--ms-blue);
    color: var(--guide-white);
    text-align: center;
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.1);
}

.ads-motorway-signs-location-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    min-height: 64px;
    margin-bottom: 18px;
    padding: 10px 16px;
    border: 3px solid var(--guide-white);
    color: var(--guide-white);
    font-size: 1.45rem;
    font-weight: 900;
}

.ads-motorway-signs-location-card h3 {
    margin: 0 0 12px;
    color: var(--guide-white);
    font-size: 1.3rem;
}

.ads-motorway-signs-location-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    line-height: 1.67;
}

.ads-motorway-signs-tip-card strong {
    display: block;
    margin-bottom: 10px;
    color: var(--guide-navy);
    font-size: 1.3rem;
}

.ads-motorway-signs-colour-card {
    min-height: 220px;
    padding: 28px;
    border-radius: 10px;
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.08);
}

.ads-motorway-signs-colour-card h3 {
    margin: 0 0 13px;
    font-size: 1.35rem;
}

.ads-motorway-signs-blue-card {
    background: var(--ms-blue);
    color: var(--guide-white);
}

.ads-motorway-signs-red-card {
    border: 7px solid #d62828;
    background: #ffffff;
    color: var(--guide-text);
}

.ads-motorway-signs-triangle-card {
    border-top: 9px solid #d62828;
    background: #ffffff;
    color: var(--guide-text);
}

.ads-motorway-signs-brown-card {
    background: #7b4d27;
    color: var(--guide-white);
}

.ads-motorway-signs-brown-card h3 {
    color: var(--guide-white);
}

.ads-motorway-signs-junction-note {
    padding: 30px;
    border-left: 6px solid var(--guide-orange);
    background: var(--guide-light);
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.07);
}

.ads-motorway-signs-theory-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ads-motorway-signs-theory-card h3 {
    margin: 0 0 12px;
    color: var(--guide-navy);
    font-size: 1.23rem;
}

.ads-motorway-signs-faq-item {
    border: 1px solid var(--guide-grey);
    border-radius: 8px;
    background: var(--guide-light);
    box-shadow: 0 9px 24px rgba(18, 20, 26, 0.05);
}

.ads-motorway-signs-final .ads-motorway-signs-kicker {
    color: var(--guide-navy);
}

@media (max-width: 920px) {

    .ads-insurance-guide-feature-grid,
    .ads-insurance-guide-quick-panel,
    .ads-insurance-guide-passed-panel,
    .ads-insurance-guide-final-inner {
        grid-template-columns: 1fr;
    }

    .ads-insurance-guide-feature-reverse
        .ads-insurance-guide-feature-content {
        order: 2;
    }

    .ads-insurance-guide-feature-reverse
        .ads-insurance-guide-feature-image {
        order: 1;
    }

    .ads-insurance-guide-savings-grid,
    .ads-insurance-guide-check-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 650px) {

    .ads-insurance-guide-container,
    .ads-insurance-guide-narrow {
        width: min(100% - 28px, 1180px);
    }

    .ads-insurance-guide-section {
        padding: 64px 0;
    }

    .ads-insurance-guide-hero {
        padding: 75px 0 105px;
    }

    .ads-insurance-guide-hero h1 {
        font-size: clamp(2.7rem, 13vw, 4rem);
    }

    .ads-insurance-guide-hero-actions,
    .ads-insurance-guide-final-actions {
        display: grid;
    }

    .ads-insurance-guide-btn {
        width: 100%;
    }

    .ads-insurance-guide-type-grid,
    .ads-insurance-guide-compare-grid,
    .ads-insurance-guide-savings-grid,
    .ads-insurance-guide-check-grid {
        grid-template-columns: 1fr;
    }

    .ads-insurance-guide-quick-panel,
    .ads-insurance-guide-compare-panel,
    .ads-insurance-guide-passed-panel {
        padding: 32px 22px;
    }

    .ads-insurance-guide-feature-grid {
        gap: 32px;
    }

    .ads-insurance-guide-feature-image img {
        aspect-ratio: 16 / 10;
    }

    .ads-insurance-guide-final {
        padding: 58px 0;
    }

}

@media (max-width: 980px) {

    .ads-new-driver-insurance-intro-grid,
    .ads-new-driver-insurance-telematics-panel,
    .ads-new-driver-insurance-groups-grid,
    .ads-new-driver-insurance-named-grid,
    .ads-new-driver-insurance-accuracy-panel,
    .ads-new-driver-insurance-compare-grid,
    .ads-new-driver-insurance-final-inner,
    .ads-first-car-feature-grid,
    .ads-first-car-features-panel,
    .ads-first-car-insurance-panel,
    .ads-first-car-budget-grid,
    .ads-first-car-test-panel,
    .ads-first-car-inspection-grid,
    .ads-first-car-finance-panel,
    .ads-first-car-transmission-grid,
    .ads-first-car-final-inner,
    .ads-breakdown-guide-feature-grid,
    .ads-breakdown-guide-first-panel,
    .ads-breakdown-guide-choice-grid,
    .ads-breakdown-guide-exclusions-panel,
    .ads-breakdown-guide-extra-grid,
    .ads-breakdown-guide-motorway-panel,
    .ads-breakdown-guide-prevention-grid,
    .ads-breakdown-guide-final-inner,
    .ads-ev-guide-feature-grid,
    .ads-ev-guide-quick-panel,
    .ads-ev-guide-modes-panel,
    .ads-ev-guide-regen-grid,
    .ads-ev-guide-licence-panel,
    .ads-ev-guide-ownership-panel,
    .ads-ev-guide-final-inner,
    .ads-stopping-guide-feature-grid,
    .ads-stopping-guide-quick-panel,
    .ads-stopping-guide-speed-panel,
    .ads-stopping-guide-braking-panel,
    .ads-stopping-guide-following-panel,
    .ads-stopping-guide-theory-grid,
    .ads-stopping-guide-final-inner,
    .ads-smart-motorway-feature-grid,
    .ads-smart-motorway-quick-panel,
    .ads-smart-motorway-limits-panel,
    .ads-smart-motorway-red-x-grid,
    .ads-smart-motorway-using-panel,
    .ads-smart-motorway-cannot-grid,
    .ads-smart-motorway-detection-panel,
    .ads-smart-motorway-cameras-grid,
    .ads-smart-motorway-current-grid,
    .ads-smart-motorway-final-inner,
    .ads-motorway-signs-feature-grid,
    .ads-motorway-signs-rules-panel,
    .ads-motorway-signs-exit-panel,
    .ads-motorway-signs-reporting-panel,
    .ads-motorway-signs-warning-grid,
    .ads-motorway-signs-junction-grid,
    .ads-motorway-signs-tip-grid,
    .ads-motorway-signs-final-inner {
        grid-template-columns: 1fr;
    }

    .ads-new-driver-insurance-savings-grid,
    .ads-first-car-used-grid,
    .ads-breakdown-guide-compare-grid,
    .ads-smart-motorway-type-grid,
    .ads-smart-motorway-learners-grid,
    .ads-motorway-signs-signal-grid,
    .ads-motorway-signs-theory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-ev-guide-feature-reverse
        .ads-ev-guide-feature-content,
    .ads-smart-motorway-feature-reverse
        .ads-smart-motorway-feature-content,
    .ads-motorway-signs-feature-reverse
        .ads-motorway-signs-feature-content {
        order: 2;
    }

    .ads-ev-guide-feature-reverse
        .ads-ev-guide-feature-image,
    .ads-smart-motorway-feature-reverse
        .ads-smart-motorway-feature-image,
    .ads-motorway-signs-feature-reverse
        .ads-motorway-signs-feature-image {
        order: 1;
    }

    .ads-stopping-guide-memory-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ads-motorway-signs-colour-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 680px) {

    .ads-new-driver-insurance-container,
    .ads-new-driver-insurance-narrow,
    .ads-first-car-container,
    .ads-first-car-narrow,
    .ads-breakdown-guide-container,
    .ads-breakdown-guide-narrow,
    .ads-ev-guide-container,
    .ads-ev-guide-narrow,
    .ads-stopping-guide-container,
    .ads-stopping-guide-narrow,
    .ads-smart-motorway-container,
    .ads-smart-motorway-narrow,
    .ads-motorway-signs-container,
    .ads-motorway-signs-narrow {
        width: min(100% - 28px, 1180px);
    }

    .ads-new-driver-insurance-section,
    .ads-first-car-section,
    .ads-breakdown-guide-section,
    .ads-ev-guide-section,
    .ads-stopping-guide-section,
    .ads-smart-motorway-section,
    .ads-motorway-signs-section {
        padding: 64px 0;
    }

    .ads-new-driver-insurance-hero,
    .ads-first-car-hero,
    .ads-breakdown-guide-hero,
    .ads-ev-guide-hero,
    .ads-stopping-guide-hero,
    .ads-smart-motorway-hero,
    .ads-motorway-signs-hero {
        padding: 75px 0 105px;
    }

    .ads-new-driver-insurance-hero h1,
    .ads-first-car-hero h1,
    .ads-breakdown-guide-hero h1,
    .ads-ev-guide-hero h1,
    .ads-stopping-guide-hero h1,
    .ads-smart-motorway-hero h1,
    .ads-motorway-signs-hero h1 {
        font-size: clamp(2.7rem, 13vw, 4rem);
    }

    .ads-new-driver-insurance-hero-actions,
    .ads-new-driver-insurance-final-actions,
    .ads-first-car-hero-actions,
    .ads-first-car-final-actions,
    .ads-breakdown-guide-hero-actions,
    .ads-breakdown-guide-final-actions,
    .ads-ev-guide-hero-actions,
    .ads-ev-guide-final-actions,
    .ads-stopping-guide-hero-actions,
    .ads-stopping-guide-final-actions,
    .ads-smart-motorway-hero-actions,
    .ads-smart-motorway-final-actions,
    .ads-motorway-signs-hero-actions,
    .ads-motorway-signs-final-actions {
        display: grid;
    }

    .ads-new-driver-insurance-btn,
    .ads-first-car-btn,
    .ads-breakdown-guide-btn,
    .ads-ev-guide-btn,
    .ads-stopping-guide-btn,
    .ads-smart-motorway-btn,
    .ads-motorway-signs-btn {
        width: 100%;
    }

    .ads-new-driver-insurance-cover-grid,
    .ads-new-driver-insurance-car-grid,
    .ads-new-driver-insurance-savings-grid,
    .ads-new-driver-insurance-check-grid,
    .ads-new-driver-insurance-accuracy-list,
    .ads-new-driver-insurance-compare-list,
    .ads-first-car-compare-grid,
    .ads-first-car-good-grid,
    .ads-first-car-features-list,
    .ads-first-car-type-grid,
    .ads-first-car-costs-grid,
    .ads-first-car-insurance-list,
    .ads-first-car-budget-list,
    .ads-first-car-used-grid,
    .ads-first-car-test-list,
    .ads-first-car-seller-grid,
    .ads-first-car-finance-list,
    .ads-first-car-transmission-cards,
    .ads-breakdown-guide-level-grid,
    .ads-breakdown-guide-choice-list,
    .ads-breakdown-guide-cover-grid,
    .ads-breakdown-guide-exclusions-list,
    .ads-breakdown-guide-extra-list,
    .ads-breakdown-guide-compare-grid,
    .ads-breakdown-guide-prevention-list,
    .ads-ev-guide-quick-points,
    .ads-ev-guide-transmission-grid,
    .ads-ev-guide-modes-list,
    .ads-ev-guide-easier-grid,
    .ads-ev-guide-licence-list,
    .ads-ev-guide-compare-grid,
    .ads-ev-guide-range-grid,
    .ads-ev-guide-ownership-list,
    .ads-stopping-guide-factor-grid,
    .ads-stopping-guide-braking-list,
    .ads-stopping-guide-theory-list,
    .ads-smart-motorway-quick-points,
    .ads-smart-motorway-type-grid,
    .ads-smart-motorway-limits-list,
    .ads-smart-motorway-using-list,
    .ads-smart-motorway-detection-list,
    .ads-smart-motorway-cameras-list,
    .ads-smart-motorway-learners-grid,
    .ads-motorway-signs-rules-list,
    .ads-motorway-signs-exit-list,
    .ads-motorway-signs-reporting-list,
    .ads-motorway-signs-signal-grid,
    .ads-motorway-signs-countdown-grid,
    .ads-motorway-signs-location-grid,
    .ads-motorway-signs-colour-grid,
    .ads-motorway-signs-theory-grid {
        grid-template-columns: 1fr;
    }

    .ads-new-driver-insurance-risk-list,
    .ads-new-driver-insurance-telematics-panel,
    .ads-new-driver-insurance-accuracy-panel,
    .ads-first-car-features-panel,
    .ads-first-car-insurance-panel,
    .ads-first-car-test-panel,
    .ads-first-car-finance-panel,
    .ads-breakdown-guide-first-panel,
    .ads-breakdown-guide-exclusions-panel,
    .ads-breakdown-guide-motorway-panel,
    .ads-ev-guide-quick-panel,
    .ads-ev-guide-modes-panel,
    .ads-ev-guide-licence-panel,
    .ads-ev-guide-ownership-panel,
    .ads-stopping-guide-quick-panel,
    .ads-stopping-guide-speed-panel,
    .ads-stopping-guide-braking-panel,
    .ads-stopping-guide-following-panel,
    .ads-smart-motorway-quick-panel,
    .ads-smart-motorway-limits-panel,
    .ads-smart-motorway-using-panel,
    .ads-smart-motorway-detection-panel,
    .ads-motorway-signs-rules-panel,
    .ads-motorway-signs-exit-panel,
    .ads-motorway-signs-reporting-panel {
        padding: 32px 22px;
    }

    .ads-new-driver-insurance-final,
    .ads-first-car-final,
    .ads-breakdown-guide-final,
    .ads-ev-guide-final,
    .ads-stopping-guide-final,
    .ads-smart-motorway-final,
    .ads-motorway-signs-final {
        padding: 58px 0;
    }

    .ads-first-car-feature-grid,
    .ads-breakdown-guide-feature-grid,
    .ads-ev-guide-feature-grid,
    .ads-stopping-guide-feature-grid,
    .ads-smart-motorway-feature-grid,
    .ads-motorway-signs-feature-grid {
        gap: 32px;
    }

    .ads-first-car-feature-image img,
    .ads-breakdown-guide-feature-image img,
    .ads-ev-guide-feature-image img,
    .ads-smart-motorway-feature-image img,
    .ads-motorway-signs-feature-image img {
        aspect-ratio: 16 / 10;
    }

    .ads-stopping-guide-memory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-stopping-guide-image-placeholder {
        min-height: 300px;
    }

    .ads-stopping-guide-placeholder-inner {
        padding: 28px 20px;
    }

    .ads-stopping-guide-table th,
    .ads-stopping-guide-table td {
        padding: 15px 12px;
    }

    .ads-smart-motorway-red-x-warning,
    .ads-smart-motorway-live-lane-warning {
        padding: 28px 22px;
    }

    .ads-motorway-signs-warning-card,
    .ads-motorway-signs-tip-card,
    .ads-motorway-signs-junction-note {
        padding: 27px 22px;
    }

}


/* =========================================================
   AUTOMATIC OR MANUAL GUIDE
   Moved from pricing and lesson pages
   ========================================================= */

.ads-choice-image-block {
    max-width: 360px;
    margin: 36px auto 0;
    text-align: center;
}

.ads-choice-image-block img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 14px 32px rgba(18, 20, 26, 0.12);
}

.ads-choice-image-block figcaption {
    margin-top: 12px;
    color: #666d77;
    font-size: 14px;
    line-height: 1.6;
}

.ads-choice-page,
.ads-choice-page * {
    box-sizing: border-box;
}

.ads-choice-page {
    overflow: hidden;
    color: #2f3540;
    background: #ffffff;
}

.ads-choice-container {
    width: calc(100% - 48px);
    max-width: 1200px;
    margin: 0 auto;
}

.ads-choice-narrow {
    max-width: 820px;
}

.ads-choice-section {
    padding: 80px 0;
}

.ads-choice-intro,
.ads-choice-test {
    text-align: center;
}

.ads-choice-intro h2,
.ads-choice-test h2,
.ads-choice-licence-panel h2,
.ads-choice-intensive-panel h2,
.ads-choice-final-cta h2 {
    margin: 0 0 18px;
    color: #12141a;
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.15;
}

.ads-choice-intro p,
.ads-choice-test p,
.ads-choice-licence-panel p,
.ads-choice-intensive-panel p,
.ads-choice-final-cta p {
    margin: 0 0 16px;
    color: #5b616c;
    font-size: 17px;
    line-height: 1.75;
}

.ads-choice-hero {
    display: flex;
    align-items: center;
    min-height: 560px;
    padding: 90px 0;
    color: #ffffff;
    background:
        linear-gradient(rgba(18, 20, 26, 0.8), rgba(18, 20, 26, 0.8)),
        url("http://localhost/ads-local/wp-content/uploads/2026/01/Andrews-Driving-Colwyn-Bay.webp")
        center / cover no-repeat;
}

.ads-choice-hero-content {
    max-width: 780px;
}

.ads-choice-hero h1 {
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(42px, 5.5vw, 66px);
    line-height: 1.05;
}

.ads-choice-hero p {
    max-width: 700px;
    margin: 0 0 28px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.6;
}

.ads-choice-hero-actions,
.ads-choice-card-actions,
.ads-choice-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ads-choice-hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.ads-choice-hero-pills span {
    padding: 7px 12px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}

.ads-choice-intro {
    background: #ffffff;
}

.ads-choice-comparison {
    background: #f4f7f9;
}

.ads-choice-comparison-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

.ads-choice-card {
    display: flex;
    flex-direction: column;
    padding: 36px;
    background: #ffffff;
    border: 1px solid #e3e7ec;
    border-top: 4px solid #f37423;
    border-radius: 9px;
}

.ads-choice-card-featured {
    border-color: #f37423;
    box-shadow: 0 18px 38px rgba(18, 20, 26, 0.1);
}

.ads-choice-label {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 14px;
    padding: 6px 10px;
    color: #d95f12;
    background: rgba(243, 116, 35, 0.1);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.ads-choice-card h3,
.ads-choice-reason-card h3,
.ads-choice-cost-card h3,
.ads-choice-switching-card h3,
.ads-choice-decision-card h3 {
    margin: 0 0 12px;
    color: #12141a;
    font-size: 22px;
    line-height: 1.3;
}

.ads-choice-card p,
.ads-choice-reason-card p,
.ads-choice-cost-card p,
.ads-choice-switching-card p,
.ads-choice-decision-card p {
    margin: 0;
    color: #5b616c;
    line-height: 1.7;
}

.ads-choice-list {
    margin: 24px 0 28px;
    padding: 0;
    list-style: none;
}

.ads-choice-list li {
    position: relative;
    margin-bottom: 11px;
    padding-left: 25px;
    color: #525965;
    line-height: 1.6;
}

.ads-choice-list li::before {
    position: absolute;
    left: 0;
    content: "✓";
    color: #f37423;
    font-weight: 900;
}

.ads-choice-card-actions {
    margin-top: auto;
}

.ads-choice-licence {
    background: #ffffff;
}

.ads-choice-licence-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 48px;
    align-items: center;
    padding: 46px;
    color: #ffffff;
    background: #12141a;
    border-radius: 10px;
}

.ads-choice-licence-panel h2,
.ads-choice-licence-panel p {
    color: #ffffff;
}

.ads-choice-licence-points {
    display: grid;
    gap: 14px;
}

.ads-choice-licence-points > div {
    padding: 20px;
    background: #ffffff;
    border-left: 4px solid #f37423;
    border-radius: 6px;
}

.ads-choice-licence-points strong {
    display: block;
    margin-bottom: 5px;
    color: #12141a;
}

.ads-choice-licence-points span {
    color: #5b616c;
    line-height: 1.6;
}

.ads-choice-manual-suit {
    background: #f4f7f9;
}

.ads-choice-auto-suit {
    background: #ffffff;
}

.ads-choice-reasons-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.ads-choice-reason-card {
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e3e7ec;
    border-top: 4px solid #f37423;
    border-radius: 7px;
}

.ads-choice-auto-suit .ads-choice-reason-card {
    background: #f4f7f9;
}

.ads-choice-image-block {
    max-width: 900px;
    margin: 38px auto 0;
    text-align: center;
}

.ads-choice-costs {
    background: #f4f7f9;
}

.ads-choice-cost-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

.ads-choice-cost-card {
    padding: 34px;
    background: #ffffff;
    border: 1px solid #e3e7ec;
    border-radius: 8px;
}

.ads-choice-price {
    margin: 22px 0 14px;
    color: #12141a;
}

.ads-choice-price strong {
    display: block;
    font-size: 48px;
    line-height: 1;
}

.ads-choice-price span {
    display: block;
    margin-top: 7px;
    color: #686f79;
    font-weight: 700;
}

.ads-choice-cost-card .ads-text-link {
    display: inline-block;
    margin-top: 18px;
}

.ads-choice-cost-note {
    max-width: 850px;
    margin: 28px auto 0;
    padding: 20px 24px;
    background: #fff7f1;
    border-left: 4px solid #f37423;
    border-radius: 6px;
    text-align: center;
}

.ads-choice-cost-note p {
    margin: 0;
    color: #555c67;
    line-height: 1.7;
}

.ads-choice-test {
    background: #ffffff;
}

.ads-choice-switching {
    background: #f4f7f9;
}

.ads-choice-switching-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.ads-choice-switching-card {
    padding: 28px;
    background: #ffffff;
    border-left: 4px solid #f37423;
    border-radius: 7px;
}

.ads-choice-decision {
    background: #ffffff;
}

.ads-choice-decision-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

.ads-choice-decision-card {
    padding: 34px;
    background: #f4f7f9;
    border: 1px solid #e3e7ec;
    border-radius: 8px;
}

.ads-choice-decision-card .ads-choice-list {
    margin-bottom: 0;
}

.ads-choice-intensive {
    background: #12141a;
}

.ads-choice-intensive-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    padding: 44px;
    background: #ffffff;
    border-radius: 10px;
}

.ads-choice-intensive-panel p {
    max-width: 700px;
    margin-bottom: 0;
}

.ads-choice-faq {
    background: #f4f7f9;
}

.ads-choice-final-cta {
    padding: 64px 0;
    color: #ffffff;
    background: #12141a;
}

.ads-choice-final-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
}

.ads-choice-final-cta h2,
.ads-choice-final-cta p {
    color: #ffffff;
}

.ads-choice-final-cta p {
    max-width: 650px;
    margin-bottom: 0;
}

.ads-choice-page .ads-choice-image-block {
    width: 100%;
    max-width: 560px !important;
    margin: 32px auto 0;
}

.ads-choice-page .ads-choice-image-block img {
    width: 100%;
    max-width: 560px !important;
    height: auto;
    margin: 0 auto;
}

.ads-choice-info-hub {
    background: #ffffff;
}

.ads-choice-info-hub-panel {
    padding: 42px 34px;
    color: #ffffff;
    background: #12141a;
    border-radius: 18px;
    text-align: center;
}

.ads-choice-info-hub-panel h2 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: clamp(26px, 3.5vw, 36px);
    line-height: 1.2;
}

.ads-choice-info-hub-panel p {
    max-width: 900px;
    margin: 0 auto 22px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.7;
}

.ads-choice-electric {
    background: #ffffff;
}

.ads-choice-split-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    align-items: center;
    gap: 48px;
    padding: 46px;
    color: #ffffff;
    background: #12141a;
    border-radius: 10px;
}

.ads-choice-split-panel h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.15;
}

.ads-choice-split-panel p {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.75;
}

.ads-choice-split-points {
    display: grid;
    gap: 14px;
}

.ads-choice-split-points > div {
    padding: 20px;
    background: #ffffff;
    border-left: 4px solid #f37423;
    border-radius: 6px;
}

.ads-choice-split-points strong {
    display: block;
    margin-bottom: 5px;
    color: #12141a;
}

.ads-choice-split-points span {
    color: #5b616c;
    line-height: 1.6;
}

.ads-choice-work {
    background: #f4f7f9;
}

.ads-choice-work-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.ads-choice-work-card {
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e3e7ec;
    border-top: 4px solid #f37423;
    border-radius: 7px;
}

.ads-choice-work-card h3 {
    margin: 0 0 12px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
}

.ads-choice-work-card p {
    margin: 0;
    color: #5b616c;
    line-height: 1.7;
}

.ads-choice-related {
    background: #ffffff;
}

.ads-choice-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.ads-choice-related-card {
    display: block;
    padding: 28px;
    color: inherit !important;
    background: #f4f7f9;
    border: 1px solid #e3e7ec;
    border-radius: 8px;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.ads-choice-related-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(18, 20, 26, 0.1);
}

.ads-choice-related-card h3 {
    margin: 0 0 12px;
    color: #12141a;
    font-size: 21px;
}

.ads-choice-related-card p {
    margin: 0 0 18px;
    color: #5b616c;
    line-height: 1.7;
}

.ads-choice-related-card span {
    color: #d95f12;
    font-weight: 800;
}

@media (max-width: 980px) {
.ads-choice-reasons-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }.ads-choice-licence-panel {
            grid-template-columns: 1fr;
        }.ads-choice-intensive-panel,
        .ads-choice-final-inner {
            align-items: flex-start;
            flex-direction: column;
        }.ads-choice-split-panel {
            grid-template-columns: 1fr;
        }.ads-choice-work-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

@media (max-width: 700px) {
.ads-choice-container {
            width: calc(100% - 36px);
        }.ads-choice-section {
            padding: 58px 0;
        }.ads-choice-hero {
            min-height: auto;
            padding: 72px 0;
        }.ads-choice-hero h1 {
            font-size: 40px;
        }.ads-choice-hero p {
            font-size: 18px;
        }.ads-choice-hero-actions,
        .ads-choice-card-actions,
        .ads-choice-final-actions {
            align-items: stretch;
            flex-direction: column;
        }.ads-choice-comparison-grid,
        .ads-choice-reasons-grid,
        .ads-choice-cost-grid,
        .ads-choice-switching-grid,
        .ads-choice-decision-grid {
            grid-template-columns: 1fr;
        }.ads-choice-card,
        .ads-choice-reason-card,
        .ads-choice-cost-card,
        .ads-choice-switching-card,
        .ads-choice-decision-card {
            padding: 24px;
        }.ads-choice-licence-panel,
        .ads-choice-intensive-panel {
            padding: 26px;
        }.ads-choice-price strong {
            font-size: 42px;
        }.ads-choice-final-cta {
            padding: 54px 0;
        }.ads-choice-info-hub-panel {
            padding: 32px 22px;
            border-radius: 12px;
        }.ads-choice-info-hub-panel h2 {
            font-size: 27px;
        }.ads-choice-split-panel {
            padding: 26px;
        }.ads-choice-work-grid,
        .ads-choice-related-grid {
            grid-template-columns: 1fr;
        }.ads-choice-work-card,
        .ads-choice-related-card {
            padding: 24px;
        }
}
/* =========================================================
   SHARED GB LEARNER GUIDE FRAMEWORK
   Used by newer guide pages such as Winter Driving Tips
   ========================================================= */

.gb-ads-guide-hero,
.gb-ads-guide-intro,
.gb-ads-guide-section {
    --guide-navy: #12141a;
    --guide-orange: #f37423;
    --guide-white: #ffffff;
    --guide-light: #f5f6f8;
    --guide-grey: #d7d9df;
    --guide-text: #343842;
}

.gb-ads-guide-hero *,
.gb-ads-guide-intro *,
.gb-ads-guide-section * {
    box-sizing: border-box;
}

.gb-ads-guide-container,
.gb-ads-guide-hero-inner {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* HERO */

.gb-ads-guide-hero {
    position: relative;
    overflow: hidden;
    min-height: 560px;
    display: flex;
    align-items: center;
    padding: 95px 0 115px;
    color: var(--guide-white);

    background-image:
        linear-gradient(
            90deg,
            rgba(18, 20, 26, 0.98) 0%,
            rgba(18, 20, 26, 0.92) 42%,
            rgba(18, 20, 26, 0.48) 72%,
            rgba(18, 20, 26, 0.18) 100%
        ),
        var(--guide-hero-image);

    background-color: var(--guide-navy);
    background-position: center, right center;
    background-size: cover, cover;
    background-repeat: no-repeat;
    border-bottom: 6px solid var(--guide-orange);
}

.gb-ads-guide-hero::after {
    content: "";
    position: absolute;
    right: -5%;
    bottom: -78px;
    left: -5%;
    height: 118px;
    background: var(--guide-white);
    transform: rotate(-2deg);
}

.gb-ads-guide-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
}

.gb-ads-guide-kicker {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--guide-orange);
    font-size: 0.84rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.gb-ads-guide-hero h1 {
    max-width: 920px;
    margin: 0 0 24px;
    color: var(--guide-white);
    font-size: clamp(3rem, 7vw, 5.6rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.gb-ads-guide-hero h1 span {
    display: block;
}

.gb-ads-guide-hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: clamp(1.05rem, 2vw, 1.24rem);
    line-height: 1.75;
}

.gb-ads-guide-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}


/* BUTTONS */

.gb-ads-guide-hero .gb-ads-btn-orange,
.gb-ads-guide-hero .gb-ads-btn-white {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 6px;
    font-weight: 900;
    text-decoration: none;
    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.gb-ads-guide-hero .gb-ads-btn-orange {
    background: var(--guide-orange);
    color: var(--guide-white);
}

.gb-ads-guide-hero .gb-ads-btn-orange:hover {
    background: #d96117;
    color: var(--guide-white);
    transform: translateY(-2px);
}

.gb-ads-guide-hero .gb-ads-btn-white {
    border-color: rgba(255, 255, 255, 0.5);
    color: var(--guide-white);
    background: transparent;
}

.gb-ads-guide-hero .gb-ads-btn-white:hover {
    border-color: var(--guide-white);
    color: var(--guide-white);
    transform: translateY(-2px);
}


/* BACK LINK */

.gb-ads-guide-back {
    width: min(1180px, calc(100% - 40px));
    margin: 18px auto 0;
}

.gb-ads-guide-back a {
    color: var(--guide-navy);
    font-weight: 800;
    text-decoration: none;
}

.gb-ads-guide-back a:hover {
    color: var(--guide-orange);
    text-decoration: underline;
}


/* INTRO */

.gb-ads-guide-intro {
    padding: 88px 0;
    background: var(--guide-white);
}

.gb-ads-guide-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 52px;
    align-items: start;
}

.gb-ads-guide-intro-copy h2 {
    margin: 0 0 20px;
    color: var(--guide-navy);
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
}

.gb-ads-guide-intro-copy p {
    margin: 0 0 18px;
    color: var(--guide-text);
    font-size: 1.06rem;
    line-height: 1.75;
}

.gb-ads-guide-summary-card {
    padding: 34px;
    border-radius: 14px;
    background: var(--guide-navy);
    color: var(--guide-white);
    box-shadow: 0 16px 38px rgba(18, 20, 26, 0.12);
}

.gb-ads-guide-summary-label {
    display: inline-block;
    margin-bottom: 14px;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--guide-orange);
    color: var(--guide-white);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.gb-ads-guide-summary-card h3 {
    margin: 0 0 18px;
    color: var(--guide-white);
    font-size: 1.7rem;
}

.gb-ads-guide-summary-card ul {
    margin: 0;
    padding-left: 20px;
}

.gb-ads-guide-summary-card li {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.55;
}


/* GENERAL GUIDE SECTIONS */

.gb-ads-guide-section {
    padding: 88px 0;
}

.gb-ads-guide-section-light {
    background: var(--guide-light);
}

.gb-ads-guide-section-heading {
    max-width: 800px;
    margin: 0 auto 48px;
    text-align: center;
}

.gb-ads-guide-section-heading h2 {
    margin: 0 0 18px;
    color: var(--guide-navy);
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
}

.gb-ads-guide-section-heading p {
    margin: 0;
    color: var(--guide-text);
    font-size: 1.06rem;
    line-height: 1.75;
}

.gb-ads-guide-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.gb-ads-guide-card {
    padding: 30px;
    border: 1px solid var(--guide-grey);
    border-top: 5px solid var(--guide-orange);
    border-radius: 10px;
    background: var(--guide-white);
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.07);
}

.gb-ads-guide-card h3 {
    margin: 0 0 14px;
    color: var(--guide-navy);
    font-size: 1.35rem;
}

.gb-ads-guide-card p {
    margin: 0;
    color: var(--guide-text);
    line-height: 1.72;
}


/* WINTER HERO IMAGE */

.gb-ads-winter-hero {
    --guide-hero-image:
        url("/wp-content/uploads/2021/01/Foggy-Motorway-1.jpg.webp");
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .gb-ads-guide-intro-grid {
        grid-template-columns: 1fr;
    }

    .gb-ads-guide-card-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {

    .gb-ads-guide-container,
    .gb-ads-guide-hero-inner,
    .gb-ads-guide-back {
        width: min(100% - 28px, 1180px);
    }

    .gb-ads-guide-hero {
        min-height: auto;
        padding: 72px 0 95px;

        background-image:
            linear-gradient(
                rgba(18, 20, 26, 0.70),
                rgba(18, 20, 26, 0.76)
            ),
            var(--guide-hero-image);

        background-position: center;
        background-size: cover;
    }

    .gb-ads-guide-hero h1 {
        font-size: clamp(2.5rem, 12vw, 4rem);
    }

    .gb-ads-guide-hero-actions {
        flex-direction: column;
    }

    .gb-ads-guide-hero-actions a {
        width: 100%;
    }

    .gb-ads-guide-intro,
    .gb-ads-guide-section {
        padding: 60px 0;
    }

    .gb-ads-guide-summary-card,
    .gb-ads-guide-card {
        padding: 24px;
    }
}
.gb-ads-guide-feature-image {
    overflow: hidden;
    border-radius: 14px;
    background: var(--guide-light);
    box-shadow: 0 18px 45px rgba(18, 20, 26, 0.1);
}

.gb-ads-guide-feature-image img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
/* SHARED GUIDE FINAL CTA */

.gb-ads-guide-final {
    --guide-navy: #12141a;
    --guide-orange: #f37423;
    --guide-white: #ffffff;

    padding: 72px 0;
    background: var(--guide-orange);
    color: var(--guide-white);
}

.gb-ads-guide-final * {
    box-sizing: border-box;
}

.gb-ads-guide-final-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 50px;
    align-items: center;
}

.gb-ads-guide-final .gb-ads-guide-kicker {
    color: var(--guide-navy);
}

.gb-ads-guide-final h2 {
    margin: 0 0 14px;
    color: var(--guide-white);
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
}

.gb-ads-guide-final p {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.7;
}

.gb-ads-guide-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.gb-ads-guide-final-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 6px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    transition:
        transform 0.2s ease,
        background 0.2s ease,
        color 0.2s ease;
}

.gb-ads-guide-final-btn:hover {
    transform: translateY(-2px);
}

.gb-ads-guide-final-btn-dark {
    background: var(--guide-navy);
    color: var(--guide-white);
}

.gb-ads-guide-final-btn-dark:hover {
    background: #282c36;
    color: var(--guide-white);
}

.gb-ads-guide-final-btn-light {
    border-color: var(--guide-white);
    color: var(--guide-white);
}

.gb-ads-guide-final-btn-light:hover {
    background: var(--guide-white);
    color: var(--guide-navy);
}

@media (max-width: 800px) {

    .gb-ads-guide-final-inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 700px) {

    .gb-ads-guide-final {
        padding: 60px 0;
    }

    .gb-ads-guide-final-actions {
        flex-direction: column;
    }

    .gb-ads-guide-final-btn {
        width: 100%;
    }
}
/* SHARED GUIDE FAQ */

.gb-ads-guide-faq-list {
    display: grid;
    gap: 14px;
    max-width: 920px;
    margin: 0 auto;
}

.gb-ads-guide-faq-item {
    border: 1px solid var(--guide-grey);
    border-radius: 8px;
    background: var(--guide-white);
    box-shadow: 0 9px 24px rgba(18, 20, 26, 0.05);
}

.gb-ads-guide-faq-item summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: var(--guide-navy);
    font-weight: 900;
    cursor: pointer;
    list-style: none;
}

.gb-ads-guide-faq-item summary::-webkit-details-marker {
    display: none;
}

.gb-ads-guide-faq-item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 24px;
    color: var(--guide-orange);
    font-size: 1.7rem;
    transform: translateY(-50%);
}

.gb-ads-guide-faq-item[open] summary::after {
    content: "−";
}

.gb-ads-guide-faq-answer {
    padding: 0 24px 22px;
}

.gb-ads-guide-faq-answer p {
    margin: 0;
    color: var(--guide-text);
    line-height: 1.75;
}
.gb-ads-tyre-hero {
    --guide-hero-image:
        url("/wp-content/uploads/2025/07/Good-New-Tyres.webp");
}
.gb-ads-summer-hero {
    --guide-hero-image:
        url("/wp-content/uploads/2019/07/Drink-water-driving.jpg.webp");
}
.gb-ads-fog-lights-hero {
    --guide-hero-image:
        url("/wp-content/uploads/2024/11/car-foglights-on-1.jpg.webp");
}
.gb-ads-guide-card-image {
    overflow: hidden;
    margin: -30px -30px 24px;
    border-radius: 9px 9px 0 0;
    background: var(--guide-light);
}

.gb-ads-guide-card-image img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

@media (max-width: 700px) {

    .gb-ads-guide-card-image {
        margin: -24px -24px 22px;
    }
}
.gb-ads-a55-hero {
    --guide-hero-image:
        url("/wp-content/uploads/2026/01/Driving-school-car-on-busy-motorway.webp");
}