.ex-app[data-subject="fiqih"],.ex-app[data-subject="akidah"],.ex-app[data-subject="akhlak"]{--ds-accent:#256754;--ds-soft:#edf6ef}
.ex-app[data-subject="akidah"]{--ds-accent:#485f96;--ds-soft:#eff2fa}
.ex-app[data-subject="akhlak"]{--ds-accent:#895732;--ds-soft:#faf2e8}
.ds-scope{padding:18px 22px;margin:0 0 24px;border:1px solid #d9e4dc;border-left:4px solid var(--ds-accent);border-radius:12px;background:var(--ds-soft);font-size:14px;line-height:1.7;color:#354b41}
.ds-scope strong{display:block;color:var(--ds-accent);margin-bottom:4px}
.ds-case{background:var(--ds-soft);border:1px solid #dce5df;border-radius:16px;padding:22px;margin-bottom:18px}
.ds-case h3{margin:6px 0 12px;font-size:23px;line-height:1.3;color:var(--ds-accent)}
.ds-case>p:last-child{margin:0;font-size:17px;line-height:1.8}
.ds-options{display:grid;gap:10px}
.ex-app .ds-options button{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;width:100%;min-height:58px;padding:14px;background:#fff;border:1px solid #ccd9d1;border-radius:12px;color:#304d40;font:inherit;cursor:pointer}
.ds-options button>span{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ds-soft);color:var(--ds-accent);font-size:13px}
.ds-options button strong{font-size:15px;line-height:1.55;font-weight:600}
.ds-options button:hover{border-color:var(--ds-accent);background:var(--ds-soft)}
.ds-options button[aria-pressed="true"]{border:2px solid var(--ds-accent);padding:13px;background:var(--ds-soft)}
.ds-options button[aria-pressed="true"]>span{background:var(--ds-accent);color:#fff}
.ds-options button:focus-visible{outline:3px solid var(--ds-accent);outline-offset:3px}
.ds-consequence{padding:16px;margin-top:16px;border-radius:12px;background:#f4f5f3;line-height:1.7;font-size:14px;min-height:65px}
.ds-consequence p{margin:6px 0 0}.ds-good{background:#edf6ed;border-left:3px solid #397251}.ds-rethink{background:#fff4e4;border-left:3px solid #aa7524}
.ex-app[data-subject="fiqih"] .ex-readouts strong,.ex-app[data-subject="akidah"] .ex-readouts strong,.ex-app[data-subject="akhlak"] .ex-readouts strong{font-size:17px;line-height:1.5}
.ex-app[data-subject="fiqih"] .ex-timeline details p{font-size:14px;line-height:1.7;margin:8px 0}.ex-app[data-subject="fiqih"] .ex-timeline summary{cursor:pointer;margin-top:8px;font-size:13px}
@media(max-width:650px){.ds-case{padding:16px}.ds-case h3{font-size:21px}.ds-case>p:last-child{font-size:16px}.ds-options button{padding:12px}.ds-options button[aria-pressed="true"]{padding:11px}.ds-scope{padding:15px}}