/* Only the new digital dilemma activity; shared teacher layout is unchanged. */
@media screen{
#kabuDilemmaCards{padding:24px;border:2px solid white;border-radius:24px;background:linear-gradient(135deg,#f0e7fb,#e8f7ee);color:#443453;line-height:1.7}
#kabuDilemmaCards .kdi-heading>span{font-size:13px;font-weight:800;letter-spacing:.7px;color:#79559b}
#kabuDilemmaCards h4{font-size:clamp(28px,3.4vw,40px);line-height:1.3;color:#6540b5;margin:12px 0}
#kabuDilemmaCards .kdi-slogan{font-size:22px;font-weight:800;color:#67469a}
#kabuDilemmaCards .kdi-heading>p{margin:12px 0;font-size:18px}
#kabuDilemmaCards .kdi-actions,#kabuDilemmaCards .kdi-navigation{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
#kabuDilemmaCards button:not(.kdi-preview){min-height:50px;padding:13px 18px;font:inherit;font-size:17px;font-weight:750;line-height:1.4;color:white;background:#6540b5;border:0;border-radius:15px;box-shadow:0 4px 0 #4f2f91}
#kabuDilemmaCards button:disabled{opacity:.55;cursor:default;box-shadow:none}
#kabuDilemmaCards :is(button,input,summary):focus-visible{outline:3px solid #563397;outline-offset:4px}
#kabuDilemmaCards .kdi-note{padding:16px 18px;border-radius:16px;background:#fff3d2;font-size:16px}
#kabuDilemmaCards .kdi-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
#kabuDilemmaCards .kdi-preview{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:16px;background:#fffaf2;color:#503969;border:2px solid white;border-radius:20px;box-shadow:0 4px 0 #d9cae9;text-align:left;font:inherit;font-size:16px;font-weight:750;line-height:1.5}
#kabuDilemmaCards .kdi-preview:nth-child(3n+2){background:#e5f4ed}#kabuDilemmaCards .kdi-preview:nth-child(3n){background:#f4e7f1}
#kabuDilemmaCards .kdi-preview img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:transparent;max-width:78px}
#kabuDilemmaCards .kdi-preview span{min-width:0;overflow-wrap:normal;word-break:normal}
#kabuDilemmaCards .kdi-preview-seen{border-color:#a0c8b0}
#kabuDilemmaCards #kdiPlay,#kabuDilemmaCards #kdiOverview{scroll-margin-top:110px}
#kabuDilemmaCards .kdi-card{padding:26px;border-radius:25px;background:#fff;border:2px solid #e5d9f1;box-shadow:0 6px 0 #ddcfe9}
#kabuDilemmaCards .kdi-card-header{display:grid;grid-template-columns:minmax(0,1fr) 24%;gap:22px;align-items:start}
#kabuDilemmaCards .kdi-card-header>div{min-width:0}
#kabuDilemmaCards .kdi-card-header>img{display:block;justify-self:end;max-width:210px;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:transparent;filter:drop-shadow(0 3px 2px #6540b515)}
#kabuDilemmaCards .kdi-counter{display:inline-block;padding:6px 12px;background:#ede2fa;border-radius:12px;color:#6540b5;font-size:16px;font-weight:850}
#kabuDilemmaCards #kdiCardTitle{font-size:clamp(25px,2.8vw,32px);line-height:1.4;margin:14px 0;color:#6540b5;word-break:normal;overflow-wrap:normal;hyphens:none}
#kabuDilemmaCards .kdi-scenario{font-size:20px;line-height:1.75;margin:14px 0 20px;word-break:normal;overflow-wrap:normal;hyphens:none}
#kabuDilemmaCards h6{font-size:21px;line-height:1.4;color:#6540b5;margin:20px 0 12px}
#kabuDilemmaCards .kdi-options{display:grid;gap:14px;margin:16px 0}
#kabuDilemmaCards .kdi-options label{display:flex;align-items:flex-start;gap:13px;min-width:0;min-height:60px;padding:16px 18px;background:#f0e7fb;border:2px solid #e2d4f2;border-radius:17px;font-size:19px;line-height:1.65;cursor:pointer}
#kabuDilemmaCards .kdi-options label:nth-child(2){background:#e7f4ed;border-color:#d2e9dc}#kabuDilemmaCards .kdi-options label:nth-child(3){background:#fff2d8;border-color:#eddfc2}
#kabuDilemmaCards .kdi-options input{width:23px;height:23px;flex:0 0 23px;margin:4px 0 0;accent-color:#6540b5}
#kabuDilemmaCards .kdi-options label>span{min-width:0;word-break:normal;overflow-wrap:normal}
#kabuDilemmaCards .kdi-discussion-prompt{padding:18px;background:#fff1c7;border:1px solid #e4ce8c;border-radius:16px;font-size:20px;font-weight:750;color:#624b23}
#kabuDilemmaCards .kdi-teacher-face{padding-top:2px;animation:kdiFaceIn .2s ease-out;font-size:18px}
#kabuDilemmaCards #kdiQuestions{padding-left:24px}#kabuDilemmaCards #kdiQuestions li{margin:10px 0}
#kabuDilemmaCards #kdiEvaluations{padding:0;list-style:none;display:grid;gap:14px;margin:16px 0}
#kabuDilemmaCards #kdiEvaluations li{padding:16px 18px;background:#f1eafa;border-radius:16px;font-size:18px;line-height:1.7}
#kabuDilemmaCards #kdiEvaluations p{margin:8px 0 0}
#kabuDilemmaCards .kdi-recommendation{padding:18px;background:#e6f5ec;border-radius:17px;margin:18px 0}
#kabuDilemmaCards .kdi-advice{padding:18px;background:#fff2d0;border-radius:17px;margin:18px 0}
#kabuDilemmaCards :is(.kdi-recommendation,.kdi-advice) h6{margin-top:0}#kabuDilemmaCards :is(.kdi-recommendation,.kdi-advice) p{margin-bottom:0}
#kabuDilemmaCards .kdi-navigation button:nth-child(n+4){background:#e3d6f5;color:#50317b;box-shadow:0 4px 0 #cdbbe8}
#kabuDilemmaCards .kdi-print-tools{padding:0 18px 18px;background:#fff4d8;border:1px solid #e5d4a7;border-radius:18px;margin-top:24px}
#kabuDilemmaCards .kdi-print-tools>summary{display:list-item;list-style:disclosure-closed;min-height:60px;padding:17px 0;font-size:19px;font-weight:750;color:#6540b5;cursor:pointer}
#kabuDilemmaCards .kdi-print-tools[open]>summary{list-style:disclosure-open}#kabuDilemmaCards .kdi-print-tools>summary::-webkit-details-marker{display:inline}
#kabuDilemmaCards #kdiStatus{font-size:16px;min-height:1.7em;font-weight:750;margin:20px 0 0}
#kabuDilemmaCards [hidden]{display:none!important}
@keyframes kdiFaceIn{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){#kabuDilemmaCards .kdi-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#kabuDilemmaCards{padding:16px 12px}#kabuDilemmaCards .kdi-card{padding:18px 14px}#kabuDilemmaCards .kdi-card-header{gap:12px}#kabuDilemmaCards .kdi-scenario{font-size:18px}#kabuDilemmaCards .kdi-options label{padding:14px 12px;font-size:17px}#kabuDilemmaCards .kdi-actions button,#kabuDilemmaCards .kdi-navigation button{flex:1 1 145px}#kabuDilemmaCards .kdi-slogan{font-size:20px}}
@media(max-width:480px){#kabuDilemmaCards .kdi-preview-grid{grid-template-columns:1fr}#kabuDilemmaCards .kdi-preview{grid-template-columns:72px minmax(0,1fr)}#kabuDilemmaCards #kdiCardTitle{font-size:23px}}
@media(prefers-reduced-motion:reduce){#kabuDilemmaCards *,#kabuDilemmaCards *::before{animation:none!important;transition:none!important}}
}