/* =========================================================
   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("https://andrewsdriving.com/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");
}
.gb-ads-motorway-hero {
    background:
        linear-gradient(
            90deg,
            rgba(18, 20, 26, 0.97) 0%,
            rgba(18, 20, 26, 0.90) 45%,
            rgba(18, 20, 26, 0.42) 72%,
            rgba(18, 20, 26, 0.18) 100%
        ),
        url("/wp-content/uploads/2018/06/Motorway-traffic-learner-drivers.jpg")
        center 48% / cover no-repeat;
}
/* Learner guide hero buttons */
.gb-ads-guide-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.gb-ads-guide-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.gb-ads-guide-btn-primary {
    background: #f37423;
    border-color: #f37423;
    color: #ffffff !important;
}

.gb-ads-guide-btn-primary:hover,
.gb-ads-guide-btn-primary:focus {
    background: #ffffff;
    border-color: #ffffff;
    color: #12141a !important;
    transform: translateY(-2px);
}

.gb-ads-guide-btn-outline {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.8);
    color: #ffffff !important;
}

.gb-ads-guide-btn-outline:hover,
.gb-ads-guide-btn-outline:focus {
    background: #ffffff;
    border-color: #ffffff;
    color: #12141a !important;
    transform: translateY(-2px);
}

@media (max-width: 700px) {
    .gb-ads-guide-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .gb-ads-guide-btn {
        width: 100%;
    }
}
/* =========================================================
   MOTORWAY GUIDE PAGE COMPONENTS
   ========================================================= */

/* Hero action row */
.gb-ads-motorway-hero .gb-ads-guide-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 28px;
}

/* Hero buttons */
.gb-ads-motorway-hero .gb-ads-guide-hero-actions > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.gb-ads-motorway-hero .gb-ads-guide-hero-actions > a:first-child {
    background-color: #f37423;
    border-color: #f37423;
    color: #ffffff;
}

.gb-ads-motorway-hero .gb-ads-guide-hero-actions > a:last-child {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

.gb-ads-motorway-hero .gb-ads-guide-hero-actions > a:hover,
.gb-ads-motorway-hero .gb-ads-guide-hero-actions > a:focus {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #12141a;
    transform: translateY(-2px);
}


/* Main feature image */
.gb-ads-guide-feature-image {
    width: 100%;
    margin: 0;
    overflow: hidden;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(18, 20, 26, 0.14);
}

.gb-ads-guide-feature-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 560px;
    object-fit: cover;
}

.gb-ads-guide-feature-image figcaption {
    padding: 16px 20px;
    background: #12141a;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.6;
}


/* Image and copy split section */
.gb-ads-guide-image-copy-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 48px;
}

.gb-ads-guide-image-copy-media {
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(18, 20, 26, 0.14);
}

.gb-ads-guide-image-copy-media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
}

.gb-ads-guide-image-copy-content h2 {
    margin-top: 8px;
    margin-bottom: 18px;
}

.gb-ads-guide-image-copy-content p {
    margin-bottom: 18px;
}


/* Checklist */
.gb-ads-guide-check-list {
    display: grid;
    gap: 12px;
    margin: 22px 0;
    padding: 0;
    list-style: none;
}

.gb-ads-guide-check-list li {
    position: relative;
    margin: 0;
    padding-left: 34px;
}

.gb-ads-guide-check-list li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #f37423;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    line-height: 23px;
    text-align: center;
}


/* Vehicle-check panel */
.gb-ads-guide-check-panel {
    padding: 28px 32px;
    background: #ffffff;
    border-left: 5px solid #f37423;
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(18, 20, 26, 0.1);
}


/* Information box */
.gb-ads-guide-info-box {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 22px;
    padding: 30px 32px;
    background: #12141a;
    border-radius: 10px;
    color: #ffffff;
}

.gb-ads-guide-info-box h2 {
    margin-top: 0;
    color: #ffffff;
}

.gb-ads-guide-info-box p {
    color: rgba(255, 255, 255, 0.88);
}

.gb-ads-guide-info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #f37423;
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
}


/* Mobile */
@media (max-width: 800px) {
    .gb-ads-guide-image-copy-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .gb-ads-guide-image-copy-media img {
        min-height: 0;
        aspect-ratio: 16 / 10;
    }
}

@media (max-width: 700px) {
    .gb-ads-motorway-hero .gb-ads-guide-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

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

    .gb-ads-guide-check-panel,
    .gb-ads-guide-info-box {
        padding: 24px 20px;
    }

    .gb-ads-guide-info-box {
        grid-template-columns: 1fr;
    }
}
/* Motorway hero buttons */
.gb-ads-motorway-hero .gb-ads-guide-hero-actions > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 13px 22px !important;
    border: 2px solid #f37423 !important;
    border-radius: 4px !important;
    background: #f37423 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.gb-ads-motorway-hero .gb-ads-guide-hero-actions > a:last-child {
    border-color: #ffffff !important;
    background: transparent !important;
    color: #ffffff !important;
}

.gb-ads-motorway-hero .gb-ads-guide-hero-actions > a:hover,
.gb-ads-motorway-hero .gb-ads-guide-hero-actions > a:focus {
    border-color: #ffffff !important;
    background: #ffffff !important;
    color: #12141a !important;
}
/* ==================================================
   AUTOMATIC OR MANUAL COMPARISON PAGE
================================================== */
/*MEDIA BLOCKOUT*/

.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("https://andrewsdriving.com/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;
}

/* MAIN COMPARISON */

.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;
}

/* LICENCE PANEL */

.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;
}

/* REASONS */

.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;
}

/* IMAGES */

.ads-choice-image-block {
    max-width: 900px;
    margin: 38px 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;
}

/* COSTS */

.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;
}

/* PRACTICAL TEST */

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

/* SWITCHING */

.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;
}

/* QUICK DECISION */

.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;
}

/* INTENSIVE PANEL */

.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;
}

/* FAQ */

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

/* FINAL CTA */

.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;
}

/* TABLET */

@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;
    }
}

/* MOBILE */

@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-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;
}
/* DRIVING INFO HUB */

.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;
}

@media (max-width: 700px) {
    .ads-choice-info-hub-panel {
        padding: 32px 22px;
        border-radius: 12px;
    }

    .ads-choice-info-hub-panel h2 {
        font-size: 27px;
    }
}
/* ==================================================
   DRIVING TEST DAY CHECKLIST
================================================== */

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

.ads-test-checklist-page {
    overflow: hidden;
    color: #2f3540;
    background: #f7f8fa;
}

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


.ads-test-checklist-hero {
    padding: 86px 0 76px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            rgba(18, 20, 26, 0.97),
            rgba(34, 38, 48, 0.94)
        );
}

.ads-test-checklist-label {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 13px;
    color: #ffffff;
    background: #f37423;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-test-checklist-hero h1 {
    max-width: 840px;
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(42px, 6vw, 66px);
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1.04;
    text-transform: uppercase;
}

.ads-test-checklist-hero h1 span {
    color: #f37423;
}

.ads-test-checklist-hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 19px;
    line-height: 1.65;
}

.ads-test-checklist-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.ads-test-checklist-hero-line {
    width: 90px;
    height: 5px;
    margin-top: 26px;
    background: #f37423;
    border-radius: 999px;
}

/* MAIN */

.ads-test-checklist-main {
    padding: 72px 0 84px;
}

.ads-test-checklist-main section {
    margin-bottom: 40px;
}

/* SHARED HEADINGS */

.ads-test-checklist-page .ads-section-heading {
    max-width: 820px;
    margin: 0 auto 34px;
    text-align: center;
}

.ads-test-checklist-page .ads-section-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #d95f12;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-test-checklist-page .ads-section-heading h2,
.ads-test-checklist-essential h2,
.ads-test-checklist-card h2,
.ads-test-checklist-first-minutes h2,
.ads-test-checklist-own-car h2,
.ads-test-checklist-calm h2,
.ads-test-checklist-result h2,
.ads-test-checklist-reading h2 {
    margin: 0 0 15px;
    color: #12141a;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.18;
}

.ads-test-checklist-page .ads-section-heading p,
.ads-test-checklist-essential p,
.ads-test-checklist-card p,
.ads-test-checklist-first-minutes p,
.ads-test-checklist-own-car p,
.ads-test-checklist-calm p,
.ads-test-checklist-result p,
.ads-test-checklist-reading p {
    margin: 0 0 14px;
    color: #5d6470;
    line-height: 1.72;
}

/* ESSENTIAL REQUIREMENTS */

.ads-test-checklist-essential {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 40px;
    align-items: start;
    padding: 40px;
    color: #ffffff;
    background: #12141a;
    border-left: 7px solid #f37423;
    border-radius: 15px;
    box-shadow: 0 16px 34px rgba(18, 20, 26, 0.12);
}

.ads-test-checklist-essential h2,
.ads-test-checklist-essential p {
    color: #ffffff;
}

.ads-test-checklist-essential-list {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ads-test-checklist-essential-list li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: flex-start;
    padding: 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
}

.ads-test-checklist-essential-list li > span {
    font-size: 26px;
    line-height: 1;
}

.ads-test-checklist-essential-list strong {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 17px;
}

.ads-test-checklist-essential-list p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.55;
}

/* GENERAL CARD */

.ads-test-checklist-card {
    padding: 38px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-left: 5px solid #f37423;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(18, 20, 26, 0.05);
}

.ads-test-checklist-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    margin-top: 26px;
}

.ads-test-checklist-grid-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ads-test-checklist-grid article {
    padding: 24px;
    background: #f7f8fa;
    border-top: 4px solid #f37423;
    border-radius: 11px;
}

.ads-test-checklist-number {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    color: #ffffff;
    background: #12141a;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 900;
}

.ads-test-checklist-grid h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 20px;
    line-height: 1.3;
}

.ads-test-checklist-grid p {
    margin: 0;
    color: #606773;
    line-height: 1.65;
}

/* TIMELINE */

.ads-test-checklist-timeline {
    padding-top: 10px;
}

.ads-test-checklist-timeline-list {
    display: grid;
    gap: 20px;
}

.ads-test-checklist-timeline-item {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 26px;
    align-items: flex-start;
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 13px;
}

.ads-test-checklist-time {
    display: grid;
    place-items: center;
    align-content: center;
    width: 90px;
    height: 90px;
    color: #ffffff;
    background: #12141a;
    border: 5px solid #f37423;
    border-radius: 50%;
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
}

.ads-test-checklist-time small {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.ads-test-checklist-stage {
    display: inline-block;
    margin-bottom: 8px;
    color: #d95f12;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.ads-test-checklist-timeline-item h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 24px;
    line-height: 1.3;
}

.ads-test-checklist-timeline-item p {
    margin: 0 0 10px;
    color: #5f6671;
    line-height: 1.68;
}

.ads-test-checklist-timeline-item p:last-child {
    margin-bottom: 0;
}

/* FIRST MINUTES */

.ads-test-checklist-first-minutes {
    padding: 38px;
    background: #fff7ee;
    border: 2px solid #f37423;
    border-radius: 14px;
}

.ads-test-checklist-first-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 24px;
}

.ads-test-checklist-first-grid article {
    padding: 26px;
    background: #ffffff;
    border: 1px solid #eadfd7;
    border-radius: 11px;
}

.ads-test-checklist-first-grid article > span {
    display: block;
    margin-bottom: 14px;
    font-size: 30px;
}

.ads-test-checklist-first-grid h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
}

.ads-test-checklist-first-grid p {
    margin: 0 0 12px;
    color: #5f6671;
    line-height: 1.65;
}

.ads-test-checklist-first-grid strong {
    display: block;
    color: #d95f12;
    line-height: 1.55;
}

/* OWN CAR */

.ads-test-checklist-own-car {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 36px;
    align-items: start;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-test-checklist-tick-list {
    display: grid;
    gap: 11px;
    margin: 22px 0;
    padding: 0;
    list-style: none;
}

.ads-test-checklist-tick-list li {
    position: relative;
    padding-left: 31px;
    color: #434a54;
    line-height: 1.6;
}

.ads-test-checklist-tick-list li::before {
    position: absolute;
    top: 1px;
    left: 0;
    content: "✓";
    display: grid;
    place-items: center;
    width: 21px;
    height: 21px;
    color: #ffffff;
    background: #f37423;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
}

.ads-test-checklist-own-car-warning {
    padding: 28px;
    color: #ffffff;
    background: #12141a;
    border-radius: 12px;
}

.ads-test-checklist-own-car-warning > span {
    display: block;
    margin-bottom: 14px;
    font-size: 34px;
}

.ads-test-checklist-own-car-warning h3 {
    margin: 0 0 10px;
    color: #f37423;
    font-size: 22px;
}

.ads-test-checklist-own-car-warning p {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.65;
}

.ads-test-checklist-page .ads-text-link {
    color: #d95f12;
    font-weight: 800;
    text-decoration: none;
}

.ads-test-checklist-page .ads-text-link:hover {
    text-decoration: underline;
}

/* CALM PANEL */

.ads-test-checklist-calm {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
    gap: 36px;
    padding: 40px;
    color: #ffffff;
    background: #12141a;
    border-radius: 15px;
}

.ads-test-checklist-calm h2,
.ads-test-checklist-calm p {
    color: #ffffff;
}

.ads-test-checklist-calm-list {
    display: grid;
    gap: 12px;
}

.ads-test-checklist-calm-list div {
    padding: 18px;
    background: #ffffff;
    border-left: 4px solid #f37423;
    border-radius: 9px;
}

.ads-test-checklist-calm-list strong {
    display: block;
    margin-bottom: 4px;
    color: #12141a;
}

.ads-test-checklist-calm-list span {
    color: #5d6470;
    line-height: 1.55;
}

/* RESULT */

.ads-test-checklist-result {
    padding: 38px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-left: 5px solid #f37423;
    border-radius: 13px;
}

/* RELATED GUIDES */

.ads-test-checklist-related {
    padding-top: 10px;
}

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

.ads-test-checklist-related-card {
    display: flex;
    flex-direction: column;
    padding: 28px;
    color: inherit !important;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

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

.ads-test-checklist-related-card > span {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 13px;
    padding: 6px 10px;
    color: #d95f12;
    background: rgba(243, 116, 35, 0.1);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.ads-test-checklist-related-card h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
}

.ads-test-checklist-related-card p {
    margin: 0;
    color: #5f6671;
    line-height: 1.65;
}

.ads-test-checklist-related-card strong {
    margin-top: auto;
    padding-top: 18px;
    color: #d95f12;
}

/* RECOMMENDED READING */

.ads-test-checklist-reading {
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-test-checklist-reading-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
}

.ads-test-checklist-reading-grid article {
    display: flex;
    flex-direction: column;
    padding: 26px;
    background: #f7f8fa;
    border-top: 4px solid #f37423;
    border-radius: 11px;
}

.ads-test-checklist-reading-grid h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 20px;
    line-height: 1.3;
}

.ads-test-checklist-reading-grid p {
    margin: 0;
    color: #5f6671;
    line-height: 1.65;
}

.ads-test-checklist-reading-grid .ads-btn {
    align-self: flex-start;
    margin-top: auto;
    padding-top: 12px;
}

.ads-test-checklist-affiliate-note {
    margin: 22px 0 0 !important;
    padding: 16px 18px;
    color: #555c67 !important;
    background: #fff7ee;
    border-left: 4px solid #f37423;
    border-radius: 8px;
    font-size: 14px;
}

/* BACK LINK */

.ads-test-checklist-back {
    margin-top: 50px;
    padding-top: 34px;
    border-top: 2px solid #e8eaed;
    text-align: center;
}

.ads-test-checklist-back a {
    color: #12141a;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
}

.ads-test-checklist-back a:hover {
    color: #d95f12;
}

/* BUTTONS */

.ads-test-checklist-page .ads-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 24px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.4px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.ads-test-checklist-page .ads-btn:hover {
    transform: translateY(-2px);
}

.ads-test-checklist-page .ads-btn-primary {
    color: #ffffff !important;
    background: #f37423;
    border: 2px solid #f37423;
    box-shadow: 0 7px 18px rgba(243, 116, 35, 0.24);
}

.ads-test-checklist-page .ads-btn-primary:hover {
    background: #d95f12;
    border-color: #d95f12;
}

.ads-test-checklist-page .ads-btn-secondary {
    color: #ffffff !important;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.75);
}

.ads-test-checklist-page .ads-btn-secondary:hover {
    color: #12141a !important;
    background: #ffffff;
}

/* TABLET */

@media (max-width: 980px) {

    .ads-test-checklist-essential,
    .ads-test-checklist-own-car,
    .ads-test-checklist-calm {
        grid-template-columns: 1fr;
    }

    .ads-test-checklist-grid,
    .ads-test-checklist-reading-grid,
    .ads-test-checklist-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-test-checklist-grid-three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MOBILE */

@media (max-width: 700px) {

    .ads-test-checklist-container {
        width: calc(100% - 34px);
    }

    .ads-test-checklist-hero {
        padding: 66px 0 58px;
    }

    .ads-test-checklist-hero h1 {
        font-size: 39px;
        letter-spacing: -1.3px;
    }

    .ads-test-checklist-hero p {
        font-size: 17px;
    }

    .ads-test-checklist-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ads-test-checklist-main {
        padding: 52px 0 64px;
    }

    .ads-test-checklist-essential,
    .ads-test-checklist-card,
    .ads-test-checklist-first-minutes,
    .ads-test-checklist-own-car,
    .ads-test-checklist-calm,
    .ads-test-checklist-result,
    .ads-test-checklist-reading {
        padding: 26px;
    }

    .ads-test-checklist-grid,
    .ads-test-checklist-grid-three,
    .ads-test-checklist-first-grid,
    .ads-test-checklist-reading-grid,
    .ads-test-checklist-related-grid {
        grid-template-columns: 1fr;
    }

    .ads-test-checklist-timeline-item {
        grid-template-columns: 1fr;
        padding: 24px;
    }

    .ads-test-checklist-time {
        width: 78px;
        height: 78px;
        font-size: 24px;
    }

    .ads-test-checklist-page .ads-btn {
        width: 100%;
    }
}
/* ==================================================
   AUTOMATIC OR MANUAL: EXTRA SEO SECTIONS
================================================== */

/* ELECTRIC CARS */

.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;
}

/* WORK AND VEHICLE CHOICE */

.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;
}

/* RELATED GUIDES */

.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;
}

/* TABLET */

@media (max-width: 980px) {

    .ads-choice-split-panel {
        grid-template-columns: 1fr;
    }

    .ads-choice-work-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MOBILE */

@media (max-width: 700px) {

    .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;
    }
}
/* ==================================================
   HOW TO BOOK YOUR DRIVING TEST
================================================== */

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

.ads-book-test-page {
    overflow: hidden;
    color: #2f3540;
    background: #f7f8fa;
}

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


.ads-book-test-hero {
    padding: 80px 0 70px;
    background:
        linear-gradient(
            135deg,
            rgba(18, 20, 26, 0.98),
            rgba(35, 39, 48, 0.96)
        );
    color: #ffffff;
}

.ads-book-test-label {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 13px;
    color: #ffffff;
    background: #f37423;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-book-test-hero h1 {
    max-width: 820px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(40px, 6vw, 64px);
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1.05;
    text-transform: uppercase;
}

.ads-book-test-hero h1 span {
    color: #f37423;
}

.ads-book-test-hero p {
    max-width: 700px;
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 19px;
    line-height: 1.65;
}

.ads-book-test-hero-line {
    width: 90px;
    height: 5px;
    margin-top: 22px;
    background: #f37423;
    border-radius: 999px;
}

/* MAIN */

.ads-book-test-main {
    padding: 70px 0 80px;
}

.ads-book-test-main section {
    margin-bottom: 34px;
}

/* RULES PANEL */

.ads-book-test-rules-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 36px;
    padding: 38px;
    color: #ffffff;
    background: #12141a;
    border: 1px solid rgba(243, 116, 35, 0.55);
    border-radius: 15px;
    box-shadow: 0 18px 40px rgba(18, 20, 26, 0.14);
}

.ads-book-test-panel-label {
    display: inline-block;
    margin-bottom: 12px;
    color: #f37423;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-book-test-rules-panel h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(26px, 4vw, 36px);
    line-height: 1.2;
}

.ads-book-test-rules-panel p {
    margin: 0 0 14px;
    color: rgba(255, 255, 255, 0.86);
    line-height: 1.7;
}

.ads-book-test-rules-panel p:last-child {
    margin-bottom: 0;
}

.ads-book-test-rules-action {
    min-width: 220px;
    text-align: center;
}

/* NOTICES */

.ads-book-test-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 20px;
    align-items: flex-start;
    padding: 26px;
    border-radius: 13px;
}

.ads-book-test-notice-orange {
    background: #fff7ee;
    border: 2px solid #f37423;
}

.ads-book-test-notice-warning {
    background: #ffffff;
    border: 2px solid #e24a4a;
}

.ads-book-test-notice-icon {
    font-size: 38px;
    line-height: 1;
}

.ads-book-test-notice h2 {
    margin: 0 0 8px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
    text-transform: uppercase;
}

.ads-book-test-notice-orange h2 {
    color: #d95f12;
}

.ads-book-test-notice-warning h2 {
    color: #d63f3f;
}

.ads-book-test-notice p {
    margin: 0 0 10px;
    color: #4f5661;
    line-height: 1.65;
}

.ads-book-test-notice p:last-child {
    margin-bottom: 0;
}

.ads-book-test-notice a {
    color: #d95f12;
    font-weight: 800;
    text-decoration: none;
}

.ads-book-test-notice a:hover {
    text-decoration: underline;
}

/* CONTENT CARDS */

.ads-book-test-card {
    padding: 34px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-left: 5px solid #f37423;
    border-radius: 13px;
    box-shadow: 0 10px 28px rgba(18, 20, 26, 0.06);
}

.ads-book-test-card h2,
.ads-book-test-official h2,
.ads-book-test-related h2,
.ads-book-test-steps h2 {
    margin: 0 0 14px;
    color: #12141a;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.2;
}

.ads-book-test-card p,
.ads-book-test-official p {
    margin: 0 0 14px;
    color: #5d6470;
    line-height: 1.7;
}

.ads-book-test-checklist {
    display: grid;
    gap: 12px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.ads-book-test-checklist li {
    position: relative;
    padding-left: 32px;
    color: #3f4650;
    line-height: 1.6;
}

.ads-book-test-checklist li::before {
    position: absolute;
    top: 1px;
    left: 0;
    content: "✓";
    display: grid;
    place-items: center;
    width: 21px;
    height: 21px;
    color: #ffffff;
    background: #f37423;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
}

/* STEPS */

.ads-book-test-steps {
    padding: 50px 0 10px;
}

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

.ads-book-test-step {
    position: relative;
    padding: 30px 26px 26px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(18, 20, 26, 0.05);
}

.ads-book-test-step-number {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    color: #ffffff;
    background: #12141a;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 900;
}

.ads-book-test-step h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 20px;
    line-height: 1.3;
}

.ads-book-test-step p {
    margin: 0;
    color: #606773;
    line-height: 1.65;
}

/* OFFICIAL LINKS */

.ads-book-test-official {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 36px;
    padding: 38px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-book-test-official-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

/* RELATED GUIDES */

.ads-book-test-related {
    padding-top: 24px;
}

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

.ads-book-test-related-card {
    display: flex;
    flex-direction: column;
    padding: 28px;
    color: inherit !important;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

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

.ads-book-test-related-card > span {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 13px;
    padding: 6px 10px;
    color: #d95f12;
    background: rgba(243, 116, 35, 0.1);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.ads-book-test-related-card h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
}

.ads-book-test-related-card p {
    margin: 0;
    color: #5f6671;
    line-height: 1.65;
}

.ads-book-test-related-card strong {
    margin-top: auto;
    padding-top: 18px;
    color: #d95f12;
}

/* BACK LINK */

.ads-book-test-back {
    margin-top: 50px;
    padding-top: 34px;
    border-top: 2px solid #e8eaed;
    text-align: center;
}

.ads-book-test-back a {
    color: #12141a;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
}

.ads-book-test-back a:hover {
    color: #d95f12;
}

/* BUTTON SUPPORT */

.ads-book-test-page .ads-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 24px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.4px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.ads-book-test-page .ads-btn:hover {
    transform: translateY(-2px);
}

.ads-book-test-page .ads-btn-primary {
    color: #ffffff !important;
    background: #f37423;
    border: 2px solid #f37423;
    box-shadow: 0 7px 18px rgba(243, 116, 35, 0.24);
}

.ads-book-test-page .ads-btn-primary:hover {
    background: #d95f12;
    border-color: #d95f12;
}

.ads-book-test-page .ads-btn-outline {
    color: #12141a !important;
    background: #ffffff;
    border: 2px solid #12141a;
}

.ads-book-test-page .ads-btn-outline:hover {
    color: #ffffff !important;
    background: #12141a;
}

/* TABLET */

@media (max-width: 980px) {

    .ads-book-test-rules-panel,
    .ads-book-test-official {
        grid-template-columns: 1fr;
    }

    .ads-book-test-rules-action {
        min-width: 0;
        text-align: left;
    }

    .ads-book-test-official-actions {
        justify-content: flex-start;
    }

    .ads-book-test-step-grid,
    .ads-book-test-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MOBILE */

@media (max-width: 700px) {

    .ads-book-test-container {
        width: calc(100% - 34px);
    }

    .ads-book-test-hero {
        padding: 64px 0 56px;
    }

    .ads-book-test-hero h1 {
        font-size: 39px;
        letter-spacing: -1.4px;
    }

    .ads-book-test-hero p {
        font-size: 17px;
    }

    .ads-book-test-main {
        padding: 50px 0 60px;
    }

    .ads-book-test-rules-panel,
    .ads-book-test-card,
    .ads-book-test-official {
        padding: 26px;
    }

    .ads-book-test-notice {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .ads-book-test-notice-icon {
        font-size: 32px;
    }

    .ads-book-test-step-grid,
    .ads-book-test-related-grid {
        grid-template-columns: 1fr;
    }

    .ads-book-test-official-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ads-book-test-official-actions .ads-btn,
    .ads-book-test-rules-action .ads-btn {
        width: 100%;
    }

    .ads-book-test-step {
        padding: 26px 22px;
    }
}
/* ==================================================
   AMEND DRIVING TEST BOOKING
================================================== */

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

.ads-amend-test-page {
    overflow: hidden;
    color: #2f3540;
    background: #f7f8fa;
}

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


/* =========================================================
   AMEND DRIVING TEST HERO
   Compact slanted style
   ========================================================= */

.ads-amend-test-hero {
    min-height: 265px;
    display: flex;
    align-items: center;
    padding: 42px 0;
    overflow: hidden;
    border-bottom: 6px solid var(--ads-orange);
    background:
        radial-gradient(
            circle at 88% 18%,
            rgba(243, 116, 35, 0.18),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #12141a 0%,
            #1d2028 62%,
            #2c3039 100%
        );
    color: var(--ads-white);
}

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

.ads-amend-test-label {
    display: inline-block;
    margin: 0 0 8px;
    padding: 9px 24px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 4px;
    background: var(--ads-navy);
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.25);
    color: var(--ads-white);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
    transform: rotate(-1.5deg);
}

.ads-amend-test-hero h1 {
    width: fit-content;
    max-width: 850px;
    margin: 0 0 14px;
    padding: 14px 28px;
    border-radius: 4px;
    background: var(--ads-orange);
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.18);
    color: var(--ads-white);
    font-size: clamp(1.8rem, 3.7vw, 3rem);
    font-weight: 950;
    letter-spacing: -0.03em;
    line-height: 1.08;
    text-transform: uppercase;
    transform: rotate(1deg);
}

.ads-amend-test-hero h1 span {
    color: var(--ads-white);
}

.ads-amend-test-hero > .ads-amend-test-container > p {
    max-width: 720px;
    margin: 0;
    color: var(--ads-white);
    font-size: 1rem;
    line-height: 1.5;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
}

.ads-amend-test-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 19px;
}

.ads-amend-test-hero .ads-btn {
    min-height: 44px;
    padding: 10px 22px;
    border-radius: 50px;
    font-size: 0.78rem;
}

.ads-amend-test-hero-line {
    display: none;
}

@media (max-width: 700px) {
    .ads-amend-test-hero {
        min-height: auto;
        padding: 36px 0;
    }

    .ads-amend-test-hero .ads-amend-test-container {
        width: min(100% - 28px, 1180px);
    }

    .ads-amend-test-hero h1 {
        width: 100%;
        max-width: 100%;
        padding: 13px 14px;
        font-size: clamp(1.55rem, 7.5vw, 2.1rem);
        line-height: 1.12;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
        transform: rotate(0.3deg);
    }

    .ads-amend-test-hero h1 span {
        display: block;
    }

    .ads-amend-test-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ads-amend-test-hero .ads-btn {
        width: 100%;
    }
}


.ads-amend-test-hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 19px;
    line-height: 1.65;
}


/* MAIN */

.ads-amend-test-main {
    padding: 72px 0 84px;
}

.ads-amend-test-main section {
    margin-bottom: 38px;
}

/* SHARED HEADINGS */

.ads-amend-test-page .ads-section-heading {
    max-width: 820px;
    margin: 0 auto 34px;
    text-align: center;
}

.ads-amend-test-page .ads-section-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #d95f12;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-amend-test-page .ads-section-heading h2,
.ads-amend-test-content-card h2,
.ads-amend-test-rule-panel h2,
.ads-amend-test-warning h2,
.ads-amend-test-cancellation-panel h2,
.ads-amend-test-official h2,
.ads-amend-test-advice h2 {
    margin: 0 0 15px;
    color: #12141a;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.18;
}

.ads-amend-test-page .ads-section-heading p,
.ads-amend-test-content-card p,
.ads-amend-test-rule-panel p,
.ads-amend-test-warning p,
.ads-amend-test-cancellation-panel p,
.ads-amend-test-official p,
.ads-amend-test-advice p {
    margin: 0 0 14px;
    color: #5d6470;
    line-height: 1.72;
}

/* SUMMARY CARDS */

.ads-amend-test-summary {
    padding-bottom: 10px;
}

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

.ads-amend-test-summary-card {
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(18, 20, 26, 0.06);
}

.ads-amend-test-date {
    display: inline-block;
    margin-bottom: 14px;
    padding: 6px 10px;
    color: #d95f12;
    background: rgba(243, 116, 35, 0.1);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.ads-amend-test-summary-card h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
}

.ads-amend-test-summary-card p {
    margin: 0;
    color: #606773;
    line-height: 1.68;
}

/* MAIN RULE PANEL */

.ads-amend-test-rule-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
    gap: 46px;
    align-items: center;
    padding: 42px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 16px;
    box-shadow: 0 16px 34px rgba(18, 20, 26, 0.07);
}

.ads-amend-test-rule-visual {
    padding: 28px;
    background: #12141a;
    border-radius: 14px;
}

.ads-amend-test-route-point {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
}

.ads-amend-test-route-point span,
.ads-amend-test-route-options span {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    color: #ffffff;
    background: #f37423;
    border-radius: 50%;
    font-weight: 900;
}

.ads-amend-test-route-line {
    width: 3px;
    height: 32px;
    margin: 0 auto;
    background: #f37423;
}

.ads-amend-test-route-options {
    display: grid;
    gap: 12px;
}

.ads-amend-test-route-options div {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 9px;
}

/* CHECKLIST */

.ads-amend-test-checklist {
    display: grid;
    gap: 12px;
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.ads-amend-test-checklist li {
    position: relative;
    padding-left: 32px;
    color: #3f4650;
    line-height: 1.62;
}

.ads-amend-test-checklist li::before {
    position: absolute;
    top: 1px;
    left: 0;
    content: "✓";
    display: grid;
    place-items: center;
    width: 21px;
    height: 21px;
    color: #ffffff;
    background: #f37423;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
}

/* CONTENT CARDS */

.ads-amend-test-content-card {
    padding: 36px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-left: 5px solid #f37423;
    border-radius: 13px;
    box-shadow: 0 10px 28px rgba(18, 20, 26, 0.05);
}

.ads-amend-test-content-soft {
    background: #fffaf6;
}

/* WARNING */

.ads-amend-test-warning {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 20px;
    align-items: flex-start;
    padding: 30px;
    background: #fff7ee;
    border: 2px solid #f37423;
    border-radius: 14px;
}

.ads-amend-test-warning-icon {
    font-size: 38px;
    line-height: 1;
}

/* CANCELLATION PANEL */

.ads-amend-test-cancellation-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
    gap: 36px;
    padding: 40px;
    color: #ffffff;
    background: #12141a;
    border-radius: 15px;
}

.ads-amend-test-cancellation-panel h2,
.ads-amend-test-cancellation-panel p {
    color: #ffffff;
}

.ads-amend-test-question-list {
    padding: 26px;
    background: #ffffff;
    border-radius: 12px;
}

.ads-amend-test-question-list h3 {
    margin: 0 0 14px;
    color: #12141a;
    font-size: 20px;
}

.ads-amend-test-question-list ul {
    display: grid;
    gap: 11px;
    margin: 0;
    padding-left: 20px;
    color: #4f5661;
    line-height: 1.6;
}

/* TEST CENTRE DROPDOWNS */

.ads-amend-test-centres {
    padding-top: 20px;
}

.ads-amend-test-centre-list {
    display: grid;
    gap: 13px;
}

.ads-amend-test-centre {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e5e9;
    border-radius: 11px;
}

.ads-amend-test-centre summary {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 22px;
    color: #ffffff;
    background: #12141a;
    cursor: pointer;
    font-size: 18px;
    font-weight: 800;
    list-style: none;
}

.ads-amend-test-centre summary::-webkit-details-marker {
    display: none;
}

.ads-amend-test-centre summary:hover {
    background: #1e222b;
}

.ads-amend-test-centre[open] summary {
    background: #f37423;
}

.ads-amend-test-centre-icon {
    position: relative;
    width: 22px;
    height: 22px;
}

.ads-amend-test-centre-icon::before,
.ads-amend-test-centre-icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    background: #ffffff;
    transform: translate(-50%, -50%);
    transition: transform 0.2s ease;
}

.ads-amend-test-centre-icon::before {
    width: 18px;
    height: 2px;
}

.ads-amend-test-centre-icon::after {
    width: 2px;
    height: 18px;
}

.ads-amend-test-centre[open] .ads-amend-test-centre-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.ads-amend-test-centre-content {
    padding: 24px;
}

