/* Keep foreground and background colors paired: never dark text on dark surfaces. */
.problem-hero{padding:64px 0;background:#f4f7fa;color:#17212b;color-scheme:light}
body:not(.home-page) .problem-hero h1{color:#17212b;letter-spacing:0}
body:not(.home-page) .problem-hero .lead,.problem-hero .crumbs{color:#4b5563}
body:not(.home-page) .problem-hero .eyebrow,.problem-hero .crumbs a{color:#1858c6}
.problem-panel{display:grid;grid-template-columns:minmax(0,1.2fr) 220px;gap:14px;margin-top:28px;background:#fff;color:#17212b;border:1px solid #c5cdd5;border-radius:18px;padding:18px}
.problem-panel label{display:grid;gap:7px;min-width:0;color:#17212b;font-weight:850}
.problem-panel input,.problem-panel textarea{width:100%;min-width:0;border:1px solid #7a8795;border-radius:10px;background:#fff;color:#17212b;padding:14px;font:inherit;caret-color:#17212b}
.problem-panel textarea{resize:vertical}
.problem-panel input::placeholder,.problem-panel textarea::placeholder{color:#586575;opacity:1}
.problem-description{grid-column:1/-1}
.problem-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}
.problem-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.problem-chip{border:1px solid #7a8795;background:#fff;color:#17212b;border-radius:999px;padding:10px 14px;font:inherit;font-weight:850;cursor:pointer}
.problem-chip:hover{background:#edf3fc}
.problem-chip[aria-pressed="true"]{background:#1858c6;border-color:#1858c6;color:#fff}
.problem-count{color:#4b5563;margin:0 0 16px}
.problem-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.problem-card{background:#fff;color:#17212b;border:1px solid #c5cdd5;border-radius:14px;padding:18px;min-width:0}
.problem-card h2{font-size:1.18rem;margin:0 0 8px;color:#17212b;overflow-wrap:anywhere}
.problem-card p{color:#4b5563;line-height:1.6}
.problem-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.problem-meta span{background:#edf3fc;border:1px solid #c5cdd5;border-radius:999px;padding:6px 9px;color:#174b91;font-size:.86rem;font-weight:800}
.problem-card .btn{min-height:44px;padding:0 15px;margin-top:8px}
.problem-actions .primary,.problem-card .primary{background:#1858c6;border-color:#1858c6;color:#fff}
.problem-actions .primary:hover,.problem-card .primary:hover{background:#12479f;border-color:#12479f}
.problem-actions .secondary,.problem-card .secondary{background:#fff;border-color:#7a8795;color:#17212b}
.problem-actions .secondary:hover,.problem-card .secondary:hover{background:#edf3fc}
.problem-panel :focus-visible,.problem-chip:focus-visible,.problem-card a:focus-visible{outline:3px solid #1858c6;outline-offset:3px}
.problem-empty{padding:24px;background:#f4f7fa;border:1px solid #c5cdd5;border-radius:14px;color:#17212b}
.problem-more{grid-column:1/-1;justify-self:center;min-height:48px}
@media(max-width:820px){.problem-panel,.problem-results{grid-template-columns:minmax(0,1fr)}.problem-actions .btn{width:100%}}