/**
 * National Exam template — a full 2nd Bac national exam on one page.
 * Mobile-first. Brand family: navy / green / gold, with violet marking
 * Comprehension, green Language and deep-gold Writing (same colour
 * language as the Student Test engine). Loaded only on
 * template-national-exam.php.
 *
 * @package MyTeacher_Child
 */

.mt-ne-page,.mt-ne-sheet,.mt-ne-textbtn{
	--n-navy:#213A47; --n-navy-deep:#152A34;
	--n-green:#0E9A6E; --n-green-deep:#0A7A56; --n-green-tint:#E4F3EC;
	--n-gold:#E0A93F; --n-gold-deep:#8A5F0E; --n-gold-tint:#FBF1DA;
	--n-violet:#5E3F7C; --n-violet-tint:#F1ECF6;
	--n-red:#B03A3A; --n-red-tint:#FBEAEA;
	--n-paper:#FCFBF7; --n-line:#DCD8CA; --n-ink:#25353B; --n-soft:#51636A;
	font-family:'Nunito',sans-serif; line-height:1.55;
}
.mt-ne-page{ --ne-stick:68px; background:var(--n-paper); color:var(--n-ink); }
.mt-ne-page *,.mt-ne-page *::before,.mt-ne-page *::after,.mt-ne-sheet *,.mt-ne-sheet *::before,.mt-ne-sheet *::after{ box-sizing:border-box; }
.mt-ne-page h1,.mt-ne-page h2,.mt-ne-page h3,.mt-ne-page h4,.mt-ne-sheet h3{ font-family:'Poppins',sans-serif; font-weight:700; margin:0; color:var(--n-navy); }
.mt-ne-wrap{ max-width:1120px; margin:0 auto; padding:0 14px 56px; }
.mt-ne-page .screen-reader-text{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.mt-ne-page :focus-visible,.mt-ne-sheet :focus-visible,.mt-ne-textbtn:focus-visible{ outline:3px solid #1B6FD1; outline-offset:2px; border-radius:6px; }
.mt-ne-page [hidden]{ display:none !important; }

/* ---------------- HERO ---------------- */
.mt-ne-hero{
	margin:16px 0 0; padding:22px 18px 20px; border-radius:18px; color:#fff;
	background:linear-gradient(135deg,var(--n-navy-deep),var(--n-navy) 62%,#2C5566);
}
.mt-ne-hero-eyebrow{ font-size:.74rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--n-gold); }
.mt-ne-hero-title{ color:#fff !important; font-size:1.45rem; line-height:1.2; margin:6px 0 2px; }
.mt-ne-hero-session{ font-weight:800; font-size:1rem; color:#fff; }
.mt-ne-hero-ar{ font-family:'Cairo','Nunito',sans-serif; font-size:.95rem; margin-top:6px; color:rgba(255,255,255,.9); text-align:right; }
.mt-ne-chips{ list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0; margin:16px 0 0; }
.mt-ne-chips li{ background:rgba(255,255,255,.12); border-radius:12px; padding:9px 12px; display:flex; flex-direction:column; }
.mt-ne-chips b{ font-size:.66rem; letter-spacing:.04em; text-transform:uppercase; color:rgba(255,255,255,.78); font-weight:800; }
.mt-ne-chips span{ font-family:'Poppins',sans-serif; font-weight:700; font-size:1rem; }
.mt-ne-hero-stream{ font-size:.8rem; color:rgba(255,255,255,.85); margin:12px 0 0; }
.mt-ne-hero-desc{ font-size:.85rem; color:rgba(255,255,255,.85); margin:8px 0 0; }

/* ---------------- STICKY BAR ---------------- */
.mt-ne-bar{
	position:sticky; top:var(--ne-stick); z-index:30; margin:12px -14px 0; padding:8px 14px 8px;
	background:rgba(252,251,247,.97); backdrop-filter:blur(6px); border-bottom:1px solid var(--n-line);
}
.mt-ne-bar-row{ display:flex; align-items:center; gap:8px; }
.mt-ne-tabs{ list-style:none; display:flex; gap:6px; margin:0; padding:0; flex:1; overflow-x:auto; scrollbar-width:none; }
.mt-ne-tabs::-webkit-scrollbar{ display:none; }
.mt-ne-tabs a{
	display:flex; align-items:center; gap:6px; white-space:nowrap; text-decoration:none; font-weight:800; font-size:.8rem;
	color:var(--n-navy); background:#fff; border:1.5px solid var(--n-line); border-radius:999px; padding:8px 12px; min-height:40px;
}
.mt-ne-tabs a span{ display:inline-grid; place-items:center; min-width:22px; height:22px; border-radius:50%; background:var(--n-navy); color:#fff; font-size:.68rem; }
.mt-ne-tabs a small{ font-weight:700; color:var(--n-soft); }
.mt-ne-tabs a[data-tab="comprehension"].is-active{ background:var(--n-violet-tint); border-color:var(--n-violet); }
.mt-ne-tabs a[data-tab="language"].is-active{ background:var(--n-green-tint); border-color:var(--n-green-deep); }
.mt-ne-tabs a[data-tab="writing"].is-active{ background:var(--n-gold-tint); border-color:var(--n-gold-deep); }
.mt-ne-timer{
	flex-shrink:0; min-height:40px; display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:999px;
	border:1.5px solid var(--n-line); background:#fff; font-family:'Nunito',sans-serif; font-weight:800; font-size:.8rem; color:var(--n-navy); cursor:pointer;
}
.mt-ne-timer[aria-pressed="true"]{ background:var(--n-navy); color:#fff; border-color:var(--n-navy); }
.mt-ne-timer.is-low[aria-pressed="true"]{ background:var(--n-red); border-color:var(--n-red); }
.mt-ne-progress{ height:6px; border-radius:99px; background:var(--n-line); margin-top:8px; overflow:hidden; }
.mt-ne-progress-fill{ display:block; height:100%; width:0; background:var(--n-green); transition:width .25s ease; }
.mt-ne-progress-label{ font-size:.72rem; font-weight:700; color:var(--n-soft); margin-top:4px; }

/* ---------------- PARTS ---------------- */
.mt-ne-part{ margin-top:26px; scroll-margin-top:calc(var(--ne-stick) + 92px); }
.mt-ne-part-head{
	display:flex; align-items:center; gap:12px; padding:14px 14px; border-radius:14px; background:#fff; border:1.5px solid var(--n-line); border-left-width:6px;
}
.mt-ne-part-comprehension .mt-ne-part-head{ border-left-color:var(--n-violet); }
.mt-ne-part-language .mt-ne-part-head{ border-left-color:var(--n-green); }
.mt-ne-part-writing .mt-ne-part-head{ border-left-color:var(--n-gold); }
.mt-ne-part-num{ font-family:'Poppins',sans-serif; font-weight:800; font-size:1.3rem; color:var(--n-navy); min-width:34px; text-align:center; }
.mt-ne-part-titlebox{ flex:1; min-width:0; }
.mt-ne-part-head h2{ font-size:1.08rem; text-transform:uppercase; letter-spacing:.02em; }
.mt-ne-part-note{ margin:2px 0 0; font-size:.8rem; font-weight:700; font-style:italic; color:var(--n-soft); }
.mt-ne-part-pts{ font-weight:800; font-size:.78rem; padding:6px 11px; border-radius:999px; background:var(--n-navy); color:#fff; white-space:nowrap; }
.mt-ne-part-body{ margin-top:14px; display:flex; flex-direction:column; gap:14px; }

/* ---------------- READING TEXT ---------------- */
.mt-ne-text{ background:var(--n-navy-deep); color:#fff; border-radius:16px; padding:18px 16px; scroll-margin-top:calc(var(--ne-stick) + 92px); }
.mt-ne-text-eyebrow{ font-size:.7rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--n-gold); margin-bottom:8px; }
.mt-ne-text-title{ color:#fff !important; font-size:1.05rem; margin-bottom:10px; }
.mt-ne-para{ position:relative; margin:0 0 14px; padding-left:34px; font-size:.95rem; line-height:1.8; color:rgba(255,255,255,.95); }
.mt-ne-para:last-child{ margin-bottom:0; }
.mt-ne-pnum{
	position:absolute; left:0; top:2px; width:24px; height:24px; border-radius:7px; background:rgba(224,169,63,.2); color:var(--n-gold);
	font-family:'Poppins',sans-serif; font-weight:700; font-size:.74rem; display:grid; place-items:center;
}
.mt-ne-text u{ text-decoration-color:var(--n-gold); text-decoration-thickness:2px; text-underline-offset:3px; font-weight:800; }
.mt-ne-fig{ margin:0 0 14px; }
.mt-ne-fig img{ max-width:100%; height:auto; border-radius:10px; display:block; }
.mt-ne-text-source{ margin:14px 0 0; font-size:.78rem; font-style:italic; color:rgba(255,255,255,.75); text-align:right; }

.mt-ne-textbtn{
	position:fixed; right:14px; bottom:16px; z-index:60; display:none; align-items:center; gap:6px; min-height:48px; padding:0 18px;
	border:none; border-radius:999px; background:var(--n-violet); color:#fff; font-family:'Nunito',sans-serif; font-weight:800; font-size:.9rem;
	box-shadow:0 8px 22px rgba(33,58,71,.32); cursor:pointer;
}
.mt-ne-textbtn.is-on{ display:inline-flex; }
.mt-ne-sheet{ position:fixed; inset:0; z-index:90; display:none; background:rgba(21,42,52,.55); }
.mt-ne-sheet.is-open{ display:block; }
.mt-ne-sheet-card{
	position:absolute; left:0; right:0; bottom:0; max-height:82vh; overflow:auto; background:var(--n-navy-deep); border-radius:18px 18px 0 0; padding:10px 14px 22px;
}
.mt-ne-sheet-close{
	position:sticky; top:0; display:block; margin:0 0 8px auto; min-height:44px; padding:0 18px; border:none; border-radius:999px; background:var(--n-gold); color:#1B2A31;
	font-family:'Nunito',sans-serif; font-weight:800; cursor:pointer; z-index:2;
}
.mt-ne-sheet .mt-ne-text{ padding:0; background:transparent; }

/* ---------------- TASKS ---------------- */
.mt-ne-task{ background:#fff; border:1.5px solid var(--n-line); border-radius:16px; padding:16px 14px; scroll-margin-top:calc(var(--ne-stick) + 92px); }
.mt-ne-task-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.mt-ne-task-head h3{ font-size:.93rem; line-height:1.4; text-transform:uppercase; letter-spacing:.01em; }
.mt-ne-pts{ flex-shrink:0; font-size:.72rem; font-weight:800; padding:4px 10px; border-radius:999px; background:var(--n-gold-tint); color:var(--n-gold-deep); border:1px solid #EBD8A9; white-space:nowrap; }
.mt-ne-task-note{ margin:6px 0 0; font-size:.82rem; color:var(--n-soft); }
.mt-ne-task.is-done{ border-color:var(--n-green); }

.mt-ne-bank{ list-style:none; display:flex; flex-wrap:wrap; gap:7px; padding:12px 0 2px; margin:0; }
.mt-ne-bank li{ background:var(--n-green-tint); color:var(--n-green-deep); border:1.5px solid #BFE3D2; border-radius:999px; padding:5px 12px; font-weight:800; font-size:.85rem; }

.mt-ne-items{ list-style:none; counter-reset:neitem; margin:14px 0 0; padding:0; display:flex; flex-direction:column; gap:14px; }
.mt-ne-item{ counter-increment:neitem; position:relative; padding-left:34px; }
.mt-ne-item::before{
	content:counter(neitem); position:absolute; left:0; top:0; width:24px; height:24px; border-radius:50%; background:var(--n-navy); color:#fff;
	font-family:'Poppins',sans-serif; font-weight:700; font-size:.76rem; display:grid; place-items:center;
}
.mt-ne-prompt{ font-size:.95rem; font-weight:700; color:var(--n-navy); line-height:1.85; }
.mt-ne-prompt u{ text-underline-offset:3px; }
.mt-ne-gap{ display:inline-block; min-width:64px; border-bottom:2px solid var(--n-navy); margin:0 2px; }

.mt-ne-blank{
	font-family:'Nunito',sans-serif; font-size:.95rem; font-weight:700; color:var(--n-ink); background:var(--n-paper); border:0; border-bottom:2.5px solid var(--n-navy);
	border-radius:6px 6px 0 0; padding:5px 8px; min-height:38px; max-width:100%; width:auto; margin:2px 3px; vertical-align:baseline;
}
.mt-ne-blank:focus{ background:#fff; outline:3px solid #1B6FD1; outline-offset:1px; }
.mt-ne-select{ border:1.5px solid var(--n-line); border-bottom:2.5px solid var(--n-navy); padding-right:4px; }
.mt-ne-blank.is-correct{ background:var(--n-green-tint); border-bottom-color:var(--n-green); color:var(--n-green-deep); }
.mt-ne-blank.is-wrong{ background:var(--n-red-tint); border-bottom-color:var(--n-red); color:var(--n-red); }
.mt-ne-ans{ display:inline-block; margin:0 4px; padding:2px 9px; border-radius:999px; background:var(--n-green-tint); color:var(--n-green-deep); font-weight:800; font-size:.82rem; }

.mt-ne-choices{ display:flex; flex-direction:column; gap:8px; margin-top:10px; }
.mt-ne-choices-tf{ flex-direction:row; }
.mt-ne-choices-tf .mt-ne-choice{ flex:1; text-align:center; }
.mt-ne-choice{
	text-align:left; background:var(--n-paper); border:1.5px solid var(--n-line); border-radius:11px; padding:11px 13px; min-height:46px;
	font-family:'Nunito',sans-serif; font-size:.92rem; font-weight:700; color:var(--n-ink); cursor:pointer; transition:border-color .12s, background .12s;
}
.mt-ne-choice:hover{ border-color:var(--n-green); }
.mt-ne-choice.is-selected{ background:#E8F0F8; border-color:#1B6FD1; color:#0F3F7A; }
.mt-ne-choice.is-correct{ background:var(--n-green-tint); border-color:var(--n-green); color:var(--n-green-deep); }
.mt-ne-choice.is-wrong{ background:var(--n-red-tint); border-color:var(--n-red); color:var(--n-red); }
.mt-ne-choice[disabled]{ cursor:default; }

.mt-ne-open-wrap{ margin-top:10px; }
.mt-ne-open-label{ display:block; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:var(--n-soft); margin-bottom:5px; }
.mt-ne-open,.mt-ne-wbox{
	display:block; width:100%; border:1.5px solid var(--n-line); border-radius:11px; padding:11px 12px; background:var(--n-paper);
	font-family:'Nunito',sans-serif; font-size:.95rem; line-height:1.6; color:var(--n-ink); resize:vertical;
}
.mt-ne-open:focus,.mt-ne-wbox:focus{ background:#fff; border-color:#1B6FD1; outline:3px solid rgba(27,111,209,.25); }
.mt-ne-open.is-correct{ border-color:var(--n-green); background:var(--n-green-tint); }
.mt-ne-open.is-wrong{ border-color:var(--n-red); background:var(--n-red-tint); }
.mt-ne-model{ margin-top:9px; padding:11px 13px; border-radius:11px; background:#fff; border:1.5px dashed var(--n-green); font-size:.9rem; }
.mt-ne-model b{ display:block; font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; color:var(--n-green-deep); margin-bottom:3px; }
.mt-ne-selfmark{
	display:block; margin-top:9px; min-height:44px; padding:8px 14px; border:2px solid var(--n-green); border-radius:10px; background:#fff; color:var(--n-green-deep);
	font-family:'Nunito',sans-serif; font-weight:800; font-size:.85rem; cursor:pointer;
}
.mt-ne-selfmark.is-on{ background:var(--n-green); color:#fff; }

.mt-ne-fb{ margin-top:10px; border-radius:10px; padding:10px 12px; font-size:.85rem; }
.mt-ne-fb.is-correct{ background:var(--n-green-tint); color:#075F43; }
.mt-ne-fb.is-partial{ background:var(--n-gold-tint); color:#6B4A07; }
.mt-ne-fb.is-wrong{ background:var(--n-red-tint); color:#8E2B2B; }
.mt-ne-verdict{ font-weight:800; }
.mt-ne-tip{ margin-top:3px; }

.mt-ne-task-foot{ margin-top:16px; display:flex; flex-direction:column; gap:10px; align-items:stretch; }
.mt-ne-task-score{ font-weight:800; font-size:.9rem; color:var(--n-navy); min-height:1.2em; }

.mt-ne-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:48px; padding:12px 20px; border:none; border-radius:12px;
	background:var(--n-green-deep); color:#fff; font-family:'Nunito',sans-serif; font-weight:800; font-size:.95rem; cursor:pointer; transition:background .15s, transform .15s;
}
.mt-ne-btn:hover{ background:#075F43; transform:translateY(-1px); }
.mt-ne-btn-outline{ background:#fff; color:var(--n-navy); border:2px solid var(--n-line); }
.mt-ne-btn-outline:hover{ background:var(--n-green-tint); border-color:var(--n-green); transform:none; }
.mt-ne-btn[disabled]{ opacity:.55; cursor:default; transform:none; }

/* ---------------- TABLES / CHARTS, FIGURES, NOTES, GLOSSARY ---------------- */
.mt-ne-tablewrap{ margin-top:14px; overflow-x:auto; }
.mt-ne-table{ width:100%; border-collapse:separate; border-spacing:0; border:1.5px solid var(--n-line); border-radius:12px; overflow:hidden; font-size:.93rem; }
.mt-ne-table th,.mt-ne-table td{ padding:10px 12px; border-bottom:1px solid var(--n-line); text-align:left; vertical-align:top; }
.mt-ne-table tr:last-child > *{ border-bottom:0; }
.mt-ne-table thead th{ background:var(--n-navy); color:#fff; font-family:'Poppins',sans-serif; font-size:.78rem; text-transform:uppercase; letter-spacing:.03em; }
.mt-ne-table tbody th{ background:var(--n-paper); font-weight:800; color:var(--n-navy); width:34%; }
.mt-ne-table td + td, .mt-ne-table th + td, .mt-ne-table thead th + th{ border-left:1px solid var(--n-line); }
.mt-ne-table .mt-ne-blank{ width:100%; margin:0; }
.mt-ne-table .mt-ne-open{ min-height:64px; }
.mt-ne-row-item{ counter-increment:none; padding:0; }
.mt-ne-row-item::before{ display:none !important; }
.mt-ne-figure{ margin:0; text-align:center; }
.mt-ne-figure img{ max-width:100%; height:auto; border-radius:12px; border:1px solid var(--n-line); background:#fff; }
.mt-ne-figure figcaption,.mt-ne-fig figcaption{ margin-top:6px; font-size:.78rem; font-weight:700; font-style:italic; color:var(--n-soft); }
.mt-ne-text .mt-ne-fig figcaption{ color:rgba(255,255,255,.8); }
.mt-ne-note{ padding:12px 14px; border-left:5px solid var(--n-gold); background:var(--n-gold-tint); border-radius:10px; font-weight:700; font-size:.92rem; color:var(--n-navy); }
.mt-ne-note p{ margin:0 0 6px; } .mt-ne-note p:last-child{ margin:0; }
.mt-ne-glossary{ list-style:none; margin:14px 0 0; padding:12px 0 0; border-top:1px dashed rgba(255,255,255,.3); display:flex; flex-wrap:wrap; gap:6px 18px; font-size:.85rem; font-style:italic; color:rgba(255,255,255,.9); }
.mt-ne-glossary li{ margin:0; }

/* ---------------- WRITING ---------------- */
.mt-ne-write{ border-color:#EBD8A9; }
.mt-ne-wprompt{ margin:12px 0; padding:13px 14px; border-radius:12px; background:var(--n-gold-tint); border:1px solid #EBD8A9; font-size:.95rem; color:var(--n-navy); }
.mt-ne-wprompt p{ margin:0 0 8px; } .mt-ne-wprompt p:last-child{ margin:0; }
.mt-ne-starter{ margin:0 0 8px; padding:10px 12px; border-left:4px solid var(--n-gold); background:var(--n-paper); font-weight:700; font-size:.95rem; }
.mt-ne-wmeta{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 14px; font-size:.76rem; font-weight:700; color:var(--n-soft); margin:7px 0 14px; }
.mt-ne-wpanel{ margin-top:14px; }
.mt-ne-modelcard{ background:#fff; border:1.5px dashed var(--n-green); border-radius:12px; padding:14px; margin-bottom:12px; font-size:.92rem; }
.mt-ne-modelcard h4,.mt-ne-checkhead{ font-size:.85rem; color:var(--n-green-deep); margin-bottom:8px; }
.mt-ne-modelcard p{ margin:0 0 9px; } .mt-ne-modelcard p:last-child{ margin:0; }
.mt-ne-checklist{ display:flex; flex-direction:column; gap:8px; }
.mt-ne-checkitem{ display:flex; align-items:flex-start; gap:10px; padding:10px 12px; background:#fff; border:1px solid var(--n-line); border-radius:10px; }
.mt-ne-checkitem input{ width:20px; height:20px; margin-top:2px; accent-color:var(--n-green-deep); flex-shrink:0; }
.mt-ne-checkitem label{ font-size:.88rem; }
.mt-ne-selfgrade{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-top:12px; font-weight:800; font-size:.88rem; color:var(--n-navy); }
.mt-ne-grade{ width:82px; min-height:44px; padding:6px 10px; border:1.5px solid var(--n-line); border-radius:10px; font-size:1rem; font-family:'Nunito',sans-serif; font-weight:800; }
.mt-ne-wnote{ margin:10px 0 0; font-size:.76rem; font-style:italic; color:var(--n-soft); }

/* ---------------- FINISH + RESULTS ---------------- */
.mt-ne-finish{ margin-top:28px; }
.mt-ne-unchecked{ margin:0 0 10px; text-align:center; font-size:.82rem; font-weight:800; color:var(--n-gold-deep); }
.mt-ne-results{ scroll-margin-top:calc(var(--ne-stick) + 100px); margin-top:24px; padding:26px 16px; border-radius:18px; background:#fff; border:2px solid var(--n-green); text-align:center; }
.mt-ne-ring{ width:150px; height:150px; border-radius:50%; margin:0 auto 16px; display:grid; place-items:center; background:var(--n-line); }
.mt-ne-ring-in{ width:120px; height:120px; border-radius:50%; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.mt-ne-ring-in b{ font-family:'Poppins',sans-serif; font-size:1.9rem; line-height:1; color:var(--n-navy); }
.mt-ne-ring-in small{ font-weight:800; color:var(--n-soft); font-size:.8rem; }
.mt-ne-results-title{ font-size:1.3rem; }
.mt-ne-results-sub{ color:var(--n-soft); font-size:.88rem; margin:6px 0 18px; }
.mt-ne-rows{ display:flex; flex-direction:column; gap:9px; text-align:left; margin-bottom:16px; }
.mt-ne-row{ display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--n-line); border-radius:12px; background:var(--n-paper); }
.mt-ne-dot{ width:12px; height:12px; border-radius:50%; flex-shrink:0; }
.mt-ne-row-label{ flex:1; font-weight:800; font-size:.9rem; color:var(--n-navy); }
.mt-ne-row-label small{ display:block; font-weight:700; font-size:.72rem; color:var(--n-soft); }
.mt-ne-row-score{ font-family:'Poppins',sans-serif; font-weight:700; font-size:.95rem; color:var(--n-navy); white-space:nowrap; }
.mt-ne-row-score.pending{ font-family:'Nunito',sans-serif; font-size:.8rem; color:var(--n-gold-deep); }
.mt-ne-results-note{ font-size:.8rem; color:var(--n-soft); margin:0 0 16px; }
.mt-ne-warning{ margin:14px 0; padding:12px 14px; border-radius:10px; background:#FFF4D6; border:1px solid #E0A93F; color:#4B3406; font-size:.85rem; }
.mt-ne-adwrap{ margin-top:10px; }
.mt-ne-adwrap .mt-seo-ad{
	margin:30px auto 0; min-height:250px; display:flex; flex-direction:column; align-items:center; justify-content:center;
	background:var(--n-paper); border:1.5px dashed var(--n-line); border-radius:14px; padding:10px;
}
.mt-ne-adwrap .mt-seo-ad-label{ font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--n-soft); margin-bottom:8px; }
.mt-ne-page.is-finished .mt-ne-final{ display:none; }

/* ---------------- RELATED ---------------- */
.mt-ne-related{ max-width:1120px; margin:0 auto; padding:26px 14px 44px; border-top:1px solid var(--n-line); }
.mt-ne-related h3{ font-size:1.02rem; margin-bottom:12px; }
.mt-ne-related-list{ display:grid; gap:10px; }
.mt-ne-related-item{
	display:flex; justify-content:space-between; align-items:center; gap:10px; padding:14px 15px; background:#fff; border:1.5px solid var(--n-line); border-radius:12px;
	text-decoration:none; color:var(--n-navy); font-weight:800; font-size:.92rem; min-height:48px;
}
.mt-ne-related-item:hover{ border-color:var(--n-green); }
.mt-ne-related-item i{ color:var(--n-green-deep); font-style:normal; }

/* ---------------- TABLET / DESKTOP ---------------- */
@media (min-width:700px){
	.mt-ne-wrap{ padding:0 22px 64px; }
	.mt-ne-bar{ margin:12px -22px 0; padding:10px 22px; }
	.mt-ne-hero{ padding:30px 30px 26px; }
	.mt-ne-hero-title{ font-size:1.9rem; }
	.mt-ne-chips{ grid-template-columns:repeat(4,auto); justify-content:start; gap:10px; }
	.mt-ne-chips li{ padding:10px 18px; }
	.mt-ne-task{ padding:20px 22px; }
	.mt-ne-task-foot{ flex-direction:row; align-items:center; justify-content:space-between; }
	.mt-ne-task-foot .mt-ne-btn{ width:auto; min-width:200px; }
	.mt-ne-choices{ flex-direction:row; flex-wrap:wrap; }
	.mt-ne-btn{ width:auto; min-width:260px; }
	.mt-ne-finish{ text-align:center; }
	.mt-ne-results-actions .mt-ne-btn{ min-width:220px; }
	.mt-ne-related-list{ grid-template-columns:repeat(2,1fr); }
}
@media (min-width:1000px){
	/* Text stays in view on the left while the tasks scroll on the right. */
	.mt-ne-part-comprehension .mt-ne-part-body{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:22px; row-gap:0; align-items:start; }
	.mt-ne-part-comprehension .mt-ne-text{
		grid-column:1; grid-row:1 / span 40; position:sticky; top:calc(var(--ne-stick) + 96px); align-self:start;
		max-height:calc(100vh - var(--ne-stick) - 120px); overflow:auto; margin-bottom:0;
	}
	.mt-ne-part-comprehension .mt-ne-task{ grid-column:2; margin-bottom:14px; }
	.mt-ne-textbtn{ display:none !important; }
	.mt-ne-part-comprehension .mt-ne-text ~ .mt-ne-text{ grid-column:1 / -1; grid-row:auto; position:static; max-height:none; margin-top:14px; }
	.mt-ne-para{ font-size:.92rem; }
}
@media (max-width:640px){
	/* Tables become stacked cards on phones, with the column name above each answer. */
	.mt-ne-table,.mt-ne-table tbody,.mt-ne-table tr,.mt-ne-table th,.mt-ne-table td{ display:block; width:auto !important; }
	.mt-ne-table thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
	.mt-ne-table{ border:0; }
	.mt-ne-table tr{ border:1.5px solid var(--n-line); border-radius:12px; margin-bottom:10px; overflow:hidden; background:#fff; }
	.mt-ne-table th,.mt-ne-table td,.mt-ne-table td + td,.mt-ne-table th + td{ border:0; border-left:0; }
	.mt-ne-table td{ padding-top:6px; }
	.mt-ne-table td[data-label]:not([data-label=""])::before{ content:attr(data-label); display:block; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:var(--n-soft); margin-bottom:4px; }
}
@media (max-width:480px){
	.mt-ne-tabs a{ padding:8px 10px; font-size:.76rem; }
	.mt-ne-tabs a span,.mt-ne-tabs a small{ display:none; }
	.mt-ne-timer{ padding:8px 10px; }
}
@media (prefers-reduced-motion:reduce){
	.mt-ne-page *{ transition:none !important; scroll-behavior:auto !important; }
}

/* ---------------- RTL (Arabic-page ready) ---------------- */
[dir="rtl"] .mt-ne-hero-ar{ text-align:right; }
[dir="rtl"] .mt-ne-para{ padding-left:0; padding-right:34px; }
[dir="rtl"] .mt-ne-pnum{ left:auto; right:0; }
[dir="rtl"] .mt-ne-item{ padding-left:0; padding-right:34px; }
[dir="rtl"] .mt-ne-item::before{ left:auto; right:0; }