.ads-amend-test-centre-content p {
    margin: 0 0 14px;
    color: #555c67;
    line-height: 1.65;
}

.ads-amend-test-table-wrap {
    overflow-x: auto;
    margin-top: 16px;
    border-radius: 9px;
}

.ads-amend-test-centre table {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
    background: #ffffff;
}

.ads-amend-test-centre th,
.ads-amend-test-centre td {
    padding: 13px 14px;
    border: 1px solid #dfe3e7;
    text-align: left;
}

.ads-amend-test-centre th {
    color: #12141a;
    background: #fff3ea;
    font-size: 14px;
    font-weight: 800;
}

.ads-amend-test-centre td {
    color: #4d5560;
}

.ads-amend-test-source-note {
    margin-top: 24px;
    padding: 22px;
    background: #eef2f5;
    border-left: 5px solid #f37423;
    border-radius: 9px;
}

.ads-amend-test-source-note p {
    margin: 0 0 10px;
    color: #555c67;
    line-height: 1.65;
}

.ads-amend-test-source-note a {
    color: #d95f12;
    font-weight: 800;
    text-decoration: none;
}

.ads-amend-test-source-note a:hover {
    text-decoration: underline;
}

/* STEPS */

.ads-amend-test-steps {
    padding-top: 20px;
}

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

.ads-amend-test-step {
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
}

.ads-amend-test-step > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 17px;
    color: #ffffff;
    background: #12141a;
    border-radius: 50%;
    font-weight: 900;
}

.ads-amend-test-step h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 20px;
    line-height: 1.3;
}

.ads-amend-test-step p {
    margin: 0;
    color: #606773;
    line-height: 1.65;
}

/* OFFICIAL ACTION */

.ads-amend-test-official {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
    padding: 38px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-amend-test-official-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

/* ADVICE */

.ads-amend-test-advice {
    padding: 38px;
    background: #fff7ee;
    border: 2px solid #f37423;
    border-radius: 14px;
}

/* FAQ */

.ads-amend-test-faq {
    padding-top: 20px;
}

/* RELATED GUIDES */

.ads-amend-test-related {
    padding-top: 20px;
}

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

.ads-amend-test-related-card {
    display: flex;
    flex-direction: column;
    padding: 28px;
    color: inherit !important;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

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

.ads-amend-test-related-card > span {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 13px;
    padding: 6px 10px;
    color: #d95f12;
    background: rgba(243, 116, 35, 0.1);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.ads-amend-test-related-card h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
}

.ads-amend-test-related-card p {
    margin: 0;
    color: #5f6671;
    line-height: 1.65;
}

.ads-amend-test-related-card strong {
    margin-top: auto;
    padding-top: 18px;
    color: #d95f12;
}

/* BACK LINK */

.ads-amend-test-back {
    margin-top: 50px;
    padding-top: 34px;
    border-top: 2px solid #e8eaed;
    text-align: center;
}

.ads-amend-test-back a {
    color: #12141a;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
}

.ads-amend-test-back a:hover {
    color: #d95f12;
}

/* BUTTONS */

.ads-amend-test-page .ads-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 24px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.4px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.ads-amend-test-page .ads-btn:hover {
    transform: translateY(-2px);
}

.ads-amend-test-page .ads-btn-primary {
    color: #ffffff !important;
    background: #f37423;
    border: 2px solid #f37423;
    box-shadow: 0 7px 18px rgba(243, 116, 35, 0.24);
}

.ads-amend-test-page .ads-btn-primary:hover {
    background: #d95f12;
    border-color: #d95f12;
}

.ads-amend-test-page .ads-btn-secondary {
    color: #ffffff !important;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.75);
}

.ads-amend-test-page .ads-btn-secondary:hover {
    color: #12141a !important;
    background: #ffffff;
}

.ads-amend-test-page .ads-btn-outline {
    color: #12141a !important;
    background: #ffffff;
    border: 2px solid #12141a;
}

.ads-amend-test-page .ads-btn-outline:hover {
    color: #ffffff !important;
    background: #12141a;
}

/* TABLET */

@media (max-width: 980px) {

    .ads-amend-test-summary-grid,
    .ads-amend-test-step-grid,
    .ads-amend-test-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-amend-test-rule-panel,
    .ads-amend-test-cancellation-panel,
    .ads-amend-test-official {
        grid-template-columns: 1fr;
    }

    .ads-amend-test-official-actions {
        justify-content: flex-start;
    }
}

/* MOBILE */

@media (max-width: 700px) {

    .ads-amend-test-container {
        width: calc(100% - 34px);
    }

    .ads-amend-test-hero {
        padding: 66px 0 58px;
    }

    .ads-amend-test-hero h1 {
        font-size: 39px;
        letter-spacing: -1.3px;
    }

    .ads-amend-test-hero p {
        font-size: 17px;
    }

    .ads-amend-test-hero-actions,
    .ads-amend-test-official-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ads-amend-test-main {
        padding: 52px 0 64px;
    }

    .ads-amend-test-summary-grid,
    .ads-amend-test-step-grid,
    .ads-amend-test-related-grid {
        grid-template-columns: 1fr;
    }

    .ads-amend-test-rule-panel,
    .ads-amend-test-content-card,
    .ads-amend-test-cancellation-panel,
    .ads-amend-test-official,
    .ads-amend-test-advice {
        padding: 26px;
    }

    .ads-amend-test-warning {
        grid-template-columns: 1fr;
        padding: 24px;
    }

    .ads-amend-test-warning-icon {
        font-size: 32px;
    }

    .ads-amend-test-centre summary {
        padding: 16px 18px;
        font-size: 16px;
    }

    .ads-amend-test-centre-content {
        padding: 18px;
    }

    .ads-amend-test-centre th,
    .ads-amend-test-centre td {
        padding: 10px;
        font-size: 14px;
    }

    .ads-amend-test-page .ads-btn {
        width: 100%;
    }
}
/* ==================================================
   SHOW ME, TELL ME QUESTIONS
================================================== */

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

.ads-smt-page {
    overflow: hidden;
    color: #2f3540;
    background: #f7f8fa;
}

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


.ads-smt-hero {
    padding: 86px 0 76px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            rgba(18, 20, 26, 0.97),
            rgba(34, 38, 48, 0.95)
        );
}

.ads-smt-label {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 13px;
    color: #ffffff;
    background: #f37423;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-smt-hero h1 {
    max-width: 860px;
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(42px, 6vw, 66px);
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1.04;
    text-transform: uppercase;
}

.ads-smt-hero h1 span {
    color: #f37423;
}

.ads-smt-hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 19px;
    line-height: 1.65;
}

.ads-smt-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.ads-smt-hero-line {
    width: 90px;
    height: 5px;
    margin-top: 26px;
    background: #f37423;
    border-radius: 999px;
}

/* MAIN */

.ads-smt-main {
    padding: 72px 0 84px;
}

.ads-smt-main section {
    margin-bottom: 40px;
}

/* SHARED HEADINGS */

.ads-smt-page .ads-section-heading {
    max-width: 820px;
    margin: 0 auto 34px;
    text-align: center;
}

.ads-smt-page .ads-section-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #d95f12;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-smt-page .ads-section-heading h2,
.ads-smt-intro h2,
.ads-smt-bonnet-panel h2,
.ads-smt-wrong-answer h2,
.ads-smt-safety-panel h2,
.ads-smt-test-day h2,
.ads-smt-official h2 {
    margin: 0 0 15px;
    color: #12141a;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.18;
}

.ads-smt-page .ads-section-heading p,
.ads-smt-intro p,
.ads-smt-bonnet-panel p,
.ads-smt-wrong-answer p,
.ads-smt-safety-panel p,
.ads-smt-test-day p,
.ads-smt-official p {
    margin: 0 0 14px;
    color: #5d6470;
    line-height: 1.72;
}


.ads-smt-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-left: 6px solid #f37423;
    border-radius: 15px;
    box-shadow: 0 14px 32px rgba(18, 20, 26, 0.06);
}

.ads-smt-intro-cards {
    display: grid;
    gap: 14px;
}

.ads-smt-intro-cards article {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 20px;
    color: #ffffff;
    background: #12141a;
    border-radius: 11px;
}

.ads-smt-intro-cards article > span {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    color: #ffffff;
    background: #f37423;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 900;
}

.ads-smt-intro-cards strong {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 18px;
}

.ads-smt-intro-cards p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    line-height: 1.55;
}

/* SECTION NAV */

.ads-smt-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 18px;
    background: #ffffff;
    border: 1px solid #e3e6ea;
    border-radius: 999px;
}

.ads-smt-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    color: #12141a !important;
    background: #f2f4f6;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none !important;
    transition:
        color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease;
}

.ads-smt-nav a:hover {
    color: #ffffff !important;
    background: #f37423;
    transform: translateY(-2px);
}

/* QUESTION SECTIONS */

.ads-smt-section {
    scroll-margin-top: 110px;
}

.ads-smt-question-list {
    display: grid;
    gap: 13px;
}

.ads-smt-question {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e5e9;
    border-radius: 11px;
}

.ads-smt-question summary {
    position: relative;
    padding: 19px 58px 19px 22px;
    color: #ffffff;
    background: #12141a;
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45;
    list-style: none;
}

.ads-smt-question summary::-webkit-details-marker {
    display: none;
}

.ads-smt-question summary::before,
.ads-smt-question summary::after {
    position: absolute;
    top: 50%;
    right: 22px;
    content: "";
    background: #ffffff;
    transform: translateY(-50%);
    transition: transform 0.2s ease;
}

.ads-smt-question summary::before {
    width: 18px;
    height: 2px;
}

.ads-smt-question summary::after {
    width: 2px;
    height: 18px;
    right: 30px;
}

.ads-smt-question[open] summary {
    background: #f37423;
}

.ads-smt-question[open] summary::after {
    transform: translateY(-50%) rotate(90deg);
}

.ads-smt-answer {
    padding: 24px;
}

.ads-smt-answer p {
    margin: 0 0 12px;
    color: #555c67;
    line-height: 1.68;
}

.ads-smt-answer p:last-child {
    margin-bottom: 0;
}

.ads-smt-bonnet-question {
    border-left: 5px solid #f37423;
}

/* TEXT LINK */

.ads-smt-page .ads-text-link {
    display: inline-block;
    margin-top: 8px;
    color: #d95f12;
    font-weight: 800;
    text-decoration: none;
}

.ads-smt-page .ads-text-link:hover {
    text-decoration: underline;
}

/* BONNET PANEL */

.ads-smt-bonnet-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
    padding: 38px;
    color: #ffffff;
    background: #12141a;
    border-radius: 14px;
}

.ads-smt-bonnet-panel h2,
.ads-smt-bonnet-panel p {
    color: #ffffff;
}

/* WRONG ANSWER */

.ads-smt-wrong-answer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
    gap: 36px;
    align-items: start;
    padding: 40px;
    background: #fff7ee;
    border: 2px solid #f37423;
    border-radius: 15px;
}

.ads-smt-fault-cards {
    display: grid;
    gap: 14px;
}

.ads-smt-fault-cards article {
    padding: 24px;
    background: #ffffff;
    border: 1px solid #eadfd7;
    border-radius: 11px;
}

.ads-smt-fault-label {
    display: inline-block;
    margin-bottom: 12px;
    padding: 6px 10px;
    color: #d95f12;
    background: rgba(243, 116, 35, 0.1);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.ads-smt-fault-label-warning {
    color: #b52e2e;
    background: rgba(214, 63, 63, 0.1);
}

.ads-smt-fault-cards h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
}

.ads-smt-fault-cards p {
    margin: 0;
    color: #5d6470;
    line-height: 1.65;
}

/* SAFETY PANEL */

.ads-smt-safety-panel {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 22px;
    align-items: flex-start;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-left: 6px solid #f37423;
    border-radius: 13px;
}

.ads-smt-safety-icon {
    font-size: 38px;
    line-height: 1;
}

/* TEST-DAY CTA */

.ads-smt-test-day,
.ads-smt-official {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
    padding: 38px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-smt-official {
    background: #eef2f5;
}

/* RELATED GUIDES */

.ads-smt-related {
    padding-top: 10px;
}

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

.ads-smt-related-card {
    display: flex;
    flex-direction: column;
    padding: 28px;
    color: inherit !important;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

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

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

.ads-smt-related-card h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
}

.ads-smt-related-card p {
    margin: 0;
    color: #5f6671;
    line-height: 1.65;
}

.ads-smt-related-card strong {
    margin-top: auto;
    padding-top: 18px;
    color: #d95f12;
}

/* BACK LINK */

.ads-smt-back {
    margin-top: 50px;
    padding-top: 34px;
    border-top: 2px solid #e8eaed;
    text-align: center;
}

.ads-smt-back a {
    color: #12141a;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
}

.ads-smt-back a:hover {
    color: #d95f12;
}

/* BUTTONS */

.ads-smt-page .ads-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 24px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.4px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.ads-smt-page .ads-btn:hover {
    transform: translateY(-2px);
}

.ads-smt-page .ads-btn-primary {
    color: #ffffff !important;
    background: #f37423;
    border: 2px solid #f37423;
    box-shadow: 0 7px 18px rgba(243, 116, 35, 0.24);
}

.ads-smt-page .ads-btn-primary:hover {
    background: #d95f12;
    border-color: #d95f12;
}

.ads-smt-page .ads-btn-secondary {
    color: #ffffff !important;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.75);
}

.ads-smt-page .ads-btn-secondary:hover {
    color: #12141a !important;
    background: #ffffff;
}

.ads-smt-page .ads-btn-outline {
    color: #12141a !important;
    background: #ffffff;
    border: 2px solid #12141a;
}

.ads-smt-page .ads-btn-outline:hover {
    color: #ffffff !important;
    background: #12141a;
}

/* TABLET */

@media (max-width: 980px) {

    .ads-smt-intro,
    .ads-smt-wrong-answer {
        grid-template-columns: 1fr;
    }

    .ads-smt-bonnet-panel,
    .ads-smt-test-day,
    .ads-smt-official {
        grid-template-columns: 1fr;
    }

    .ads-smt-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MOBILE */

@media (max-width: 700px) {

    .ads-smt-container {
        width: calc(100% - 34px);
    }

    .ads-smt-hero {
        padding: 66px 0 58px;
    }

    .ads-smt-hero h1 {
        font-size: 39px;
        letter-spacing: -1.3px;
    }

    .ads-smt-hero p {
        font-size: 17px;
    }

    .ads-smt-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ads-smt-main {
        padding: 52px 0 64px;
    }

    .ads-smt-intro,
    .ads-smt-bonnet-panel,
    .ads-smt-wrong-answer,
    .ads-smt-safety-panel,
    .ads-smt-test-day,
    .ads-smt-official {
        padding: 26px;
    }

    .ads-smt-nav {
        align-items: stretch;
        flex-direction: column;
        border-radius: 14px;
    }

    .ads-smt-nav a {
        width: 100%;
    }

    .ads-smt-question summary {
        padding: 17px 52px 17px 18px;
        font-size: 15px;
    }

    .ads-smt-question summary::before {
        right: 18px;
    }

    .ads-smt-question summary::after {
        right: 26px;
    }

    .ads-smt-answer {
        padding: 20px;
    }

    .ads-smt-related-grid {
        grid-template-columns: 1fr;
    }

    .ads-smt-page .ads-btn {
        width: 100%;
    }
}
/* ==================================================
   ENGINE BAY DIAGRAMS HUB
================================================== */

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

.ads-engine-page {
    overflow: hidden;
    color: #2f3540;
    background: #f7f8fa;
}

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


.ads-engine-hero {
    padding: 86px 0 76px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            rgba(18, 20, 26, 0.97),
            rgba(34, 38, 48, 0.95)
        );
}

.ads-engine-label {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 13px;
    color: #ffffff;
    background: #f37423;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-engine-hero h1 {
    max-width: 820px;
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(42px, 6vw, 66px);
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1.04;
    text-transform: uppercase;
}

.ads-engine-hero h1 span {
    color: #f37423;
}

.ads-engine-hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 19px;
    line-height: 1.65;
}

.ads-engine-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.ads-engine-hero-line {
    width: 90px;
    height: 5px;
    margin-top: 26px;
    background: #f37423;
    border-radius: 999px;
}

/* MAIN */

.ads-engine-main {
    padding: 72px 0 84px;
}

.ads-engine-main section {
    margin-bottom: 40px;
}

/* SHARED HEADINGS */

.ads-engine-page .ads-section-heading {
    max-width: 820px;
    margin: 0 auto 34px;
    text-align: center;
}

.ads-engine-page .ads-section-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #d95f12;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-engine-page .ads-section-heading h2,
.ads-engine-intro h2,
.ads-engine-warning h2,
.ads-engine-how-to h2,
.ads-engine-note h2 {
    margin: 0 0 15px;
    color: #12141a;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.18;
}

.ads-engine-page .ads-section-heading p,
.ads-engine-intro p,
.ads-engine-warning p,
.ads-engine-how-to p,
.ads-engine-note p {
    margin: 0 0 14px;
    color: #5d6470;
    line-height: 1.72;
}


.ads-engine-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-left: 6px solid #f37423;
    border-radius: 15px;
    box-shadow: 0 14px 32px rgba(18, 20, 26, 0.06);
}

.ads-engine-check-list {
    display: grid;
    gap: 14px;
}

.ads-engine-check-list > div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: flex-start;
    padding: 18px;
    color: #ffffff;
    background: #12141a;
    border-radius: 11px;
}

.ads-engine-check-list > div > span {
    font-size: 28px;
    line-height: 1;
}

.ads-engine-check-list strong {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 18px;
}

.ads-engine-check-list p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    line-height: 1.55;
}

/* SAFETY WARNING */

.ads-engine-warning {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 22px;
    align-items: flex-start;
    padding: 30px;
    background: #fff7ee;
    border: 2px solid #f37423;
    border-radius: 14px;
}

.ads-engine-warning-icon {
    font-size: 38px;
    line-height: 1;
}

/* VEHICLE GRID */

.ads-engine-vehicles {
    scroll-margin-top: 110px;
}

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

.ads-engine-card {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    color: inherit !important;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 13px;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(18, 20, 26, 0.05);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.ads-engine-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 34px rgba(18, 20, 26, 0.12);
}

.ads-engine-card-image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #eceff2;
}

.ads-engine-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.ads-engine-card:hover .ads-engine-card-image img {
    transform: scale(1.04);
}

.ads-engine-card-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 24px;
}

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

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

.ads-engine-card p {
    margin: 0;
    color: #5f6671;
    line-height: 1.65;
}

.ads-engine-card strong {
    margin-top: auto;
    padding-top: 18px;
    color: #d95f12;
}

/* HOW TO USE */

.ads-engine-how-to {
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-engine-how-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    margin-top: 28px;
}

.ads-engine-how-grid article {
    padding: 24px;
    background: #f7f8fa;
    border-top: 4px solid #f37423;
    border-radius: 11px;
}

.ads-engine-how-grid article > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    color: #ffffff;
    background: #12141a;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 900;
}

.ads-engine-how-grid h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 20px;
    line-height: 1.3;
}

.ads-engine-how-grid p {
    margin: 0;
    color: #606773;
    line-height: 1.65;
}

/* NOTE */

.ads-engine-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 22px;
    align-items: flex-start;
    padding: 30px;
    background: #eef2f5;
    border-left: 6px solid #f37423;
    border-radius: 13px;
}

.ads-engine-note-icon {
    font-size: 36px;
    line-height: 1;
}

/* RELATED GUIDES */

.ads-engine-related {
    padding-top: 10px;
}

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

.ads-engine-related-card {
    display: flex;
    flex-direction: column;
    padding: 28px;
    color: inherit !important;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

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

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

.ads-engine-related-card h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
}

.ads-engine-related-card p {
    margin: 0;
    color: #5f6671;
    line-height: 1.65;
}

.ads-engine-related-card strong {
    margin-top: auto;
    padding-top: 18px;
    color: #d95f12;
}

/* BACK LINK */

.ads-engine-back {
    margin-top: 50px;
    padding-top: 34px;
    border-top: 2px solid #e8eaed;
    text-align: center;
}

.ads-engine-back a {
    color: #12141a;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
}

.ads-engine-back a:hover {
    color: #d95f12;
}

/* BUTTONS */

.ads-engine-page .ads-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 24px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.4px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.ads-engine-page .ads-btn:hover {
    transform: translateY(-2px);
}

.ads-engine-page .ads-btn-primary {
    color: #ffffff !important;
    background: #f37423;
    border: 2px solid #f37423;
    box-shadow: 0 7px 18px rgba(243, 116, 35, 0.24);
}

.ads-engine-page .ads-btn-primary:hover {
    background: #d95f12;
    border-color: #d95f12;
}

.ads-engine-page .ads-btn-secondary {
    color: #ffffff !important;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.75);
}

.ads-engine-page .ads-btn-secondary:hover {
    color: #12141a !important;
    background: #ffffff;
}

/* TABLET */

@media (max-width: 980px) {

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

    .ads-engine-grid,
    .ads-engine-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-engine-how-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* MOBILE */

@media (max-width: 700px) {

    .ads-engine-container {
        width: calc(100% - 34px);
    }

    .ads-engine-hero {
        padding: 66px 0 58px;
    }

    .ads-engine-hero h1 {
        font-size: 39px;
        letter-spacing: -1.3px;
    }

    .ads-engine-hero p {
        font-size: 17px;
    }

    .ads-engine-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ads-engine-main {
        padding: 52px 0 64px;
    }

    .ads-engine-intro,
    .ads-engine-warning,
    .ads-engine-how-to,
    .ads-engine-note {
        padding: 26px;
    }

    .ads-engine-grid,
    .ads-engine-how-grid,
    .ads-engine-related-grid {
        grid-template-columns: 1fr;
    }

    .ads-engine-warning,
    .ads-engine-note {
        grid-template-columns: 1fr;
    }

    .ads-engine-page .ads-btn {
        width: 100%;
    }
}
/* ==================================================
   DRIVING TEST FAULTS EXPLAINED
================================================== */

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

.ads-faults-page {
    overflow: hidden;
    color: #2f3540;
    background: #f7f8fa;
}

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


.ads-faults-hero {
    padding: 86px 0 70px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            rgba(18, 20, 26, 0.98),
            rgba(38, 42, 52, 0.95)
        );
}

.ads-faults-label {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 13px;
    color: #ffffff;
    background: #f37423;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-faults-hero h1 {
    max-width: 900px;
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(42px, 6vw, 66px);
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1.04;
    text-transform: uppercase;
}

.ads-faults-hero h1 span {
    color: #f37423;
}

.ads-faults-hero > .ads-faults-container > p {
    max-width: 780px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 19px;
    line-height: 1.65;
}

.ads-faults-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.ads-faults-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.ads-faults-hero-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

/* MAIN */

.ads-faults-main {
    padding: 72px 0 84px;
}

.ads-faults-main section {
    margin-bottom: 42px;
}

/* SHARED HEADINGS */

.ads-faults-page .ads-section-heading {
    max-width: 820px;
    margin: 0 auto 34px;
    text-align: center;
}

.ads-faults-page .ads-section-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #d95f12;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-faults-page .ads-section-heading h2,
.ads-faults-intro h2,
.ads-faults-clarification h2,
.ads-faults-scenario h2,
.ads-faults-repeated h2,
.ads-faults-tips h2,
.ads-faults-retest h2,
.ads-faults-official h2 {
    margin: 0 0 15px;
    color: #12141a;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.18;
}

.ads-faults-page .ads-section-heading p,
.ads-faults-intro p,
.ads-faults-clarification p,
.ads-faults-scenario p,
.ads-faults-repeated p,
.ads-faults-tips p,
.ads-faults-retest p,
.ads-faults-official p {
    margin: 0 0 14px;
    color: #5d6470;
    line-height: 1.72;
}


.ads-faults-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-left: 6px solid #f37423;
    border-radius: 15px;
    box-shadow: 0 14px 32px rgba(18, 20, 26, 0.06);
}

.ads-faults-pass-mark {
    padding: 28px;
    color: #ffffff;
    background: #12141a;
    border-radius: 12px;
    text-align: center;
}

.ads-faults-pass-mark span {
    display: block;
    margin-bottom: 8px;
    color: #f37423;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-faults-pass-mark strong {
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 36px;
    line-height: 1;
}

.ads-faults-pass-mark p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.55;
}

/* FAULT TYPES */

.ads-faults-types {
    scroll-margin-top: 110px;
}

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

.ads-faults-type-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #e3e6ea;
    border-top: 5px solid #f37423;
    border-radius: 13px;
    box-shadow: 0 10px 24px rgba(18, 20, 26, 0.05);
}

.ads-faults-type-serious {
    border-top-color: #c98300;
}

.ads-faults-type-dangerous {
    border-top-color: #b52e2e;
}

.ads-faults-type-icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: 18px;
    color: #ffffff;
    background: #12141a;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 900;
}

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

.ads-faults-type-card h3 {
    margin: 0 0 12px;
    color: #12141a;
    font-size: 22px;
    line-height: 1.3;
}

.ads-faults-type-card p {
    margin: 0 0 13px;
    color: #5d6470;
    line-height: 1.65;
}

.ads-faults-type-card strong {
    margin-top: auto;
    padding-top: 14px;
    color: #d95f12;
}

/* CLARIFICATION */

.ads-faults-clarification {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 22px;
    align-items: flex-start;
    padding: 32px;
    background: #eef2f5;
    border-left: 6px solid #f37423;
    border-radius: 13px;
}

.ads-faults-clarification-icon {
    font-size: 38px;
    line-height: 1;
}

/* SAME MISTAKE SCENARIO */

.ads-faults-scenario {
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-faults-scenario-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 28px;
}

.ads-faults-scenario-grid article {
    padding: 24px;
    background: #f7f8fa;
    border-radius: 11px;
}

.ads-faults-scenario-tag {
    display: inline-block;
    margin-bottom: 13px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.ads-faults-tag-driving {
    color: #d95f12;
    background: rgba(243, 116, 35, 0.1);
}

.ads-faults-tag-serious {
    color: #9a6300;
    background: rgba(201, 131, 0, 0.12);
}

.ads-faults-tag-dangerous {
    color: #a62323;
    background: rgba(181, 46, 46, 0.1);
}

.ads-faults-scenario-grid h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
}

.ads-faults-scenario-grid p {
    margin: 0;
    color: #5d6470;
    line-height: 1.65;
}

/* COMMON FAILS */

.ads-faults-common {
    scroll-margin-top: 110px;
}

.ads-faults-common-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.ads-faults-common-grid article {
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
}

.ads-faults-common-grid article > span {
    display: block;
    margin-bottom: 14px;
    color: #f37423;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

.ads-faults-common-grid h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 19px;
    line-height: 1.3;
}

.ads-faults-common-grid p {
    margin: 0;
    color: #5f6671;
    line-height: 1.62;
}

/* REPEATED FAULTS */

.ads-faults-repeated {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.8fr);
    gap: 36px;
    align-items: center;
    padding: 40px;
    color: #ffffff;
    background: #12141a;
    border-radius: 15px;
}

.ads-faults-repeated h2,
.ads-faults-repeated p {
    color: #ffffff;
}

.ads-faults-repeated-example {
    padding: 26px;
    background: #ffffff;
    border-left: 5px solid #f37423;
    border-radius: 11px;
}

.ads-faults-repeated-example > span {
    display: inline-block;
    margin-bottom: 10px;
    color: #d95f12;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.ads-faults-repeated-example h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
}

.ads-faults-repeated-example p {
    margin: 0;
    color: #5d6470;
    line-height: 1.65;
}

/* EXAMPLES */

.ads-faults-example-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ads-faults-example-grid article {
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 13px;
}

.ads-faults-example-heading {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 14px;
}

.ads-faults-example-heading span {
    font-size: 28px;
    line-height: 1;
}

.ads-faults-example-heading h3 {
    margin: 0;
    color: #12141a;
    font-size: 22px;
}

.ads-faults-example-grid p {
    margin: 0 0 12px;
    color: #5d6470;
    line-height: 1.67;
}

.ads-faults-example-grid p:last-child {
    margin-bottom: 0;
}

/* TIPS */

.ads-faults-tips {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 38px;
    padding: 40px;
    background: #fff7ee;
    border: 2px solid #f37423;
    border-radius: 15px;
}

.ads-faults-tip-list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ads-faults-tip-list li {
    position: relative;
    padding: 18px 18px 18px 52px;
    background: #ffffff;
    border-radius: 10px;
}

.ads-faults-tip-list li::before {
    position: absolute;
    top: 18px;
    left: 18px;
    content: "✓";
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    color: #ffffff;
    background: #f37423;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
}

.ads-faults-tip-list strong {
    display: block;
    margin-bottom: 4px;
    color: #12141a;
}

.ads-faults-tip-list span {
    color: #5d6470;
    line-height: 1.55;
}

/* RETEST */

.ads-faults-retest {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-faults-retest-card {
    padding: 28px;
    color: #ffffff;
    background: #12141a;
    border-radius: 12px;
    text-align: center;
}

.ads-faults-retest-card > span {
    display: block;
    margin-bottom: 8px;
    color: #f37423;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.ads-faults-retest-card > strong {
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.1;
}

.ads-faults-retest-card p {
    margin: 0 0 20px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.55;
}

/* FAQ */

.ads-faults-faq {
    scroll-margin-top: 110px;
}

.ads-faults-page .ads-faq-list {
    display: grid;
    gap: 13px;
}

.ads-faults-page .ads-faq-item {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e5e9;
    border-radius: 11px;
}

.ads-faults-page .ads-faq-item summary {
    position: relative;
    padding: 19px 58px 19px 22px;
    color: #ffffff;
    background: #12141a;
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45;
    list-style: none;
}

.ads-faults-page .ads-faq-item summary::-webkit-details-marker {
    display: none;
}

.ads-faults-page .ads-faq-item summary::before,
.ads-faults-page .ads-faq-item summary::after {
    position: absolute;
    top: 50%;
    content: "";
    background: #ffffff;
    transform: translateY(-50%);
    transition: transform 0.2s ease;
}

.ads-faults-page .ads-faq-item summary::before {
    right: 22px;
    width: 18px;
    height: 2px;
}

.ads-faults-page .ads-faq-item summary::after {
    right: 30px;
    width: 2px;
    height: 18px;
}

.ads-faults-page .ads-faq-item[open] summary {
    background: #f37423;
}

.ads-faults-page .ads-faq-item[open] summary::after {
    transform: translateY(-50%) rotate(90deg);
}

.ads-faults-page .ads-faq-item > div {
    padding: 24px;
}

.ads-faults-page .ads-faq-item p {
    margin: 0 0 12px;
    color: #555c67;
    line-height: 1.68;
}

.ads-faults-page .ads-faq-item p:last-child {
    margin-bottom: 0;
}

.ads-faults-page .ads-text-link {
    display: inline-block;
    margin-top: 7px;
    color: #d95f12;
    font-weight: 800;
    text-decoration: none;
}

.ads-faults-page .ads-text-link:hover {
    text-decoration: underline;
}

/* RELATED GUIDES */

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

.ads-faults-related-card {
    display: flex;
    flex-direction: column;
    padding: 28px;
    color: inherit !important;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

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

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

.ads-faults-related-card h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
}

.ads-faults-related-card p {
    margin: 0;
    color: #5f6671;
    line-height: 1.65;
}

.ads-faults-related-card strong {
    margin-top: auto;
    padding-top: 18px;
    color: #d95f12;
}

/* OFFICIAL GUIDANCE */

.ads-faults-official {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
    padding: 38px;
    background: #eef2f5;
    border-radius: 14px;
}

/* BACK LINK */

.ads-faults-back {
    margin-top: 50px;
    padding-top: 34px;
    border-top: 2px solid #e8eaed;
    text-align: center;
}

.ads-faults-back a {
    color: #12141a;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
}

.ads-faults-back a:hover {
    color: #d95f12;
}

/* BUTTONS */

.ads-faults-page .ads-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 24px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.4px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.ads-faults-page .ads-btn:hover {
    transform: translateY(-2px);
}

.ads-faults-page .ads-btn-primary {
    color: #ffffff !important;
    background: #f37423;
    border: 2px solid #f37423;
    box-shadow: 0 7px 18px rgba(243, 116, 35, 0.24);
}

.ads-faults-page .ads-btn-primary:hover {
    background: #d95f12;
    border-color: #d95f12;
}

.ads-faults-page .ads-btn-secondary {
    color: #ffffff !important;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.75);
}

.ads-faults-page .ads-btn-secondary:hover {
    color: #12141a !important;
    background: #ffffff;
}

.ads-faults-page .ads-btn-outline {
    color: #12141a !important;
    background: #ffffff;
    border: 2px solid #12141a;
}

.ads-faults-page .ads-btn-outline:hover {
    color: #ffffff !important;
    background: #12141a;
}

/* TABLET */

@media (max-width: 980px) {

    .ads-faults-intro,
    .ads-faults-repeated,
    .ads-faults-tips,
    .ads-faults-retest {
        grid-template-columns: 1fr;
    }

    .ads-faults-type-grid,
    .ads-faults-scenario-grid,
    .ads-faults-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-faults-common-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-faults-pass-mark,
    .ads-faults-retest-card {
        max-width: 420px;
    }

    .ads-faults-official {
        grid-template-columns: 1fr;
    }
}

/* MOBILE */

@media (max-width: 700px) {

    .ads-faults-container {
        width: calc(100% - 34px);
    }

    .ads-faults-hero {
        padding: 66px 0 58px;
    }

    .ads-faults-hero h1 {
        font-size: 39px;
        letter-spacing: -1.3px;
    }

    .ads-faults-hero > .ads-faults-container > p {
        font-size: 17px;
    }

    .ads-faults-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ads-faults-main {
        padding: 52px 0 64px;
    }

    .ads-faults-intro,
    .ads-faults-clarification,
    .ads-faults-scenario,
    .ads-faults-repeated,
    .ads-faults-tips,
    .ads-faults-retest,
    .ads-faults-official {
        padding: 26px;
    }

    .ads-faults-type-grid,
    .ads-faults-scenario-grid,
    .ads-faults-common-grid,
    .ads-faults-example-grid,
    .ads-faults-related-grid {
        grid-template-columns: 1fr;
    }

    .ads-faults-clarification {
        grid-template-columns: 1fr;
    }

    .ads-faults-pass-mark,
    .ads-faults-retest-card {
        max-width: none;
    }

    .ads-faults-page .ads-faq-item summary {
        padding: 17px 52px 17px 18px;
        font-size: 15px;
    }

    .ads-faults-page .ads-faq-item summary::before {
        right: 18px;
    }

    .ads-faults-page .ads-faq-item summary::after {
        right: 26px;
    }

    .ads-faults-page .ads-faq-item > div {
        padding: 20px;
    }

    .ads-faults-page .ads-btn {
        width: 100%;
    }
}
/* DRIVING PRIORITY WITH IMAGE */

.ads-faults-driving-priority {
    display: grid;
    grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.15fr);
    gap: 38px;
    align-items: stretch;
    overflow: hidden;
    padding: 0;
    background: #12141a;
    border-left: 6px solid #f37423;
    border-radius: 14px;
}

