.ai-case-columns { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.ai-case-panels { display:flex; flex-direction:column; gap:16px; min-width:0; min-height:0; overflow:auto; }
.ai-case-panel { display:flex; flex-direction:column; min-width:0; min-height:0; background:#101827; border:1px solid #344156; border-radius:8px; overflow:auto; }
.ai-case-panel header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; border-bottom:1px solid #344156; }
.ai-case-panel h3 { margin:0; color:#b7e4d1; font-size:21px; line-height:1.4; }
.ai-case-panel pre { margin:0; padding:22px; color:#f2f5fa; white-space:pre-wrap; overflow-wrap:anywhere; font:400 21px/1.8 var(--lesson-font,sans-serif); letter-spacing:0; }
.ai-copy { flex-shrink:0; padding:9px 14px; border:1px solid #61738b; border-radius:6px; background:#24354d; color:#fff; font:600 15px/1.4 var(--lesson-font,sans-serif); cursor:pointer; }
.ai-copy:hover { background:#314862; }
.ai-copy:focus-visible { outline:3px solid #7be0bd; outline-offset:3px; }
.ai-resource-header { flex-wrap:wrap; }
.ai-resource-download { display:inline-flex; align-items:center; text-decoration:none; white-space:nowrap; }
.ai-case-panel + .ai-case-panel pre { font-size:19px; }
.ai-prompt-tabs { display:flex; gap:24px; padding:0 22px; border-bottom:1px solid #344156; }
.ai-prompt-tabs [role="tab"] { appearance:none; border:0; border-bottom:3px solid transparent; border-radius:0; padding:13px 0 10px; background:transparent; color:#aebcd0; font:600 18px/1.5 var(--lesson-font,sans-serif); cursor:pointer; }
.ai-prompt-tabs [aria-selected="true"] { color:#fff; border-bottom-color:#64d4af; }
.ai-prompt-tabs [role="tab"]:focus-visible, .ai-prompt [role="tabpanel"]:focus-visible { outline:2px solid #64d4af; outline-offset:-2px; }
.ai-prompt [role="tabpanel"][hidden] { display:none; }
.ai-prompt [role="tabpanel"] pre { font-size:20px; line-height:1.65; }
.ai-downloads { display:flex; justify-content:flex-end; margin-top:20px; }
.ai-downloads a { color:#0f766e; font:600 18px/1.5 var(--lesson-font,sans-serif); text-underline-offset:5px; }
.ai-downloads a:hover { color:#064e3b; }
@media (max-width:800px) {
  .deck { width:100%; }
  .slide .canvas { box-sizing:border-box; max-width:100%; }
  .ai-case-columns { grid-template-columns:1fr; }
  .ai-case-panel header { padding:14px; gap:10px; }
  .ai-case-panel h3 { font-size:18px; }
  .ai-case-panel pre { padding:16px; font-size:17px; line-height:1.7; }
  .ai-copy { padding:8px 10px; font-size:13px; }
  .ai-case-panels { overflow:visible; }
  .ai-prompt-tabs { padding:0 16px; }
  .ai-prompt-tabs [role="tab"] { font-size:16px; }
  .ai-prompt [role="tabpanel"] pre { font-size:17px; line-height:1.7; }
  .ai-downloads { justify-content:flex-start; }
}