/* Editorial case modal: shared across every case, desktop and mobile. */
#karteModal .karte-modal-panel{background:#fffbf6;border-radius:18px;overflow:hidden}
#karteModal .karte-modal-head{background:#4d352a;color:#fff;border:0;padding:18px 24px}
#karteModal .karte-case-category{color:#f7eae2}
#karteModal .karte-modal-body{padding:28px 32px 32px;color:#39291f}
#karteModal .karte-modal-problem,
#karteModal .karte-modal-approach{background:transparent;border:0;border-bottom:1px solid #e9ddd2;border-radius:0;margin:0;padding:22px 0 26px}
#karteModal .karte-modal-outcome{margin:26px 0 0;padding:24px 26px;background:#fbede7;border:0;border-radius:12px}
#karteModal .karte-mini-heading{font-size:17px;line-height:1.5;color:#39291f;margin:0 0 18px;font-weight:700}
#karteModal .karte-mini-heading svg,
#karteModal .karte-dot-accent{display:none}
#karteModal .karte-problem-list{margin:0;display:grid;gap:8px}
#karteModal .karte-problem-list li{padding:0;display:block;color:#46352b;font-size:14px;line-height:1.8}
#karteModal .karte-problem-mark{display:none}
#karteModal .karte-diagnosis{margin:16px 0 0;padding:14px 18px;background:#f7eee3;border:0;border-radius:10px;color:#59473d;font-size:13px;line-height:1.85}
#karteModal .karte-approach-list{counter-reset:karte-step;display:block}
#karteModal .karte-approach-item{counter-increment:karte-step;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:12px;padding:15px 0;border-bottom:1px solid #e9ddd2;color:#39291f;font-size:14px;line-height:1.8;min-width:0}
#karteModal .karte-approach-item:last-child{border-bottom:0}
#karteModal .karte-check-icon{position:static;display:block;width:auto;height:auto;border:0;border-radius:0;background:none;color:#bb6a57;font:700 23px/1.4 "DM Sans",sans-serif}
#karteModal .karte-check-icon svg{display:none}
#karteModal .karte-check-icon::after{content:counter(karte-step,decimal-leading-zero);font:inherit}
#karteModal .karte-commitment{margin:20px 0 0;padding:0;color:#75645a;font-size:13px;line-height:1.85}
#karteModal .karte-outcome-label{margin:0 0 12px;color:#b95640;font-size:14px;font-weight:700}
#karteModal .karte-outcome-title{padding:0;margin:0;border:0;color:#39291f;font-size:19px;line-height:1.55;font-weight:700}
/* Outrank the legacy studio rule without changing the outcome typography. */
#karteModal.karte-modal .karte-modal-outcome .karte-outcome-title{border-left:0;padding-left:0}
#karteModal #karteResultTitle{min-height:0;display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
#karteModal #karteResultQuote{margin-top:10px;display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
#karteModal .karte-outcome-quote{margin:16px 0 0;padding:0;color:#75645a;font-size:13px;line-height:1.85}
#karteModal .karte-modal-foot{background:#fffbf6}
@media(max-width:640px){
 #karteModal .karte-modal-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}
 #karteModal .karte-modal-head{padding:16px 18px}
 #karteModal .karte-modal-body{padding:22px 20px 26px}
 #karteModal .karte-modal-problem,#karteModal .karte-modal-approach{padding:20px 0 24px}
 #karteModal .karte-modal-outcome{padding:20px 18px;margin-top:22px}
 #karteModal .karte-mini-heading{font-size:16px;margin-bottom:14px}
 #karteModal .karte-approach-item{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:13px 0;font-size:13.5px}
 #karteModal .karte-check-icon{font-size:21px}
 #karteModal .karte-outcome-title{font-size:17px}
}