#cardvd-gps-problems {
    --gps-ink: #1f1a16;
    --gps-muted: #6f6a64;
    --gps-border: #e7dfd5;
    --gps-orange: #c2410c;
    --gps-teal: #0f766e;
    padding: clamp(14px, 2.5vw, 28px) 20px clamp(28px, 5vw, 56px);
    background:
        radial-gradient(circle at 8% 4%, rgba(234, 88, 12, .07), transparent 30%),
        radial-gradient(circle at 92% 18%, rgba(15, 118, 110, .06), transparent 28%);
}

#cardvd-gps-problems .SectionLayoutRow_inner__eLGS_ {
    width: min(1080px, 100%);
    margin-inline: auto;
    padding: 0;
}

#cardvd-gps-problems .wrap {
    width: min(1080px, 100%);
    margin-inline: auto;
    border-color: var(--gps-border);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(74, 55, 39, .09);
}

#cardvd-gps-problems .head {
    padding: clamp(24px, 4vw, 40px);
    border-bottom-color: var(--gps-border);
    background: linear-gradient(135deg, #fff7ed 0%, #fdf9f4 58%, #eef8f6 100%);
    gap: 10px;
}

#cardvd-gps-problems .eyebrow {
    color: var(--gps-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .025em;
    text-transform: none;
}

#cardvd-gps-problems h1 {
    max-width: 760px;
    color: var(--gps-ink);
    font-size: clamp(25px, 3vw, 32px);
    line-height: 1.16;
    font-weight: 800;
    letter-spacing: -.025em;
}

#cardvd-gps-problems h2 {
    color: var(--gps-ink);
    font-size: clamp(19px, 2vw, 23px);
    font-weight: 800;
    letter-spacing: -.015em;
}

#cardvd-gps-problems h3 {
    color: var(--gps-ink);
    font-size: 16px;
    font-weight: 800;
}

#cardvd-gps-problems p,
#cardvd-gps-problems .step span,
#cardvd-gps-problems ul,
#cardvd-gps-problems ol,
#cardvd-gps-problems .result span {
    color: var(--gps-muted);
    font-weight: 550;
}

#cardvd-gps-problems .body {
    padding: clamp(22px, 3.5vw, 36px);
    gap: 16px;
    background: #fdf9f4;
}

#cardvd-gps-problems .lead {
    border-color: #b9ddd8;
    background: rgba(255, 255, 255, .72);
    color: #175f59;
}

#cardvd-gps-problems .step,
#cardvd-gps-problems .card,
#cardvd-gps-problems details {
    border-color: var(--gps-border);
    box-shadow: 0 8px 22px rgba(74, 55, 39, .045);
}

#cardvd-gps-problems .step:before {
    background: var(--gps-orange);
    font-weight: 800;
    box-shadow: 0 5px 12px rgba(194, 65, 12, .2);
}

#cardvd-gps-problems .step b,
#cardvd-gps-problems summary,
#cardvd-gps-problems .result strong {
    color: var(--gps-ink);
}

#cardvd-gps-problems summary {
    font-size: 15px;
    font-weight: 800;
}

#cardvd-gps-problems details[open] summary {
    color: var(--gps-orange);
    background: #fffaf5;
}

#cardvd-gps-problems summary:after {
    color: var(--gps-teal);
}

#cardvd-gps-problems .blue {
    background: linear-gradient(135deg, #eef8f6, #fff);
}

#cardvd-gps-problems .orange {
    background: linear-gradient(135deg, #fff3e6, #fff);
}

#cardvd-gps-problems .green {
    background: linear-gradient(135deg, #f2f7ec, #fff);
}

#cardvd-gps-problems .path {
    border-color: #8fc9c2;
    background: #f1faf8;
    color: #175f59;
}

#cardvd-gps-problems code {
    background: #f3ede6;
    color: var(--gps-ink);
}

@media (max-width: 720px) {
    #cardvd-gps-problems {
        padding: 10px 10px 30px;
    }

    #cardvd-gps-problems .wrap {
        border-radius: 20px;
    }

    #cardvd-gps-problems .head,
    #cardvd-gps-problems .body {
        padding: 20px 18px;
    }

    #cardvd-gps-problems h1 {
        font-size: 26px;
    }

    #cardvd-gps-problems .step {
        padding: 13px 13px 13px 50px;
    }
}

/* CMS HTML contains its own inline stylesheet; the extra body selector keeps
   this page-level theme authoritative without affecting other content pages. */
body #cardvd-gps-problems .wrap {
    width: min(1080px, 100%);
    margin-inline: auto;
    border-color: var(--gps-border);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(74, 55, 39, .09);
}