.ads-faults-driving-priority-image {
    position: relative;
    min-height: 430px;
    background:
        linear-gradient(
            135deg,
            rgba(243, 116, 35, 0.18),
            rgba(18, 20, 26, 0.45)
        ),
        #292d35;
}


.ads-faults-driving-priority-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
}

.ads-faults-driving-priority-content {
    align-self: center;
    padding: 42px 42px 42px 0;
}

.ads-faults-driving-priority h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.18;
}

.ads-faults-driving-priority p {
    margin: 0 0 13px;
    color: rgba(255, 255, 255, 0.84);
    line-height: 1.7;
}

.ads-faults-driving-priority p:last-child {
    margin-bottom: 0;
}

.ads-faults-driving-priority .ads-section-kicker {
    color: #f37423;
}

@media (max-width: 800px) {

    .ads-faults-driving-priority {
        grid-template-columns: 1fr;
    }

    .ads-faults-driving-priority-image,
    .ads-faults-driving-priority-image img {
        min-height: 280px;
    }

    .ads-faults-driving-priority-content {
        padding: 4px 26px 30px;
    }
}
/* TOYOTA YARIS HYBRID ENGINE DIAGRAM */
.ads2-engine-page {
    --n:#12141a;
    --o:#f37423;
    --w:#fff;
    --s:#f5f6f8;
    --t:#333841;
    width:100%;
    overflow:hidden;
    color:var(--t)
}

.ads2-engine-page*,.ads2-engine-page *:before,.ads2-engine-page *:after {
    box-sizing:border-box
}

.ads2-engine-container {
    width:min(1180px,calc(100% - 40px));
    margin-inline:auto
}

.ads2-engine-hero {
    position:relative;
    padding:clamp(62px,8vw,105px) 0;
    overflow:hidden;
    background:radial-gradient(circle at 92% 15%,rgba(243,116,35,.22),transparent 25%),linear-gradient(135deg,#12141a 0%,#1b1e25 100%);
    color:var(--w);
    border-bottom:5px solid var(--o)
}

.ads2-engine-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
    gap:clamp(36px,6vw,82px);
    align-items:center
}

.ads2-engine-kicker {
    display:inline-block;
    margin-bottom:12px;
    color:var(--o);
    font-size:.77rem;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase
}

.ads2-engine-hero h1,.ads2-engine-section h2,.ads2-engine-test-section h2,.ads2-engine-final-cta h2 {
    margin:0;
    font-weight:900;
    line-height:1.03;
    letter-spacing:-.045em
}

.ads2-engine-hero h1 {
    color:var(--w);
    font-size:clamp(3rem,6vw,6rem)
}

.ads2-engine-hero-copy>p {
    max-width:700px;
    margin:24px 0 0;
    color:rgba(255,255,255,.8);
    font-size:clamp(1rem,1.4vw,1.15rem);
    line-height:1.75
}

.ads2-engine-hero-pills,.ads2-engine-actions {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:26px
}

.ads2-engine-hero-pills span {
    padding:8px 13px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    font-size:.77rem;
    font-weight:800
}

.ads2-engine-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:12px 20px;
    border:2px solid transparent;
    border-radius:8px;
    font-size:.82rem;
    font-weight:900;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.04em
}

.ads2-engine-btn-primary {
    background:var(--o);
    color:var(--w)
}

.ads2-engine-btn-secondary {
    border-color:rgba(255,255,255,.35);
    color:var(--w)
}

.ads2-engine-hero-card {
    position:relative;
    padding:10px;
    border-radius:20px;
    background:var(--w);
    box-shadow:0 28px 70px rgba(0,0,0,.34);
    transform:rotate(1.5deg)
}

.ads2-engine-hero-card:before {
    content:"";
    position:absolute;
    inset:-12px 18px 18px -12px;
    z-index:-1;
    border-radius:22px;
    background:var(--o);
    transform:rotate(-4deg)
}

.ads2-engine-hero-card img,.ads2-engine-main-figure img {
    display:block;
    width:100%;
    height:auto;
    border-radius:13px
}

.ads2-engine-section {
    padding:clamp(60px,8vw,100px) 0
}

.ads2-engine-two-col {
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
    gap:clamp(36px,7vw,88px)
}

.ads2-engine-section h2,.ads2-engine-test-section h2,.ads2-engine-final-cta h2 {
    color:var(--n);
    font-size:clamp(2.25rem,4.5vw,4.5rem)
}

.ads2-engine-section p,.ads2-engine-test-section p,.ads2-engine-final-cta p {
    line-height:1.75
}

.ads2-engine-overview-card {
    padding:30px;
    border:1px solid #e0e2e6;
    border-top:5px solid var(--o);
    border-radius:15px;
    background:var(--s);
    box-shadow:0 16px 40px rgba(18,20,26,.08)
}

.ads2-engine-overview-card h3 {
    margin:0 0 18px;
    color:var(--n)
}

.ads2-engine-overview-card ul {
    margin:0;
    padding:0;
    list-style:none
}

.ads2-engine-overview-card li {
    padding:10px 0;
    border-bottom:1px solid #dddfe4
}

.ads2-engine-diagram-section,.ads2-engine-faq-section {
    background:var(--s)
}

.ads2-engine-section-heading {
    max-width:780px;
    margin:0 auto 40px;
    text-align:center
}

.ads2-engine-main-figure {
    max-width:1000px;
    margin:0 auto;
    overflow:hidden;
    border:1px solid #dfe1e5;
    border-radius:18px;
    background:var(--w);
    box-shadow:0 22px 55px rgba(18,20,26,.12)
}

.ads2-engine-main-figure figcaption {
    padding:16px 20px;
    color:#666c75;
    font-size:.88rem;
    text-align:center
}

.ads2-engine-card-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px
}

.ads2-engine-component-card {
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    overflow:hidden;
    border:1px solid #e0e2e6;
    border-radius:16px;
    background:var(--w);
    box-shadow:0 16px 38px rgba(18,20,26,.08)
}

.ads2-engine-component-card>img {
    width:100%;
    height:100%;
    min-height:280px;
    object-fit:cover
}

.ads2-engine-component-content {
    padding:28px 26px
}

.ads2-engine-number {
    display:inline-block;
    margin-bottom:12px;
    color:var(--o);
    font-size:.77rem;
    font-weight:950;
    letter-spacing:.15em
}

.ads2-engine-component-content h3 {
    margin:0 0 15px;
    color:var(--n);
    font-size:1.45rem
}

.ads2-engine-component-content p {
    margin:0 0 12px;
    font-size:.93rem
}

.ads2-engine-test-answer,.ads2-engine-warning,.ads2-engine-hybrid-warning {
    margin-top:16px;
    padding:15px 17px;
    border-left:4px solid var(--o);
    border-radius:7px;
    background:#fff4ec;
    font-size:.9rem;
    line-height:1.6
}

.ads2-engine-test-section {
    padding:58px 0;
    background:var(--n);
    color:var(--w)
}

.ads2-engine-test-grid,.ads2-engine-final-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:35px;
    align-items:center
}

.ads2-engine-test-section h2 {
    color:var(--w)
}

.ads2-engine-test-section p {
    color:rgba(255,255,255,.78)
}

.ads2-engine-faq-list {
    max-width:900px;
    margin:0 auto
}

.ads2-engine-faq-list details {
    margin-bottom:12px;
    border:1px solid #dde0e5;
    border-radius:10px;
    background:var(--w)
}

.ads2-engine-faq-list summary {
    position:relative;
    padding:20px 56px 20px 22px;
    color:var(--n);
    font-weight:850;
    cursor:pointer;
    list-style:none
}

.ads2-engine-faq-list summary:after {
    content:"+";
    position:absolute;
    right:22px;
    color:var(--o);
    font-size:1.6rem
}

.ads2-engine-faq-list details[open] summary:after {
    content:"−"
}

.ads2-engine-faq-list details>div {
    padding:0 22px 20px;
    color:#5c626c
}

.ads2-engine-link-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px
}

.ads2-engine-link-grid a {
    display:flex;
    min-height:76px;
    align-items:center;
    padding:18px;
    border:1px solid #dfe1e5;
    border-radius:10px;
    background:var(--s);
    color:var(--n);
    font-weight:850;
    text-decoration:none
}

.ads2-engine-link-grid a:hover,.ads2-engine-link-grid a[aria-current=page] {
    border-color:var(--o);
    background:#fff4ec
}

.ads2-engine-final-cta {
    padding:clamp(58px,7vw,88px) 0;
    background:linear-gradient(135deg,rgba(243,116,35,.98),rgba(226,89,13,.98));
    color:var(--n)
}

.ads2-engine-final-cta .ads2-engine-kicker {
    color:var(--n)
}

.ads2-engine-final-cta .ads2-engine-btn-primary {
    background:var(--n)
}

.ads2-engine-final-cta .ads2-engine-btn-secondary {
    border-color:rgba(18,20,26,.35);
    color:var(--n)
}

@media (max-width:980px) {
    .ads2-engine-hero-grid,.ads2-engine-two-col,.ads2-engine-test-grid,.ads2-engine-final-grid {
        grid-template-columns:1fr
    }
    .ads2-engine-card-grid {
        grid-template-columns:1fr
    }
    .ads2-engine-link-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (max-width:650px) {
    .ads2-engine-container {
        width:min(100% - 24px,1180px)
    }
    .ads2-engine-hero {
        padding:54px 0 62px
    }
    .ads2-engine-hero h1 {
        font-size:clamp(2.7rem,14vw,4rem)
    }
    .ads2-engine-actions {
        display:grid;
        grid-template-columns:1fr
    }
    .ads2-engine-btn {
        width:100%
    }
    .ads2-engine-hero-card {
        transform:none
    }
    .ads2-engine-component-card {
        grid-template-columns:1fr
    }
    .ads2-engine-component-card>img {
        height:240px;
        min-height:0
    }
    .ads2-engine-link-grid {
        grid-template-columns:1fr
    }
    .ads2-engine-section {
        padding:54px 0
    }
}

/* Smaller engine page hero */
.ads2-engine-hero {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

.ads2-engine-hero h1 {
    font-size: clamp(2.6rem, 5vw, 4.7rem) !important;
}

@media (max-width: 650px) {
    .ads2-engine-hero {
        padding-top: 36px !important;
        padding-bottom: 40px !important;
    }

    .ads2-engine-hero h1 {
        font-size: clamp(2.5rem, 12vw, 3.7rem) !important;
    }
}
/* Fix engine safety and test sections */
.ads2-engine-test-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr) !important;
    align-items: center;
    gap: 48px;
}

.ads2-engine-test-grid > div {
    min-width: 0;
}

.ads2-engine-test-grid h2 {
    max-width: 720px;
    margin-bottom: 18px;
}

.ads2-engine-test-grid .ads2-engine-warning {
    width: 100%;
    color: #12141a;
    line-height: 1.6;
}

.ads2-engine-test-grid .ads2-engine-warning strong {
    color: #12141a;
}

@media (max-width: 800px) {
    .ads2-engine-test-grid {
        grid-template-columns: 1fr !important;
        gap: 28px;
    }
}
/* =========================================================
   Cockpit Drill DSSSM page
   ========================================================= */

.ads2-cockpit-page {
    --ads2-cockpit-navy: #12141a;
    --ads2-cockpit-orange: #f37423;
    --ads2-cockpit-white: #ffffff;
    --ads2-cockpit-grey: #d7d9df;
    --ads2-cockpit-soft: #f5f6f8;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    color: var(--ads2-cockpit-navy);
}

.ads2-cockpit-page *,
.ads2-cockpit-page *::before,
.ads2-cockpit-page *::after {
    box-sizing: border-box;
}

.ads2-cockpit-container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.ads2-cockpit-page h1,
.ads2-cockpit-page h2,
.ads2-cockpit-page h3,
.ads2-cockpit-page h4,
.ads2-cockpit-page p {
    margin-top: 0;
}

.ads2-cockpit-page p,
.ads2-cockpit-page li {
    line-height: 1.7;
}

.ads2-cockpit-kicker {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    background: var(--ads2-cockpit-navy);
    color: var(--ads2-cockpit-white);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: skewX(-8deg);
}

.ads2-cockpit-kicker::first-line {
    transform: skewX(8deg);
}

/* Hero */

.ads2-cockpit-hero {
    padding: 58px 0;
    background:
        radial-gradient(circle at 85% 18%, rgba(243, 116, 35, 0.2), transparent 28%),
        linear-gradient(135deg, #12141a 0%, #1c2029 100%);
    color: var(--ads2-cockpit-white);
    border-bottom: 6px solid var(--ads2-cockpit-orange);
}

.ads2-cockpit-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 56px;
    align-items: center;
}

