/* I Learn English Here — Mission Kit styles (advanced task-based lessons) */
:root{--mk-ink:#132a2e;--mk-paper:#f4f8f7;--mk-accent:#1f7a6c;--mk-accent-dk:#175f54;--mk-gold:#e0a548;--mk-line:#d8e6e2;--mk-soft:#46625e;--mk-card:#fff;--mk-bad:#b42318;--mk-good:#17803d}
*{box-sizing:border-box}
body{margin:0;background:var(--mk-paper);color:var(--mk-ink);font:16px/1.55 'Segoe UI',system-ui,-apple-system,sans-serif}
#mk{max-width:860px;margin:0 auto;padding:0 14px 120px}
.mk-head{position:sticky;top:0;z-index:50;background:var(--mk-paper);padding:.5rem 0 .4rem;border-bottom:1px solid var(--mk-line)}
.mk-title{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;flex-wrap:wrap}
.mk-title h1{font-size:1rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:78vw}
.mk-title .lv{font-size:.75rem;font-weight:700;background:#fdf1dc;color:#8a5a12;border-radius:99px;padding:.15rem .6rem}
.mk-bar{height:8px;background:#e3eeeb;border-radius:99px;overflow:hidden;margin:.5rem 0}
.mk-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mk-accent),var(--mk-gold));transition:width .35s}
.mk-tools{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap;overflow-x:auto;font-size:.8rem;scrollbar-width:none}.mk-tools::-webkit-scrollbar{display:none}.mk-tools button{white-space:nowrap;padding:.28rem .65rem!important;flex:0 0 auto;line-height:1.3}
.mk-tools button,.mk-btn{font:inherit;font-weight:600;border:1.5px solid var(--mk-line);background:#fff;color:var(--mk-ink);border-radius:99px;padding:.35rem .8rem;cursor:pointer}
.mk-tools button:hover,.mk-btn:hover{border-color:var(--mk-accent)}
.mk-tools .xp{margin-left:auto;font-weight:700;color:var(--mk-accent);align-self:center}
.mk-btn.pri{background:var(--mk-accent);border-color:var(--mk-accent);color:#fff}
.mk-btn.pri:hover{background:var(--mk-accent-dk)}
.mk-btn.gold{background:var(--mk-gold);border-color:var(--mk-gold);color:#2b1d05}
.mk-btn:disabled{opacity:.45;cursor:not-allowed}
.mk-card{background:var(--mk-card);border:1px solid var(--mk-line);border-radius:18px;padding:1.1rem 1.1rem 1.2rem;margin:1rem 0;box-shadow:0 4px 14px rgba(19,42,46,.05)}
.mk-kicker{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mk-accent);margin-bottom:.2rem}
.mk-card h2{margin:.1rem 0 .6rem;font-size:1.3rem;line-height:1.25}
.mk-card h3{margin:1rem 0 .4rem;font-size:1.02rem}
.mk-card p{margin:.45rem 0}
.mk-emoji{font-size:2.4rem;line-height:1}
.mk-goals{background:#eef7f4;border-radius:12px;padding:.6rem .9rem;margin:.6rem 0}
.mk-goals li{margin:.2rem 0}
.mk-formula{background:#132a2e;color:#fff;border-radius:14px;padding:.8rem 1rem;font-weight:600;margin:.7rem 0}
.mk-formula b{color:var(--mk-gold)}
.mk-tip{background:#fff7e8;border-left:4px solid var(--mk-gold);border-radius:8px;padding:.55rem .8rem;margin:.7rem 0;font-size:.95rem}
.mk-story{background:#f6f2ff;border-left:4px solid #7c5cd6;border-radius:8px;padding:.6rem .9rem;margin:.7rem 0}
.mk-vocab{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.93rem}
.mk-vocab td{border-top:1px solid var(--mk-line);padding:.45rem .3rem;vertical-align:top}
.mk-vocab td:first-child{font-weight:700;white-space:nowrap}
.mk-say{border:0;background:none;cursor:pointer;font-size:1rem;padding:0 .2rem}
.mk-reveal{display:grid;gap:.5rem;margin:.6rem 0}
.mk-reveal button{text-align:left;font:inherit;border:1.5px dashed var(--mk-accent);background:#f3faf8;border-radius:12px;padding:.6rem .8rem;cursor:pointer;color:var(--mk-ink)}
.mk-reveal button .a{display:none;margin-top:.35rem;font-weight:600;color:var(--mk-accent-dk)}
.mk-reveal button.on{border-style:solid}
.mk-reveal button.on .a{display:block}
.mk-opts{display:grid;gap:.5rem;margin:.6rem 0}
.mk-opts button{text-align:left;font:inherit;padding:.7rem .9rem;border:1.5px solid var(--mk-line);border-radius:12px;background:#fff;cursor:pointer;color:var(--mk-ink)}
.mk-opts button:hover{border-color:var(--mk-accent)}
.mk-opts button.right{border-color:var(--mk-good);background:#eaf7ef}
.mk-opts button.wrong{border-color:var(--mk-bad);background:#fdecea}
.mk-fb{border-radius:12px;padding:.6rem .8rem;margin:.6rem 0;font-size:.95rem}
.mk-fb.ok{background:#eaf7ef;color:#0f5a2b}.mk-fb.no{background:#fdecea;color:#7a1f16}
textarea.mk-in,input.mk-in{width:100%;font:inherit;padding:.7rem .8rem;border:1.5px solid var(--mk-line);border-radius:12px;background:#fff;color:var(--mk-ink)}
textarea.mk-in{min-height:130px;resize:vertical}
textarea.mk-in:focus,input.mk-in:focus{outline:none;border-color:var(--mk-accent)}
.mk-meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--mk-soft);margin:.25rem 0}
.mk-checks{list-style:none;padding:0;margin:.5rem 0;font-size:.9rem}
.mk-checks li{padding:.15rem 0}
.mk-checks li.ok{color:var(--mk-good)}.mk-checks li.no{color:#8a5a12}
.mk-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0}
.mk-chips button{font:inherit;font-size:.85rem;border:1px solid var(--mk-line);background:#f3faf8;border-radius:99px;padding:.25rem .65rem;cursor:pointer;color:var(--mk-ink)}
.mk-chips button:hover{border-color:var(--mk-accent)}
.mk-task{background:#132a2e;color:#fff;border-radius:14px;padding:.8rem 1rem;margin:.6rem 0}
.mk-task b{color:var(--mk-gold)}
.mk-task ul{margin:.3rem 0 0 1.1rem;padding:0}
details.mk-d{border:1px solid var(--mk-line);border-radius:12px;padding:.5rem .8rem;margin:.6rem 0;background:#fbfdfc}
details.mk-d summary{cursor:pointer;font-weight:700;color:var(--mk-accent-dk)}
.mk-lab{border:2px solid var(--mk-accent);border-radius:16px;padding:.8rem;margin:.8rem 0;background:#f7fcfb}
.mk-lab h3{margin:.1rem 0 .4rem}
.mk-search{display:flex;gap:.4rem;margin:.4rem 0}
.mk-search input{flex:1}
.mk-res{display:grid;gap:.5rem;margin:.5rem 0}
.mk-res .r{background:#fff;border:1px solid var(--mk-line);border-radius:12px;padding:.55rem .7rem;font-size:.92rem}
.mk-res .r b{display:block}
.mk-res .r .x{margin-top:.35rem;background:#eef7f4;border-radius:8px;padding:.45rem .6rem}
.mk-res .r .acts{display:flex;gap:.6rem;margin-top:.3rem;font-size:.85rem}
.mk-res .r .acts a,.mk-res .r .acts button{color:var(--mk-accent-dk);background:none;border:0;padding:0;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}
.mk-src{display:grid;gap:.4rem;margin:.4rem 0}
.mk-src a{display:block;background:#fff;border:1px solid var(--mk-line);border-radius:10px;padding:.45rem .65rem;text-decoration:none;color:var(--mk-ink);font-size:.92rem}
.mk-src a b{color:var(--mk-accent-dk)}
.mk-src a span{display:block;color:var(--mk-soft);font-size:.82rem}
.mk-tb{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0}
.mk-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);border-top:1px solid var(--mk-line);padding:.6rem 14px}
.mk-nav .in{max-width:860px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.mk-nav .pos{font-size:.85rem;color:var(--mk-soft)}
.mk-skip{font-size:.8rem;color:var(--mk-soft);background:none;border:0;text-decoration:underline;cursor:pointer}
.mk-drawer{position:fixed;inset:0;background:rgba(19,42,46,.55);z-index:100;display:none;align-items:flex-end;justify-content:center}
.mk-drawer.on{display:flex}
.mk-drawer .pan{background:#fff;width:100%;max-width:640px;max-height:85vh;overflow:auto;border-radius:20px 20px 0 0;padding:1rem 1.1rem 1.4rem}
.mk-drawer .x{float:right;border:0;background:none;font-size:1.5rem;cursor:pointer;color:var(--mk-soft)}
.mk-model{background:#f3faf8;border:1px dashed var(--mk-accent);border-radius:12px;padding:.6rem .8rem;margin:.5rem 0}
.mk-cert{border:6px double var(--mk-gold);border-radius:18px;padding:1.4rem;text-align:center;background:#fffdf7;margin:1rem 0}
.mk-cert h2{font-family:Georgia,serif;font-size:1.6rem}
.mk-rec{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:.5rem 0}
.mk-text{background:#fff;border:1px solid var(--mk-line);border-radius:12px;padding:.8rem 1rem;margin:.6rem 0;font-family:Georgia,serif;line-height:1.7}
@media print{.mk-head,.mk-nav,#ileh-donate,.mk-tools,.mk-noprint,[role=navigation]{display:none!important}body{background:#fff}.mk-card{box-shadow:none;border:0}}