.mission-card { padding:clamp(20px,4vw,40px); border:2px solid #d8e7e5; border-radius:28px; margin:24px 0; background:#f7faf9; }
.mission-card h2,.mission-card h3 { line-height:1.2; overflow-wrap:anywhere; }
.mission-example { font-size:clamp(1.7rem,4vw,2.8rem); font-weight:800; color:#173e3a; }
.mission-chunks { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:16px; }
.mission-chunk { padding:22px; border-radius:20px; background:#e0f0eb; display:flex; flex-direction:column; gap:10px; }
.mission-chunk:nth-child(2) { background:#fff3cc; }.mission-chunk:nth-child(3) { background:#fce3df; }
.mission-chunk strong { font-size:1.4rem; color:#173e3a; }.mission-chunk span { color:#314c49; }
.mission-actions { display:flex; gap:14px; flex-wrap:wrap; margin:24px 0; align-items:center; }
.mission-actions button,.mission-actions a { white-space:normal; max-width:100%; }
.mission-feedback { min-height:28px; margin:18px 0; }.mission-feedback.success { color:#177350; }
.mission-feedback.speaking-now { padding:18px; border-radius:16px; background:#e0f0eb; color:#173e3a; border:2px solid #238770; font-size:1.2rem; font-weight:800; }
.mission-card details { margin:16px 0; }.mission-card summary { cursor:pointer; font-weight:800; }
.mission-answer { border-top:1px solid #c9dcd7; margin-top:24px; padding-top:24px; }
.mission-translation { font-size:1.2rem; opacity:.8; }
.mission-card fieldset { border:0; padding:0; margin:0 0 24px; }
.mission-card legend { font-weight:800; margin-bottom:12px; }
.mission-choice { display:inline-flex; gap:10px; align-items:center; padding:16px; margin:6px; border:2px solid #c9dcd7; border-radius:16px; cursor:pointer; }
.mission-choice:has(input:checked) { border-color:#238770; background:#e0f0eb; color:#173e3a; }
.mission-card .terrace-quiz-options { padding:0; }.mission-note { font-size:.95rem; opacity:.8; }
.mission-chip { display:inline-block; margin:5px; padding:8px 14px; border-radius:30px; background:#e0f0eb; color:#173e3a; }
.mission-sheet { text-align:left; }.mission-sheet article { display:flex; gap:16px; justify-content:space-between; align-items:center; padding:16px 0; border-bottom:1px solid #d8e7e5; }
.mission-sheet strong,.mission-sheet small { display:block; }.mission-sheet strong { font-size:1.25rem; }
[data-theme="dark"] .mission-card { background:#193b38; border-color:#3d635e; color:#eff8f6; }
[data-theme="dark"] .mission-example { color:#eff8f6; }
@media(max-width:600px) { .mission-actions > * { flex:1 1 100%; } .mission-card { padding:20px; } }