.ads2-cockpit-hero h1 {
    max-width: 820px;
    margin-bottom: 20px;
    color: var(--ads2-cockpit-orange);
    font-size: clamp(2.8rem, 6vw, 5.7rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads2-cockpit-hero-copy > p {
    max-width: 720px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1.12rem;
}

.ads2-cockpit-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ads2-cockpit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ads2-cockpit-btn:hover {
    transform: translateY(-2px);
}

.ads2-cockpit-btn-primary {
    background: var(--ads2-cockpit-orange);
    color: var(--ads2-cockpit-navy);
}

.ads2-cockpit-btn-secondary {
    border-color: rgba(255, 255, 255, 0.55);
    color: var(--ads2-cockpit-white);
}

.ads2-cockpit-btn-secondary:hover {
    background: var(--ads2-cockpit-white);
    color: var(--ads2-cockpit-navy);
}

.ads2-cockpit-summary-card {
    padding: 34px;
    background: var(--ads2-cockpit-white);
    color: var(--ads2-cockpit-navy);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.ads2-cockpit-summary-icon {
    display: inline-grid;
    place-items: center;
    min-width: 94px;
    min-height: 50px;
    margin-bottom: 20px;
    padding: 10px 14px;
    background: var(--ads2-cockpit-orange);
    border-radius: 14px;
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.ads2-cockpit-summary-card h2 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
}

.ads2-cockpit-summary-card p {
    margin-bottom: 18px;
}

.ads2-cockpit-summary-card a {
    color: var(--ads2-cockpit-orange);
    font-weight: 800;
}

/* Intro */

.ads2-cockpit-intro {
    padding: 72px 0;
    background: var(--ads2-cockpit-white);
}

.ads2-cockpit-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
    gap: 56px;
    align-items: center;
}

.ads2-cockpit-intro h2,
.ads2-cockpit-section-heading h2,
.ads2-cockpit-recap h2,
.ads2-cockpit-final h2 {
    margin-bottom: 18px;
    font-size: clamp(2rem, 4vw, 3.65rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

.ads2-cockpit-letter-strip {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.ads2-cockpit-letter-strip div {
    min-width: 0;
    padding: 22px 10px;
    background: var(--ads2-cockpit-soft);
    border: 1px solid #e4e6eb;
    border-radius: 16px;
    text-align: center;
}

.ads2-cockpit-letter-strip strong {
    display: block;
    margin-bottom: 8px;
    color: var(--ads2-cockpit-orange);
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1;
}

.ads2-cockpit-letter-strip span {
    display: block;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

/* Steps */

.ads2-cockpit-steps {
    padding: 78px 0;
    background: var(--ads2-cockpit-soft);
}

.ads2-cockpit-section-heading {
    max-width: 760px;
    margin-bottom: 38px;
}

.ads2-cockpit-step-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ads2-cockpit-step-card {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 22px;
    padding: 30px;
    background: var(--ads2-cockpit-white);
    border: 1px solid #e2e4e8;
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(18, 20, 26, 0.07);
}

.ads2-cockpit-step-card-wide {
    grid-column: 1 / -1;
}

.ads2-cockpit-step-letter {
    display: grid;
    place-items: center;
    width: 66px;
    height: 66px;
    background: var(--ads2-cockpit-orange);
    border-radius: 18px;
    color: var(--ads2-cockpit-navy);
    font-size: 2rem;
    font-weight: 900;
}

.ads2-cockpit-step-card h3 {
    margin-bottom: 10px;
    font-size: 1.65rem;
}

.ads2-cockpit-step-card ul {
    margin: 14px 0 0;
    padding-left: 20px;
}

.ads2-cockpit-step-card li + li {
    margin-top: 7px;
}

.ads2-cockpit-mirror-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.ads2-cockpit-mirror-grid > div {
    padding: 20px;
    background: var(--ads2-cockpit-soft);
    border-radius: 16px;
}

.ads2-cockpit-mirror-grid h4 {
    margin-bottom: 8px;
    color: var(--ads2-cockpit-orange);
    font-size: 1.12rem;
}

/* Recap */

.ads2-cockpit-recap {
    padding: 70px 0;
    background: var(--ads2-cockpit-white);
}

.ads2-cockpit-recap-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.65fr);
    gap: 44px;
    align-items: center;
}

.ads2-cockpit-download-card {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 26px;
    background: var(--ads2-cockpit-navy);
    border-radius: 20px;
    color: var(--ads2-cockpit-white);
    text-decoration: none;
}

.ads2-cockpit-download-card > span {
    display: grid;
    place-items: center;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    background: var(--ads2-cockpit-orange);
    border-radius: 16px;
    color: var(--ads2-cockpit-navy);
    font-weight: 900;
}

.ads2-cockpit-download-card strong,
.ads2-cockpit-download-card small {
    display: block;
}

.ads2-cockpit-download-card strong {
    margin-bottom: 4px;
}

.ads2-cockpit-download-card small {
    color: rgba(255, 255, 255, 0.7);
}

/* Final CTA */

.ads2-cockpit-final {
    padding: 66px 0;
    background: linear-gradient(135deg, #12141a 0%, #1d212a 100%);
    color: var(--ads2-cockpit-white);
    border-top: 6px solid var(--ads2-cockpit-orange);
}

.ads2-cockpit-final-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
}

.ads2-cockpit-final h2 {
    color: var(--ads2-cockpit-white);
}

.ads2-cockpit-final p {
    max-width: 720px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Responsive */

@media (max-width: 900px) {
    .ads2-cockpit-hero-grid,
    .ads2-cockpit-intro-grid,
    .ads2-cockpit-recap-grid,
    .ads2-cockpit-final-grid {
        grid-template-columns: 1fr;
    }

    .ads2-cockpit-step-grid {
        grid-template-columns: 1fr;
    }

    .ads2-cockpit-step-card-wide {
        grid-column: auto;
    }

    .ads2-cockpit-final-grid .ads2-cockpit-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 650px) {
    .ads2-cockpit-container {
        width: min(100% - 28px, 1180px);
    }

    .ads2-cockpit-hero {
        padding: 42px 0 46px;
    }

    .ads2-cockpit-hero h1 {
        font-size: clamp(2.55rem, 13vw, 4rem);
    }

    .ads2-cockpit-intro,
    .ads2-cockpit-steps,
    .ads2-cockpit-recap,
    .ads2-cockpit-final {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .ads2-cockpit-letter-strip {
        grid-template-columns: repeat(5, minmax(56px, 1fr));
        gap: 6px;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .ads2-cockpit-letter-strip div {
        padding: 18px 6px;
    }

    .ads2-cockpit-letter-strip span {
        font-size: 0.66rem;
    }

    .ads2-cockpit-step-card {
        grid-template-columns: 1fr;
        padding: 24px;
    }

    .ads2-cockpit-mirror-grid {
        grid-template-columns: 1fr;
    }

    .ads2-cockpit-actions {
        flex-direction: column;
    }

    .ads2-cockpit-btn {
        width: 100%;
    }

    .ads2-cockpit-summary-card {
        padding: 26px;
    }
}
/* Keep PDF button text visible in every state */
.ads2-cockpit-hero .ads2-cockpit-btn-secondary,
.ads2-cockpit-hero .ads2-cockpit-btn-secondary:link,
.ads2-cockpit-hero .ads2-cockpit-btn-secondary:visited {
    color: #ffffff !important;
}

.ads2-cockpit-hero .ads2-cockpit-btn-secondary:hover,
.ads2-cockpit-hero .ads2-cockpit-btn-secondary:focus,
.ads2-cockpit-hero .ads2-cockpit-btn-secondary:active {
    background: #ffffff;
    color: #12141a !important;
}
/* Cockpit Drill FAQs */
.ads2-cockpit-faq {
    padding: 76px 0;
    background: #f5f6f8;
}

.ads2-cockpit-faq-list {
    display: grid;
    gap: 14px;
    max-width: 900px;
}

.ads2-cockpit-faq-list details {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e4e8;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(18, 20, 26, 0.05);
}

.ads2-cockpit-faq-list summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: #12141a;
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.ads2-cockpit-faq-list summary::-webkit-details-marker {
    display: none;
}

.ads2-cockpit-faq-list summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 24px;
    color: #f37423;
    font-size: 1.7rem;
    font-weight: 700;
    transform: translateY(-50%);
}

.ads2-cockpit-faq-list details[open] summary::after {
    content: "−";
}

.ads2-cockpit-faq-list details > div {
    padding: 0 24px 22px;
}

.ads2-cockpit-faq-list details p {
    margin-bottom: 0;
}
/* =========================================================
   Moving Off & Stopping page
   ========================================================= */

.ads2-moving-page {
    --ads2-moving-navy: #12141a;
    --ads2-moving-orange: #f37423;
    --ads2-moving-white: #ffffff;
    --ads2-moving-grey: #d7d9df;
    --ads2-moving-soft: #f5f6f8;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    color: var(--ads2-moving-navy);
}

.ads2-moving-page *,
.ads2-moving-page *::before,
.ads2-moving-page *::after {
    box-sizing: border-box;
}

.ads2-moving-container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.ads2-moving-page h1,
.ads2-moving-page h2,
.ads2-moving-page h3,
.ads2-moving-page p {
    margin-top: 0;
}

.ads2-moving-page p,
.ads2-moving-page li {
    line-height: 1.7;
}

.ads2-moving-kicker {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    background: var(--ads2-moving-navy);
    color: var(--ads2-moving-white);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: skewX(-8deg);
}

.ads2-moving-section-heading {
    max-width: 780px;
    margin-bottom: 38px;
}

.ads2-moving-section-heading h2,
.ads2-moving-intro h2,
.ads2-moving-pro-tip h2,
.ads2-moving-recap h2,
.ads2-moving-final h2 {
    margin-bottom: 18px;
    font-size: clamp(2rem, 4vw, 3.65rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

/* Hero */

.ads2-moving-hero {
    padding: 58px 0;
    background:
        radial-gradient(circle at 84% 20%, rgba(243, 116, 35, 0.2), transparent 28%),
        linear-gradient(135deg, #12141a 0%, #1c2029 100%);
    color: var(--ads2-moving-white);
    border-bottom: 6px solid var(--ads2-moving-orange);
}

.ads2-moving-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 56px;
    align-items: center;
}

.ads2-moving-hero h1 {
    max-width: 850px;
    margin-bottom: 20px;
    color: var(--ads2-moving-orange);
    font-size: clamp(2.8rem, 6vw, 5.7rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads2-moving-hero-copy > p {
    max-width: 730px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1.12rem;
}

.ads2-moving-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ads2-moving-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ads2-moving-btn:hover {
    transform: translateY(-2px);
}

.ads2-moving-btn-primary {
    background: var(--ads2-moving-orange);
    color: var(--ads2-moving-navy);
}

.ads2-moving-btn-secondary,
.ads2-moving-btn-secondary:link,
.ads2-moving-btn-secondary:visited {
    border-color: rgba(255, 255, 255, 0.55);
    color: var(--ads2-moving-white) !important;
}

.ads2-moving-btn-secondary:hover,
.ads2-moving-btn-secondary:focus,
.ads2-moving-btn-secondary:active {
    background: var(--ads2-moving-white);
    color: var(--ads2-moving-navy) !important;
}

.ads2-moving-summary-card {
    padding: 34px;
    background: var(--ads2-moving-white);
    color: var(--ads2-moving-navy);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.ads2-moving-summary-badge {
    display: inline-grid;
    place-items: center;
    min-width: 88px;
    min-height: 54px;
    margin-bottom: 20px;
    padding: 10px 16px;
    background: var(--ads2-moving-orange);
    border-radius: 14px;
    font-size: 1.45rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.ads2-moving-summary-card h2 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
}

.ads2-moving-summary-card p {
    margin-bottom: 18px;
}

.ads2-moving-summary-card a {
    color: var(--ads2-moving-orange);
    font-weight: 800;
}

/* Intro */

.ads2-moving-intro {
    padding: 72px 0;
    background: var(--ads2-moving-white);
}

.ads2-moving-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.85fr);
    gap: 58px;
    align-items: center;
}

.ads2-moving-letter-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.ads2-moving-letter-strip div {
    padding: 28px 12px;
    background: var(--ads2-moving-soft);
    border: 1px solid #e4e6eb;
    border-radius: 18px;
    text-align: center;
}

.ads2-moving-letter-strip strong {
    display: block;
    margin-bottom: 10px;
    color: var(--ads2-moving-orange);
    font-size: clamp(2.8rem, 6vw, 4.5rem);
    line-height: 1;
}

.ads2-moving-letter-strip span {
    display: block;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
}

/* POM */

.ads2-moving-pom {
    padding: 78px 0;
    background: var(--ads2-moving-soft);
}

.ads2-moving-step-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ads2-moving-step-card {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 22px;
    padding: 30px;
    background: var(--ads2-moving-white);
    border: 1px solid #e2e4e8;
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(18, 20, 26, 0.07);
}

.ads2-moving-step-card-wide {
    grid-column: 1 / -1;
}

.ads2-moving-step-letter {
    display: grid;
    place-items: center;
    width: 66px;
    height: 66px;
    background: var(--ads2-moving-orange);
    border-radius: 18px;
    font-size: 2rem;
    font-weight: 900;
}

.ads2-moving-step-card h3 {
    margin-bottom: 10px;
    font-size: 1.65rem;
}

.ads2-moving-step-card ol {
    margin: 14px 0 0;
    padding-left: 22px;
}

.ads2-moving-step-card li + li {
    margin-top: 7px;
}

.ads2-moving-tip {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 18px;
    max-width: 900px;
    margin-top: 28px;
    padding: 24px;
    background: #fff7ed;
    border-left: 5px solid var(--ads2-moving-orange);
    border-radius: 16px;
}

.ads2-moving-tip > span {
    font-size: 1.7rem;
}

.ads2-moving-tip strong {
    display: block;
    margin-bottom: 6px;
    font-size: 1.05rem;
}

.ads2-moving-tip p {
    margin-bottom: 0;
}

/* Stopping */

.ads2-moving-stopping {
    padding: 78px 0;
    background: var(--ads2-moving-white);
}

.ads2-moving-stop-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.ads2-moving-stop-grid article {
    padding: 26px;
    background: var(--ads2-moving-navy);
    border-radius: 20px;
    color: var(--ads2-moving-white);
}

.ads2-moving-stop-grid article > span {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-moving-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-moving-stop-grid h3 {
    margin-bottom: 10px;
    color: var(--ads2-moving-white);
    font-size: 1.35rem;
}

.ads2-moving-stop-grid p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

.ads2-moving-pro-tip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.65fr);
    gap: 42px;
    align-items: center;
    margin-top: 52px;
    padding: 38px;
    background: var(--ads2-moving-soft);
    border-radius: 24px;
}

.ads2-moving-pro-tip p {
    margin-bottom: 0;
}

.ads2-moving-finish-card {
    padding: 28px;
    background: var(--ads2-moving-orange);
    border-radius: 18px;
}

.ads2-moving-finish-card strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.ads2-moving-finish-card p {
    font-weight: 800;
}

/* Recap */

.ads2-moving-recap {
    padding: 70px 0;
    background: var(--ads2-moving-soft);
}

.ads2-moving-recap-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.65fr);
    gap: 44px;
    align-items: center;
}

.ads2-moving-download-card {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 26px;
    background: var(--ads2-moving-navy);
    border-radius: 20px;
    color: var(--ads2-moving-white) !important;
    text-decoration: none;
}

.ads2-moving-download-card > span {
    display: grid;
    place-items: center;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    background: var(--ads2-moving-orange);
    border-radius: 16px;
    color: var(--ads2-moving-navy);
    font-weight: 900;
}

.ads2-moving-download-card strong,
.ads2-moving-download-card small {
    display: block;
}

.ads2-moving-download-card strong {
    margin-bottom: 4px;
}

.ads2-moving-download-card small {
    color: rgba(255, 255, 255, 0.7);
}

/* FAQs */

.ads2-moving-faq {
    padding: 76px 0;
    background: var(--ads2-moving-white);
}

.ads2-moving-faq-list {
    display: grid;
    gap: 14px;
    max-width: 900px;
}

.ads2-moving-faq-list details {
    overflow: hidden;
    background: var(--ads2-moving-soft);
    border: 1px solid #e1e4e8;
    border-radius: 16px;
}

.ads2-moving-faq-list summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: var(--ads2-moving-navy);
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.ads2-moving-faq-list summary::-webkit-details-marker {
    display: none;
}

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

.ads2-moving-faq-list details[open] summary::after {
    content: "−";
}

.ads2-moving-faq-list details > div {
    padding: 0 24px 22px;
}

.ads2-moving-faq-list details p {
    margin-bottom: 0;
}

/* Final */

.ads2-moving-final {
    padding: 66px 0;
    background: linear-gradient(135deg, #12141a 0%, #1d212a 100%);
    color: var(--ads2-moving-white);
    border-top: 6px solid var(--ads2-moving-orange);
}

.ads2-moving-final-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
}

.ads2-moving-final h2 {
    color: var(--ads2-moving-white);
}

.ads2-moving-final p {
    max-width: 720px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Responsive */

@media (max-width: 950px) {
    .ads2-moving-hero-grid,
    .ads2-moving-intro-grid,
    .ads2-moving-recap-grid,
    .ads2-moving-final-grid,
    .ads2-moving-pro-tip {
        grid-template-columns: 1fr;
    }

    .ads2-moving-stop-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .ads2-moving-step-grid {
        grid-template-columns: 1fr;
    }

    .ads2-moving-step-card-wide {
        grid-column: auto;
    }
}

@media (max-width: 650px) {
    .ads2-moving-container {
        width: min(100% - 28px, 1180px);
    }

    .ads2-moving-hero {
        padding: 42px 0 46px;
    }

    .ads2-moving-hero h1 {
        font-size: clamp(2.55rem, 13vw, 4rem);
    }

    .ads2-moving-intro,
    .ads2-moving-pom,
    .ads2-moving-stopping,
    .ads2-moving-recap,
    .ads2-moving-faq,
    .ads2-moving-final {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .ads2-moving-step-card {
        grid-template-columns: 1fr;
        padding: 24px;
    }

    .ads2-moving-stop-grid {
        grid-template-columns: 1fr;
    }

    .ads2-moving-tip {
        grid-template-columns: 1fr;
    }

    .ads2-moving-actions {
        flex-direction: column;
    }

    .ads2-moving-btn {
        width: 100%;
    }

    .ads2-moving-summary-card,
    .ads2-moving-pro-tip {
        padding: 26px;
    }
}
/* ==================================================
   REBOOK DRIVING TEST AFTER FAILING
================================================== */

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

.ads-rebook-page {
    overflow: hidden;
    color: #2f3540;
    background: #f7f8fa;
}

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


.ads-rebook-hero {
    padding: 86px 0 70px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            rgba(18, 20, 26, 0.98),
            rgba(38, 42, 52, 0.95)
        );
}

.ads-rebook-label {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 13px;
    color: #ffffff;
    background: #f37423;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-rebook-hero h1 {
    max-width: 940px;
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(42px, 6vw, 66px);
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1.04;
    text-transform: uppercase;
}

.ads-rebook-hero h1 span {
    color: #f37423;
}

.ads-rebook-hero > .ads-rebook-container > p {
    max-width: 790px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 19px;
    line-height: 1.65;
}

.ads-rebook-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.ads-rebook-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.ads-rebook-hero-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

/* MAIN */

.ads-rebook-main {
    padding: 72px 0 84px;
}

.ads-rebook-main section {
    margin-bottom: 42px;
}

/* SHARED HEADINGS */

.ads-rebook-page .ads-section-heading {
    max-width: 820px;
    margin: 0 auto 34px;
    text-align: center;
}

.ads-rebook-page .ads-section-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #d95f12;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-rebook-page .ads-section-heading h2,
.ads-rebook-intro h2,
.ads-rebook-image-content h2,
.ads-rebook-booking-update h2,
.ads-rebook-next h2,
.ads-rebook-private-practice h2,
.ads-rebook-readiness h2,
.ads-rebook-support h2,
.ads-rebook-cta h2,
.ads-rebook-official h2 {
    margin: 0 0 15px;
    color: #12141a;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.18;
}

.ads-rebook-page .ads-section-heading p,
.ads-rebook-intro p,
.ads-rebook-image-content p,
.ads-rebook-booking-update p,
.ads-rebook-next p,
.ads-rebook-private-practice p,
.ads-rebook-readiness p,
.ads-rebook-support p,
.ads-rebook-cta p,
.ads-rebook-official p {
    margin: 0 0 14px;
    color: #5d6470;
    line-height: 1.72;
}


.ads-rebook-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-left: 6px solid #f37423;
    border-radius: 15px;
    box-shadow: 0 14px 32px rgba(18, 20, 26, 0.06);
}

.ads-rebook-stat {
    padding: 28px;
    color: #ffffff;
    background: #12141a;
    border-radius: 12px;
    text-align: center;
}

.ads-rebook-stat span {
    display: block;
    margin-bottom: 8px;
    color: #f37423;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-rebook-stat strong {
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 36px;
    line-height: 1;
}

.ads-rebook-stat p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.55;
}

/* TEXT LINKS */

.ads-rebook-page .ads-text-link {
    display: inline-block;
    margin-top: 7px;
    color: #d95f12;
    font-weight: 800;
    text-decoration: none;
}

.ads-rebook-page .ads-text-link:hover {
    text-decoration: underline;
}

/* IMAGE FEATURES */

.ads-rebook-image-feature {
    display: grid;
    grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
    gap: 38px;
    align-items: stretch;
    overflow: hidden;
    background: #12141a;
    border-left: 6px solid #f37423;
    border-radius: 15px;
}

.ads-rebook-image-feature-reverse {
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
}

.ads-rebook-image-feature-reverse .ads-rebook-image-placeholder {
    order: 2;
}

.ads-rebook-image-feature-reverse .ads-rebook-image-content {
    order: 1;
    padding: 42px 0 42px 42px;
}

.ads-rebook-image-placeholder {
    position: relative;
    min-height: 430px;
    background:
        linear-gradient(
            135deg,
            rgba(243, 116, 35, 0.18),
            rgba(18, 20, 26, 0.5)
        ),
        #292d35;
}

.ads-rebook-image-placeholder img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
}

.ads-rebook-image-placeholder > span {
    position: absolute;
    right: 18px;
    bottom: 18px;
    padding: 7px 11px;
    color: #ffffff;
    background: rgba(18, 20, 26, 0.84);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.ads-rebook-image-content {
    align-self: center;
    padding: 42px 42px 42px 0;
}

.ads-rebook-image-content h2,
.ads-rebook-image-content p {
    color: #ffffff;
}

.ads-rebook-image-content p {
    color: rgba(255, 255, 255, 0.84);
}

.ads-rebook-image-content .ads-section-kicker {
    color: #f37423;
}

/* TEN-DAY RULE */

.ads-rebook-rule {
    scroll-margin-top: 110px;
}

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

.ads-rebook-rule-grid article {
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 5px solid #f37423;
    border-radius: 13px;
    box-shadow: 0 10px 24px rgba(18, 20, 26, 0.05);
}

.ads-rebook-card-label {
    display: inline-block;
    margin-bottom: 15px;
    padding: 6px 10px;
    color: #d95f12;
    background: rgba(243, 116, 35, 0.1);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.ads-rebook-rule-number {
    margin-bottom: 16px;
    color: #f37423;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
}

.ads-rebook-rule-grid h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
}

.ads-rebook-rule-grid p {
    margin: 0;
    color: #5d6470;
    line-height: 1.65;
}

.ads-rebook-tip {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: flex-start;
    margin-top: 24px;
    padding: 24px;
    background: #fff7ee;
    border: 2px solid #f37423;
    border-radius: 12px;
}

.ads-rebook-tip > span {
    font-size: 30px;
    line-height: 1;
}

.ads-rebook-tip strong {
    display: block;
    margin-bottom: 5px;
    color: #12141a;
}

.ads-rebook-tip p {
    margin: 0;
    color: #5d6470;
    line-height: 1.65;
}

/* 2026 BOOKING UPDATE */

.ads-rebook-booking-update {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 24px;
    align-items: flex-start;
    padding: 34px;
    background: #fff7ee;
    border: 2px solid #f37423;
    border-radius: 14px;
}

.ads-rebook-update-icon {
    font-size: 40px;
    line-height: 1;
}

/* NEXT STEPS */

.ads-rebook-next {
    scroll-margin-top: 110px;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-rebook-next-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 28px;
}

.ads-rebook-next-grid article {
    padding: 24px;
    background: #f7f8fa;
    border-top: 4px solid #f37423;
    border-radius: 11px;
}

.ads-rebook-next-grid article > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    color: #ffffff;
    background: #12141a;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 900;
}

.ads-rebook-next-grid h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 20px;
    line-height: 1.3;
}

.ads-rebook-next-grid p {
    margin: 0;
    color: #606773;
    line-height: 1.65;
}

/* COMMON FAULTS */

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

.ads-rebook-fault-grid article {
    padding: 25px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 12px;
}

.ads-rebook-fault-grid article > span {
    display: block;
    margin-bottom: 13px;
    font-size: 30px;
    line-height: 1;
}

.ads-rebook-fault-grid h3 {
    margin: 0 0 9px;
    color: #12141a;
    font-size: 20px;
}

.ads-rebook-fault-grid p {
    margin: 0;
    color: #5d6470;
    line-height: 1.63;
}

.ads-rebook-fault-link {
    margin-top: 28px;
    text-align: center;
}

/* PRIVATE PRACTICE */

.ads-rebook-private-practice {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-rebook-insurance-card {
    padding: 28px;
    color: #ffffff;
    background: #12141a;
    border-radius: 12px;
}

.ads-rebook-insurance-card > span {
    display: inline-block;
    margin-bottom: 11px;
    padding: 6px 10px;
    color: #f37423;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.ads-rebook-insurance-card h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 23px;
}

.ads-rebook-insurance-card p {
    color: rgba(255, 255, 255, 0.8);
}

.ads-rebook-insurance-card small {
    display: block;
    margin-top: 14px;
    color: rgba(255, 255, 255, 0.58);
    font-size: 11px;
    line-height: 1.5;
}

/* READINESS */

.ads-rebook-readiness {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 38px;
    padding: 40px;
    color: #ffffff;
    background: #12141a;
    border-radius: 15px;
}

.ads-rebook-readiness h2,
.ads-rebook-readiness p {
    color: #ffffff;
}

.ads-rebook-readiness-list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ads-rebook-readiness-list li {
    position: relative;
    padding: 17px 18px 17px 51px;
    color: #434a54;
    background: #ffffff;
    border-radius: 10px;
    line-height: 1.55;
}

.ads-rebook-readiness-list li::before {
    position: absolute;
    top: 16px;
    left: 18px;
    content: "✓";
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    color: #ffffff;
    background: #f37423;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
}

/* SUPPORT */

.ads-rebook-support {
    padding: 40px;
    background: #eef2f5;
    border-left: 6px solid #f37423;
    border-radius: 14px;
}

/* CTA */

.ads-rebook-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
    padding: 38px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

/* FAQ */

.ads-rebook-faq {
    scroll-margin-top: 110px;
}

.ads-rebook-page .ads-faq-list {
    display: grid;
    gap: 13px;
}

.ads-rebook-page .ads-faq-item {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e5e9;
    border-radius: 11px;
}

.ads-rebook-page .ads-faq-item summary {
    position: relative;
    padding: 19px 58px 19px 22px;
    color: #ffffff;
    background: #12141a;
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45;
    list-style: none;
}

.ads-rebook-page .ads-faq-item summary::-webkit-details-marker {
    display: none;
}

.ads-rebook-page .ads-faq-item summary::before,
.ads-rebook-page .ads-faq-item summary::after {
    position: absolute;
    top: 50%;
    content: "";
    background: #ffffff;
    transform: translateY(-50%);
    transition: transform 0.2s ease;
}

.ads-rebook-page .ads-faq-item summary::before {
    right: 22px;
    width: 18px;
    height: 2px;
}

.ads-rebook-page .ads-faq-item summary::after {
    right: 30px;
    width: 2px;
    height: 18px;
}

.ads-rebook-page .ads-faq-item[open] summary {
    background: #f37423;
}

.ads-rebook-page .ads-faq-item[open] summary::after {
    transform: translateY(-50%) rotate(90deg);
}

.ads-rebook-page .ads-faq-item > div {
    padding: 24px;
}

.ads-rebook-page .ads-faq-item p {
    margin: 0 0 12px;
    color: #555c67;
    line-height: 1.68;
}

.ads-rebook-page .ads-faq-item p:last-child {
    margin-bottom: 0;
}

/* OFFICIAL LINKS */

.ads-rebook-official {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
    padding: 38px;
    background: #eef2f5;
    border-radius: 14px;
}

.ads-rebook-official-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

/* RELATED GUIDES */

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

.ads-rebook-related-card {
    display: flex;
    flex-direction: column;
    padding: 28px;
    color: inherit !important;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

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

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

.ads-rebook-related-card h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
}

.ads-rebook-related-card p {
    margin: 0;
    color: #5f6671;
    line-height: 1.65;
}

.ads-rebook-related-card strong {
    margin-top: auto;
    padding-top: 18px;
    color: #d95f12;
}

/* BACK LINK */

.ads-rebook-back {
    margin-top: 50px;
    padding-top: 34px;
    border-top: 2px solid #e8eaed;
    text-align: center;
}

.ads-rebook-back a {
    color: #12141a;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
}

.ads-rebook-back a:hover {
    color: #d95f12;
}

/* BUTTONS */

.ads-rebook-page .ads-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 24px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.4px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.ads-rebook-page .ads-btn:hover {
    transform: translateY(-2px);
}

.ads-rebook-page .ads-btn-primary {
    color: #ffffff !important;
    background: #f37423;
    border: 2px solid #f37423;
    box-shadow: 0 7px 18px rgba(243, 116, 35, 0.24);
}

.ads-rebook-page .ads-btn-primary:hover {
    background: #d95f12;
    border-color: #d95f12;
}

.ads-rebook-page .ads-btn-secondary {
    color: #ffffff !important;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.75);
}

.ads-rebook-page .ads-btn-secondary:hover {
    color: #12141a !important;
    background: #ffffff;
}

.ads-rebook-page .ads-btn-outline {
    color: #12141a !important;
    background: #ffffff;
    border: 2px solid #12141a;
}

.ads-rebook-page .ads-btn-outline:hover {
    color: #ffffff !important;
    background: #12141a;
}

/* TABLET */

@media (max-width: 980px) {

    .ads-rebook-intro,
    .ads-rebook-image-feature,
    .ads-rebook-image-feature-reverse,
    .ads-rebook-private-practice,
    .ads-rebook-readiness {
        grid-template-columns: 1fr;
    }

    .ads-rebook-image-feature-reverse .ads-rebook-image-placeholder,
    .ads-rebook-image-feature-reverse .ads-rebook-image-content {
        order: initial;
    }

    .ads-rebook-image-content,
    .ads-rebook-image-feature-reverse .ads-rebook-image-content {
        padding: 38px;
    }

    .ads-rebook-rule-grid,
    .ads-rebook-next-grid,
    .ads-rebook-fault-grid,
    .ads-rebook-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-rebook-stat,
    .ads-rebook-insurance-card {
        max-width: 430px;
    }

    .ads-rebook-cta,
    .ads-rebook-official {
        grid-template-columns: 1fr;
    }

    .ads-rebook-official-actions {
        justify-content: flex-start;
    }
}

/* MOBILE */

@media (max-width: 700px) {

    .ads-rebook-container {
        width: calc(100% - 34px);
    }

    .ads-rebook-hero {
        padding: 66px 0 58px;
    }

    .ads-rebook-hero h1 {
        font-size: 39px;
        letter-spacing: -1.3px;
    }

    .ads-rebook-hero > .ads-rebook-container > p {
        font-size: 17px;
    }

    .ads-rebook-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ads-rebook-main {
        padding: 52px 0 64px;
    }

    .ads-rebook-intro,
    .ads-rebook-booking-update,
    .ads-rebook-next,
    .ads-rebook-private-practice,
    .ads-rebook-readiness,
    .ads-rebook-support,
    .ads-rebook-cta,
    .ads-rebook-official {
        padding: 26px;
    }

    .ads-rebook-image-placeholder,
    .ads-rebook-image-placeholder img {
        min-height: 280px;
    }

    .ads-rebook-image-content,
    .ads-rebook-image-feature-reverse .ads-rebook-image-content {
        padding: 4px 26px 30px;
    }

    .ads-rebook-rule-grid,
    .ads-rebook-next-grid,
    .ads-rebook-fault-grid,
    .ads-rebook-related-grid {
        grid-template-columns: 1fr;
    }

    .ads-rebook-booking-update,
    .ads-rebook-tip {
        grid-template-columns: 1fr;
    }

    .ads-rebook-stat,
    .ads-rebook-insurance-card {
        max-width: none;
    }

    .ads-rebook-page .ads-faq-item summary {
        padding: 17px 52px 17px 18px;
        font-size: 15px;
    }

    .ads-rebook-page .ads-faq-item summary::before {
        right: 18px;
    }

    .ads-rebook-page .ads-faq-item summary::after {
        right: 26px;
    }

    .ads-rebook-page .ads-faq-item > div {
        padding: 20px;
    }

    .ads-rebook-official-actions {
        flex-direction: column;
    }

    .ads-rebook-page .ads-btn {
        width: 100%;
    }
}
/* =========================================================
   How to Use Your Mirrors page
   ========================================================= */

.ads2-mirrors-page {
    --ads2-mirrors-navy: #12141a;
    --ads2-mirrors-orange: #f37423;
    --ads2-mirrors-white: #ffffff;
    --ads2-mirrors-soft: #f5f6f8;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    color: var(--ads2-mirrors-navy);
}

.ads2-mirrors-page *,
.ads2-mirrors-page *::before,
.ads2-mirrors-page *::after {
    box-sizing: border-box;
}

.ads2-mirrors-container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.ads2-mirrors-page h1,
.ads2-mirrors-page h2,
.ads2-mirrors-page h3,
.ads2-mirrors-page p {
    margin-top: 0;
}

.ads2-mirrors-page p,
.ads2-mirrors-page li {
    line-height: 1.7;
}

.ads2-mirrors-kicker {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    background: var(--ads2-mirrors-navy);
    color: var(--ads2-mirrors-white);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: skewX(-8deg);
}

.ads2-mirrors-section-heading {
    max-width: 780px;
    margin-bottom: 38px;
}

.ads2-mirrors-section-heading h2,
.ads2-mirrors-intro h2,
.ads2-mirrors-warning h2,
.ads2-mirrors-dutch h2,
.ads2-mirrors-final h2 {
    margin-bottom: 18px;
    font-size: clamp(2rem, 4vw, 3.65rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

/* Hero */

.ads2-mirrors-hero {
    padding: 58px 0;
    background:
        radial-gradient(circle at 84% 20%, rgba(243, 116, 35, 0.2), transparent 28%),
        linear-gradient(135deg, #12141a 0%, #1c2029 100%);
    color: var(--ads2-mirrors-white);
    border-bottom: 6px solid var(--ads2-mirrors-orange);
}

.ads2-mirrors-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 56px;
    align-items: center;
}

.ads2-mirrors-hero h1 {
    max-width: 850px;
    margin-bottom: 20px;
    color: var(--ads2-mirrors-orange);
    font-size: clamp(2.8rem, 6vw, 5.7rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads2-mirrors-hero-copy > p {
    max-width: 730px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1.12rem;
}

.ads2-mirrors-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ads2-mirrors-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ads2-mirrors-btn:hover {
    transform: translateY(-2px);
}

.ads2-mirrors-btn-primary {
    background: var(--ads2-mirrors-orange);
    color: var(--ads2-mirrors-navy);
}

.ads2-mirrors-btn-secondary,
.ads2-mirrors-btn-secondary:link,
.ads2-mirrors-btn-secondary:visited {
    border-color: rgba(255, 255, 255, 0.55);
    color: var(--ads2-mirrors-white) !important;
}

.ads2-mirrors-btn-secondary:hover,
.ads2-mirrors-btn-secondary:focus,
.ads2-mirrors-btn-secondary:active {
    background: var(--ads2-mirrors-white);
    color: var(--ads2-mirrors-navy) !important;
}

.ads2-mirrors-summary-card {
    padding: 34px;
    background: var(--ads2-mirrors-white);
    color: var(--ads2-mirrors-navy);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.ads2-mirrors-summary-badge {
    display: inline-grid;
    place-items: center;
    min-width: 88px;
    min-height: 54px;
    margin-bottom: 20px;
    padding: 10px 16px;
    background: var(--ads2-mirrors-orange);
    border-radius: 14px;
    font-size: 1.45rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.ads2-mirrors-summary-card h2 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
}

/* Intro */

.ads2-mirrors-intro {
    padding: 72px 0;
    background: var(--ads2-mirrors-white);
}

.ads2-mirrors-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.85fr);
    gap: 58px;
    align-items: center;
}

.ads2-mirrors-letter-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.ads2-mirrors-letter-strip div {
    padding: 28px 12px;
    background: var(--ads2-mirrors-soft);
    border: 1px solid #e4e6eb;
    border-radius: 18px;
    text-align: center;
}

.ads2-mirrors-letter-strip strong {
    display: block;
    margin-bottom: 10px;
    color: var(--ads2-mirrors-orange);
    font-size: clamp(2.8rem, 6vw, 4.5rem);
    line-height: 1;
}

.ads2-mirrors-letter-strip span {
    display: block;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
}

/* Mirror cards */

.ads2-mirrors-types {
    padding: 78px 0;
    background: var(--ads2-mirrors-soft);
}

.ads2-mirrors-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ads2-mirrors-card {
    padding: 30px;
    background: var(--ads2-mirrors-white);
    border: 1px solid #e2e4e8;
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(18, 20, 26, 0.07);
}

.ads2-mirrors-card-number {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-mirrors-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-mirrors-card h3 {
    margin-bottom: 12px;
    font-size: 1.65rem;
}

.ads2-mirrors-card ul {
    margin: 16px 0 0;
    padding-left: 21px;
}

.ads2-mirrors-card li + li {
    margin-top: 7px;
}

.ads2-mirrors-warning {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 28px;
    align-items: center;
    margin-top: 32px;
    padding: 34px;
    background: #fff7ed;
    border-left: 6px solid var(--ads2-mirrors-orange);
    border-radius: 22px;
}

.ads2-mirrors-warning-icon {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    background: var(--ads2-mirrors-orange);
    border-radius: 50%;
    font-size: 2.3rem;
    font-weight: 900;
}

.ads2-mirrors-warning p {
    margin-bottom: 0;
}

/* Check grid */

.ads2-mirrors-checks {
    padding: 78px 0;
    background: var(--ads2-mirrors-white);
}

.ads2-mirrors-check-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ads2-mirrors-check-grid article {
    padding: 26px;
    background: var(--ads2-mirrors-navy);
    border-radius: 20px;
    color: var(--ads2-mirrors-white);
}

.ads2-mirrors-check-grid article > span {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-mirrors-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-mirrors-check-grid h3 {
    margin-bottom: 10px;
    color: var(--ads2-mirrors-white);
    font-size: 1.3rem;
}

.ads2-mirrors-check-grid p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Dutch Reach */

.ads2-mirrors-dutch {
    padding: 70px 0;
    background: var(--ads2-mirrors-soft);
}

.ads2-mirrors-dutch-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.65fr);
    gap: 44px;
    align-items: center;
}

.ads2-mirrors-tip-card {
    padding: 28px;
    background: var(--ads2-mirrors-orange);
    border-radius: 18px;
}

.ads2-mirrors-tip-card strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.ads2-mirrors-tip-card p {
    margin-bottom: 0;
    font-weight: 800;
}

/* FAQs */

.ads2-mirrors-faq {
    padding: 76px 0;
    background: var(--ads2-mirrors-white);
}

.ads2-mirrors-faq-list {
    display: grid;
    gap: 14px;
    max-width: 900px;
}

.ads2-mirrors-faq-list details {
    overflow: hidden;
    background: var(--ads2-mirrors-soft);
    border: 1px solid #e1e4e8;
    border-radius: 16px;
}

.ads2-mirrors-faq-list summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: var(--ads2-mirrors-navy);
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.ads2-mirrors-faq-list summary::-webkit-details-marker {
    display: none;
}

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

.ads2-mirrors-faq-list details[open] summary::after {
    content: "−";
}

.ads2-mirrors-faq-list details > div {
    padding: 0 24px 22px;
}

.ads2-mirrors-faq-list details p {
    margin-bottom: 0;
}

/* Final */

.ads2-mirrors-final {
    padding: 66px 0;
    background: linear-gradient(135deg, #12141a 0%, #1d212a 100%);
    color: var(--ads2-mirrors-white);
    border-top: 6px solid var(--ads2-mirrors-orange);
}

.ads2-mirrors-final-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
}

.ads2-mirrors-final h2 {
    color: var(--ads2-mirrors-white);
}

.ads2-mirrors-final p {
    max-width: 720px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Responsive */

@media (max-width: 950px) {
    .ads2-mirrors-hero-grid,
    .ads2-mirrors-intro-grid,
    .ads2-mirrors-dutch-grid,
    .ads2-mirrors-final-grid {
        grid-template-columns: 1fr;
    }

    .ads2-mirrors-check-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .ads2-mirrors-card-grid,
    .ads2-mirrors-check-grid {
        grid-template-columns: 1fr;
    }

    .ads2-mirrors-warning {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .ads2-mirrors-container {
        width: min(100% - 28px, 1180px);
    }

    .ads2-mirrors-hero {
        padding: 42px 0 46px;
    }

    .ads2-mirrors-hero h1 {
        font-size: clamp(2.55rem, 13vw, 4rem);
    }

    .ads2-mirrors-intro,
    .ads2-mirrors-types,
    .ads2-mirrors-checks,
    .ads2-mirrors-dutch,
    .ads2-mirrors-faq,
    .ads2-mirrors-final {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .ads2-mirrors-actions {
        flex-direction: column;
    }

    .ads2-mirrors-btn {
        width: 100%;
    }

    .ads2-mirrors-summary-card,
    .ads2-mirrors-warning {
        padding: 26px;
    }
}
/* =========================================================
   How to Adjust Your Mirrors page
   ========================================================= */

.ads2-adjust-mirrors-page {
    --ads2-adjust-navy: #12141a;
    --ads2-adjust-orange: #f37423;
    --ads2-adjust-white: #ffffff;
    --ads2-adjust-soft: #f5f6f8;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    color: var(--ads2-adjust-navy);
}

.ads2-adjust-mirrors-page *,
.ads2-adjust-mirrors-page *::before,
.ads2-adjust-mirrors-page *::after {
    box-sizing: border-box;
}

.ads2-adjust-mirrors-container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.ads2-adjust-mirrors-page h1,
.ads2-adjust-mirrors-page h2,
.ads2-adjust-mirrors-page h3,
.ads2-adjust-mirrors-page p {
    margin-top: 0;
}

.ads2-adjust-mirrors-page p,
.ads2-adjust-mirrors-page li {
    line-height: 1.7;
}

.ads2-adjust-mirrors-kicker {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    background: var(--ads2-adjust-navy);
    color: var(--ads2-adjust-white);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: skewX(-8deg);
}

.ads2-adjust-mirrors-section-heading {
    max-width: 780px;
    margin-bottom: 38px;
}

.ads2-adjust-mirrors-section-heading h2,
.ads2-adjust-mirrors-seat h2,
.ads2-adjust-mirrors-horizon h2,
.ads2-adjust-mirrors-download h2,
.ads2-adjust-mirrors-final h2 {
    margin-bottom: 18px;
    font-size: clamp(2rem, 4vw, 3.65rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

/* Hero */

.ads2-adjust-mirrors-hero {
    padding: 58px 0;
    background:
        radial-gradient(circle at 84% 20%, rgba(243, 116, 35, 0.2), transparent 28%),
        linear-gradient(135deg, #12141a 0%, #1c2029 100%);
    color: var(--ads2-adjust-white);
    border-bottom: 6px solid var(--ads2-adjust-orange);
}

.ads2-adjust-mirrors-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 56px;
    align-items: center;
}

.ads2-adjust-mirrors-hero h1 {
    max-width: 850px;
    margin-bottom: 20px;
    color: var(--ads2-adjust-orange);
    font-size: clamp(2.8rem, 6vw, 5.7rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads2-adjust-mirrors-hero-copy > p {
    max-width: 730px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1.12rem;
}

.ads2-adjust-mirrors-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ads2-adjust-mirrors-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ads2-adjust-mirrors-btn:hover {
    transform: translateY(-2px);
}

.ads2-adjust-mirrors-btn-primary {
    background: var(--ads2-adjust-orange);
    color: var(--ads2-adjust-navy);
}

.ads2-adjust-mirrors-btn-secondary,
.ads2-adjust-mirrors-btn-secondary:link,
.ads2-adjust-mirrors-btn-secondary:visited {
    border-color: rgba(255, 255, 255, 0.55);
    color: var(--ads2-adjust-white) !important;
}

.ads2-adjust-mirrors-btn-secondary:hover,
.ads2-adjust-mirrors-btn-secondary:focus,
.ads2-adjust-mirrors-btn-secondary:active {
    background: var(--ads2-adjust-white);
    color: var(--ads2-adjust-navy) !important;
}

.ads2-adjust-mirrors-summary-card {
    padding: 34px;
    background: var(--ads2-adjust-white);
    color: var(--ads2-adjust-navy);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.ads2-adjust-mirrors-summary-badge {
    display: inline-grid;
    place-items: center;
    min-height: 52px;
    margin-bottom: 20px;
    padding: 10px 16px;
    background: var(--ads2-adjust-orange);
    border-radius: 14px;
    font-size: 1.15rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.ads2-adjust-mirrors-summary-card h2 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
}

/* Seat first */

.ads2-adjust-mirrors-seat {
    padding: 72px 0;
    background: var(--ads2-adjust-white);
}

.ads2-adjust-mirrors-seat-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.65fr);
    gap: 48px;
    align-items: center;
}

.ads2-adjust-mirrors-warning-card {
    padding: 28px;
    background: var(--ads2-adjust-orange);
    border-radius: 18px;
}

.ads2-adjust-mirrors-warning-card strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.ads2-adjust-mirrors-warning-card p {
    margin-bottom: 0;
    font-weight: 800;
}

/* Steps */

.ads2-adjust-mirrors-steps {
    padding: 78px 0;
    background: var(--ads2-adjust-soft);
}

.ads2-adjust-mirrors-step-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ads2-adjust-mirrors-step-card {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 22px;
    padding: 30px;
    background: var(--ads2-adjust-white);
    border: 1px solid #e2e4e8;
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(18, 20, 26, 0.07);
}

.ads2-adjust-mirrors-step-number {
    display: grid;
    place-items: center;
    width: 66px;
    height: 66px;
    background: var(--ads2-adjust-orange);
    border-radius: 18px;
    font-weight: 900;
}

.ads2-adjust-mirrors-step-card h3 {
    margin-bottom: 12px;
    font-size: 1.65rem;
}

.ads2-adjust-mirrors-step-card ul {
    margin: 16px 0 0;
    padding-left: 21px;
}

.ads2-adjust-mirrors-step-card li + li {
    margin-top: 7px;
}

.ads2-adjust-mirrors-tip {
    margin-top: 18px;
    padding: 18px;
    background: #fff7ed;
    border-left: 4px solid var(--ads2-adjust-orange);
    border-radius: 12px;
}

/* Horizon visual */

.ads2-adjust-mirrors-horizon {
    padding: 74px 0;
    background: var(--ads2-adjust-white);
}

.ads2-adjust-mirrors-horizon-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.8fr);
    gap: 52px;
    align-items: center;
}

.ads2-adjust-mirrors-visual {
    position: relative;
    min-height: 340px;
    overflow: hidden;
    background: #dfe7ef;
    border: 14px solid var(--ads2-adjust-navy);
    border-radius: 48% 48% 42% 42%;
    box-shadow: 0 18px 44px rgba(18, 20, 26, 0.18);
}

.ads2-adjust-mirrors-sky,
.ads2-adjust-mirrors-road {
    display: grid;
    place-items: center;
    height: 50%;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ads2-adjust-mirrors-sky {
    background: linear-gradient(#dbeeff, #b8d8f0);
}

.ads2-adjust-mirrors-road {
    background: linear-gradient(#72777f, #44484e);
    color: var(--ads2-adjust-white);
}

.ads2-adjust-mirrors-horizon-line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 7px;
    background: var(--ads2-adjust-orange);
    text-align: center;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
    transform: translateY(-50%);
}

.ads2-adjust-mirrors-car-edge {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 13%;
    height: 58%;
    display: grid;
    place-items: center;
    padding: 8px;
    background: var(--ads2-adjust-navy);
    color: var(--ads2-adjust-white);
    font-size: 0.72rem;
    font-weight: 800;
    text-align: center;
    writing-mode: vertical-rl;
}

/* Checks */

.ads2-adjust-mirrors-checks {
    padding: 74px 0;
    background: var(--ads2-adjust-soft);
}

.ads2-adjust-mirrors-check-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ads2-adjust-mirrors-check-grid article {
    padding: 26px;
    background: var(--ads2-adjust-navy);
    border-radius: 20px;
    color: var(--ads2-adjust-white);
}

.ads2-adjust-mirrors-check-grid article > span {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-adjust-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-adjust-mirrors-check-grid h3 {
    margin-bottom: 10px;
    color: var(--ads2-adjust-white);
    font-size: 1.3rem;
}

.ads2-adjust-mirrors-check-grid p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Download */

.ads2-adjust-mirrors-download {
    padding: 70px 0;
    background: var(--ads2-adjust-white);
}

.ads2-adjust-mirrors-download-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.65fr);
    gap: 44px;
    align-items: center;
}

.ads2-adjust-mirrors-download-card {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 26px;
    background: var(--ads2-adjust-navy);
    border-radius: 20px;
    color: var(--ads2-adjust-white) !important;
    text-decoration: none;
}

.ads2-adjust-mirrors-download-card > span {
    display: grid;
    place-items: center;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    background: var(--ads2-adjust-orange);
    border-radius: 16px;
    color: var(--ads2-adjust-navy);
    font-weight: 900;
}

.ads2-adjust-mirrors-download-card strong,
.ads2-adjust-mirrors-download-card small {
    display: block;
}

.ads2-adjust-mirrors-download-card strong {
    margin-bottom: 4px;
}

.ads2-adjust-mirrors-download-card small {
    color: rgba(255, 255, 255, 0.7);
}

/* FAQs */

.ads2-adjust-mirrors-faq {
    padding: 76px 0;
    background: var(--ads2-adjust-soft);
}

.ads2-adjust-mirrors-faq-list {
    display: grid;
    gap: 14px;
    max-width: 900px;
}

.ads2-adjust-mirrors-faq-list details {
    overflow: hidden;
    background: var(--ads2-adjust-white);
    border: 1px solid #e1e4e8;
    border-radius: 16px;
}

.ads2-adjust-mirrors-faq-list summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: var(--ads2-adjust-navy);
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.ads2-adjust-mirrors-faq-list summary::-webkit-details-marker {
    display: none;
}

.ads2-adjust-mirrors-faq-list summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 24px;
    color: var(--ads2-adjust-orange);
    font-size: 1.7rem;
    transform: translateY(-50%);
}

.ads2-adjust-mirrors-faq-list details[open] summary::after {
    content: "−";
}

.ads2-adjust-mirrors-faq-list details > div {
    padding: 0 24px 22px;
}

.ads2-adjust-mirrors-faq-list details p {
    margin-bottom: 0;
}

/* Final */

.ads2-adjust-mirrors-final {
    padding: 66px 0;
    background: linear-gradient(135deg, #12141a 0%, #1d212a 100%);
    color: var(--ads2-adjust-white);
    border-top: 6px solid var(--ads2-adjust-orange);
}

.ads2-adjust-mirrors-final-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
}

.ads2-adjust-mirrors-final h2 {
    color: var(--ads2-adjust-white);
}

.ads2-adjust-mirrors-final p {
    max-width: 720px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Responsive */

@media (max-width: 950px) {
    .ads2-adjust-mirrors-hero-grid,
    .ads2-adjust-mirrors-seat-grid,
    .ads2-adjust-mirrors-horizon-grid,
    .ads2-adjust-mirrors-download-grid,
    .ads2-adjust-mirrors-final-grid {
        grid-template-columns: 1fr;
    }

    .ads2-adjust-mirrors-check-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .ads2-adjust-mirrors-step-grid,
    .ads2-adjust-mirrors-check-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .ads2-adjust-mirrors-container {
        width: min(100% - 28px, 1180px);
    }

    .ads2-adjust-mirrors-hero {
        padding: 42px 0 46px;
    }

    .ads2-adjust-mirrors-hero h1 {
        font-size: clamp(2.55rem, 13vw, 4rem);
    }

    .ads2-adjust-mirrors-seat,
    .ads2-adjust-mirrors-steps,
    .ads2-adjust-mirrors-horizon,
    .ads2-adjust-mirrors-checks,
    .ads2-adjust-mirrors-download,
    .ads2-adjust-mirrors-faq,
    .ads2-adjust-mirrors-final {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .ads2-adjust-mirrors-step-card {
        grid-template-columns: 1fr;
        padding: 24px;
    }

    .ads2-adjust-mirrors-actions {
        flex-direction: column;
    }

    .ads2-adjust-mirrors-btn {
        width: 100%;
    }

    .ads2-adjust-mirrors-summary-card {
        padding: 26px;
    }

    .ads2-adjust-mirrors-visual {
        min-height: 280px;
    }
}
/* =========================================================
   LEARNING TO DRIVE WITH PARENTS
   ========================================================= */

.ads-parent-guide-page {
    --parent-navy: #12141a;
    --parent-orange: #f37423;
    --parent-white: #ffffff;
    --parent-light: #f5f6f8;
    --parent-grey: #d7d9df;
    overflow: hidden;
    color: #343842;
}

.ads-parent-guide-page *,
.ads-parent-guide-page *::before,
.ads-parent-guide-page *::after {
    box-sizing: border-box;
}

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

.ads-parent-guide-narrow {
    width: min(880px, calc(100% - 40px));
}

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

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

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

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

.ads-parent-guide-section-heading p {
    margin: 0;
    font-size: 1.06rem;
    line-height: 1.75;
}


.ads-parent-guide-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(--parent-white);
}

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

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

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

.ads-parent-guide-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-parent-guide-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.ads-parent-guide-hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.ads-parent-guide-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;
}


/* BUTTONS */

.ads-parent-guide-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;
}

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

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

.ads-parent-guide-btn-primary:hover {
    background: #d96117;
    color: var(--parent-white);
}

.ads-parent-guide-btn-secondary {
    border-color: rgba(255, 255, 255, 0.45);
    color: var(--parent-white);
}

.ads-parent-guide-btn-secondary:hover {
    border-color: var(--parent-white);
    color: var(--parent-white);
}


/* LEGAL CHECKLIST */

.ads-parent-guide-legal {
    background: var(--parent-white);
}

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

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

.ads-parent-guide-check-card h3 {
    margin: 0 0 18px;
    color: var(--parent-navy);
    font-size: 1.4rem;
}

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

.ads-parent-guide-check-card li {
    margin-bottom: 11px;
    line-height: 1.55;
}

.ads-parent-guide-warning {
    margin-top: 28px;
    padding: 24px 26px;
    border-left: 6px solid var(--parent-orange);
    background: #fff3ea;
}

.ads-parent-guide-warning strong {
    display: block;
    margin-bottom: 8px;
    color: var(--parent-navy);
}

.ads-parent-guide-warning p {
    margin: 0;
    line-height: 1.7;
}


/* SUPPORT CARDS */

.ads-parent-guide-support {
    background: var(--parent-light);
}

.ads-parent-guide-support-grid,
.ads-parent-guide-mistakes-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ads-parent-guide-support-card,
.ads-parent-guide-mistake-card {
    padding: 28px;
    border: 1px solid var(--parent-grey);
    border-radius: 9px;
    background: var(--parent-white);
}

.ads-parent-guide-support-card h3,
.ads-parent-guide-mistake-card h3 {
    margin: 0 0 12px;
    color: var(--parent-navy);
    font-size: 1.25rem;
}

.ads-parent-guide-support-card p,
.ads-parent-guide-mistake-card p {
    margin: 0;
    line-height: 1.7;
}


/* PRACTICE PLAN */

.ads-parent-guide-plan {
    background: var(--parent-white);
}

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

.ads-parent-guide-plan-panel h2 {
    margin: 0 0 16px;
    color: var(--parent-white);
    font-size: clamp(2rem, 4vw, 3.1rem);
}

.ads-parent-guide-plan-panel p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.75;
}

.ads-parent-guide-steps {
    display: grid;
    gap: 16px;
    margin: 0;
    padding-left: 22px;
}

.ads-parent-guide-steps li {
    padding: 18px 20px;
    background: rgba(255, 255, 255, 0.07);
}

.ads-parent-guide-steps strong,
.ads-parent-guide-steps span {
    display: block;
}

.ads-parent-guide-steps strong {
    margin-bottom: 5px;
    color: var(--parent-white);
}

.ads-parent-guide-steps span {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.55;
}


/* MISTAKES */

.ads-parent-guide-mistakes {
    background: var(--parent-light);
}


/* VEHICLE PANEL */

.ads-parent-guide-vehicle {
    background: var(--parent-white);
}

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

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

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

.ads-parent-guide-vehicle-list {
    display: grid;
    gap: 14px;
}

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

.ads-parent-guide-vehicle-list strong,
.ads-parent-guide-vehicle-list span {
    display: block;
}

.ads-parent-guide-vehicle-list strong {
    margin-bottom: 5px;
    color: var(--parent-white);
}

.ads-parent-guide-vehicle-list span {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
}


/* ROADS */

.ads-parent-guide-roads {
    background: var(--parent-light);
}

.ads-parent-guide-roads-grid {
    display: grid;
    grid-template-columns: 1fr 0.6fr;
    gap: 45px;
    align-items: center;
}

.ads-parent-guide-roads h2 {
    margin: 0 0 18px;
    color: var(--parent-navy);
    font-size: clamp(2rem, 4vw, 3.1rem);
}

.ads-parent-guide-roads p {
    line-height: 1.75;
}

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

.ads-parent-guide-road-warning strong {
    display: block;
    margin-bottom: 10px;
    color: var(--parent-navy);
    font-size: 1.25rem;
}

.ads-parent-guide-road-warning p {
    margin: 0;
}


/* FAQ */

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

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

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

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

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

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

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

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

.ads-parent-guide-faq-answer p {
    margin: 0;
    line-height: 1.75;
}


/* FINAL CTA */

.ads-parent-guide-final {
    padding: 72px 0;
    background: var(--parent-orange);
    color: var(--parent-white);
}

.ads-parent-guide-final-inner {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 50px;
    align-items: center;
}

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

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

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

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

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

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


/* TABLET */

@media (max-width: 920px) {

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

    .ads-parent-guide-plan-panel,
    .ads-parent-guide-vehicle-panel,
    .ads-parent-guide-roads-grid,
    .ads-parent-guide-final-inner {
        grid-template-columns: 1fr;
    }
}


/* MOBILE */

@media (max-width: 650px) {

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

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

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

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

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

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

    .ads-parent-guide-check-grid,
    .ads-parent-guide-support-grid,
    .ads-parent-guide-mistakes-grid {
        grid-template-columns: 1fr;
    }

    .ads-parent-guide-plan-panel,
    .ads-parent-guide-vehicle-panel {
        padding: 32px 22px;
    }

    .ads-parent-guide-final {
        padding: 58px 0;
    }
}
.ads-parent-guide-section,
.ads-parent-guide-final {
    --parent-navy: #12141a;
    --parent-orange: #f37423;
    --parent-white: #ffffff;
    --parent-light: #f5f6f8;
    --parent-grey: #d7d9df;
    color: #343842;
}
.ads-parent-guide-section *,
.ads-parent-guide-section *::before,
.ads-parent-guide-section *::after,
.ads-parent-guide-final *,
.ads-parent-guide-final *::before,
.ads-parent-guide-final *::after {
    box-sizing: border-box;
}
/* =========================================================
   HOW TO FIND A GOOD DRIVING INSTRUCTOR
   ========================================================= */

.ads-instructor-guide-page,
.ads-instructor-guide-section,
.ads-instructor-guide-final {
    --instructor-navy: #12141a;
    --instructor-orange: #f37423;
    --instructor-white: #ffffff;
    --instructor-light: #f5f6f8;
    --instructor-grey: #d7d9df;
    color: #343842;
}

.ads-instructor-guide-page *,
.ads-instructor-guide-page *::before,
.ads-instructor-guide-page *::after,
.ads-instructor-guide-section *,
.ads-instructor-guide-section *::before,
.ads-instructor-guide-section *::after,
.ads-instructor-guide-final *,
.ads-instructor-guide-final *::before,
.ads-instructor-guide-final *::after {
    box-sizing: border-box;
}

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

.ads-instructor-guide-narrow {
    width: min(880px, calc(100% - 40px));
}

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

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

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

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

.ads-instructor-guide-section-heading p {
    margin: 0;
    font-size: 1.06rem;
    line-height: 1.75;
}


.ads-instructor-guide-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(--instructor-white);
}

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

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

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

.ads-instructor-guide-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-instructor-guide-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.ads-instructor-guide-hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.ads-instructor-guide-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;
}


/* BUTTONS */

.ads-instructor-guide-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;
}

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

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

.ads-instructor-guide-btn-primary:hover {
    background: #d96117;
    color: var(--instructor-white);
}

.ads-instructor-guide-btn-secondary {
    border-color: rgba(255, 255, 255, 0.45);
    color: var(--instructor-white);
}

.ads-instructor-guide-btn-secondary:hover {
    border-color: var(--instructor-white);
    color: var(--instructor-white);
}


/* SEVEN-POINT CHECKLIST */

.ads-instructor-guide-checklist {
    background: var(--instructor-white);
}

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

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

.ads-instructor-guide-check-card:last-child {
    grid-column: 2;
}

.ads-instructor-guide-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: var(--instructor-orange);
    color: var(--instructor-white);
    font-weight: 900;
}

.ads-instructor-guide-check-card h3 {
    margin: 0 0 12px;
    color: var(--instructor-navy);
    font-size: 1.3rem;
    line-height: 1.25;
}

.ads-instructor-guide-check-card p {
    margin: 0;
    line-height: 1.7;
}


/* BADGES */

.ads-instructor-guide-badges {
    background: var(--instructor-light);
}

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

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

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

.ads-instructor-guide-badge-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ads-instructor-guide-badge-card {
    padding: 24px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.07);
}

.ads-instructor-guide-badge-card h3 {
    margin: 14px 0 10px;
    color: var(--instructor-white);
    font-size: 1.25rem;
}

.ads-instructor-guide-badge-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
}

.ads-instructor-guide-badge-colour {
    display: inline-block;
    padding: 7px 11px;
    border-radius: 999px;
    color: #12141a;
    font-size: 0.8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ads-instructor-guide-badge-green {
    background: #78c88a;
}

.ads-instructor-guide-badge-pink {
    background: #f2a7c4;
}


/* QUESTIONS */

.ads-instructor-guide-questions {
    background: var(--instructor-white);
}

.ads-instructor-guide-question-grid,
.ads-instructor-guide-red-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ads-instructor-guide-question-card,
.ads-instructor-guide-red-card {
    padding: 28px;
    border: 1px solid var(--instructor-grey);
    border-radius: 9px;
    background: var(--instructor-white);
}

.ads-instructor-guide-question-card h3,
.ads-instructor-guide-red-card h3 {
    margin: 0 0 12px;
    color: var(--instructor-navy);
    font-size: 1.25rem;
}

.ads-instructor-guide-question-card p,
.ads-instructor-guide-red-card p {
    margin: 0;
    line-height: 1.7;
}


/* RED FLAGS */

.ads-instructor-guide-red-flags {
    background: var(--instructor-light);
}

.ads-instructor-guide-red-card {
    border-top: 5px solid var(--instructor-orange);
}


/* VALUE */

.ads-instructor-guide-value {
    background: var(--instructor-white);
}

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

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

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

.ads-instructor-guide-value-list {
    display: grid;
    gap: 14px;
}

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

.ads-instructor-guide-value-list strong,
.ads-instructor-guide-value-list span {
    display: block;
}

.ads-instructor-guide-value-list strong {
    margin-bottom: 5px;
    color: var(--instructor-white);
}

.ads-instructor-guide-value-list span {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
}


/* REVIEWS PANEL */

.ads-instructor-guide-reviews {
    background: var(--instructor-light);
}

.ads-instructor-guide-reviews-panel {
    display: grid;
    grid-template-columns: 1fr 0.8fr;
    gap: 48px;
    align-items: center;
}

.ads-instructor-guide-reviews-panel h2 {
    margin: 0 0 18px;
    color: var(--instructor-navy);
    font-size: clamp(2rem, 4vw, 3.1rem);
}

.ads-instructor-guide-reviews-panel p {
    line-height: 1.75;
}

.ads-instructor-guide-review-points {
    display: grid;
    gap: 14px;
}

.ads-instructor-guide-review-points > div {
    padding: 20px;
    border-left: 5px solid var(--instructor-orange);
    background: var(--instructor-white);
    box-shadow: 0 10px 28px rgba(18, 20, 26, 0.06);
}

.ads-instructor-guide-review-points strong,
.ads-instructor-guide-review-points span {
    display: block;
}

.ads-instructor-guide-review-points strong {
    margin-bottom: 5px;
    color: var(--instructor-navy);
}

.ads-instructor-guide-review-points span {
    line-height: 1.55;
}


/* FAQ */

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

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

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

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

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

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

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

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

.ads-instructor-guide-faq-answer p {
    margin: 0;
    line-height: 1.75;
}


/* FINAL CTA */

.ads-instructor-guide-final {
    padding: 72px 0;
    background: var(--instructor-orange);
    color: var(--instructor-white);
}

.ads-instructor-guide-final-inner {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 50px;
    align-items: center;
}

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

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

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

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

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

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


/* TABLET */

@media (max-width: 920px) {

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

    .ads-instructor-guide-check-card:last-child {
        grid-column: auto;
    }

    .ads-instructor-guide-badge-panel,
    .ads-instructor-guide-value-panel,
    .ads-instructor-guide-reviews-panel,
    .ads-instructor-guide-final-inner {
        grid-template-columns: 1fr;
    }
}


/* MOBILE */

@media (max-width: 650px) {

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

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

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

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

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

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

    .ads-instructor-guide-check-grid,
    .ads-instructor-guide-question-grid,
    .ads-instructor-guide-red-grid,
    .ads-instructor-guide-badge-grid {
        grid-template-columns: 1fr;
    }

    .ads-instructor-guide-badge-panel,
    .ads-instructor-guide-value-panel {
        padding: 32px 22px;
    }

    .ads-instructor-guide-final {
        padding: 58px 0;
    }
}
/* =========================================================
   HOW MANY DRIVING LESSONS DO I NEED?
   ========================================================= */

.ads-lessons-needed-page,
.ads-lessons-needed-section,
.ads-lessons-needed-final {
    --lessons-navy: #12141a;
    --lessons-orange: #f37423;
    --lessons-white: #ffffff;
    --lessons-light: #f5f6f8;
    --lessons-grey: #d7d9df;
    --lessons-text: #343842;
    color: var(--lessons-text);
}

.ads-lessons-needed-page *,
.ads-lessons-needed-page *::before,
.ads-lessons-needed-page *::after,
.ads-lessons-needed-section *,
.ads-lessons-needed-section *::before,
.ads-lessons-needed-section *::after,
.ads-lessons-needed-final *,
.ads-lessons-needed-final *::before,
.ads-lessons-needed-final *::after {
    box-sizing: border-box;
}

.ads-lessons-needed-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.ads-lessons-needed-narrow {
    width: min(880px, calc(100% - 40px));
}

.ads-lessons-needed-section {
    padding: 88px 0;
}

.ads-lessons-needed-kicker {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--lessons-orange);
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

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

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

.ads-lessons-needed-section-heading p {
    margin: 0;
    font-size: 1.06rem;
    line-height: 1.75;
}


.ads-lessons-needed-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(--lessons-white);
}

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

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

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

.ads-lessons-needed-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-lessons-needed-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.ads-lessons-needed-hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.ads-lessons-needed-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;
}


/* BUTTONS */

.ads-lessons-needed-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-lessons-needed-btn:hover {
    transform: translateY(-2px);
}

.ads-lessons-needed-btn-primary {
    background: var(--lessons-orange);
    color: var(--lessons-white);
}

.ads-lessons-needed-btn-primary:hover {
    background: #d96117;
    color: var(--lessons-white);
}

.ads-lessons-needed-btn-secondary {
    border-color: rgba(255, 255, 255, 0.45);
    color: var(--lessons-white);
}

.ads-lessons-needed-btn-secondary:hover {
    border-color: var(--lessons-white);
    color: var(--lessons-white);
}


/* QUICK ANSWER */

.ads-lessons-needed-quick {
    background: var(--lessons-white);
}

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

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

.ads-lessons-needed-quick-panel p {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.75;
}

.ads-lessons-needed-quick-points {
    display: grid;
    gap: 14px;
}

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

.ads-lessons-needed-quick-points strong,
.ads-lessons-needed-quick-points span {
    display: block;
}

.ads-lessons-needed-quick-points strong {
    margin-bottom: 5px;
    color: var(--lessons-white);
}

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


/* FACTORS */

.ads-lessons-needed-factors {
    background: var(--lessons-light);
}

.ads-lessons-needed-factor-grid,
.ads-lessons-needed-efficiency-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ads-lessons-needed-factor-card,
.ads-lessons-needed-efficiency-card {
    padding: 28px;
    border: 1px solid var(--lessons-grey);
    border-top: 5px solid var(--lessons-orange);
    border-radius: 9px;
    background: var(--lessons-white);
    box-shadow: 0 14px 34px rgba(18, 20, 26, 0.06);
}

.ads-lessons-needed-factor-card h3,
.ads-lessons-needed-efficiency-card h3 {
    margin: 0 0 12px;
    color: var(--lessons-navy);
    font-size: 1.25rem;
}

.ads-lessons-needed-factor-card p,
.ads-lessons-needed-efficiency-card p {
    margin: 0;
    line-height: 1.7;
}


/* LEARNER EXAMPLES */

.ads-lessons-needed-examples {
    background: var(--lessons-white);
}

.ads-lessons-needed-example-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

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

.ads-lessons-needed-example-label {
    display: inline-block;
    margin-bottom: 15px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #fff0e6;
    color: var(--lessons-orange);
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.ads-lessons-needed-example-card h3 {
    margin: 0 0 12px;
    color: var(--lessons-navy);
    font-size: 1.35rem;
}

.ads-lessons-needed-example-card p {
    margin: 0;
    line-height: 1.7;
}


/* PROFESSIONAL LESSONS AND PRIVATE PRACTICE */

.ads-lessons-needed-practice {
    background: var(--lessons-light);
}

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

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

.ads-lessons-needed-practice-panel p {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.75;
}

.ads-lessons-needed-practice-points {
    display: grid;
    gap: 14px;
}

.ads-lessons-needed-practice-points > div {
    padding: 19px 20px;
    border-left: 4px solid var(--lessons-orange);
    background: rgba(255, 255, 255, 0.07);
}

.ads-lessons-needed-practice-points strong,
.ads-lessons-needed-practice-points span {
    display: block;
}

.ads-lessons-needed-practice-points strong {
    margin-bottom: 5px;
    color: var(--lessons-white);
}

.ads-lessons-needed-practice-points span {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
}


/* LESSON EFFICIENCY */

.ads-lessons-needed-efficiency {
    background: var(--lessons-white);
}


/* TEST READY */

.ads-lessons-needed-ready {
    background: var(--lessons-light);
}

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

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

.ads-lessons-needed-ready-panel p {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.75;
}

.ads-lessons-needed-ready-list {
    display: grid;
    gap: 14px;
}

.ads-lessons-needed-ready-list > div {
    padding: 18px 20px;
    border-left: 4px solid var(--lessons-orange);
    background: rgba(255, 255, 255, 0.07);
}

.ads-lessons-needed-ready-list strong,
.ads-lessons-needed-ready-list span {
    display: block;
}

.ads-lessons-needed-ready-list strong {
    margin-bottom: 5px;
    color: var(--lessons-white);
}

.ads-lessons-needed-ready-list span {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
}


/* NO GUARANTEED NUMBER */

.ads-lessons-needed-honest {
    background: var(--lessons-white);
}

.ads-lessons-needed-honest-grid {
    display: grid;
    grid-template-columns: 1fr 0.6fr;
    gap: 45px;
    align-items: center;
}

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

.ads-lessons-needed-honest-grid p {
    line-height: 1.75;
}

.ads-lessons-needed-honest-note {
    padding: 30px;
    border-top: 6px solid var(--lessons-orange);
    background: var(--lessons-light);
    box-shadow: 0 14px 35px rgba(18, 20, 26, 0.08);
}

.ads-lessons-needed-honest-note strong {
    display: block;
    margin-bottom: 10px;
    color: var(--lessons-navy);
    font-size: 1.25rem;
}

.ads-lessons-needed-honest-note p {
    margin: 0;
}


/* FAQ */

.ads-lessons-needed-faq {
    background: var(--lessons-light);
}

.ads-lessons-needed-faq-list {
    display: grid;
    gap: 14px;
}

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

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

.ads-lessons-needed-faq-item summary::-webkit-details-marker {
    display: none;
}

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

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

.ads-lessons-needed-faq-answer {
    padding: 0 24px 22px;
}

.ads-lessons-needed-faq-answer p {
    margin: 0;
    line-height: 1.75;
}


/* FINAL CTA */

.ads-lessons-needed-final {
    padding: 72px 0;
    background: var(--lessons-orange);
    color: var(--lessons-white);
}

.ads-lessons-needed-final-inner {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 50px;
    align-items: center;
}

.ads-lessons-needed-final .ads-lessons-needed-kicker {
    color: var(--lessons-navy);
}

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

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

.ads-lessons-needed-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.ads-lessons-needed-btn-dark {
    background: var(--lessons-navy);
    color: var(--lessons-white);
}

.ads-lessons-needed-btn-dark:hover {
    background: #282c36;
    color: var(--lessons-white);
}

.ads-lessons-needed-btn-light {
    border-color: var(--lessons-white);
    color: var(--lessons-white);
}

.ads-lessons-needed-btn-light:hover {
    background: var(--lessons-white);
    color: var(--lessons-navy);
}


/* TABLET */

@media (max-width: 920px) {

    .ads-lessons-needed-factor-grid,
    .ads-lessons-needed-efficiency-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-lessons-needed-quick-panel,
    .ads-lessons-needed-practice-panel,
    .ads-lessons-needed-ready-panel,
    .ads-lessons-needed-honest-grid,
    .ads-lessons-needed-final-inner {
        grid-template-columns: 1fr;
    }
}


/* MOBILE */

@media (max-width: 650px) {

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

    .ads-lessons-needed-section {
        padding: 64px 0;
    }

    .ads-lessons-needed-hero {
        padding: 75px 0 105px;
    }

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

    .ads-lessons-needed-hero-actions,
    .ads-lessons-needed-final-actions {
        display: grid;
    }

    .ads-lessons-needed-btn {
        width: 100%;
    }

    .ads-lessons-needed-factor-grid,
    .ads-lessons-needed-efficiency-grid,
    .ads-lessons-needed-example-grid {
        grid-template-columns: 1fr;
    }

    .ads-lessons-needed-quick-panel,
    .ads-lessons-needed-practice-panel,
    .ads-lessons-needed-ready-panel {
        padding: 32px 22px;
    }

    .ads-lessons-needed-final {
        padding: 58px 0;
    }
}
/* ==================================================
   HOW TO PASS YOUR DRIVING TEST FIRST TIME
================================================== */

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

.ads-first-pass-page {
    overflow: hidden;
    color: #2f3540;
    background: #f7f8fa;
}

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


.ads-first-pass-hero {
    padding: 86px 0 70px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            rgba(18, 20, 26, 0.98),
            rgba(38, 42, 52, 0.95)
        );
}

.ads-first-pass-label {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 13px;
    color: #ffffff;
    background: #f37423;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-first-pass-hero h1 {
    max-width: 940px;
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(42px, 6vw, 66px);
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1.04;
    text-transform: uppercase;
}

.ads-first-pass-hero h1 span {
    color: #f37423;
}

.ads-first-pass-hero > .ads-first-pass-container > p {
    max-width: 790px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 19px;
    line-height: 1.65;
}

.ads-first-pass-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.ads-first-pass-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.ads-first-pass-hero-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

/* MAIN */

.ads-first-pass-main {
    padding: 72px 0 84px;
}

.ads-first-pass-main section {
    margin-bottom: 42px;
}

/* SHARED HEADINGS */

.ads-first-pass-page .ads-section-heading {
    max-width: 820px;
    margin: 0 auto 34px;
    text-align: center;
}

.ads-first-pass-page .ads-section-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #d95f12;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-first-pass-page .ads-section-heading h2,
.ads-first-pass-intro h2,
.ads-first-pass-image-content h2,
.ads-first-pass-arrival h2,
.ads-first-pass-examiner h2,
.ads-first-pass-car h2,
.ads-first-pass-routes h2,
.ads-first-pass-mistakes h2,
.ads-first-pass-direction h2,
.ads-first-pass-weather h2,
.ads-first-pass-centre h2,
.ads-first-pass-result h2,
.ads-first-pass-checklist h2,
.ads-first-pass-cta h2 {
    margin: 0 0 15px;
    color: #12141a;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.18;
}

.ads-first-pass-page .ads-section-heading p,
.ads-first-pass-intro p,
.ads-first-pass-image-content p,
.ads-first-pass-arrival p,
.ads-first-pass-examiner p,
.ads-first-pass-car p,
.ads-first-pass-routes p,
.ads-first-pass-mistakes p,
.ads-first-pass-direction p,
.ads-first-pass-weather p,
.ads-first-pass-centre p,
.ads-first-pass-result p,
.ads-first-pass-checklist p,
.ads-first-pass-cta p {
    margin: 0 0 14px;
    color: #5d6470;
    line-height: 1.72;
}


.ads-first-pass-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-left: 6px solid #f37423;
    border-radius: 15px;
    box-shadow: 0 14px 32px rgba(18, 20, 26, 0.06);
}

.ads-first-pass-intro-card {
    padding: 28px;
    color: #ffffff;
    background: #12141a;
    border-radius: 12px;
    text-align: center;
}

.ads-first-pass-intro-card span {
    display: block;
    margin-bottom: 8px;
    color: #f37423;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-first-pass-intro-card strong {
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 28px;
    line-height: 1.1;
}

.ads-first-pass-intro-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.55;
}

