.mission-view-switch{display:flex;gap:8px;margin:20px 0 14px;flex-wrap:wrap}.mission-view-switch [aria-pressed=true]{background:var(--ink,#18382e);color:#fff;border-color:var(--ink,#18382e)}.mission-filters{flex-wrap:wrap}.mission-filters label:first-child{flex:2;min-width:220px}.mission-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;align-items:center}.mission-summary small{display:block;margin-top:8px}.mission-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.mission-info-grid .panel{margin:0;min-width:0}.mission-info-grid dl{margin-bottom:0}.mission-info-grid dd{overflow-wrap:anywhere;white-space:pre-line}.mission-summary .mission-progress{max-width:220px}.mission-progress{min-width:130px}.mission-progress progress{width:100%;height:7px;accent-color:#39795e}.mission-progress small{display:block;color:var(--muted,#63766e)}.mission-phase{margin-top:28px}.mission-phase h3{font-size:14px;color:#39795e;border-bottom:1px solid var(--line,#dce4dc);padding-bottom:10px}.mission-steps{min-width:720px}.mission-steps td:first-child{width:36%}.mission-steps td:last-child{width:112px}.mission-steps small{max-width:420px}.mission-prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.mission-late{color:#a23b30;font-weight:600}.mission-attention{color:#a23b30;font-weight:600}.mission-badge{display:inline-block;font-size:12px;line-height:1.4;padding:4px 9px;border-radius:20px;background:#eef1ed;color:#526258;white-space:nowrap}.mission-badge.doing{background:#e4eff8;color:#305d7a}.mission-badge.blocked{background:#fbe7e1;color:#a13c2c}.mission-badge.done,.mission-badge.closed{background:#e1efe5;color:#246344}.mission-badge.cancelled,.mission-badge.na{background:#efefed;color:#666}.mission-badge.active{background:#e7eee0;color:#45682a}.mission-notice{margin:14px 0}.mission-empty{margin-bottom:18px}.mission-empty p{max-width:800px}.teacher-period{flex-wrap:wrap}.mission-info-grid .teacher-section-head h2{font-size:17px}
@media(max-width:900px){.mission-summary{grid-template-columns:1fr 1fr}.mission-info-grid{grid-template-columns:1fr}}
@media(max-width:600px){.mission-summary{grid-template-columns:1fr;gap:18px}.mission-filters label{width:100%}.mission-info-grid{gap:12px}.mission-view-switch .btn{flex:1}.mission-phase h3{font-size:15px}}