.problem-page{margin:0;color:#1e1f5c;background:#fff;font-family:'Space Grotesk',sans-serif;line-height:1.65}
.problem-page *{box-sizing:border-box}
.problem-page .problem-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #e4e5ec;background:#fff}
.problem-header img{display:block;width:210px;height:auto}
.problem-header a{color:inherit;text-decoration:none;font-weight:600}
.problem-header .problem-header-links{display:flex;gap:28px;align-items:center}
.problem-page main{max-width:1180px;margin:0 auto;padding:0 24px;overflow-wrap:anywhere}
.problem-page .problem-hero{padding:76px 0 64px;max-width:1000px}
.problem-page .problem-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#137a38;margin:0 0 20px}
.problem-page h1{font-size:clamp(38px,5.5vw,70px);line-height:1.08;letter-spacing:-2.5px;margin:0 0 28px;max-width:1000px;font-weight:700}
.problem-page h1 span{color:#16863f}
.problem-page .problem-intro{font-size:clamp(20px,2.2vw,25px);line-height:1.5;max-width:790px;margin:0}
.problem-page .problem-section{padding:52px 0;border-top:1px solid #dedfe8;display:grid;grid-template-columns:240px minmax(0,1fr);gap:55px}
.problem-page .problem-section-label{font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:#67708a;font-weight:600;margin:5px 0 0}
.problem-page h2{font-size:clamp(26px,3vw,38px);letter-spacing:-1px;line-height:1.2;margin:0 0 24px;font-weight:700}
.problem-page h3{font-size:20px;line-height:1.3;margin:0 0 10px}
.problem-page p{margin:0 0 18px;max-width:770px}
.problem-page .problem-situation{border-left:3px solid #16a34a;padding:4px 0 4px 24px;margin:28px 0;font-size:20px}
.problem-page .problem-situation p:last-child{margin-bottom:0}
.problem-page .problem-steps{list-style:none;padding:0;counter-reset:steps;margin:28px 0}
.problem-steps li{counter-increment:steps;position:relative;padding:0 0 26px 52px}
.problem-steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:#16863f;font-weight:700;font-size:19px}
.problem-page .problem-example{background:#f2f6f3;padding:26px 28px;border-radius:8px;margin:26px 0}
.problem-page .problem-example p:last-child{margin-bottom:0}
.problem-page .problem-example .problem-example-label{font-size:13px;font-weight:700;color:#137a38;margin-bottom:12px}
.problem-page .problem-terms{font-size:14px;color:#5e647a;border-top:1px solid #dedfe8;padding-top:20px}
.problem-page a{color:#137a38;text-underline-offset:4px}
.problem-page a:focus-visible{outline:3px solid #16863f;outline-offset:5px}
.problem-page .problem-cta{margin:24px 0 72px;padding:48px;background:#1e1f5c;border-radius:12px;color:#fff;max-width:none}
.problem-page .problem-cta h2{max-width:780px}
.problem-page .problem-cta p{max-width:720px;color:#e5e6f2}
.problem-page .problem-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}
.problem-page .problem-button{display:inline-block;background:#15803d;color:#fff;padding:15px 23px;border-radius:100px;font-weight:700;text-decoration:none;line-height:1.4;text-align:center}
.problem-inline-cta{margin:0 0 48px;padding-left:295px}
@media(max-width:760px){.problem-inline-cta{padding-left:0}}
.problem-page .problem-cta .problem-secondary{color:#fff;font-weight:600}
.problem-page .problem-footer{border-top:1px solid #e4e5ec;padding:30px 24px;font-size:14px;display:flex;justify-content:space-between;gap:18px;max-width:1180px;margin:0 auto}
.problem-page .problem-footer p{margin:0}
.problem-page .problem-breadcrumb{font-size:14px;color:#5b627a;margin-bottom:24px}
.problem-language-switch{max-width:1180px;margin:0 auto;padding:14px 24px 0;display:flex;gap:12px 22px;flex-wrap:wrap;font-size:14px}
.problem-language-switch a{padding:5px 0;font-weight:600}
.problem-language-switch a[aria-current="page"]{color:#1e1f5c;text-decoration:none}
.problem-page .problem-scope{margin:28px 0;padding:18px 0;border-top:1px solid #dedfe8;border-bottom:1px solid #dedfe8;font-size:14px;color:#5b627a}
.problem-page .problem-scope summary{cursor:pointer;font-weight:700;color:#1e1f5c;min-height:32px}
.problem-page .problem-scope dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px 20px;margin:20px 0 0}
.problem-page .problem-scope dt{font-weight:700}.problem-page .problem-scope dd{margin:0}
.problem-page .problem-related{font-size:15px;margin-top:32px}.problem-page .problem-related h3{font-size:18px}
.problem-page .problem-related ul{padding-left:20px;margin-bottom:18px}.problem-page .problem-related li{margin-bottom:10px}
.problem-page .problem-directory{padding-bottom:64px}.problem-page .problem-directory-index{display:flex;flex-wrap:wrap;gap:12px 24px;margin:28px 0 40px}
.problem-page .problem-directory-group{padding:36px 0;border-top:1px solid #dedfe8}.problem-page .problem-directory-group h2{scroll-margin-top:24px}
.problem-page .problem-directory-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px;list-style:none;padding:0;margin:0}
.problem-page .problem-directory-group li{padding:14px 0;border-bottom:1px solid #e4e5ec}.problem-page .problem-directory-group a{font-weight:600;text-decoration:none}
.problem-page .problem-directory-group a:hover{text-decoration:underline}
.problem-page .journey-visual #journey-title{scroll-margin-top:24px}
@media(max-width:600px){.problem-page .problem-scope dl{grid-template-columns:1fr;gap:8px}.problem-page .problem-scope dd{margin-bottom:12px}.problem-page .problem-directory-group ul{grid-template-columns:1fr}.problem-page .problem-directory-index{gap:14px 20px}}
.problem-page .journey-visual{margin:32px 0 38px;padding:28px;background:#f0f2f7;border-radius:12px}
.problem-page .journey-visual h3{font-size:26px;letter-spacing:-.6px;margin-bottom:28px}
.problem-page .journey-route-label{font-size:14px;font-weight:700;margin-bottom:14px}
.problem-page .journey-route+.journey-route{margin-top:28px;padding-top:24px;border-top:1px solid #cbd0df}
.problem-page .journey-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;margin:0;padding:0}
.problem-page .journey-path li{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 14px;background:#fff;border-radius:8px;min-width:0}
.problem-page .journey-path li:not(:last-child)::after{content:'';position:absolute;top:50%;right:-22px;width:10px;height:10px;border-top:2px solid #6b7189;border-right:2px solid #6b7189;transform:translateY(-50%) rotate(45deg)}
.problem-page .journey-node-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#5b627a}
.problem-page .journey-path strong{font-size:17px;font-weight:700;line-height:1.3}
.problem-page .journey-path li>span:last-child{font-size:13px;line-height:1.5;color:#5b627a}
.problem-page .journey-route-stalled li:last-child{background:#e1e4ed}
.problem-page .journey-route-guided li{background:#e4f1e8}
.problem-page .journey-route-guided .journey-node-label,.problem-page .journey-route-guided li>span:last-child{color:#27603a}
.problem-page .journey-route-guided strong{color:#15532b}
.problem-page .journey-route-guided li:not(:last-child)::after{border-color:#15803d}
.problem-page .journey-visual figcaption{font-size:12px;line-height:1.6;color:#5b627a;margin-top:24px}
@media(max-width:600px){.problem-page .journey-visual{padding:22px 18px}.problem-page .journey-path{grid-template-columns:1fr;gap:26px}.problem-page .journey-path li{padding:16px 18px}.problem-page .journey-path li:not(:last-child)::after{top:auto;bottom:-17px;left:calc(50% - 5px);right:auto;transform:rotate(135deg)}.problem-page .journey-visual h3{font-size:24px}}
@media(max-width:760px){.problem-page .problem-header{padding:20px 24px}.problem-header img{width:185px}.problem-header-links a:not(:last-child){display:none}.problem-header-links{font-size:14px}.problem-page .problem-hero{padding:48px 0 40px}.problem-page h1{letter-spacing:-1.5px}.problem-page .problem-section{grid-template-columns:1fr;gap:16px;padding:36px 0}.problem-page .problem-cta{padding:28px 24px;margin-bottom:40px}.problem-page .problem-actions{align-items:stretch;flex-direction:column}.problem-page .problem-secondary{text-align:center}.problem-page .problem-footer{flex-direction:column}.problem-page .problem-example{padding:22px}.problem-page .problem-situation{font-size:18px;padding-left:18px}}