/* IMAGE FEATURE */

.ads-first-pass-image-feature {
    display: grid;
    grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
    gap: 38px;
    align-items: stretch;
    overflow: hidden;
    background: #12141a;
    border-left: 6px solid #f37423;
    border-radius: 15px;
}

.ads-first-pass-image {
    min-height: 430px;
    background: #292d35;
}

.ads-first-pass-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
}

.ads-first-pass-image-content {
    align-self: center;
    padding: 42px 42px 42px 0;
}

.ads-first-pass-image-content h2 {
    color: #ffffff;
}

.ads-first-pass-image-content p {
    color: rgba(255, 255, 255, 0.84);
}

.ads-first-pass-image-content .ads-section-kicker {
    color: #f37423;
}

/* QUICK TIPS */

.ads-first-pass-quick-tips {
    scroll-margin-top: 110px;
}

.ads-first-pass-tip-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ads-first-pass-tip-grid article {
    padding: 25px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
}

.ads-first-pass-tip-grid article > span {
    display: block;
    margin-bottom: 14px;
    font-size: 30px;
    line-height: 1;
}

.ads-first-pass-tip-grid h3 {
    margin: 0 0 9px;
    color: #12141a;
    font-size: 20px;
}

.ads-first-pass-tip-grid p {
    margin: 0;
    color: #5d6470;
    line-height: 1.63;
}

/* ARRIVAL */

.ads-first-pass-arrival {
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-first-pass-arrival-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    margin-top: 28px;
}

.ads-first-pass-arrival-grid article {
    padding: 24px;
    background: #f7f8fa;
    border-top: 4px solid #f37423;
    border-radius: 11px;
}

.ads-first-pass-arrival-grid article > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    color: #ffffff;
    background: #12141a;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 900;
}

.ads-first-pass-arrival-grid h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 20px;
}

.ads-first-pass-arrival-grid p {
    margin: 0;
    color: #606773;
    line-height: 1.65;
}

/* EXAMINER */

.ads-first-pass-examiner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 24px;
    align-items: flex-start;
    padding: 34px;
    background: #eef2f5;
    border-left: 6px solid #f37423;
    border-radius: 14px;
}

.ads-first-pass-examiner-icon {
    font-size: 40px;
    line-height: 1;
}

/* TEST CAR */

.ads-first-pass-car {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 38px;
    padding: 40px;
    color: #ffffff;
    background: #12141a;
    border-radius: 15px;
}

.ads-first-pass-car h2,
.ads-first-pass-car p {
    color: #ffffff;
}

.ads-first-pass-check-list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ads-first-pass-check-list li {
    position: relative;
    padding: 17px 18px 17px 51px;
    color: #434a54;
    background: #ffffff;
    border-radius: 10px;
    line-height: 1.55;
}

.ads-first-pass-check-list li::before {
    position: absolute;
    top: 16px;
    left: 18px;
    content: "✓";
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    color: #ffffff;
    background: #f37423;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
}

/* ROUTES */

.ads-first-pass-routes {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-first-pass-route-card {
    padding: 28px;
    background: #fff7ee;
    border: 2px solid #f37423;
    border-radius: 12px;
}

.ads-first-pass-route-card > span {
    display: inline-block;
    margin-bottom: 10px;
    color: #d95f12;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.ads-first-pass-route-card h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 22px;
}

.ads-first-pass-route-card p {
    margin: 0;
    color: #5d6470;
    line-height: 1.65;
}

/* TEXT LINKS */

.ads-first-pass-page .ads-text-link {
    display: inline-block;
    margin-top: 7px;
    color: #d95f12;
    font-weight: 800;
    text-decoration: none;
}

.ads-first-pass-page .ads-text-link:hover {
    text-decoration: underline;
}

/* MISTAKES */

.ads-first-pass-mistakes {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #fff7ee;
    border: 2px solid #f37423;
    border-radius: 15px;
}

.ads-first-pass-mistake-card {
    padding: 28px;
    color: #ffffff;
    background: #12141a;
    border-radius: 12px;
}

.ads-first-pass-mistake-card > span {
    display: block;
    margin-bottom: 14px;
    font-size: 36px;
    line-height: 1;
}

.ads-first-pass-mistake-card h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 22px;
}

.ads-first-pass-mistake-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.65;
}

/* WRONG DIRECTION */

.ads-first-pass-direction {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 24px;
    align-items: flex-start;
    padding: 34px;
    background: #eef2f5;
    border-left: 6px solid #f37423;
    border-radius: 14px;
}

.ads-first-pass-direction-icon {
    font-size: 40px;
    line-height: 1;
}

/* OBSERVATIONS */

.ads-first-pass-observation-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.ads-first-pass-observation-grid article {
    padding: 25px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
}

.ads-first-pass-observation-grid article > span {
    display: inline-block;
    margin-bottom: 12px;
    padding: 6px 10px;
    color: #d95f12;
    background: rgba(243, 116, 35, 0.1);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.ads-first-pass-observation-grid h3 {
    margin: 0 0 9px;
    color: #12141a;
    font-size: 20px;
}

.ads-first-pass-observation-grid p {
    margin: 0;
    color: #5d6470;
    line-height: 1.63;
}

/* WEATHER */

.ads-first-pass-weather {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 38px;
    align-items: center;
    padding: 40px;
    color: #ffffff;
    background: #12141a;
    border-radius: 15px;
}

.ads-first-pass-weather h2,
.ads-first-pass-weather p {
    color: #ffffff;
}

.ads-first-pass-weather-icons {
    display: grid;
    grid-template-columns: repeat(2, 70px);
    gap: 14px;
}

.ads-first-pass-weather-icons span {
    display: grid;
    place-items: center;
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.09);
    border-radius: 14px;
    font-size: 32px;
}

/* TEST CENTRE */

.ads-first-pass-centre {
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-left: 6px solid #f37423;
    border-radius: 14px;
}

/* MARKING */

.ads-first-pass-marking {
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-first-pass-marking-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 28px;
}

.ads-first-pass-marking-image {
    overflow: hidden;
    margin: 0;
    background: #f7f8fa;
    border: 1px solid #e4e7eb;
    border-radius: 12px;
}

.ads-first-pass-marking-image img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: contain;
    background: #eef1f4;
}

.ads-first-pass-marking-image figcaption {
    padding: 16px 18px;
    color: #5d6470;
    font-size: 13px;
    line-height: 1.55;
}

.ads-first-pass-marking-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: flex-start;
    margin-top: 24px;
    padding: 20px;
    background: #eef2f5;
    border-left: 5px solid #f37423;
    border-radius: 10px;
}

.ads-first-pass-marking-note span {
    font-size: 26px;
    line-height: 1;
}

.ads-first-pass-marking-note p {
    margin: 0;
    color: #5d6470;
    line-height: 1.65;
}

/* RESULT */

.ads-first-pass-result {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 14px;
}

.ads-first-pass-result-card {
    padding: 28px;
    color: #ffffff;
    background: #12141a;
    border-radius: 12px;
}

.ads-first-pass-result-card > span {
    display: inline-block;
    margin-bottom: 10px;
    color: #f37423;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.ads-first-pass-result-card h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 22px;
}

.ads-first-pass-result-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.65;
}

/* FINAL CHECKLIST */

.ads-first-pass-checklist {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 38px;
    padding: 40px;
    background: #fff7ee;
    border: 2px solid #f37423;
    border-radius: 15px;
}

.ads-first-pass-checklist ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ads-first-pass-checklist li {
    position: relative;
    padding: 17px 18px 17px 51px;
    color: #434a54;
    background: #ffffff;
    border-radius: 10px;
    line-height: 1.55;
}

.ads-first-pass-checklist li::before {
    position: absolute;
    top: 16px;
    left: 18px;
    content: "✓";
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    color: #ffffff;
    background: #f37423;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
}

/* RELATED GUIDES */

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

.ads-first-pass-related-card {
    display: flex;
    flex-direction: column;
    padding: 28px;
    color: inherit !important;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

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

.ads-first-pass-related-card > span {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 13px;
    padding: 6px 10px;
    color: #d95f12;
    background: rgba(243, 116, 35, 0.1);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.ads-first-pass-related-card h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
}

.ads-first-pass-related-card p {
    margin: 0;
    color: #5f6671;
    line-height: 1.65;
}

.ads-first-pass-related-card strong {
    margin-top: auto;
    padding-top: 18px;
    color: #d95f12;
}

/* CTA */

.ads-first-pass-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
    padding: 38px;
    background: #eef2f5;
    border-radius: 14px;
}

/* BACK LINK */

.ads-first-pass-back {
    margin-top: 50px;
    padding-top: 34px;
    border-top: 2px solid #e8eaed;
    text-align: center;
}

.ads-first-pass-back a {
    color: #12141a;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
}

.ads-first-pass-back a:hover {
    color: #d95f12;
}

/* BUTTONS */

.ads-first-pass-page .ads-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 24px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.4px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.ads-first-pass-page .ads-btn:hover {
    transform: translateY(-2px);
}

.ads-first-pass-page .ads-btn-primary {
    color: #ffffff !important;
    background: #f37423;
    border: 2px solid #f37423;
    box-shadow: 0 7px 18px rgba(243, 116, 35, 0.24);
}

.ads-first-pass-page .ads-btn-primary:hover {
    background: #d95f12;
    border-color: #d95f12;
}

.ads-first-pass-page .ads-btn-secondary {
    color: #ffffff !important;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.75);
}

.ads-first-pass-page .ads-btn-secondary:hover {
    color: #12141a !important;
    background: #ffffff;
}

/* TABLET */

@media (max-width: 980px) {

    .ads-first-pass-intro,
    .ads-first-pass-image-feature,
    .ads-first-pass-car,
    .ads-first-pass-routes,
    .ads-first-pass-mistakes,
    .ads-first-pass-result,
    .ads-first-pass-checklist {
        grid-template-columns: 1fr;
    }

    .ads-first-pass-image-content {
        padding: 38px;
    }

    .ads-first-pass-tip-grid,
    .ads-first-pass-arrival-grid,
    .ads-first-pass-observation-grid,
    .ads-first-pass-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-first-pass-intro-card,
    .ads-first-pass-route-card,
    .ads-first-pass-mistake-card,
    .ads-first-pass-result-card {
        max-width: 430px;
    }

    .ads-first-pass-weather,
    .ads-first-pass-cta {
        grid-template-columns: 1fr;
    }
}

/* MOBILE */

