/* Additive layouts: all brand colors, fonts and controls come from style.css. */
.problem-entry .tmm-card{display:flex;flex-direction:column}
.problem-entry .tmm-card__text{flex:1}
.problem-entry__link{display:inline-block;margin-top:20px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;line-height:1.6}
.problem-entry__link:hover{color:var(--accent-dark)}
.problem-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:30px}
.problem-proof-link{color:var(--text-white);font-size:15px;text-decoration:underline;text-underline-offset:5px}
.problem-path{padding:80px 0;background:var(--bg-light);color:var(--text-dark)}
.problem-path h2,.problem-proof h2{font-size:clamp(27px,3vw,38px);margin-bottom:24px;max-width:28ch}
.problem-path h3,.problem-proof h3{font-size:21px;margin-bottom:14px}
.problem-path p,.problem-proof p{color:var(--text-mid);line-height:1.75;max-width:68ch}
.problem-path__intro{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-bottom:64px}
.problem-path__intro ul{list-style:disc;padding-left:22px;color:var(--text-mid)}
.problem-path__intro li{margin-bottom:16px;padding-left:4px}
.problem-path__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;counter-reset:steps}
.problem-path__steps li{counter-increment:steps;border-top:2px solid var(--accent);padding-top:20px}
.problem-path__steps li::before{content:counter(steps) '.';display:block;font-size:18px;color:var(--text-light);margin-bottom:12px}
.problem-proof{padding:72px 0;background:var(--bg-light-2);color:var(--text-dark)}
.problem-proof__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:32px 0}
.problem-proof__grid p{margin-bottom:20px}
.problem-proof__bridge{margin:32px 0 24px}
.problem-case .case-card__body{height:100%;display:flex;flex-direction:column}
.problem-case .case-card__link{margin-top:auto;padding-top:12px}
.problem-more{margin-top:32px}
@media(max-width:700px){.problem-path,.problem-proof{padding:48px 0}.problem-path__intro,.problem-path__steps,.problem-proof__grid{grid-template-columns:1fr;gap:28px}.problem-path__intro{margin-bottom:40px}.problem-actions{align-items:flex-start;flex-direction:column}.problem-entry__link{margin-top:16px}}
.skip-link{position:absolute;left:12px;top:-200px;z-index:2000;background:white;color:var(--text-dark);padding:12px}.skip-link:focus{top:8px}
.problem-proof .svc-read-more,.problem-case .case-card__link{color:var(--text-dark);text-decoration:underline;text-underline-offset:4px}

/* Featured client example; existing reference cards retain their layout. */
.case-card--devils{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.75fr)}
.case-card--devils .case-card__visual{height:auto;min-height:240px;padding:32px 20px;text-align:center}
.case-card--devils .case-card__visual-result strong{font-size:clamp(52px,6vw,80px)}
.case-card--devils .case-card__visual-result span{font-family:var(--font-body);font-size:15px;letter-spacing:0;text-transform:none;color:var(--text-white);margin-top:12px}
.case-card--devils .case-card__context{position:relative;z-index:2;color:var(--text-faint);font-size:13px;line-height:1.6;max-width:24ch;margin-top:10px}
.case-card--devils .case-card__title{font-size:clamp(21px,2vw,27px);max-width:34ch}
@media(max-width:700px){.case-card--devils{grid-template-columns:1fr}.case-card--devils .case-card__visual{min-height:190px}}