/* Mission 2: listen, search, shortlist, discuss. */
.mission-two{gap:24px;color:#49334f}
.mission-two,.mission-two *{box-sizing:border-box;min-width:0}
.mission-two p{font-size:16px;line-height:1.55;letter-spacing:normal}
.mission-two h1,.mission-two h2,.mission-two h3{line-height:1.2;letter-spacing:normal}
.mission-two h3{font-size:19px;margin:0 0 10px}
.mission-two small{font-size:12px;line-height:1.45}
.mission-two svg{width:22px;height:22px;flex:none;vertical-align:middle}
.mission-two .m2-host{background:linear-gradient(125deg,#eddbb9,#fff4df);padding:20px;align-items:flex-end;border:1px solid #d3bc94;box-shadow:0 4px 0 #e6d8c2}
.m2-host>div{padding:22px;border-radius:20px 20px 20px 2px}
.m2-host small{color:#805d35}
.m2-host h1{font-size:clamp(25px,3.8vw,36px);margin:10px 0}
.m2-host .m2-goal{display:block;margin-top:14px;padding-top:12px;border-top:1px dashed #d8c5a9;font-size:14px;font-weight:700}
.m2-jumps{display:flex;gap:8px;flex-wrap:wrap}
.m2-jumps a{flex:1;padding:10px 14px;background:#fffaf2;border:1px solid #d4c5d2;border-radius:10px;text-decoration:none;font-size:13px;font-weight:700;text-align:center;color:#624168}
.m2-jumps a:hover{background:#e8def0;border-color:#9975a0}
.mission-two :is(#m2-theory,#mission-practice,#m2-send){scroll-margin-top:100px}
.mission-two .ms-theory{padding:24px;background:linear-gradient(120deg,#f1f7e9,#e5efdf);border:1px solid #afc49d;border-top:5px solid #3d7157}
.mission-two .m2-section-lead{margin:8px 0 20px}
.m2-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:12px}
.m2-media{display:flex;flex-direction:column;gap:0;background:#fffdf6;border:1px solid #becfaf;border-radius:16px;padding:16px;box-shadow:0 3px 0 #cad8bb}
.m2-media-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}
.m2-step{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#3f6854;color:#fff;font-size:15px;font-weight:750}
.m2-format{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#4f7058}
.m2-media p{font-size:14px;line-height:1.5;margin:0 0 18px;color:#526052}
.m2-media>.m2-link,.m2-media>.m2-pending{margin-top:auto}
.m2-media video{width:100%;border-radius:10px;margin:8px 0}
.m2-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:fit-content;max-width:100%;padding:10px 14px;background:#fffaf0;color:#49334f;border:1px solid #a48aaf;border-radius:10px;text-decoration:none;font-family:inherit;font-weight:700;font-size:14px;line-height:1.35;cursor:pointer}
.m2-link:hover{background:#eee3f4;box-shadow:0 2px 0 #bba3c1}
.m2-pending{display:block;width:fit-content;max-width:100%;font-size:12px;color:#687060;background:#eef1e7;border:1px dashed #b8c2aa;border-radius:8px;padding:8px 10px;line-height:1.4}
.m2-file{display:flex;align-items:center;gap:14px;margin-top:20px;padding-top:18px;border-top:1px dashed #a8bf94}
.m2-file>span{display:grid;place-items:center;flex:none;width:45px;height:55px;background:#fffaf2;border:1px solid #c3c7ad;border-radius:4px 4px 10px 4px;font-size:28px}
.m2-file p{font-size:13px;margin:3px 0 8px}
.mission-two .m2-access{padding:22px 24px;background:#fff4db;border:1px solid #d8bc7d;box-shadow:0 3px 0 #e9d5ae}
.m2-step-title{display:flex;align-items:center;gap:12px;margin:14px 0 10px}
.m2-step-title h2{margin:3px 0;font-size:25px}
.m2-step-title small{color:inherit;font-weight:700}
.m2-access .m2-step{background:#9b7236}
.m2-access-icon,.m2-send-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;margin-left:auto;border-radius:15px;background:#e9cf93;color:#70501f}
.m2-access-icon svg{width:29px;height:29px}
.m2-access .m2-step-title{margin-top:0}
.m2-access-link{background:#5a3d60;color:#fff;border-color:#5a3d60}
.m2-form{display:grid;gap:24px;margin:0}
.mission-two .m2-form>section{padding:24px;border:1px solid #c9b1cb;border-top:5px solid #815582;border-radius:20px;background:#fffaf5}
.m2-form .ms-practice .ms-label{color:white}
.m2-form .m2-step{background:#76517b}
.m2-brief{border:1px solid #c9bad1;background:#f0e8f4;border-radius:12px;margin:20px 0;padding:0 16px}
.m2-brief summary{font-size:15px;font-weight:700;padding:14px 0;cursor:pointer}
.m2-brief summary span{display:block;font-size:12px;margin:5px 0 0;color:#7b647e;font-weight:400}
.m2-brief .saved-brief{background:none;border:0;padding:0;margin:0 0 15px}
.m2-database{display:flex;align-items:center;gap:14px;background:#fbf0d9;border:1px solid #dbc69d;border-radius:6px 18px 18px 6px;margin:20px 0 26px;padding:16px}
.m2-database img{flex:none;width:64px;align-self:center}
.m2-database small{font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8b693b}
.m2-database h3{margin:6px 0}
.m2-database p{font-size:14px;margin:6px 0 12px;color:#715b3d}
.m2-hotels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.m2-hotel{margin:0;padding:18px;border:1px solid #cab2cc;border-radius:14px;background:linear-gradient(#f7eef8,#fffdf8 150px);box-shadow:0 4px 0 #e7dce8}
.m2-hotel:nth-child(2){border-color:#b7c5a6;background:linear-gradient(#edf3e6,#fffdf8 150px);box-shadow:0 4px 0 #dce5d1}
.m2-hotel legend{padding:7px 12px;background:#68476c;color:#fff;border-radius:10px;font-size:17px;font-weight:700}
.m2-hotel:nth-child(2) legend{background:#4b6a4f}
.m2-hotel legend svg{width:18px;height:18px}
.m2-hotel label,.m2-question-label{display:block;font-size:13px;font-weight:700;margin:14px 0 7px;line-height:1.4}
.m2-hotel label span{color:#8a4b85}
.mission-two :is(input,textarea){width:100%;max-width:100%;padding:11px 12px;border:1px solid #c9b7cb;border-radius:9px;background:#fffefb;color:#44304b;font:400 16px/1.4 Arial,sans-serif;margin:0;box-shadow:none}
.mission-two textarea{resize:vertical;min-height:82px}
.mission-two input::placeholder,.mission-two textarea::placeholder{color:#837c83;font-size:13px;opacity:1}
.mission-two :is(input,textarea):focus-visible{outline:3px solid #c9eba1;outline-offset:2px}
.m2-question-label{margin-top:26px}
.m2-draft-line{display:flex;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}
.mission-two .secondary{font-size:14px;padding:12px 16px;border-radius:11px;margin:0}
.m2-draft-line small{flex:1;min-width:160px;color:#786b7b}
.mission-two .m2-form>.m2-send{border-color:#9bbec5;border-top-color:#30758a;background:linear-gradient(120deg,#e3f1f3,#f4faf8);color:#285363}
.m2-send .m2-step{background:#30758a}
.m2-send .m2-step-title{margin-top:0}
.m2-send-icon{background:#c4e3e7;color:#30758a}
.m2-hashtag{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#f9ffff;border:1px dashed #a8cbd0;border-radius:12px;padding:12px 16px;margin:18px 0}
.m2-hashtag>span{font-size:13px;color:#577980}
.m2-hashtag strong{font-size:17px;color:#286d83}
.m2-message{border:1px solid #b7cdd1;background:#f9fefe;border-radius:12px;padding:0 15px}
.m2-message summary{font-size:15px;font-weight:700;padding:14px 0;cursor:pointer}
.m2-message summary span{float:right}
.m2-message pre{font:14px/1.55 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 0;border-top:1px dashed #b7cdd1;max-height:440px;overflow:auto}
.m2-chat-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}
.m2-chat-link{background:#2c7388;color:white;border-color:#2c7388}
.m2-chat-link:hover{background:#205e71;color:white}
.m2-send .m2-chat-status,.m2-send .m2-optional{font-size:13px;color:#55767e}
.m2-send .m2-award-rule{border-top:1px dashed #a4c6cb;margin-top:24px;padding-top:20px;font-size:14px;font-weight:700}
.m2-send .points-badge{margin:12px 0 20px}
.m2-complete{width:100%;font-size:16px;line-height:1.4;padding:16px 18px;border-radius:12px}
.mission-two .m2-bonus{background:linear-gradient(120deg,#f3eaf6,#eee9f8);border:1px solid #cab7d6;border-radius:20px;padding:24px;margin-top:4px}
.m2-bonus-heading{display:flex;align-items:center;gap:14px}
.m2-bonus-heading>span{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:16px;background:#70527d;color:#eddbff;transform:rotate(-5deg);box-shadow:0 4px 0 #c4accd}
.m2-bonus-heading>span svg{width:28px;height:28px}
.m2-bonus-heading small{text-transform:uppercase;letter-spacing:.04em;color:#805a8a;font-weight:700}
.m2-bonus-heading h2{margin:6px 0;font-size:24px}
.m2-bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.m2-bonus-grid article{padding:18px;border-radius:14px;background:#fffbff;border:1px solid #d7c9e2}
.m2-bonus-grid p{font-size:14px}
.m2-bonus-grid .m2-pending{background:#f0ebf5;color:#7a6585;border-color:#d0bed9}
.m2-bonus-mark{display:inline-block;color:#8b67a1;font-size:26px;margin-bottom:8px}
.m2-transition{margin:22px 0;align-items:center}
.m2-transition h2{font-size:24px;line-height:1.25;letter-spacing:normal}
.m2-transition .primary{font-size:15px;line-height:1.4;padding:14px 18px}
.m2-transition p{font-size:15px;line-height:1.5}
.m2-copy-fallback{display:block;width:100%;min-height:280px;font:15px/1.5 Arial,sans-serif}
.mission-two :is(a,button,summary):focus-visible{outline:3px solid #96bd63;outline-offset:3px}
@media(max-width:650px){
 .mission-two{gap:18px}
 .mission-two p{font-size:15px}
 .mission-two .m2-host{gap:10px;padding:14px 10px}
 .m2-host img{width:56px}
 .m2-host>div{padding:15px}
 .m2-host h1{font-size:24px}
 .m2-host p{font-size:14px}
 .m2-host .m2-goal{font-size:12px}
 .m2-jumps{gap:6px}.m2-jumps a{font-size:11px;padding:9px 5px}
 .mission-two :is(.ms-theory,.m2-access,.m2-bonus),.mission-two .m2-form>section{padding:18px 15px}
 .m2-media-grid,.m2-hotels,.m2-bonus-grid{grid-template-columns:1fr;gap:16px}
 .m2-media{padding:16px;box-shadow:0 3px 0 #cad8bb}
 .m2-media-top{margin-bottom:12px}
 .mission-two h2,.m2-step-title h2{font-size:23px}
 .m2-step-title{gap:10px}
 .m2-access-icon,.m2-send-icon{width:32px;height:38px;border-radius:10px}
 .m2-database{gap:10px;padding:14px 11px}
 .m2-database img{width:46px}
 .m2-database h3{font-size:18px}
 .m2-database p{font-size:13px}
 .m2-hotel{padding:15px}
 .m2-send .m2-chat-actions>*{width:100%;justify-content:center;text-align:center}
 .m2-bonus-heading{gap:10px}.m2-bonus-heading small{font-size:10px}
 .m2-bonus-heading>span{width:42px;height:44px;border-radius:12px}
 .m2-bonus-heading h2{font-size:22px}
 .m2-bonus-grid article{padding:16px}
 .m2-transition{padding:13px 10px;gap:10px}
 .m2-transition img{width:50px}
 .m2-transition h2{font-size:21px}
 .m2-transition>div{padding:15px}
 .m2-transition .primary{width:100%;padding:12px 10px}
}