@media (max-width: 700px) {

    .ads-first-pass-container {
        width: calc(100% - 34px);
    }

    .ads-first-pass-hero {
        padding: 66px 0 58px;
    }

    .ads-first-pass-hero h1 {
        font-size: 39px;
        letter-spacing: -1.3px;
    }

    .ads-first-pass-hero > .ads-first-pass-container > p {
        font-size: 17px;
    }

    .ads-first-pass-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ads-first-pass-main {
        padding: 52px 0 64px;
    }

    .ads-first-pass-intro,
    .ads-first-pass-arrival,
    .ads-first-pass-examiner,
    .ads-first-pass-car,
    .ads-first-pass-routes,
    .ads-first-pass-mistakes,
    .ads-first-pass-direction,
    .ads-first-pass-weather,
    .ads-first-pass-centre,
    .ads-first-pass-marking,
    .ads-first-pass-result,
    .ads-first-pass-checklist,
    .ads-first-pass-cta {
        padding: 26px;
    }

    .ads-first-pass-image,
    .ads-first-pass-image img {
        min-height: 280px;
    }

    .ads-first-pass-image-content {
        padding: 4px 26px 30px;
    }

    .ads-first-pass-tip-grid,
    .ads-first-pass-arrival-grid,
    .ads-first-pass-observation-grid,
    .ads-first-pass-marking-grid,
    .ads-first-pass-related-grid {
        grid-template-columns: 1fr;
    }

    .ads-first-pass-examiner,
    .ads-first-pass-direction,
    .ads-first-pass-marking-note {
        grid-template-columns: 1fr;
    }

    .ads-first-pass-weather-icons {
        grid-template-columns: repeat(4, 56px);
    }

    .ads-first-pass-weather-icons span {
        width: 56px;
        height: 56px;
        font-size: 26px;
    }

    .ads-first-pass-intro-card,
    .ads-first-pass-route-card,
    .ads-first-pass-mistake-card,
    .ads-first-pass-result-card {
        max-width: none;
    }

    .ads-first-pass-page .ads-btn {
        width: 100%;
    }
}
/* =========================================================
   Roundabout Lanes Guide
   ========================================================= */

.ads2-roundabouts-page {
    --ads2-roundabouts-navy: #12141a;
    --ads2-roundabouts-orange: #f37423;
    --ads2-roundabouts-white: #ffffff;
    --ads2-roundabouts-soft: #f5f6f8;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    color: var(--ads2-roundabouts-navy);
}

.ads2-roundabouts-page *,
.ads2-roundabouts-page *::before,
.ads2-roundabouts-page *::after {
    box-sizing: border-box;
}

.ads2-roundabouts-container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.ads2-roundabouts-page h1,
.ads2-roundabouts-page h2,
.ads2-roundabouts-page h3,
.ads2-roundabouts-page p {
    margin-top: 0;
}

.ads2-roundabouts-page p,
.ads2-roundabouts-page li {
    line-height: 1.7;
}

.ads2-roundabouts-kicker {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    background: var(--ads2-roundabouts-navy);
    color: var(--ads2-roundabouts-white);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: skewX(-8deg);
}

.ads2-roundabouts-section-heading {
    max-width: 780px;
    margin-bottom: 38px;
}

.ads2-roundabouts-section-heading h2,
.ads2-roundabouts-clock h2,
.ads2-roundabouts-priority h2,
.ads2-roundabouts-download h2,
.ads2-roundabouts-final h2 {
    margin-bottom: 18px;
    font-size: clamp(2rem, 4vw, 3.65rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

/* Hero */

.ads2-roundabouts-hero {
    padding: 58px 0;
    background:
        radial-gradient(circle at 84% 20%, rgba(243, 116, 35, 0.2), transparent 28%),
        linear-gradient(135deg, #12141a 0%, #1c2029 100%);
    color: var(--ads2-roundabouts-white);
    border-bottom: 6px solid var(--ads2-roundabouts-orange);
}

.ads2-roundabouts-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 56px;
    align-items: center;
}

.ads2-roundabouts-hero h1 {
    max-width: 850px;
    margin-bottom: 20px;
    color: var(--ads2-roundabouts-orange);
    font-size: clamp(2.8rem, 6vw, 5.7rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads2-roundabouts-hero-copy > p {
    max-width: 730px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1.12rem;
}

.ads2-roundabouts-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ads2-roundabouts-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ads2-roundabouts-btn:hover {
    transform: translateY(-2px);
}

.ads2-roundabouts-btn-primary {
    background: var(--ads2-roundabouts-orange);
    color: var(--ads2-roundabouts-navy);
}

.ads2-roundabouts-btn-secondary,
.ads2-roundabouts-btn-secondary:link,
.ads2-roundabouts-btn-secondary:visited {
    border-color: rgba(255, 255, 255, 0.55);
    color: var(--ads2-roundabouts-white) !important;
}

.ads2-roundabouts-btn-secondary:hover,
.ads2-roundabouts-btn-secondary:focus,
.ads2-roundabouts-btn-secondary:active {
    background: var(--ads2-roundabouts-white);
    color: var(--ads2-roundabouts-navy) !important;
}

.ads2-roundabouts-summary-card {
    padding: 34px;
    background: var(--ads2-roundabouts-white);
    color: var(--ads2-roundabouts-navy);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.ads2-roundabouts-summary-badge {
    display: inline-grid;
    place-items: center;
    min-width: 88px;
    min-height: 54px;
    margin-bottom: 20px;
    padding: 10px 16px;
    background: var(--ads2-roundabouts-orange);
    border-radius: 14px;
    font-size: 1.35rem;
    font-weight: 900;
}

.ads2-roundabouts-summary-card h2 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
}

/* Clock rule */

.ads2-roundabouts-clock {
    padding: 76px 0;
    background: var(--ads2-roundabouts-white);
}

.ads2-roundabouts-clock-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.85fr);
    gap: 54px;
    align-items: center;
}

.ads2-roundabouts-clock-cards {
    display: grid;
    gap: 14px;
    margin-top: 28px;
}

.ads2-roundabouts-clock-cards article {
    padding: 20px;
    background: var(--ads2-roundabouts-soft);
    border-left: 5px solid var(--ads2-roundabouts-orange);
    border-radius: 14px;
}

.ads2-roundabouts-clock-cards strong,
.ads2-roundabouts-clock-cards span {
    display: block;
}

.ads2-roundabouts-clock-cards strong {
    margin-bottom: 4px;
    font-size: 1.12rem;
}

.ads2-roundabouts-clock-cards span {
    margin-bottom: 7px;
    color: var(--ads2-roundabouts-orange);
    font-weight: 900;
}

.ads2-roundabouts-clock-cards p {
    margin-bottom: 0;
}

.ads2-roundabouts-diagram {
    margin: 0;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e2e4e8;
    border-radius: 24px;
    box-shadow: 0 12px 28px rgba(18, 20, 26, 0.08);
}

.ads2-roundabouts-diagram img {
    display: block;
    width: 100%;
    height: auto;
}

.ads2-roundabouts-diagram figcaption {
    margin-top: 14px;
    color: #555b66;
    font-size: 0.9rem;
    text-align: center;
}

/* Lanes */

.ads2-roundabouts-lanes {
    padding: 78px 0;
    background: var(--ads2-roundabouts-soft);
}

.ads2-roundabouts-lane-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ads2-roundabouts-lane-card {
    padding: 30px;
    background: var(--ads2-roundabouts-white);
    border: 1px solid #e2e4e8;
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(18, 20, 26, 0.07);
}

.ads2-roundabouts-lane-card-wide {
    grid-column: 1 / -1;
}

.ads2-roundabouts-card-number {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-roundabouts-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ads2-roundabouts-lane-card h3 {
    margin-bottom: 12px;
    font-size: 1.65rem;
}

.ads2-roundabouts-lane-card ul {
    margin: 16px 0 0;
    padding-left: 21px;
}

.ads2-roundabouts-lane-card li + li {
    margin-top: 7px;
}

/* MSM */

.ads2-roundabouts-msm {
    padding: 76px 0;
    background: var(--ads2-roundabouts-white);
}

.ads2-roundabouts-msm-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ads2-roundabouts-msm-grid article {
    padding: 28px;
    background: var(--ads2-roundabouts-navy);
    border-radius: 20px;
    color: var(--ads2-roundabouts-white);
}

.ads2-roundabouts-msm-grid article > span {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 20px;
    background: var(--ads2-roundabouts-orange);
    border-radius: 16px;
    color: var(--ads2-roundabouts-navy);
    font-size: 1.55rem;
    font-weight: 900;
}

.ads2-roundabouts-msm-grid h3 {
    margin-bottom: 10px;
    color: var(--ads2-roundabouts-white);
}

.ads2-roundabouts-msm-grid p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Priority */

.ads2-roundabouts-priority {
    padding: 72px 0;
    background: var(--ads2-roundabouts-soft);
}

.ads2-roundabouts-priority-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.65fr);
    gap: 46px;
    align-items: center;
}

.ads2-roundabouts-priority-card {
    padding: 30px;
    background: var(--ads2-roundabouts-orange);
    border-radius: 20px;
}

.ads2-roundabouts-priority-card strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.25rem;
}

.ads2-roundabouts-priority-card p {
    margin-bottom: 0;
    font-weight: 700;
}

/* Mistakes */

.ads2-roundabouts-mistakes {
    padding: 76px 0;
    background: var(--ads2-roundabouts-white);
}

.ads2-roundabouts-mistake-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ads2-roundabouts-mistake-grid article {
    padding: 26px;
    background: var(--ads2-roundabouts-navy);
    border-radius: 20px;
    color: var(--ads2-roundabouts-white);
}

.ads2-roundabouts-mistake-grid article > span {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-roundabouts-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-roundabouts-mistake-grid h3 {
    margin-bottom: 10px;
    color: var(--ads2-roundabouts-white);
}

.ads2-roundabouts-mistake-grid p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Download */

.ads2-roundabouts-download {
    padding: 70px 0;
    background: var(--ads2-roundabouts-soft);
}

.ads2-roundabouts-download-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.65fr);
    gap: 44px;
    align-items: center;
}

.ads2-roundabouts-download-card {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 26px;
    background: var(--ads2-roundabouts-navy);
    border-radius: 20px;
    color: var(--ads2-roundabouts-white) !important;
    text-decoration: none;
}

.ads2-roundabouts-download-card > span {
    display: grid;
    place-items: center;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    background: var(--ads2-roundabouts-orange);
    border-radius: 16px;
    color: var(--ads2-roundabouts-navy);
    font-weight: 900;
}

.ads2-roundabouts-download-card strong,
.ads2-roundabouts-download-card small {
    display: block;
}

.ads2-roundabouts-download-card strong {
    margin-bottom: 4px;
}

.ads2-roundabouts-download-card small {
    color: rgba(255, 255, 255, 0.7);
}

/* Resources */

.ads2-roundabouts-resources {
    padding: 70px 0;
    background: var(--ads2-roundabouts-white);
}

.ads2-roundabouts-resource-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ads2-roundabouts-resource-grid a {
    display: block;
    padding: 26px;
    background: var(--ads2-roundabouts-soft);
    border: 1px solid #e2e4e8;
    border-radius: 18px;
    color: var(--ads2-roundabouts-navy);
    text-decoration: none;
}

.ads2-roundabouts-resource-grid strong,
.ads2-roundabouts-resource-grid span {
    display: block;
}

.ads2-roundabouts-resource-grid strong {
    margin-bottom: 6px;
    color: var(--ads2-roundabouts-orange);
    font-size: 1.15rem;
}

/* FAQs */

.ads2-roundabouts-faq {
    padding: 76px 0;
    background: var(--ads2-roundabouts-soft);
}

.ads2-roundabouts-faq-list {
    display: grid;
    gap: 14px;
    max-width: 900px;
}

.ads2-roundabouts-faq-list details {
    overflow: hidden;
    background: var(--ads2-roundabouts-white);
    border: 1px solid #e1e4e8;
    border-radius: 16px;
}

.ads2-roundabouts-faq-list summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: var(--ads2-roundabouts-navy);
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.ads2-roundabouts-faq-list summary::-webkit-details-marker {
    display: none;
}

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

.ads2-roundabouts-faq-list details[open] summary::after {
    content: "−";
}

.ads2-roundabouts-faq-list details > div {
    padding: 0 24px 22px;
}

.ads2-roundabouts-faq-list details p {
    margin-bottom: 0;
}

/* Final */

.ads2-roundabouts-final {
    padding: 66px 0;
    background: linear-gradient(135deg, #12141a 0%, #1d212a 100%);
    color: var(--ads2-roundabouts-white);
    border-top: 6px solid var(--ads2-roundabouts-orange);
}

.ads2-roundabouts-final-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
}

.ads2-roundabouts-final h2 {
    color: var(--ads2-roundabouts-white);
}

.ads2-roundabouts-final p {
    max-width: 720px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Responsive */

@media (max-width: 950px) {
    .ads2-roundabouts-hero-grid,
    .ads2-roundabouts-clock-grid,
    .ads2-roundabouts-priority-grid,
    .ads2-roundabouts-download-grid,
    .ads2-roundabouts-final-grid {
        grid-template-columns: 1fr;
    }

    .ads2-roundabouts-msm-grid,
    .ads2-roundabouts-mistake-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .ads2-roundabouts-lane-grid,
    .ads2-roundabouts-resource-grid,
    .ads2-roundabouts-msm-grid,
    .ads2-roundabouts-mistake-grid {
        grid-template-columns: 1fr;
    }

    .ads2-roundabouts-lane-card-wide {
        grid-column: auto;
    }
}

@media (max-width: 650px) {
    .ads2-roundabouts-container {
        width: min(100% - 28px, 1180px);
    }

    .ads2-roundabouts-hero {
        padding: 42px 0 46px;
    }

    .ads2-roundabouts-hero h1 {
        font-size: clamp(2.55rem, 13vw, 4rem);
    }

    .ads2-roundabouts-clock,
    .ads2-roundabouts-lanes,
    .ads2-roundabouts-msm,
    .ads2-roundabouts-priority,
    .ads2-roundabouts-mistakes,
    .ads2-roundabouts-download,
    .ads2-roundabouts-resources,
    .ads2-roundabouts-faq,
    .ads2-roundabouts-final {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .ads2-roundabouts-actions {
        flex-direction: column;
    }

    .ads2-roundabouts-btn {
        width: 100%;
    }

    .ads2-roundabouts-summary-card,
    .ads2-roundabouts-diagram {
        padding: 24px;
    }
}
/* ==================================================
   EXTENDED DRIVING TEST PAGE
================================================== */

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

.ads-extended-page {
    overflow: hidden;
    color: #2f3540;
    background: #f7f8fa;
}

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


.ads-extended-hero {
    padding: 86px 0 72px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            rgba(18, 20, 26, 0.98),
            rgba(37, 42, 52, 0.96)
        );
}

.ads-extended-label {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 13px;
    color: #ffffff;
    background: #f37423;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-extended-hero h1 {
    max-width: 900px;
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(44px, 7vw, 72px);
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1.02;
    text-transform: uppercase;
}

.ads-extended-hero h1 span {
    display: block;
    color: #f37423;
}

.ads-extended-hero > .ads-extended-container > p {
    max-width: 790px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 19px;
    line-height: 1.65;
}

.ads-extended-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.ads-extended-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.ads-extended-hero-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

/* MAIN */

.ads-extended-main {
    padding: 72px 0 84px;
}

.ads-extended-main section {
    margin-bottom: 44px;
}

/* SHARED HEADINGS */

.ads-extended-page .ads-section-heading {
    max-width: 820px;
    margin: 0 auto 34px;
    text-align: center;
}

.ads-extended-page .ads-section-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #d95f12;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-extended-page .ads-section-heading h2,
.ads-extended-intro h2,
.ads-extended-image-content h2,
.ads-extended-expect h2,
.ads-extended-marking h2,
.ads-extended-own-car h2,
.ads-extended-hro h2,
.ads-extended-ban-course h2,
.ads-extended-training h2,
.ads-extended-cta h2 {
    margin: 0 0 15px;
    color: #12141a;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.18;
}

.ads-extended-page .ads-section-heading p,
.ads-extended-intro p,
.ads-extended-image-content p,
.ads-extended-expect p,
.ads-extended-marking p,
.ads-extended-own-car p,
.ads-extended-hro p,
.ads-extended-ban-course p,
.ads-extended-training p,
.ads-extended-cta p {
    margin: 0 0 14px;
    color: #5d6470;
    line-height: 1.72;
}


.ads-extended-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-left: 6px solid #f37423;
    border-radius: 15px;
    box-shadow: 0 14px 32px rgba(18, 20, 26, 0.06);
}

.ads-extended-intro-card {
    padding: 30px;
    color: #ffffff;
    background: #12141a;
    border-radius: 12px;
    text-align: center;
}

.ads-extended-intro-card span {
    display: block;
    margin-bottom: 9px;
    color: #f37423;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-extended-intro-card strong {
    display: block;
    margin-bottom: 12px;
    color: #ffffff;
    font-size: 27px;
    line-height: 1.15;
}

.ads-extended-intro-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.6;
}

/* IMAGE FEATURES */

.ads-extended-image-feature {
    display: grid;
    grid-template-columns: minmax(330px, 0.95fr) minmax(0, 1.05fr);
    gap: 38px;
    align-items: stretch;
    overflow: hidden;
    background: #12141a;
    border-left: 6px solid #f37423;
    border-radius: 15px;
}

.ads-extended-image {
    min-height: 420px;
    background: #292d35;
}

.ads-extended-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
}

.ads-extended-image-content {
    align-self: center;
    padding: 42px 42px 42px 0;
}

.ads-extended-image-content h2 {
    color: #ffffff;
}

.ads-extended-image-content p {
    color: rgba(255, 255, 255, 0.84);
}

.ads-extended-image-content .ads-section-kicker {
    color: #f37423;
}

.ads-extended-image-feature-reverse .ads-extended-image {
    order: 2;
}

.ads-extended-image-feature-reverse .ads-extended-image-content {
    order: 1;
    padding: 42px 0 42px 42px;
}

/* QUICK FACTS */

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

.ads-extended-fact-grid article {
    padding: 26px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
}

.ads-extended-fact-grid article > span {
    display: block;
    margin-bottom: 14px;
    font-size: 30px;
    line-height: 1;
}

.ads-extended-fact-grid strong {
    display: block;
    margin-bottom: 9px;
    color: #12141a;
    font-size: 20px;
}

.ads-extended-fact-grid p {
    margin: 0;
    color: #5d6470;
    line-height: 1.63;
}

/* ROADMAP */

.ads-extended-roadmap {
    scroll-margin-top: 110px;
    padding: 42px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 15px;
}

.ads-extended-roadmap-list {
    position: relative;
    display: grid;
    gap: 18px;
    max-width: 870px;
    margin: 0 auto;
}

.ads-extended-roadmap-list::before {
    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 24px;
    width: 3px;
    content: "";
    background: #e4e7eb;
}

.ads-extended-roadmap-list article {
    position: relative;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 20px;
    padding: 24px;
    background: #f7f8fa;
    border: 1px solid #e4e7eb;
    border-radius: 12px;
}

.ads-extended-step-number {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    color: #ffffff;
    background: #12141a;
    border: 5px solid #ffffff;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 900;
}

.ads-extended-roadmap-list h3 {
    margin: 2px 0 8px;
    color: #12141a;
    font-size: 21px;
}

.ads-extended-roadmap-list p {
    margin: 0 0 10px;
    color: #5d6470;
    line-height: 1.65;
}

.ads-extended-roadmap-highlight {
    background: #fff7ee !important;
    border-color: #f37423 !important;
}

.ads-extended-roadmap-highlight .ads-extended-step-number {
    background: #f37423;
}

.ads-extended-roadmap-success {
    background: #eefbf3 !important;
    border-color: #47a96b !important;
}

.ads-extended-roadmap-success .ads-extended-step-number {
    background: #238348;
}

.ads-extended-roadmap-cta {
    margin-top: 34px;
    text-align: center;
}

/* TEXT LINKS */

.ads-extended-page .ads-text-link {
    display: inline-block;
    margin-top: 5px;
    color: #d95f12;
    font-weight: 800;
    text-decoration: none;
}

.ads-extended-page .ads-text-link:hover {
    text-decoration: underline;
}

/* EXPECT */

.ads-extended-expect {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #eef2f5;
    border-left: 6px solid #f37423;
    border-radius: 14px;
}

.ads-extended-duration-card {
    padding: 30px;
    color: #ffffff;
    background: #12141a;
    border-radius: 12px;
    text-align: center;
}

.ads-extended-duration-card span {
    display: block;
    margin-bottom: 7px;
    color: #f37423;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-extended-duration-card strong {
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 42px;
    line-height: 1;
}

.ads-extended-duration-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.55;
}

/* TEST CONTENT */

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

.ads-extended-content-grid article {
    padding: 26px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
}

.ads-extended-content-grid article > span {
    display: block;
    margin-bottom: 14px;
    font-size: 30px;
    line-height: 1;
}

.ads-extended-content-grid h3 {
    margin: 0 0 9px;
    color: #12141a;
    font-size: 20px;
}

.ads-extended-content-grid p {
    margin: 0;
    color: #5d6470;
    line-height: 1.63;
}

/* MARKING */

.ads-extended-marking {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 38px;
    align-items: center;
    padding: 40px;
    color: #ffffff;
    background: #12141a;
    border-radius: 15px;
}

.ads-extended-marking h2,
.ads-extended-marking p {
    color: #ffffff;
}

.ads-extended-marking p {
    color: rgba(255, 255, 255, 0.82);
}

.ads-extended-marking-card {
    padding: 30px;
    background: #ffffff;
    border-radius: 12px;
    text-align: center;
}

.ads-extended-marking-card span {
    display: block;
    margin-bottom: 8px;
    color: #d95f12;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-extended-marking-card strong {
    display: block;
    margin-bottom: 8px;
    color: #12141a;
    font-size: 42px;
    line-height: 1;
}

.ads-extended-marking-card p {
    margin: 0;
    color: #5d6470;
    font-size: 14px;
    line-height: 1.55;
}

/* COSTS */

.ads-extended-cost-card {
    max-width: 760px;
    margin: 0 auto;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 15px;
    box-shadow: 0 14px 30px rgba(18, 20, 26, 0.06);
}

.ads-extended-cost-row {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    padding: 24px 30px;
    border-bottom: 1px solid #e8eaed;
}

.ads-extended-cost-row span {
    color: #434a54;
    font-weight: 700;
}

.ads-extended-cost-row strong {
    color: #12141a;
    font-size: 27px;
}

.ads-extended-cost-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 18px;
    padding: 28px 30px;
    color: #ffffff;
    background: #12141a;
}

.ads-extended-cost-note > span {
    font-size: 30px;
    line-height: 1;
}

.ads-extended-cost-note h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 19px;
}

.ads-extended-cost-note p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.65;
}

/* OWN CAR */

.ads-extended-own-car {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 38px;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 15px;
}

.ads-extended-check-list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ads-extended-check-list li {
    position: relative;
    padding: 17px 18px 17px 51px;
    color: #434a54;
    background: #f7f8fa;
    border-radius: 10px;
    line-height: 1.55;
}

.ads-extended-check-list li::before {
    position: absolute;
    top: 16px;
    left: 18px;
    content: "✓";
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    color: #ffffff;
    background: #f37423;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
}

/* HIGH-RISK OFFENDER */

.ads-extended-hro {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 24px;
    padding: 36px;
    background: #fff4f1;
    border: 2px solid #d94c3b;
    border-radius: 15px;
}

.ads-extended-warning-icon {
    font-size: 40px;
    line-height: 1;
}

/* BAN REDUCTION */

.ads-extended-ban-course {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 38px;
    align-items: center;
    padding: 40px;
    background: #eefbf3;
    border: 2px solid #47a96b;
    border-radius: 15px;
}

.ads-extended-reduction-card {
    padding: 30px;
    color: #ffffff;
    background: #176b3a;
    border-radius: 12px;
    text-align: center;
}

.ads-extended-reduction-card > span {
    display: block;
    margin-bottom: 8px;
    color: #d9f6e4;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.ads-extended-reduction-card strong {
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 40px;
    line-height: 1;
}

.ads-extended-reduction-card p {
    margin: 0 0 20px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 14px;
    line-height: 1.6;
}

/* TRAINING */

.ads-extended-training {
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 15px;
}

.ads-extended-training > div:first-child {
    max-width: 760px;
    margin-bottom: 28px;
}

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

.ads-extended-training-grid article {
    padding: 25px;
    background: #f7f8fa;
    border-top: 4px solid #f37423;
    border-radius: 12px;
}

.ads-extended-training-grid article > span {
    display: inline-block;
    margin-bottom: 12px;
    color: #d95f12;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.7px;
}

.ads-extended-training-grid h3 {
    margin: 0 0 9px;
    color: #12141a;
    font-size: 20px;
}

.ads-extended-training-grid p {
    margin: 0;
    color: #5d6470;
    line-height: 1.63;
}

/* PRODUCTS */

.ads-extended-products {
    padding: 40px;
    background: #eef2f5;
    border-radius: 15px;
}

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

.ads-extended-product-grid article {
    display: flex;
    flex-direction: column;
    padding: 26px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
}

.ads-extended-product-grid h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 20px;
}

.ads-extended-product-grid p {
    margin: 0 0 20px;
    color: #5d6470;
    line-height: 1.65;
}

.ads-extended-product-grid .ads-btn {
    align-self: flex-start;
    margin-top: auto;
}

.ads-extended-affiliate-note {
    max-width: 760px;
    margin: 24px auto 0;
    color: #68707b;
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
}

/* FAQ */

.ads-extended-faq {
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-radius: 15px;
}

.ads-extended-page .ads-faq-list {
    display: grid;
    gap: 14px;
    max-width: 900px;
    margin: 0 auto;
}

.ads-extended-page .ads-faq-item {
    overflow: hidden;
    background: #f7f8fa;
    border: 1px solid #e1e5e9;
    border-radius: 11px;
}

.ads-extended-page .ads-faq-item summary {
    position: relative;
    padding: 20px 54px 20px 22px;
    color: #12141a;
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
    list-style: none;
}

.ads-extended-page .ads-faq-item summary::-webkit-details-marker {
    display: none;
}

.ads-extended-page .ads-faq-item summary::after {
    position: absolute;
    top: 50%;
    right: 22px;
    content: "+";
    color: #f37423;
    font-size: 25px;
    font-weight: 900;
    transform: translateY(-50%);
}

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

.ads-extended-page .ads-faq-item > div {
    padding: 0 22px 20px;
}

.ads-extended-page .ads-faq-item p {
    margin: 0 0 12px;
    color: #5d6470;
    line-height: 1.68;
}

.ads-extended-page .ads-faq-item p:last-child {
    margin-bottom: 0;
}

/* CTA */

.ads-extended-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
    padding: 40px;
    background: #12141a;
    border-left: 6px solid #f37423;
    border-radius: 15px;
}

.ads-extended-cta h2 {
    color: #ffffff;
}

.ads-extended-cta p {
    color: rgba(255, 255, 255, 0.82);
}

/* RELATED GUIDES */

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

.ads-extended-related-card {
    display: flex;
    flex-direction: column;
    padding: 28px;
    color: inherit !important;
    background: #ffffff;
    border: 1px solid #e4e7eb;
    border-top: 4px solid #f37423;
    border-radius: 12px;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

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

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

.ads-extended-related-card h3 {
    margin: 0 0 10px;
    color: #12141a;
    font-size: 21px;
    line-height: 1.3;
}

.ads-extended-related-card p {
    margin: 0;
    color: #5f6671;
    line-height: 1.65;
}

.ads-extended-related-card strong {
    margin-top: auto;
    padding-top: 18px;
    color: #d95f12;
}

/* BACK LINK */

.ads-extended-back {
    margin-top: 50px;
    padding-top: 34px;
    border-top: 2px solid #e8eaed;
    text-align: center;
}

.ads-extended-back a {
    color: #12141a;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
}

.ads-extended-back a:hover {
    color: #d95f12;
}

/* BUTTONS */

.ads-extended-page .ads-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 24px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.4px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.ads-extended-page .ads-btn:hover {
    transform: translateY(-2px);
}

.ads-extended-page .ads-btn-primary {
    color: #ffffff !important;
    background: #f37423;
    border: 2px solid #f37423;
    box-shadow: 0 7px 18px rgba(243, 116, 35, 0.24);
}

.ads-extended-page .ads-btn-primary:hover {
    background: #d95f12;
    border-color: #d95f12;
}

.ads-extended-page .ads-btn-secondary {
    color: #ffffff !important;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.75);
}

.ads-extended-page .ads-btn-secondary:hover {
    color: #12141a !important;
    background: #ffffff;
}

/* TABLET */

@media (max-width: 980px) {

    .ads-extended-intro,
    .ads-extended-image-feature,
    .ads-extended-expect,
    .ads-extended-marking,
    .ads-extended-own-car,
    .ads-extended-ban-course {
        grid-template-columns: 1fr;
    }

    .ads-extended-image-feature-reverse .ads-extended-image,
    .ads-extended-image-feature-reverse .ads-extended-image-content {
        order: initial;
    }

    .ads-extended-image-content,
    .ads-extended-image-feature-reverse .ads-extended-image-content {
        padding: 38px;
    }

    .ads-extended-fact-grid,
    .ads-extended-content-grid,
    .ads-extended-training-grid,
    .ads-extended-product-grid,
    .ads-extended-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-extended-intro-card,
    .ads-extended-duration-card,
    .ads-extended-marking-card,
    .ads-extended-reduction-card {
        max-width: 430px;
    }

    .ads-extended-cta {
        grid-template-columns: 1fr;
    }
}

/* MOBILE */

@media (max-width: 700px) {

    .ads-extended-container {
        width: calc(100% - 34px);
    }

    .ads-extended-hero {
        padding: 66px 0 58px;
    }

    .ads-extended-hero h1 {
        font-size: 40px;
        letter-spacing: -1.3px;
    }

    .ads-extended-hero > .ads-extended-container > p {
        font-size: 17px;
    }

    .ads-extended-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ads-extended-main {
        padding: 52px 0 64px;
    }

    .ads-extended-intro,
    .ads-extended-roadmap,
    .ads-extended-expect,
    .ads-extended-marking,
    .ads-extended-own-car,
    .ads-extended-hro,
    .ads-extended-ban-course,
    .ads-extended-training,
    .ads-extended-products,
    .ads-extended-faq,
    .ads-extended-cta {
        padding: 26px;
    }

    .ads-extended-image,
    .ads-extended-image img {
        min-height: 280px;
    }

    .ads-extended-image-content,
    .ads-extended-image-feature-reverse .ads-extended-image-content {
        padding: 4px 26px 30px;
    }

    .ads-extended-fact-grid,
    .ads-extended-content-grid,
    .ads-extended-training-grid,
    .ads-extended-product-grid,
    .ads-extended-related-grid {
        grid-template-columns: 1fr;
    }

    .ads-extended-roadmap-list::before {
        left: 20px;
    }

    .ads-extended-roadmap-list article {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 15px;
        padding: 20px;
    }

    .ads-extended-step-number {
        width: 42px;
        height: 42px;
        border-width: 4px;
    }

    .ads-extended-hro,
    .ads-extended-cost-note {
        grid-template-columns: 1fr;
    }

    .ads-extended-cost-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
        padding: 22px;
    }

    .ads-extended-cost-note {
        padding: 24px;
    }

    .ads-extended-intro-card,
    .ads-extended-duration-card,
    .ads-extended-marking-card,
    .ads-extended-reduction-card {
        max-width: none;
    }

    .ads-extended-page .ads-btn {
        width: 100%;
    }
}
/* =========================================================
   How to Deal with Junctions
   ========================================================= */

.ads2-junctions-page {
    --ads2-junctions-navy: #12141a;
    --ads2-junctions-orange: #f37423;
    --ads2-junctions-white: #ffffff;
    --ads2-junctions-soft: #f5f6f8;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    color: var(--ads2-junctions-navy);
}

.ads2-junctions-page *,
.ads2-junctions-page *::before,
.ads2-junctions-page *::after {
    box-sizing: border-box;
}

.ads2-junctions-container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.ads2-junctions-page h1,
.ads2-junctions-page h2,
.ads2-junctions-page h3,
.ads2-junctions-page p {
    margin-top: 0;
}

.ads2-junctions-page p,
.ads2-junctions-page li {
    line-height: 1.7;
}

.ads2-junctions-kicker {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    background: var(--ads2-junctions-navy);
    color: var(--ads2-junctions-white);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: skewX(-8deg);
}

.ads2-junctions-section-heading {
    max-width: 780px;
    margin-bottom: 38px;
}