body #cardvd-gps-problems .head {
    padding: clamp(24px, 4vw, 40px);
    border-bottom-color: var(--gps-border);
    background: linear-gradient(135deg, #fff7ed 0%, #fdf9f4 58%, #eef8f6 100%);
}

body #cardvd-gps-problems .eyebrow {
    color: var(--gps-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .025em;
    text-transform: none;
}

body #cardvd-gps-problems h1 {
    color: var(--gps-ink);
    font-size: clamp(25px, 3vw, 32px);
    font-weight: 800;
}

body #cardvd-gps-problems h2 {
    color: var(--gps-ink);
    font-size: clamp(19px, 2vw, 23px);
    font-weight: 800;
}

body #cardvd-gps-problems .body {
    padding: clamp(22px, 3.5vw, 36px);
    background: #fdf9f4;
}

body #cardvd-gps-problems .lead {
    border-color: #b9ddd8;
    background: rgba(255, 255, 255, .72);
    color: #175f59;
}

body #cardvd-gps-problems .step:before {
    background: var(--gps-orange);
    box-shadow: 0 5px 12px rgba(194, 65, 12, .2);
}

body #cardvd-gps-problems details[open] summary {
    color: var(--gps-orange);
    background: #fffaf5;
}

@media (max-width: 720px) {
    body #cardvd-gps-problems .wrap {
        border-radius: 20px;
    }

    body #cardvd-gps-problems .head,
    body #cardvd-gps-problems .body {
        padding: 20px 18px;
    }

    body #cardvd-gps-problems h1 {
        font-size: 26px;
    }
}

/* The CMS stores a separate mobile document with its own root id. */
#cardvd-gps-problems-m {
    --gps-ink: #1f1a16;
    --gps-muted: #6f6a64;
    --gps-border: #e7dfd5;
    --gps-orange: #c2410c;
    --gps-teal: #0f766e;
    width: 100%;
    padding: 10px 10px 30px;
    background:
        radial-gradient(circle at 8% 4%, rgba(234, 88, 12, .07), transparent 30%),
        radial-gradient(circle at 92% 18%, rgba(15, 118, 110, .06), transparent 28%);
}

body #cardvd-gps-problems-m .SectionLayoutRow_inner__eLGS_,
body #cardvd-gps-problems-m .wrap {
    width: min(760px, 100%);
    margin-inline: auto;
}

body #cardvd-gps-problems-m .wrap {
    border-color: var(--gps-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(74, 55, 39, .09);
}

body #cardvd-gps-problems-m .head {
    padding: 20px 18px;
    border-bottom-color: var(--gps-border);
    background: linear-gradient(135deg, #fff7ed 0%, #fdf9f4 58%, #eef8f6 100%);
}

body #cardvd-gps-problems-m .eyebrow {
    color: var(--gps-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: none;
}

body #cardvd-gps-problems-m h1 {
    color: var(--gps-ink);
    font-size: clamp(23px, 7vw, 27px);
    line-height: 1.17;
    font-weight: 800;
    letter-spacing: -.02em;
}

body #cardvd-gps-problems-m h2 {
    color: var(--gps-ink);
    font-size: 19px;
    font-weight: 800;
}

body #cardvd-gps-problems-m h3,
body #cardvd-gps-problems-m .step b,
body #cardvd-gps-problems-m summary {
    color: var(--gps-ink);
    font-weight: 800;
}

body #cardvd-gps-problems-m p,
body #cardvd-gps-problems-m .step span,
body #cardvd-gps-problems-m ul,
body #cardvd-gps-problems-m ol,
body #cardvd-gps-problems-m .result span {
    color: var(--gps-muted);
    font-weight: 550;
}

body #cardvd-gps-problems-m .body {
    padding: 20px 18px;
    background: #fdf9f4;
}

body #cardvd-gps-problems-m .lead {
    border-color: #b9ddd8;
    background: rgba(255, 255, 255, .72);
    color: #175f59;
}

body #cardvd-gps-problems-m .step,
body #cardvd-gps-problems-m .card,
body #cardvd-gps-problems-m details {
    border-color: var(--gps-border);
    box-shadow: 0 7px 18px rgba(74, 55, 39, .045);
}

body #cardvd-gps-problems-m .step:before {
    background: var(--gps-orange);
    box-shadow: 0 5px 12px rgba(194, 65, 12, .2);
}

body #cardvd-gps-problems-m details[open] summary {
    color: var(--gps-orange);
    background: #fffaf5;
}

body #cardvd-gps-problems-m summary:after {
    color: var(--gps-teal);
}

body #cardvd-gps-problems-m .path {
    border-color: #8fc9c2;
    background: #f1faf8;
    color: #175f59;
}

body #cardvd-gps-problems-m code {
    background: #f3ede6;
    color: var(--gps-ink);
}