.ads2-junctions-section-heading h2,
.ads2-junctions-intro h2,
.ads2-junctions-creep h2,
.ads2-junctions-final h2 {
    margin-bottom: 18px;
    font-size: clamp(2rem, 4vw, 3.65rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

/* Hero */

.ads2-junctions-hero {
    padding: 58px 0;
    background:
        radial-gradient(circle at 84% 20%, rgba(243, 116, 35, 0.2), transparent 28%),
        linear-gradient(135deg, #12141a 0%, #1c2029 100%);
    color: var(--ads2-junctions-white);
    border-bottom: 6px solid var(--ads2-junctions-orange);
}

.ads2-junctions-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 56px;
    align-items: center;
}

.ads2-junctions-hero h1 {
    max-width: 850px;
    margin-bottom: 20px;
    color: var(--ads2-junctions-orange);
    font-size: clamp(2.8rem, 6vw, 5.7rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads2-junctions-hero-copy > p {
    max-width: 730px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1.12rem;
}

.ads2-junctions-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ads2-junctions-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ads2-junctions-btn:hover {
    transform: translateY(-2px);
}

.ads2-junctions-btn-primary {
    background: var(--ads2-junctions-orange);
    color: var(--ads2-junctions-navy);
}

.ads2-junctions-btn-secondary,
.ads2-junctions-btn-secondary:link,
.ads2-junctions-btn-secondary:visited {
    border-color: rgba(255, 255, 255, 0.55);
    color: var(--ads2-junctions-white) !important;
}

.ads2-junctions-btn-secondary:hover,
.ads2-junctions-btn-secondary:focus,
.ads2-junctions-btn-secondary:active {
    background: var(--ads2-junctions-white);
    color: var(--ads2-junctions-navy) !important;
}

.ads2-junctions-summary-card {
    padding: 34px;
    background: var(--ads2-junctions-white);
    color: var(--ads2-junctions-navy);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.ads2-junctions-summary-badge {
    display: inline-grid;
    place-items: center;
    min-width: 92px;
    min-height: 54px;
    margin-bottom: 20px;
    padding: 10px 16px;
    background: var(--ads2-junctions-orange);
    border-radius: 14px;
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.ads2-junctions-summary-card h2 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
}

/* Intro */

.ads2-junctions-intro {
    padding: 72px 0;
    background: var(--ads2-junctions-white);
}

.ads2-junctions-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(440px, 0.9fr);
    gap: 58px;
    align-items: center;
}

.ads2-junctions-letter-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.ads2-junctions-letter-strip div {
    padding: 26px 10px;
    background: var(--ads2-junctions-soft);
    border: 1px solid #e4e6eb;
    border-radius: 18px;
    text-align: center;
}

.ads2-junctions-letter-strip strong {
    display: block;
    margin-bottom: 9px;
    color: var(--ads2-junctions-orange);
    font-size: clamp(2.5rem, 5vw, 4rem);
    line-height: 1;
}

.ads2-junctions-letter-strip span {
    display: block;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

/* LADA */

.ads2-junctions-lada {
    padding: 78px 0;
    background: var(--ads2-junctions-soft);
}

.ads2-junctions-step-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.ads2-junctions-step-grid article {
    padding: 26px;
    background: var(--ads2-junctions-navy);
    border-radius: 20px;
    color: var(--ads2-junctions-white);
}

.ads2-junctions-step-grid article > span {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 20px;
    background: var(--ads2-junctions-orange);
    border-radius: 16px;
    color: var(--ads2-junctions-navy);
    font-size: 1.55rem;
    font-weight: 900;
}

.ads2-junctions-step-grid h3 {
    margin-bottom: 10px;
    color: var(--ads2-junctions-white);
}

.ads2-junctions-step-grid p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Types */

.ads2-junctions-types {
    padding: 76px 0;
    background: var(--ads2-junctions-white);
}

.ads2-junctions-type-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ads2-junctions-type-card {
    padding: 30px;
    background: var(--ads2-junctions-soft);
    border: 1px solid #e2e4e8;
    border-radius: 22px;
}

.ads2-junctions-card-number {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-junctions-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ads2-junctions-type-card h3 {
    margin-bottom: 12px;
    font-size: 1.65rem;
}

.ads2-junctions-type-card ul {
    margin: 16px 0 0;
    padding-left: 21px;
}

.ads2-junctions-type-card li + li {
    margin-top: 7px;
}

/* Creep */

.ads2-junctions-creep {
    padding: 74px 0;
    background: var(--ads2-junctions-soft);
}

.ads2-junctions-creep-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.65fr);
    gap: 46px;
    align-items: center;
}

.ads2-junctions-creep-steps {
    display: grid;
    gap: 14px;
    margin-top: 28px;
}

.ads2-junctions-creep-steps article {
    padding: 20px;
    background: var(--ads2-junctions-white);
    border-left: 5px solid var(--ads2-junctions-orange);
    border-radius: 14px;
}

.ads2-junctions-creep-steps strong {
    display: block;
    margin-bottom: 6px;
}

.ads2-junctions-creep-steps p {
    margin-bottom: 0;
}

.ads2-junctions-warning-card {
    padding: 30px;
    background: var(--ads2-junctions-orange);
    border-radius: 20px;
}

.ads2-junctions-warning-card strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.25rem;
}

.ads2-junctions-warning-card p {
    margin-bottom: 0;
    font-weight: 700;
}

/* Position */

.ads2-junctions-position {
    padding: 76px 0;
    background: var(--ads2-junctions-white);
}

.ads2-junctions-position-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ads2-junctions-position-grid article {
    padding: 26px;
    background: var(--ads2-junctions-navy);
    border-radius: 20px;
    color: var(--ads2-junctions-white);
}

.ads2-junctions-position-grid article > span {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-junctions-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-junctions-position-grid h3 {
    margin-bottom: 10px;
    color: var(--ads2-junctions-white);
}

.ads2-junctions-position-grid p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Mistakes */

.ads2-junctions-mistakes {
    padding: 76px 0;
    background: var(--ads2-junctions-soft);
}

.ads2-junctions-mistake-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ads2-junctions-mistake-grid article {
    padding: 30px;
    background: var(--ads2-junctions-white);
    border: 1px solid #e2e4e8;
    border-radius: 22px;
}

.ads2-junctions-mistake-grid article > span {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    margin-bottom: 18px;
    background: var(--ads2-junctions-orange);
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 900;
}

.ads2-junctions-mistake-grid h3 {
    margin-bottom: 10px;
}

/* FAQs */

.ads2-junctions-faq {
    padding: 76px 0;
    background: var(--ads2-junctions-white);
}

.ads2-junctions-faq-list {
    display: grid;
    gap: 14px;
    max-width: 900px;
}

.ads2-junctions-faq-list details {
    overflow: hidden;
    background: var(--ads2-junctions-soft);
    border: 1px solid #e1e4e8;
    border-radius: 16px;
}

.ads2-junctions-faq-list summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: var(--ads2-junctions-navy);
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.ads2-junctions-faq-list summary::-webkit-details-marker {
    display: none;
}

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

.ads2-junctions-faq-list details[open] summary::after {
    content: "−";
}

.ads2-junctions-faq-list details > div {
    padding: 0 24px 22px;
}

.ads2-junctions-faq-list details p {
    margin-bottom: 0;
}

/* Final */

.ads2-junctions-final {
    padding: 66px 0;
    background: linear-gradient(135deg, #12141a 0%, #1d212a 100%);
    color: var(--ads2-junctions-white);
    border-top: 6px solid var(--ads2-junctions-orange);
}

.ads2-junctions-final-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
}

.ads2-junctions-final h2 {
    color: var(--ads2-junctions-white);
}

.ads2-junctions-final p {
    max-width: 720px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Responsive */

@media (max-width: 950px) {
    .ads2-junctions-hero-grid,
    .ads2-junctions-intro-grid,
    .ads2-junctions-creep-grid,
    .ads2-junctions-final-grid {
        grid-template-columns: 1fr;
    }

    .ads2-junctions-step-grid,
    .ads2-junctions-position-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .ads2-junctions-type-grid,
    .ads2-junctions-mistake-grid,
    .ads2-junctions-step-grid,
    .ads2-junctions-position-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .ads2-junctions-container {
        width: min(100% - 28px, 1180px);
    }

    .ads2-junctions-hero {
        padding: 42px 0 46px;
    }

    .ads2-junctions-hero h1 {
        font-size: clamp(2.55rem, 13vw, 4rem);
    }

    .ads2-junctions-intro,
    .ads2-junctions-lada,
    .ads2-junctions-types,
    .ads2-junctions-creep,
    .ads2-junctions-position,
    .ads2-junctions-mistakes,
    .ads2-junctions-faq,
    .ads2-junctions-final {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .ads2-junctions-letter-strip {
        grid-template-columns: repeat(4, minmax(68px, 1fr));
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .ads2-junctions-actions {
        flex-direction: column;
    }

    .ads2-junctions-btn {
        width: 100%;
    }

    .ads2-junctions-summary-card {
        padding: 26px;
    }
}
/* =========================================================
   Clutch Control Tips
   ========================================================= */

.ads2-clutch-page {
    --ads2-clutch-navy: #12141a;
    --ads2-clutch-orange: #f37423;
    --ads2-clutch-white: #ffffff;
    --ads2-clutch-soft: #f5f6f8;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    color: var(--ads2-clutch-navy);
}

.ads2-clutch-page *,
.ads2-clutch-page *::before,
.ads2-clutch-page *::after {
    box-sizing: border-box;
}

.ads2-clutch-container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.ads2-clutch-page h1,
.ads2-clutch-page h2,
.ads2-clutch-page h3,
.ads2-clutch-page p {
    margin-top: 0;
}

.ads2-clutch-page p,
.ads2-clutch-page li {
    line-height: 1.7;
}

.ads2-clutch-kicker {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    background: var(--ads2-clutch-navy);
    color: var(--ads2-clutch-white);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: skewX(-8deg);
}

.ads2-clutch-section-heading {
    max-width: 780px;
    margin-bottom: 38px;
}

.ads2-clutch-section-heading h2,
.ads2-clutch-intro h2,
.ads2-clutch-recovery h2,
.ads2-clutch-final h2 {
    margin-bottom: 18px;
    font-size: clamp(2rem, 4vw, 3.65rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

/* Hero */

.ads2-clutch-hero {
    padding: 58px 0;
    background:
        radial-gradient(circle at 84% 20%, rgba(243, 116, 35, 0.2), transparent 28%),
        linear-gradient(135deg, #12141a 0%, #1c2029 100%);
    color: var(--ads2-clutch-white);
    border-bottom: 6px solid var(--ads2-clutch-orange);
}

.ads2-clutch-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 56px;
    align-items: center;
}

.ads2-clutch-hero h1 {
    max-width: 850px;
    margin-bottom: 20px;
    color: var(--ads2-clutch-orange);
    font-size: clamp(2.8rem, 6vw, 5.7rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads2-clutch-hero-copy > p {
    max-width: 730px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1.12rem;
}

.ads2-clutch-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ads2-clutch-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ads2-clutch-btn:hover {
    transform: translateY(-2px);
}

.ads2-clutch-btn-primary {
    background: var(--ads2-clutch-orange);
    color: var(--ads2-clutch-navy);
}

.ads2-clutch-btn-secondary,
.ads2-clutch-btn-secondary:link,
.ads2-clutch-btn-secondary:visited {
    border-color: rgba(255, 255, 255, 0.55);
    color: var(--ads2-clutch-white) !important;
}

.ads2-clutch-btn-secondary:hover,
.ads2-clutch-btn-secondary:focus,
.ads2-clutch-btn-secondary:active {
    background: var(--ads2-clutch-white);
    color: var(--ads2-clutch-navy) !important;
}

.ads2-clutch-summary-card {
    padding: 34px;
    background: var(--ads2-clutch-white);
    color: var(--ads2-clutch-navy);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.ads2-clutch-summary-badge {
    display: inline-grid;
    place-items: center;
    min-width: 88px;
    min-height: 54px;
    margin-bottom: 20px;
    padding: 10px 16px;
    background: var(--ads2-clutch-orange);
    border-radius: 14px;
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.ads2-clutch-summary-card h2 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
}

/* Intro */

.ads2-clutch-intro {
    padding: 72px 0;
    background: var(--ads2-clutch-white);
}

.ads2-clutch-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.7fr);
    gap: 48px;
    align-items: center;
}

.ads2-clutch-signs-card {
    padding: 30px;
    background: var(--ads2-clutch-soft);
    border-left: 6px solid var(--ads2-clutch-orange);
    border-radius: 20px;
}

.ads2-clutch-signs-card h3 {
    margin-bottom: 14px;
    font-size: 1.4rem;
}

.ads2-clutch-signs-card ul {
    margin: 0;
    padding-left: 21px;
}

.ads2-clutch-signs-card li + li {
    margin-top: 8px;
}

/* Techniques */

.ads2-clutch-techniques {
    padding: 78px 0;
    background: var(--ads2-clutch-soft);
}

.ads2-clutch-technique-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.ads2-clutch-technique-card {
    padding: 28px;
    background: var(--ads2-clutch-white);
    border: 1px solid #e2e4e8;
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(18, 20, 26, 0.07);
}

.ads2-clutch-technique-number {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-clutch-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-clutch-technique-card h3 {
    margin-bottom: 12px;
    font-size: 1.55rem;
}

.ads2-clutch-technique-card ul {
    margin: 16px 0 0;
    padding-left: 21px;
}

.ads2-clutch-technique-card li + li {
    margin-top: 7px;
}

.ads2-clutch-count {
    margin: 20px 0;
    padding: 18px;
    background: var(--ads2-clutch-orange);
    border-radius: 16px;
    font-size: 1.5rem;
    font-weight: 900;
    text-align: center;
}

/* Process */

.ads2-clutch-process {
    padding: 76px 0;
    background: var(--ads2-clutch-white);
}

.ads2-clutch-process-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.ads2-clutch-process-grid article {
    padding: 22px;
    background: var(--ads2-clutch-navy);
    border-radius: 18px;
    color: var(--ads2-clutch-white);
}

.ads2-clutch-process-grid article > span {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--ads2-clutch-orange);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-clutch-process-grid h3 {
    margin-bottom: 9px;
    color: var(--ads2-clutch-white);
    font-size: 1.18rem;
}

.ads2-clutch-process-grid p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Stalls */

.ads2-clutch-stalls {
    padding: 76px 0;
    background: var(--ads2-clutch-soft);
}

.ads2-clutch-stall-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.ads2-clutch-stall-grid article {
    padding: 28px;
    background: var(--ads2-clutch-white);
    border: 1px solid #e2e4e8;
    border-radius: 22px;
}

.ads2-clutch-stall-label {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 12px;
    background: var(--ads2-clutch-orange);
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ads2-clutch-stall-grid h3 {
    margin-bottom: 10px;
}

/* Recovery */

.ads2-clutch-recovery {
    padding: 70px 0;
    background: var(--ads2-clutch-white);
}

.ads2-clutch-recovery-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.7fr);
    gap: 46px;
    align-items: center;
}

.ads2-clutch-recovery-card {
    padding: 30px;
    background: var(--ads2-clutch-orange);
    border-radius: 20px;
}

.ads2-clutch-recovery-card strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.ads2-clutch-recovery-card p {
    margin-bottom: 0;
    font-weight: 800;
}

/* FAQ */

.ads2-clutch-faq {
    padding: 76px 0;
    background: var(--ads2-clutch-soft);
}

.ads2-clutch-faq-list {
    display: grid;
    gap: 14px;
    max-width: 900px;
}

.ads2-clutch-faq-list details {
    overflow: hidden;
    background: var(--ads2-clutch-white);
    border: 1px solid #e1e4e8;
    border-radius: 16px;
}

.ads2-clutch-faq-list summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: var(--ads2-clutch-navy);
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.ads2-clutch-faq-list summary::-webkit-details-marker {
    display: none;
}

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

.ads2-clutch-faq-list details[open] summary::after {
    content: "−";
}

.ads2-clutch-faq-list details > div {
    padding: 0 24px 22px;
}

.ads2-clutch-faq-list details p {
    margin-bottom: 0;
}

/* Final */

.ads2-clutch-final {
    padding: 66px 0;
    background: linear-gradient(135deg, #12141a 0%, #1d212a 100%);
    color: var(--ads2-clutch-white);
    border-top: 6px solid var(--ads2-clutch-orange);
}

.ads2-clutch-final-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
}

.ads2-clutch-final h2 {
    color: var(--ads2-clutch-white);
}

.ads2-clutch-final p {
    max-width: 720px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Responsive */

@media (max-width: 1000px) {
    .ads2-clutch-hero-grid,
    .ads2-clutch-intro-grid,
    .ads2-clutch-recovery-grid,
    .ads2-clutch-final-grid {
        grid-template-columns: 1fr;
    }

    .ads2-clutch-technique-grid,
    .ads2-clutch-stall-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads2-clutch-process-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .ads2-clutch-technique-grid,
    .ads2-clutch-stall-grid,
    .ads2-clutch-process-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .ads2-clutch-container {
        width: min(100% - 28px, 1180px);
    }

    .ads2-clutch-hero {
        padding: 42px 0 46px;
    }

    .ads2-clutch-hero h1 {
        font-size: clamp(2.55rem, 13vw, 4rem);
    }

    .ads2-clutch-intro,
    .ads2-clutch-techniques,
    .ads2-clutch-process,
    .ads2-clutch-stalls,
    .ads2-clutch-recovery,
    .ads2-clutch-faq,
    .ads2-clutch-final {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .ads2-clutch-actions {
        flex-direction: column;
    }

    .ads2-clutch-btn {
        width: 100%;
    }

    .ads2-clutch-summary-card {
        padding: 26px;
    }
}
/* =========================================================
   Parallel Parking Guide
   ========================================================= */

.ads2-parallel-page {
    --ads2-parallel-navy: #12141a;
    --ads2-parallel-orange: #f37423;
    --ads2-parallel-white: #ffffff;
    --ads2-parallel-soft: #f5f6f8;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    color: var(--ads2-parallel-navy);
}

.ads2-parallel-page *,
.ads2-parallel-page *::before,
.ads2-parallel-page *::after {
    box-sizing: border-box;
}

.ads2-parallel-container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.ads2-parallel-page h1,
.ads2-parallel-page h2,
.ads2-parallel-page h3,
.ads2-parallel-page p {
    margin-top: 0;
}

.ads2-parallel-page p,
.ads2-parallel-page li {
    line-height: 1.7;
}

.ads2-parallel-kicker {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    background: var(--ads2-parallel-navy);
    color: var(--ads2-parallel-white);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: skewX(-8deg);
}

.ads2-parallel-section-heading {
    max-width: 780px;
    margin-bottom: 38px;
}

.ads2-parallel-section-heading h2,
.ads2-parallel-intro h2,
.ads2-parallel-observation h2,
.ads2-parallel-final h2 {
    margin-bottom: 18px;
    font-size: clamp(2rem, 4vw, 3.65rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

/* Hero */

.ads2-parallel-hero {
    padding: 58px 0;
    background:
        radial-gradient(circle at 84% 20%, rgba(243, 116, 35, 0.2), transparent 28%),
        linear-gradient(135deg, #12141a 0%, #1c2029 100%);
    color: var(--ads2-parallel-white);
    border-bottom: 6px solid var(--ads2-parallel-orange);
}

.ads2-parallel-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 56px;
    align-items: center;
}

.ads2-parallel-hero h1 {
    max-width: 880px;
    margin-bottom: 20px;
    color: var(--ads2-parallel-orange);
    font-size: clamp(2.8rem, 6vw, 5.7rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads2-parallel-hero-copy > p {
    max-width: 730px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1.12rem;
}

.ads2-parallel-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ads2-parallel-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ads2-parallel-btn:hover {
    transform: translateY(-2px);
}

.ads2-parallel-btn-primary {
    background: var(--ads2-parallel-orange);
    color: var(--ads2-parallel-navy);
}

.ads2-parallel-btn-secondary,
.ads2-parallel-btn-secondary:link,
.ads2-parallel-btn-secondary:visited {
    border-color: rgba(255, 255, 255, 0.55);
    color: var(--ads2-parallel-white) !important;
}

.ads2-parallel-btn-secondary:hover,
.ads2-parallel-btn-secondary:focus,
.ads2-parallel-btn-secondary:active {
    background: var(--ads2-parallel-white);
    color: var(--ads2-parallel-navy) !important;
}

.ads2-parallel-summary-card {
    padding: 34px;
    background: var(--ads2-parallel-white);
    color: var(--ads2-parallel-navy);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.ads2-parallel-summary-badge {
    display: inline-grid;
    place-items: center;
    min-height: 54px;
    margin-bottom: 20px;
    padding: 10px 16px;
    background: var(--ads2-parallel-orange);
    border-radius: 14px;
    font-size: 1.15rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.ads2-parallel-summary-card h2 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
}

/* Intro */

.ads2-parallel-intro {
    padding: 72px 0;
    background: var(--ads2-parallel-white);
}

.ads2-parallel-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.65fr);
    gap: 48px;
    align-items: center;
}

.ads2-parallel-check-card {
    padding: 30px;
    background: var(--ads2-parallel-soft);
    border-left: 6px solid var(--ads2-parallel-orange);
    border-radius: 20px;
}

.ads2-parallel-check-card strong {
    display: block;
    margin-bottom: 12px;
    font-size: 1.25rem;
}

.ads2-parallel-check-card ul {
    margin: 0;
    padding-left: 21px;
}

.ads2-parallel-check-card li + li {
    margin-top: 7px;
}

/* Steps */

.ads2-parallel-steps {
    padding: 78px 0;
    background: var(--ads2-parallel-soft);
}

.ads2-parallel-step-list {
    display: grid;
    gap: 28px;
}

.ads2-parallel-step-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.55fr);
    gap: 36px;
    align-items: center;
    padding: 32px;
    background: var(--ads2-parallel-white);
    border: 1px solid #e2e4e8;
    border-radius: 24px;
    box-shadow: 0 12px 28px rgba(18, 20, 26, 0.07);
}

.ads2-parallel-step-card-reverse .ads2-parallel-step-copy {
    order: 2;
}

.ads2-parallel-step-card-reverse figure {
    order: 1;
}

.ads2-parallel-step-number {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--ads2-parallel-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ads2-parallel-step-card h3 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 3vw, 2.4rem);
}

.ads2-parallel-step-card figure {
    margin: 0;
    padding: 18px;
    background: var(--ads2-parallel-navy);
    border-radius: 20px;
}

.ads2-parallel-step-card img {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: contain;
}

.ads2-parallel-tip {
    margin-top: 18px;
    padding: 18px;
    background: #fff7ed;
    border-left: 4px solid var(--ads2-parallel-orange);
    border-radius: 12px;
}

.ads2-parallel-tip strong {
    display: block;
    margin-bottom: 6px;
}

.ads2-parallel-tip p {
    margin-bottom: 0;
}

/* Observation */

.ads2-parallel-observation {
    padding: 72px 0;
    background: var(--ads2-parallel-white);
}

.ads2-parallel-observation-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.65fr);
    gap: 46px;
    align-items: center;
}

.ads2-parallel-warning-card {
    padding: 30px;
    background: var(--ads2-parallel-orange);
    border-radius: 20px;
}

.ads2-parallel-warning-card strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.ads2-parallel-warning-card p {
    margin-bottom: 0;
    font-weight: 700;
}

/* Mistakes */

.ads2-parallel-mistakes {
    padding: 76px 0;
    background: var(--ads2-parallel-soft);
}

.ads2-parallel-mistake-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.ads2-parallel-mistake-grid article {
    padding: 26px;
    background: var(--ads2-parallel-navy);
    border-radius: 20px;
    color: var(--ads2-parallel-white);
}

.ads2-parallel-mistake-grid article > span {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-parallel-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-parallel-mistake-grid h3 {
    margin-bottom: 10px;
    color: var(--ads2-parallel-white);
}

.ads2-parallel-mistake-grid p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* FAQs */

.ads2-parallel-faq {
    padding: 76px 0;
    background: var(--ads2-parallel-white);
}

.ads2-parallel-faq-list {
    display: grid;
    gap: 14px;
    max-width: 900px;
}

.ads2-parallel-faq-list details {
    overflow: hidden;
    background: var(--ads2-parallel-soft);
    border: 1px solid #e1e4e8;
    border-radius: 16px;
}

.ads2-parallel-faq-list summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: var(--ads2-parallel-navy);
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.ads2-parallel-faq-list summary::-webkit-details-marker {
    display: none;
}

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

.ads2-parallel-faq-list details[open] summary::after {
    content: "−";
}

.ads2-parallel-faq-list details > div {
    padding: 0 24px 22px;
}

.ads2-parallel-faq-list details p {
    margin-bottom: 0;
}

/* Final */

.ads2-parallel-final {
    padding: 66px 0;
    background: linear-gradient(135deg, #12141a 0%, #1d212a 100%);
    color: var(--ads2-parallel-white);
    border-top: 6px solid var(--ads2-parallel-orange);
}

.ads2-parallel-final-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
}

.ads2-parallel-final h2 {
    color: var(--ads2-parallel-white);
}

.ads2-parallel-final p {
    max-width: 720px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Responsive */

@media (max-width: 1000px) {
    .ads2-parallel-hero-grid,
    .ads2-parallel-intro-grid,
    .ads2-parallel-observation-grid,
    .ads2-parallel-final-grid {
        grid-template-columns: 1fr;
    }

    .ads2-parallel-mistake-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .ads2-parallel-step-card {
        grid-template-columns: 1fr;
    }

    .ads2-parallel-step-card-reverse .ads2-parallel-step-copy,
    .ads2-parallel-step-card-reverse figure {
        order: initial;
    }
}

@media (max-width: 650px) {
    .ads2-parallel-container {
        width: min(100% - 28px, 1180px);
    }

    .ads2-parallel-hero {
        padding: 42px 0 46px;
    }

    .ads2-parallel-hero h1 {
        font-size: clamp(2.55rem, 13vw, 4rem);
    }

    .ads2-parallel-intro,
    .ads2-parallel-steps,
    .ads2-parallel-observation,
    .ads2-parallel-mistakes,
    .ads2-parallel-faq,
    .ads2-parallel-final {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .ads2-parallel-step-card {
        padding: 24px;
    }

    .ads2-parallel-mistake-grid {
        grid-template-columns: 1fr;
    }

    .ads2-parallel-actions {
        flex-direction: column;
    }

    .ads2-parallel-btn {
        width: 100%;
    }

    .ads2-parallel-summary-card {
        padding: 26px;
    }
}
/* =========================================================
   Reverse Bay Parking Guide
   ========================================================= */

.ads2-bay-page {
    --ads2-bay-navy: #12141a;
    --ads2-bay-orange: #f37423;
    --ads2-bay-white: #ffffff;
    --ads2-bay-soft: #f5f6f8;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    color: var(--ads2-bay-navy);
}

.ads2-bay-page *,
.ads2-bay-page *::before,
.ads2-bay-page *::after {
    box-sizing: border-box;
}

.ads2-bay-container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.ads2-bay-page h1,
.ads2-bay-page h2,
.ads2-bay-page h3,
.ads2-bay-page p {
    margin-top: 0;
}

.ads2-bay-page p,
.ads2-bay-page li {
    line-height: 1.7;
}

.ads2-bay-kicker {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    background: var(--ads2-bay-navy);
    color: var(--ads2-bay-white);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: skewX(-8deg);
}

.ads2-bay-section-heading {
    max-width: 780px;
    margin-bottom: 38px;
}

.ads2-bay-section-heading h2,
.ads2-bay-intro h2,
.ads2-bay-observation h2,
.ads2-bay-final h2 {
    margin-bottom: 18px;
    font-size: clamp(2rem, 4vw, 3.65rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

/* Hero */

.ads2-bay-hero {
    padding: 58px 0;
    background:
        radial-gradient(circle at 84% 20%, rgba(243, 116, 35, 0.2), transparent 28%),
        linear-gradient(135deg, #12141a 0%, #1c2029 100%);
    color: var(--ads2-bay-white);
    border-bottom: 6px solid var(--ads2-bay-orange);
}

.ads2-bay-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 56px;
    align-items: center;
}

.ads2-bay-hero h1 {
    max-width: 880px;
    margin-bottom: 20px;
    color: var(--ads2-bay-orange);
    font-size: clamp(2.8rem, 6vw, 5.7rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads2-bay-hero-copy > p {
    max-width: 730px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1.12rem;
}

.ads2-bay-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ads2-bay-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ads2-bay-btn:hover {
    transform: translateY(-2px);
}

.ads2-bay-btn-primary {
    background: var(--ads2-bay-orange);
    color: var(--ads2-bay-navy);
}

.ads2-bay-btn-secondary,
.ads2-bay-btn-secondary:link,
.ads2-bay-btn-secondary:visited {
    border-color: rgba(255, 255, 255, 0.55);
    color: var(--ads2-bay-white) !important;
}

.ads2-bay-btn-secondary:hover,
.ads2-bay-btn-secondary:focus,
.ads2-bay-btn-secondary:active {
    background: var(--ads2-bay-white);
    color: var(--ads2-bay-navy) !important;
}

.ads2-bay-summary-card {
    padding: 34px;
    background: var(--ads2-bay-white);
    color: var(--ads2-bay-navy);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.ads2-bay-summary-badge {
    display: inline-grid;
    place-items: center;
    min-height: 54px;
    margin-bottom: 20px;
    padding: 10px 16px;
    background: var(--ads2-bay-orange);
    border-radius: 14px;
    font-size: 1.15rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.ads2-bay-summary-card h2 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
}

/* Intro */

.ads2-bay-intro {
    padding: 72px 0;
    background: var(--ads2-bay-white);
}

.ads2-bay-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.65fr);
    gap: 48px;
    align-items: center;
}

.ads2-bay-check-card {
    padding: 30px;
    background: var(--ads2-bay-soft);
    border-left: 6px solid var(--ads2-bay-orange);
    border-radius: 20px;
}

.ads2-bay-check-card strong {
    display: block;
    margin-bottom: 12px;
    font-size: 1.25rem;
}

.ads2-bay-check-card ul {
    margin: 0;
    padding-left: 21px;
}

.ads2-bay-check-card li + li {
    margin-top: 7px;
}

/* Steps */

.ads2-bay-steps {
    padding: 78px 0;
    background: var(--ads2-bay-soft);
}

.ads2-bay-step-list {
    display: grid;
    gap: 28px;
}

.ads2-bay-step-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.62fr);
    gap: 36px;
    align-items: center;
    padding: 32px;
    background: var(--ads2-bay-white);
    border: 1px solid #e2e4e8;
    border-radius: 24px;
    box-shadow: 0 12px 28px rgba(18, 20, 26, 0.07);
}

.ads2-bay-step-card-reverse .ads2-bay-step-copy {
    order: 2;
}

.ads2-bay-step-card-reverse figure {
    order: 1;
}

.ads2-bay-step-number {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--ads2-bay-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ads2-bay-step-card h3 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 3vw, 2.4rem);
}

.ads2-bay-step-card figure {
    margin: 0;
    padding: 18px;
    background: var(--ads2-bay-white);
    border: 1px solid #e2e4e8;
    border-radius: 20px;
}

.ads2-bay-step-card img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.ads2-bay-tip {
    margin-top: 18px;
    padding: 18px;
    background: #fff7ed;
    border-left: 4px solid var(--ads2-bay-orange);
    border-radius: 12px;
}

.ads2-bay-tip strong {
    display: block;
    margin-bottom: 6px;
}

.ads2-bay-tip p {
    margin-bottom: 0;
}

/* Observation */

.ads2-bay-observation {
    padding: 72px 0;
    background: var(--ads2-bay-white);
}

.ads2-bay-observation-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.65fr);
    gap: 46px;
    align-items: center;
}

.ads2-bay-warning-card {
    padding: 30px;
    background: var(--ads2-bay-orange);
    border-radius: 20px;
}

.ads2-bay-warning-card strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.ads2-bay-warning-card p {
    margin-bottom: 0;
    font-weight: 700;
}

/* Mistakes */

.ads2-bay-mistakes {
    padding: 76px 0;
    background: var(--ads2-bay-soft);
}

.ads2-bay-mistake-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.ads2-bay-mistake-grid article {
    padding: 26px;
    background: var(--ads2-bay-navy);
    border-radius: 20px;
    color: var(--ads2-bay-white);
}

.ads2-bay-mistake-grid article > span {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-bay-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-bay-mistake-grid h3 {
    margin-bottom: 10px;
    color: var(--ads2-bay-white);
}

.ads2-bay-mistake-grid p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* FAQs */

.ads2-bay-faq {
    padding: 76px 0;
    background: var(--ads2-bay-white);
}

.ads2-bay-faq-list {
    display: grid;
    gap: 14px;
    max-width: 900px;
}

.ads2-bay-faq-list details {
    overflow: hidden;
    background: var(--ads2-bay-soft);
    border: 1px solid #e1e4e8;
    border-radius: 16px;
}

.ads2-bay-faq-list summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: var(--ads2-bay-navy);
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.ads2-bay-faq-list summary::-webkit-details-marker {
    display: none;
}

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

.ads2-bay-faq-list details[open] summary::after {
    content: "−";
}

.ads2-bay-faq-list details > div {
    padding: 0 24px 22px;
}

.ads2-bay-faq-list details p {
    margin-bottom: 0;
}

/* Final */

.ads2-bay-final {
    padding: 66px 0;
    background: linear-gradient(135deg, #12141a 0%, #1d212a 100%);
    color: var(--ads2-bay-white);
    border-top: 6px solid var(--ads2-bay-orange);
}

.ads2-bay-final-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
}

.ads2-bay-final h2 {
    color: var(--ads2-bay-white);
}

.ads2-bay-final p {
    max-width: 720px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Responsive */

@media (max-width: 1000px) {
    .ads2-bay-hero-grid,
    .ads2-bay-intro-grid,
    .ads2-bay-observation-grid,
    .ads2-bay-final-grid {
        grid-template-columns: 1fr;
    }

    .ads2-bay-mistake-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .ads2-bay-step-card {
        grid-template-columns: 1fr;
    }

    .ads2-bay-step-card-reverse .ads2-bay-step-copy,
    .ads2-bay-step-card-reverse figure {
        order: initial;
    }
}

@media (max-width: 650px) {
    .ads2-bay-container {
        width: min(100% - 28px, 1180px);
    }

    .ads2-bay-hero {
        padding: 42px 0 46px;
    }

    .ads2-bay-hero h1 {
        font-size: clamp(2.55rem, 13vw, 4rem);
    }

    .ads2-bay-intro,
    .ads2-bay-steps,
    .ads2-bay-observation,
    .ads2-bay-mistakes,
    .ads2-bay-faq,
    .ads2-bay-final {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .ads2-bay-step-card {
        padding: 24px;
    }

    .ads2-bay-mistake-grid {
        grid-template-columns: 1fr;
    }

    .ads2-bay-actions {
        flex-direction: column;
    }

    .ads2-bay-btn {
        width: 100%;
    }

    .ads2-bay-summary-card {
        padding: 26px;
    }
}
/* =========================================================
   Apply for a Provisional Driving Licence
   ========================================================= */

.ads2-provisional-page {
    --ads2-provisional-navy: #12141a;
    --ads2-provisional-orange: #f37423;
    --ads2-provisional-white: #ffffff;
    --ads2-provisional-soft: #f5f6f8;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    color: var(--ads2-provisional-navy);
}

.ads2-provisional-page *,
.ads2-provisional-page *::before,
.ads2-provisional-page *::after {
    box-sizing: border-box;
}

.ads2-provisional-container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.ads2-provisional-page h1,
.ads2-provisional-page h2,
.ads2-provisional-page h3,
.ads2-provisional-page p {
    margin-top: 0;
}

.ads2-provisional-page p,
.ads2-provisional-page li {
    line-height: 1.7;
}

.ads2-provisional-kicker {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    background: var(--ads2-provisional-navy);
    color: var(--ads2-provisional-white);
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: skewX(-8deg);
}

.ads2-provisional-section-heading {
    max-width: 790px;
    margin-bottom: 38px;
}

.ads2-provisional-section-heading h2,
.ads2-provisional-eyesight h2,
.ads2-provisional-warning h2,
.ads2-provisional-first-lesson h2,
.ads2-provisional-final h2 {
    margin-bottom: 18px;
    font-size: clamp(2rem, 4vw, 3.65rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

/* Hero */

.ads2-provisional-hero {
    padding: 58px 0;
    background:
        radial-gradient(circle at 84% 20%, rgba(243, 116, 35, 0.2), transparent 28%),
        linear-gradient(135deg, #12141a 0%, #1c2029 100%);
    color: var(--ads2-provisional-white);
    border-bottom: 6px solid var(--ads2-provisional-orange);
}

.ads2-provisional-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 56px;
    align-items: center;
}

.ads2-provisional-hero h1 {
    max-width: 900px;
    margin-bottom: 20px;
    color: var(--ads2-provisional-orange);
    font-size: clamp(2.8rem, 6vw, 5.7rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.ads2-provisional-hero-copy > p {
    max-width: 760px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 1.12rem;
}

.ads2-provisional-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ads2-provisional-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.ads2-provisional-btn:hover {
    transform: translateY(-2px);
}

.ads2-provisional-btn-primary {
    background: var(--ads2-provisional-orange);
    color: var(--ads2-provisional-navy);
}

.ads2-provisional-btn-secondary,
.ads2-provisional-btn-secondary:link,
.ads2-provisional-btn-secondary:visited {
    border-color: rgba(255, 255, 255, 0.55);
    color: var(--ads2-provisional-white) !important;
}

.ads2-provisional-btn-secondary:hover,
.ads2-provisional-btn-secondary:focus,
.ads2-provisional-btn-secondary:active {
    background: var(--ads2-provisional-white);
    color: var(--ads2-provisional-navy) !important;
}

.ads2-provisional-summary-card {
    padding: 34px;
    background: var(--ads2-provisional-white);
    color: var(--ads2-provisional-navy);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.ads2-provisional-summary-badge {
    display: inline-grid;
    place-items: center;
    min-width: 92px;
    min-height: 58px;
    margin-bottom: 20px;
    padding: 10px 16px;
    background: var(--ads2-provisional-orange);
    border-radius: 14px;
    font-size: 1.55rem;
    font-weight: 900;
}

.ads2-provisional-summary-card h2 {
    margin-bottom: 12px;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
}

.ads2-provisional-summary-card small {
    display: block;
    color: #6c727c;
}

/* Eligibility */

.ads2-provisional-eligibility {
    padding: 76px 0;
    background: var(--ads2-provisional-white);
}

.ads2-provisional-check-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ads2-provisional-check-grid article {
    padding: 28px;
    background: var(--ads2-provisional-navy);
    border-radius: 20px;
    color: var(--ads2-provisional-white);
}

.ads2-provisional-check-grid article > span {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-provisional-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-provisional-check-grid h3 {
    margin-bottom: 10px;
    color: var(--ads2-provisional-white);
}

.ads2-provisional-check-grid p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Eyesight */

.ads2-provisional-eyesight {
    padding: 72px 0;
    background: var(--ads2-provisional-soft);
}

.ads2-provisional-eyesight-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.65fr);
    gap: 46px;
    align-items: center;
}

.ads2-provisional-distance-card {
    padding: 34px;
    background: var(--ads2-provisional-orange);
    border-radius: 22px;
    text-align: center;
}

.ads2-provisional-distance-card strong,
.ads2-provisional-distance-card span {
    display: block;
}

.ads2-provisional-distance-card strong {
    font-size: clamp(2.8rem, 6vw, 5rem);
    line-height: 1;
}

.ads2-provisional-distance-card span {
    margin: 10px 0 14px;
    font-weight: 900;
    text-transform: uppercase;
}

.ads2-provisional-distance-card p {
    margin-bottom: 0;
}

/* Prepare */

.ads2-provisional-prepare {
    padding: 76px 0;
    background: var(--ads2-provisional-white);
}

.ads2-provisional-prepare-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.ads2-provisional-prepare-grid article {
    padding: 26px;
    background: var(--ads2-provisional-soft);
    border: 1px solid #e2e4e8;
    border-radius: 20px;
}

.ads2-provisional-card-number {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-provisional-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-provisional-prepare-grid h3 {
    margin-bottom: 10px;
}

.ads2-provisional-prepare-grid p {
    margin-bottom: 0;
}

/* Application options */

.ads2-provisional-options {
    padding: 76px 0;
    background: var(--ads2-provisional-soft);
}

.ads2-provisional-option-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ads2-provisional-option-card {
    padding: 32px;
    background: var(--ads2-provisional-white);
    border: 1px solid #e2e4e8;
    border-radius: 24px;
}

.ads2-provisional-option-featured {
    border: 3px solid var(--ads2-provisional-orange);
}

.ads2-provisional-option-label {
    display: inline-block;
    margin-bottom: 18px;
    padding: 7px 12px;
    background: var(--ads2-provisional-navy);
    border-radius: 999px;
    color: var(--ads2-provisional-white);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ads2-provisional-option-card h3 {
    margin-bottom: 8px;
    font-size: 1.65rem;
}

.ads2-provisional-price {
    display: block;
    margin-bottom: 20px;
    color: var(--ads2-provisional-orange);
    font-size: 2.8rem;
    line-height: 1;
}

.ads2-provisional-option-card ul {
    margin: 0 0 24px;
    padding-left: 21px;
}

.ads2-provisional-option-card li + li {
    margin-top: 7px;
}

.ads2-provisional-option-card a {
    display: inline-flex;
    padding: 12px 18px;
    background: var(--ads2-provisional-orange);
    border-radius: 999px;
    color: var(--ads2-provisional-navy);
    font-weight: 900;
    text-decoration: none;
}

/* Warning */

.ads2-provisional-warning {
    padding: 70px 0;
    background: var(--ads2-provisional-white);
}

.ads2-provisional-warning-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.7fr);
    gap: 46px;
    align-items: center;
}

.ads2-provisional-gov-card {
    display: block;
    padding: 30px;
    background: var(--ads2-provisional-navy);
    border-radius: 20px;
    color: var(--ads2-provisional-white) !important;
    text-decoration: none;
}

.ads2-provisional-gov-card strong,
.ads2-provisional-gov-card span {
    display: block;
}

.ads2-provisional-gov-card strong {
    margin-bottom: 7px;
    color: var(--ads2-provisional-orange);
    font-size: 1.2rem;
}

.ads2-provisional-gov-card span {
    overflow-wrap: anywhere;
    color: rgba(255, 255, 255, 0.76);
}

/* After applying */

.ads2-provisional-after {
    padding: 76px 0;
    background: var(--ads2-provisional-soft);
}

.ads2-provisional-after-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.ads2-provisional-after-grid article {
    padding: 26px;
    background: var(--ads2-provisional-white);
    border-radius: 20px;
}

.ads2-provisional-after-grid article > span {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-provisional-orange);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.ads2-provisional-after-grid h3 {
    margin-bottom: 10px;
}

.ads2-provisional-after-grid p {
    margin-bottom: 0;
}

.ads2-provisional-track-card {
    display: flex;
    justify-content: space-between;
    gap: 26px;
    align-items: center;
    margin-top: 26px;
    padding: 26px;
    background: var(--ads2-provisional-navy);
    border-radius: 20px;
    color: var(--ads2-provisional-white);
}

.ads2-provisional-track-card strong {
    display: block;
    margin-bottom: 5px;
    font-size: 1.2rem;
}

.ads2-provisional-track-card p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.76);
}

.ads2-provisional-track-card a {
    flex: 0 0 auto;
    padding: 12px 18px;
    background: var(--ads2-provisional-orange);
    border-radius: 999px;
    color: var(--ads2-provisional-navy);
    font-weight: 900;
    text-decoration: none;
}

/* First lesson */

.ads2-provisional-first-lesson {
    padding: 72px 0;
    background: var(--ads2-provisional-white);
}

.ads2-provisional-first-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(350px, 0.7fr);
    gap: 46px;
    align-items: center;
}

.ads2-provisional-first-card {
    padding: 30px;
    background: var(--ads2-provisional-orange);
    border-radius: 20px;
}

.ads2-provisional-first-card strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.ads2-provisional-first-card p {
    margin-bottom: 0;
    font-weight: 800;
}

/* FAQs */

.ads2-provisional-faq {
    padding: 76px 0;
    background: var(--ads2-provisional-soft);
}

.ads2-provisional-faq-list {
    display: grid;
    gap: 14px;
    max-width: 900px;
}

.ads2-provisional-faq-list details {
    overflow: hidden;
    background: var(--ads2-provisional-white);
    border: 1px solid #e1e4e8;
    border-radius: 16px;
}

.ads2-provisional-faq-list summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: var(--ads2-provisional-navy);
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.ads2-provisional-faq-list summary::-webkit-details-marker {
    display: none;
}

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

.ads2-provisional-faq-list details[open] summary::after {
    content: "−";
}

.ads2-provisional-faq-list details > div {
    padding: 0 24px 22px;
}

.ads2-provisional-faq-list details p {
    margin-bottom: 0;
}

/* Final */

.ads2-provisional-final {
    padding: 66px 0;
    background: linear-gradient(135deg, #12141a 0%, #1d212a 100%);
    color: var(--ads2-provisional-white);
    border-top: 6px solid var(--ads2-provisional-orange);
}

.ads2-provisional-final-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 40px;
    align-items: center;
}

.ads2-provisional-final h2 {
    color: var(--ads2-provisional-white);
}

.ads2-provisional-final p {
    max-width: 760px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* Responsive */

@media (max-width: 1000px) {
    .ads2-provisional-hero-grid,
    .ads2-provisional-eyesight-grid,
    .ads2-provisional-warning-grid,
    .ads2-provisional-first-grid,
    .ads2-provisional-final-grid {
        grid-template-columns: 1fr;
    }

    .ads2-provisional-prepare-grid,
    .ads2-provisional-after-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .ads2-provisional-check-grid,
    .ads2-provisional-option-grid {
        grid-template-columns: 1fr;
    }

    .ads2-provisional-track-card {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 650px) {
    .ads2-provisional-container {
        width: min(100% - 28px, 1180px);
    }

    .ads2-provisional-hero {
        padding: 42px 0 46px;
    }

    .ads2-provisional-hero h1 {
        font-size: clamp(2.55rem, 13vw, 4rem);
    }

    .ads2-provisional-eligibility,
    .ads2-provisional-eyesight,
    .ads2-provisional-prepare,
    .ads2-provisional-options,
    .ads2-provisional-warning,
    .ads2-provisional-after,
    .ads2-provisional-first-lesson,
    .ads2-provisional-faq,
    .ads2-provisional-final {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .ads2-provisional-prepare-grid,
    .ads2-provisional-after-grid {
        grid-template-columns: 1fr;
    }

    .ads2-provisional-actions {
        flex-direction: column;
    }

    .ads2-provisional-btn {
        width: 100%;
    }

    .ads2-provisional-summary-card {
        padding: 26px;
    }
}
/* =========================================================
   What Happens on a First Driving Lesson
   ========================================================= */

.ads2-firstlesson-page {
    --ads2-firstlesson-navy: #12141a;
    --ads2-firstlesson-orange: #f37423;
    --ads2-firstlesson-white: #ffffff;
    --ads2-firstlesson-soft: #f5f6f8;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    color: var(--ads2-firstlesson-navy);
}

.ads2-firstlesson-page *,
.ads2-firstlesson-page *::before,
.ads2-firstlesson-page *::after {
    box-sizing: border-box;
}

.ads2-firstlesson-container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.ads2-firstlesson-page h1,
.ads2-firstlesson-page h2,
.ads2-firstlesson-page h3,
.ads2-firstlesson-page p {
    margin-top: 0;
}

.ads2-firstlesson-page p,
.ads2-firstlesson-page li {
    line-height: 1.7;
}

.ads2-firstlesson-kicker {
    display: inline-block;
    margin-bottom: 16px;
    padding: 8px 14px;
    background: var(--ads2-firstlesson-navy);
    color: var(--ads2-firstlesson-white);
    font-size: .82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .08em;
    text-transform: uppercase;
    transform: skewX(-8deg);
}

.ads2-firstlesson-section-heading {
    max-width: 790px;
    margin-bottom: 38px;
}

.ads2-firstlesson-section-heading h2,
.ads2-firstlesson-arrival h2,
.ads2-firstlesson-cockpit h2,
.ads2-firstlesson-safety h2,
.ads2-firstlesson-length h2,
.ads2-firstlesson-nerves h2,
.ads2-firstlesson-final h2 {
    margin-bottom: 18px;
    font-size: clamp(2rem, 4vw, 3.65rem);
    line-height: 1.05;
    letter-spacing: -.035em;
}

/* Hero */

.ads2-firstlesson-hero {
    padding: 58px 0;
    background:
        radial-gradient(circle at 84% 20%, rgba(243,116,35,.2), transparent 28%),
        linear-gradient(135deg, #12141a 0%, #1c2029 100%);
    color: var(--ads2-firstlesson-white);
    border-bottom: 6px solid var(--ads2-firstlesson-orange);
}

.ads2-firstlesson-hero-grid {
    display: grid;
    grid-template-columns: minmax(0,1.15fr) minmax(340px,.85fr);
    gap: 54px;
    align-items: center;
}

.ads2-firstlesson-hero h1 {
    max-width: 900px;
    margin-bottom: 20px;
    color: var(--ads2-firstlesson-orange);
    font-size: clamp(2.8rem,6vw,5.6rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.ads2-firstlesson-hero-copy > p {
    max-width: 760px;
    margin-bottom: 28px;
    color: rgba(255,255,255,.84);
    font-size: 1.12rem;
}

.ads2-firstlesson-hero-image {
    margin: 0;
    padding: 14px;
    background: var(--ads2-firstlesson-white);
    border-radius: 24px;
    box-shadow: 0 22px 60px rgba(0,0,0,.3);
}

.ads2-firstlesson-hero-image img,
.ads2-firstlesson-controls figure img,
.ads2-firstlesson-safety figure img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.ads2-firstlesson-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ads2-firstlesson-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 22px;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease, color .2s ease;
}

.ads2-firstlesson-btn:hover { transform: translateY(-2px); }

.ads2-firstlesson-btn-primary {
    background: var(--ads2-firstlesson-orange);
    color: var(--ads2-firstlesson-navy);
}

.ads2-firstlesson-btn-secondary,
.ads2-firstlesson-btn-secondary:link,
.ads2-firstlesson-btn-secondary:visited {
    border-color: rgba(255,255,255,.55);
    color: var(--ads2-firstlesson-white) !important;
}

.ads2-firstlesson-btn-secondary:hover,
.ads2-firstlesson-btn-secondary:focus,
.ads2-firstlesson-btn-secondary:active {
    background: var(--ads2-firstlesson-white);
    color: var(--ads2-firstlesson-navy) !important;
}

/* Shared sections */

.ads2-firstlesson-legal,
.ads2-firstlesson-controls,
.ads2-firstlesson-length,
.ads2-firstlesson-after,
.ads2-firstlesson-faq {
    padding: 76px 0;
    background: var(--ads2-firstlesson-white);
}

.ads2-firstlesson-arrival,
.ads2-firstlesson-timeline,
.ads2-firstlesson-cockpit,
.ads2-firstlesson-moving,
.ads2-firstlesson-safety,
.ads2-firstlesson-bring,
.ads2-firstlesson-nerves {
    padding: 76px 0;
    background: var(--ads2-firstlesson-soft);
}

/* Legal */

.ads2-firstlesson-check-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
}

.ads2-firstlesson-check-grid article,
.ads2-firstlesson-timeline-grid article,
.ads2-firstlesson-next-grid article {
    padding: 27px;
    background: var(--ads2-firstlesson-navy);
    border-radius: 20px;
    color: var(--ads2-firstlesson-white);
}

.ads2-firstlesson-check-grid article > span,
.ads2-firstlesson-timeline-grid article > span,
.ads2-firstlesson-next-grid article > span {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--ads2-firstlesson-orange);
    font-size: .86rem;
    font-weight: 900;
    letter-spacing: .1em;
}

.ads2-firstlesson-check-grid h3,
.ads2-firstlesson-timeline-grid h3,
.ads2-firstlesson-next-grid h3 {
    margin-bottom: 10px;
    color: var(--ads2-firstlesson-white);
}

.ads2-firstlesson-check-grid p,
.ads2-firstlesson-timeline-grid p,
.ads2-firstlesson-next-grid p {
    margin-bottom: 0;
    color: rgba(255,255,255,.78);
}

.ads2-firstlesson-inline-link {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 24px;
    padding: 20px 24px;
    background: #fff7ed;
    border-left: 5px solid var(--ads2-firstlesson-orange);
    border-radius: 14px;
}

.ads2-firstlesson-inline-link a {
    color: var(--ads2-firstlesson-navy);
    font-weight: 800;
}

/* Arrival */

.ads2-firstlesson-arrival-grid,
.ads2-firstlesson-cockpit-grid,
.ads2-firstlesson-safety-grid,
.ads2-firstlesson-length-grid,
.ads2-firstlesson-nerves-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(340px,.68fr);
    gap: 46px;
    align-items: center;
}

.ads2-firstlesson-dual-card,
.ads2-firstlesson-nerves-card {
    padding: 30px;
    background: var(--ads2-firstlesson-orange);
    border-radius: 20px;
}

.ads2-firstlesson-dual-card strong,
.ads2-firstlesson-nerves-card strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.25rem;
}

.ads2-firstlesson-dual-card p,
.ads2-firstlesson-nerves-card p {
    margin-bottom: 0;
    font-weight: 700;
}

/* Timeline */

.ads2-firstlesson-timeline-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
}

/* Cockpit */

.ads2-firstlesson-letter-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(70px,1fr));
    gap: 10px;
    margin: 24px 0;
}

.ads2-firstlesson-letter-grid div {
    padding: 20px 8px;
    background: var(--ads2-firstlesson-white);
    border: 1px solid #e2e4e8;
    border-radius: 16px;
    text-align: center;
}

.ads2-firstlesson-letter-grid strong {
    display: block;
    margin-bottom: 8px;
    color: var(--ads2-firstlesson-orange);
    font-size: 2rem;
}

.ads2-firstlesson-letter-grid span {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ads2-firstlesson-resource-card {
    display: block;
    padding: 30px;
    background: var(--ads2-firstlesson-navy);
    border-radius: 20px;
    color: var(--ads2-firstlesson-white) !important;
    text-decoration: none;
}

.ads2-firstlesson-resource-card strong,
.ads2-firstlesson-resource-card span {
    display: block;
}

.ads2-firstlesson-resource-card strong {
    margin-bottom: 7px;
    color: var(--ads2-firstlesson-orange);
    font-size: 1.25rem;
}

/* Controls */

.ads2-firstlesson-controls-grid {
    display: grid;
    grid-template-columns: minmax(340px,.8fr) minmax(0,1fr);
    gap: 36px;
    align-items: center;
}

.ads2-firstlesson-controls figure,
.ads2-firstlesson-safety figure {
    margin: 0;
    padding: 14px;
    background: var(--ads2-firstlesson-navy);
    border-radius: 22px;
}

.ads2-firstlesson-control-cards {
    display: grid;
    gap: 18px;
}

.ads2-firstlesson-control-cards article {
    padding: 26px;
    background: var(--ads2-firstlesson-soft);
    border: 1px solid #e2e4e8;
    border-radius: 20px;
}

.ads2-firstlesson-control-cards h3 {
    margin-bottom: 10px;
}

/* Moving */

.ads2-firstlesson-routine-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 22px;
}

.ads2-firstlesson-routine-grid article {
    padding: 30px;
    background: var(--ads2-firstlesson-white);
    border: 1px solid #e2e4e8;
    border-radius: 22px;
}

.ads2-firstlesson-routine-label {
    display: inline-block;
    margin-bottom: 18px;
    padding: 8px 13px;
    background: var(--ads2-firstlesson-orange);
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.ads2-firstlesson-routine-grid h3 { margin-bottom: 12px; }

.ads2-firstlesson-routine-grid ul {
    margin: 0;
    padding-left: 21px;
}

.ads2-firstlesson-routine-grid li + li { margin-top: 8px; }

.ads2-firstlesson-resource-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 24px;
}

.ads2-firstlesson-resource-row a {
    display: inline-flex;
    padding: 12px 18px;
    background: var(--ads2-firstlesson-navy);
    border-radius: 999px;
    color: var(--ads2-firstlesson-white);
    font-weight: 800;
    text-decoration: none;
}

/* Safety */

.ads2-firstlesson-safety {
    background: var(--ads2-firstlesson-white);
}

/* Length */

.ads2-firstlesson-length {
    background: var(--ads2-firstlesson-soft);
}

.ads2-firstlesson-time-card {
    padding: 34px;
    background: var(--ads2-firstlesson-orange);
    border-radius: 22px;
    text-align: center;
}

.ads2-firstlesson-time-card strong,
.ads2-firstlesson-time-card span {
    display: block;
}

.ads2-firstlesson-time-card strong {
    font-size: clamp(3rem,6vw,5rem);
    line-height: 1;
}

.ads2-firstlesson-time-card span {
    margin: 8px 0 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.ads2-firstlesson-time-card p { margin-bottom: 0; }

/* Bring */

.ads2-firstlesson-bring {
    background: var(--ads2-firstlesson-white);
}

.ads2-firstlesson-bring-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 18px;
}

.ads2-firstlesson-bring-grid article {
    padding: 25px;
    background: var(--ads2-firstlesson-soft);
    border: 1px solid #e2e4e8;
    border-radius: 20px;
}

.ads2-firstlesson-bring-grid article > span {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
    background: var(--ads2-firstlesson-orange);
    border-radius: 50%;
    font-weight: 900;
}

.ads2-firstlesson-bring-grid h3 { margin-bottom: 8px; }
.ads2-firstlesson-bring-grid p { margin-bottom: 0; }

/* After */

.ads2-firstlesson-next-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
}

/* FAQ */

.ads2-firstlesson-faq {
    background: var(--ads2-firstlesson-soft);
}

.ads2-firstlesson-faq-list {
    display: grid;
    gap: 14px;
    max-width: 900px;
}

.ads2-firstlesson-faq-list details {
    overflow: hidden;
    background: var(--ads2-firstlesson-white);
    border: 1px solid #e1e4e8;
    border-radius: 16px;
}

.ads2-firstlesson-faq-list summary {
    position: relative;
    padding: 22px 58px 22px 24px;
    color: var(--ads2-firstlesson-navy);
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.ads2-firstlesson-faq-list summary::-webkit-details-marker { display: none; }

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

.ads2-firstlesson-faq-list details[open] summary::after { content: "−"; }

.ads2-firstlesson-faq-list details > div { padding: 0 24px 22px; }
.ads2-firstlesson-faq-list details p { margin-bottom: 0; }

/* Final */

.ads2-firstlesson-final {
    padding: 66px 0;
    background: linear-gradient(135deg,#12141a 0%,#1d212a 100%);
    color: var(--ads2-firstlesson-white);
    border-top: 6px solid var(--ads2-firstlesson-orange);
}

.ads2-firstlesson-final-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 40px;
    align-items: center;
}

.ads2-firstlesson-final h2 { color: var(--ads2-firstlesson-white); }

.ads2-firstlesson-final p {
    max-width: 760px;
    margin-bottom: 0;
    color: rgba(255,255,255,.78);
}

/* Responsive */

@media (max-width: 1000px) {
    .ads2-firstlesson-hero-grid,
    .ads2-firstlesson-arrival-grid,
    .ads2-firstlesson-cockpit-grid,
    .ads2-firstlesson-controls-grid,
    .ads2-firstlesson-safety-grid,
    .ads2-firstlesson-length-grid,
    .ads2-firstlesson-nerves-grid,
    .ads2-firstlesson-final-grid {
        grid-template-columns: 1fr;
    }

    .ads2-firstlesson-check-grid,
    .ads2-firstlesson-timeline-grid,
    .ads2-firstlesson-bring-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 700px) {
    .ads2-firstlesson-routine-grid,
    .ads2-firstlesson-next-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .ads2-firstlesson-container {
        width: min(100% - 28px,1180px);
    }

    .ads2-firstlesson-hero {
        padding: 42px 0 46px;
    }

    .ads2-firstlesson-hero h1 {
        font-size: clamp(2.55rem,13vw,4rem);
    }

    .ads2-firstlesson-legal,
    .ads2-firstlesson-arrival,
    .ads2-firstlesson-timeline,
    .ads2-firstlesson-cockpit,
    .ads2-firstlesson-controls,
    .ads2-firstlesson-moving,
    .ads2-firstlesson-safety,
    .ads2-firstlesson-length,
    .ads2-firstlesson-bring,
    .ads2-firstlesson-nerves,
    .ads2-firstlesson-after,
    .ads2-firstlesson-faq,
    .ads2-firstlesson-final {
        padding-top: 54px;
        padding-bottom: 54px;
    }

    .ads2-firstlesson-check-grid,
    .ads2-firstlesson-timeline-grid,
    .ads2-firstlesson-bring-grid {
        grid-template-columns: 1fr;
    }

    .ads2-firstlesson-letter-grid {
        grid-template-columns: repeat(5,minmax(72px,1fr));
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .ads2-firstlesson-actions {
        flex-direction: column;
    }

    .ads2-firstlesson-btn {
        width: 100%;
    }
}
/* =========================================
   DAILY THEORY QUIZ PAGE
   ========================================= */

.ads-quiz-page {
    --quiz-navy: #12141a;
    --quiz-orange: #f37423;
    --quiz-white: #ffffff;
    --quiz-light: #f5f6f8;
    --quiz-grey: #d7d9df;
    --quiz-text: #4f5663;
    overflow: hidden;
}

.ads-quiz-page *,
.ads-quiz-page *::before,
.ads-quiz-page *::after {
    box-sizing: border-box;
}

.ads-quiz-container {
    width: min(100% - 40px, 1120px);
    margin-inline: auto;
}

.ads-quiz-narrow {
    width: min(100% - 40px, 860px);
}

.ads-quiz-section {
    padding: clamp(70px, 9vw, 110px) 0;
}

.ads-quiz-page h1,
.ads-quiz-page h2,
.ads-quiz-page h3,
.ads-quiz-page p {
    margin-top: 0;
}

.ads-quiz-page h2 {
    color: var(--quiz-navy);
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.06;
    letter-spacing: -0.04em;
}

.ads-quiz-page p {
    color: var(--quiz-text);
    line-height: 1.7;
}

.ads-quiz-page .ads-section-kicker {
    display: block;
    margin-bottom: 12px;
    color: var(--quiz-orange);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.ads-quiz-page .ads-section-heading {
    max-width: 780px;
    margin: 0 auto 45px;
    text-align: center;
}


/* MAIN QUIZ AREA */

.ads-quiz-main {
    padding: clamp(55px, 8vw, 95px) 0;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(243, 116, 35, 0.12),
            transparent 30%
        ),
        var(--quiz-light);
}

.ads-quiz-intro {
    max-width: 820px;
    margin: 0 auto 42px;
    text-align: center;
}

.ads-quiz-intro h1 {
    margin: 10px 0 22px;
    color: var(--quiz-navy);
    font-size: clamp(2.8rem, 7vw, 5.6rem);
    font-weight: 900;
    line-height: 0.96;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.ads-quiz-intro > p {
    max-width: 720px;
    margin-inline: auto;
    font-size: clamp(1.05rem, 2vw, 1.22rem);
}

.ads-quiz-intro-pills {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.ads-quiz-intro-pills span {
    padding: 9px 13px;
    background: #ffffff;
    color: var(--quiz-navy);
    border: 1px solid var(--quiz-grey);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}


/* QUIZ WIDGET */

.ads-quiz-widget {
    max-width: 760px;
    margin-inline: auto;
    padding: clamp(26px, 5vw, 44px);
    background: #ffffff;
    border-top: 8px solid var(--quiz-orange);
    box-shadow: 12px 12px 0 rgba(18, 20, 26, 0.13);
}

.ads-quiz-widget-label {
    display: block;
    margin-bottom: 10px;
    color: var(--quiz-orange);
    font-size: 0.77rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ads-quiz-name-screen,
.ads-quiz-interface {
    display: none;
}

.ads-quiz-name-screen h2,
.ads-quiz-content h2 {
    margin-bottom: 18px;
    font-size: clamp(1.8rem, 4vw, 2.7rem);
}

.ads-quiz-name-screen label {
    display: block;
    margin: 24px 0 8px;
    color: var(--quiz-navy);
    font-weight: 800;
}

.ads-quiz-name-screen input {
    width: 100%;
    min-height: 54px;
    padding: 12px 14px;
    color: var(--quiz-navy);
    background: var(--quiz-light);
    border: 2px solid var(--quiz-grey);
    border-radius: 0;
    font-size: 1rem;
}

.ads-quiz-name-screen input:focus {
    outline: none;
    background: #ffffff;
    border-color: var(--quiz-orange);
    box-shadow: 0 0 0 3px rgba(243, 116, 35, 0.14);
}

.ads-quiz-button {
    width: 100%;
    min-height: 56px;
    margin-top: 16px;
    padding: 15px 24px;
    background: var(--quiz-orange);
    color: #ffffff;
    border: 0;
    box-shadow: 6px 6px 0 var(--quiz-navy);
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}

.ads-quiz-button:hover {
    background: #d95f12;
    transform: translate(3px, 3px);
    box-shadow: 3px 3px 0 var(--quiz-navy);
}


/* STREAK HEADER */

.ads-quiz-streak-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    padding: 18px 20px;
    background: var(--quiz-navy);
    color: #ffffff;
}

.ads-quiz-streak-header span,
.ads-quiz-streak-header strong {
    display: block;
}

.ads-quiz-streak-header > div:first-child span {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.82rem;
}

.ads-quiz-streak-header > div:first-child strong {
    font-size: 1.1rem;
}

.ads-quiz-streak {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ads-quiz-streak strong {
    color: var(--quiz-orange);
    font-size: 1.5rem;
}

.ads-quiz-streak span:last-child {
    font-size: 0.84rem;
}


/* ANSWERS */

.ads-quiz-options {
    display: grid;
    gap: 12px;
}

.ads-quiz-option {
    width: 100%;
    padding: 16px 18px;
    background: var(--quiz-light);
    color: var(--quiz-navy);
    border: 2px solid transparent;
    text-align: left;
    font-size: 1rem;
    font-weight: 750;
    cursor: pointer;
    transition:
        border-color 0.18s ease,
        background 0.18s ease,
        transform 0.18s ease;
}

.ads-quiz-option:hover {
    background: #ffffff;
    border-color: var(--quiz-orange);
    transform: translateX(4px);
}


/* FEEDBACK */

.ads-quiz-feedback {
    display: none;
    margin-top: 22px;
    padding: 24px;
    border-left: 6px solid;
}

.ads-quiz-feedback p {
    margin: 0;
    color: var(--quiz-navy);
}

.ads-quiz-feedback p > span {
    color: var(--quiz-text);
    font-weight: 400;
}

.ads-quiz-feedback-correct {
    background: #eef8f1;
    border-color: #238636;
}

.ads-quiz-feedback-incorrect {
    background: #fff1f0;
    border-color: #b42318;
}


/* HOW IT WORKS */

.ads-quiz-how {
    background: #ffffff;
}

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

.ads-quiz-step-grid article {
    padding: 30px 26px;
    background: var(--quiz-light);
    border-top: 6px solid var(--quiz-orange);
}

.ads-quiz-step-grid article > span {
    display: block;
    margin-bottom: 14px;
    color: var(--quiz-orange);
    font-weight: 900;
}

.ads-quiz-step-grid h3 {
    margin-bottom: 12px;
    color: var(--quiz-navy);
    font-size: 1.35rem;
}

.ads-quiz-step-grid p {
    margin-bottom: 0;
}


/* BENEFITS */

.ads-quiz-benefits {
    background: var(--quiz-navy);
}

.ads-quiz-benefit-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.9fr);
    gap: clamp(40px, 7vw, 85px);
    align-items: center;
}

.ads-quiz-benefits h2 {
    color: #ffffff;
}

.ads-quiz-benefits p {
    color: rgba(255, 255, 255, 0.8);
}

.ads-quiz-benefit-list {
    display: grid;
    gap: 14px;
}

.ads-quiz-benefit-list > div {
    padding: 20px;
    background: #ffffff;
    border-left: 5px solid var(--quiz-orange);
}

.ads-quiz-benefit-list strong,
.ads-quiz-benefit-list span {
    display: block;
}

.ads-quiz-benefit-list strong {
    margin-bottom: 5px;
    color: var(--quiz-navy);
}

.ads-quiz-benefit-list span {
    color: var(--quiz-text);
    line-height: 1.5;
}


/* RESOURCES */

.ads-quiz-resources {
    background: var(--quiz-light);
}

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

.ads-quiz-resource-card {
    display: block;
    padding: 30px 26px;
    background: #ffffff;
    border-bottom: 6px solid var(--quiz-orange);
    color: inherit;
    text-decoration: none;
    box-shadow: 7px 7px 0 rgba(18, 20, 26, 0.08);
}

.ads-quiz-resource-card > span {
    display: block;
    margin-bottom: 10px;
    color: var(--quiz-orange);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ads-quiz-resource-card h3 {
    margin-bottom: 14px;
    color: var(--quiz-navy);
    font-size: 1.4rem;
}

.ads-quiz-resource-card p {
    margin-bottom: 18px;
}

.ads-quiz-resource-card strong {
    color: var(--quiz-orange);
}


/* NOTE */

.ads-quiz-note {
    background: #ffffff;
}

.ads-quiz-note-panel {
    padding: clamp(28px, 5vw, 48px);
    background: var(--quiz-light);
    border-left: 7px solid var(--quiz-orange);
}

.ads-quiz-note-panel h2 {
    font-size: clamp(1.8rem, 3vw, 2.6rem);
}

.ads-quiz-note-panel p {
    margin-bottom: 0;
}


/* FINAL CTA */

.ads-quiz-final {
    padding: clamp(65px, 8vw, 95px) 0;
    background: var(--quiz-navy);
    border-top: 8px solid var(--quiz-orange);
}

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

.ads-quiz-final h2 {
    color: #ffffff;
}

.ads-quiz-final p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.8);
}

.ads-quiz-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .ads-quiz-benefit-grid {
        grid-template-columns: 1fr;
    }

    .ads-quiz-resource-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ads-quiz-final-inner {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 700px) {

    .ads-quiz-container,
    .ads-quiz-narrow {
        width: min(100% - 28px, 1120px);
    }

    .ads-quiz-main {
        padding: 48px 0 68px;
    }

    .ads-quiz-intro h1 {
        font-size: clamp(2.5rem, 13vw, 4rem);
    }

    .ads-quiz-widget {
        padding: 25px 19px;
        box-shadow: 7px 7px 0 rgba(18, 20, 26, 0.12);
    }

    .ads-quiz-streak-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .ads-quiz-step-grid,
    .ads-quiz-resource-grid {
        grid-template-columns: 1fr;
    }

    .ads-quiz-final-actions {
        width: 100%;
        flex-direction: column;
    }

    .ads-quiz-final-actions .ads-btn {
        width: 100%;
        text-align: center;
    }
}