/* ==========================================================================
   Munden Interactive - site-wide theme (mi-redesign, 2026-09-27, Web Design bot)
   Loaded by includes/header.php AFTER assets/css/style.css.
   Same visual system as the homepage (assets/css/home.css).
   Tier 1: generic components, wrapped in :where(.mi) so page <style> blocks
           can still override them (page-specific colours/logic keep working).
   Tier 2: template restyles (heroes, cards, question UI), prefixed body.mi so
           they win over the old per-page <style> blocks.
   ========================================================================== */
:root{--mi-navy:#0D1B2A;--mi-indigo:#1A237E;--mi-blue:#1565C0;--mi-deep:#0D47A1;--mi-sky:#90CAF9;--mi-ice:#F4F7FF;
--mi-red:#C62828;--mi-green:#2E7D32;--mi-gold:#FFB300;--mi-ink:#1B2433;--mi-body:#37474F;--mi-muted:#455A64;--mi-line:#DDE4F2;--mi-r:18px;
--mi-disp:"Montserrat","Arial Black","Helvetica Neue",Arial,system-ui,sans-serif;--mi-txt:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--mi-hero:radial-gradient(ellipse at 70% 35%,#1e3a8a 0%,#1A237E 38%,#0D1B2A 80%)}

/* ---------- base ---------- */
body.mi{font-family:var(--mi-txt);color:var(--mi-body);background:#fff;margin:0;padding:0;overflow-x:clip}
:where(.mi) :focus-visible{outline:3px solid #FFD54F;outline-offset:3px}
:where(.mi) h1,:where(.mi) h2,:where(.mi) h3,:where(.mi) h4{font-family:var(--mi-disp);color:var(--mi-ink);letter-spacing:-.01em;line-height:1.15}
:where(.mi) h1{font-weight:900}:where(.mi) h2{font-weight:900}:where(.mi) h3{font-weight:800}:where(.mi) h4{font-weight:800}
:where(.mi) a{color:var(--mi-blue)}
:where(.mi) .site-main{flex:1 0 auto}
:where(.mi) .section{padding:56px 0}
:where(.mi) .section-alt{background:var(--mi-ice)}
:where(.mi) .section-header{text-align:center;max-width:760px;margin:0 auto 36px}
:where(.mi) .section-header h1,:where(.mi) .section-header h2{font-size:clamp(28px,4.4vw,44px);margin-bottom:.35em}
:where(.mi) .section-header p{color:var(--mi-muted);font-size:1.08rem}
.mi-skip{position:absolute;left:-999px;top:8px;z-index:200;background:#fff;color:var(--mi-indigo);padding:12px 16px;border-radius:8px;font-weight:700}
.mi-skip:focus{left:8px}
.mi-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}

/* ---------- glossy buttons (Flash-era) ---------- */
:where(.mi) .btn,.mi-btn,:where(.mi) :is(input[type=submit],button[type=submit]):not([class]){position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;
 min-height:44px;padding:11px 24px;border-radius:999px;border:0;font:800 15.5px/1.2 var(--mi-disp);letter-spacing:.01em;text-decoration:none;cursor:pointer;
 overflow:hidden;isolation:isolate;text-align:center;color:#fff;
 background:linear-gradient(180deg,#1E88E5 0%,#1565C0 48%,#0D47A1 52%,#1A237E 100%);
 box-shadow:0 4px 0 #0A1860,0 8px 18px rgba(13,71,161,.3),inset 0 1px 0 rgba(255,255,255,.45);
 transition:transform .18s cubic-bezier(.2,1.6,.4,1),box-shadow .18s,filter .18s}
:where(.mi) .btn::before,.mi-btn::before{content:"";position:absolute;left:6%;right:6%;top:3px;height:45%;border-radius:999px;background:linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,.05));z-index:-1;pointer-events:none}
:where(.mi) .btn:hover,.mi-btn:hover{transform:translateY(-2px);text-decoration:none;color:#fff;filter:brightness(1.05)}
:where(.mi) .btn:active,.mi-btn:active{transform:translateY(1px)}
:where(.mi) :is(.btn-primary,.btn-primary-sm){color:#fff;background:linear-gradient(180deg,#1E88E5 0%,#1565C0 48%,#0D47A1 52%,#1A237E 100%)}
:where(.mi) :is(.btn-accent,.btn-gold),.mi-btn-gold{color:#0D1B2A;background:linear-gradient(180deg,#FFE082 0%,#FFCA28 48%,#FFB300 52%,#FF8F00 100%);box-shadow:0 4px 0 #C66900,0 8px 20px rgba(255,143,0,.4),inset 0 1px 0 rgba(255,255,255,.8)}
:where(.mi) :is(.btn-accent,.btn-gold):hover,.mi-btn-gold:hover{color:#0D1B2A}
:where(.mi) .btn-danger{color:#fff;background:linear-gradient(180deg,#E53935 0%,#C62828 48%,#B71C1C 52%,#8E0000 100%);box-shadow:0 4px 0 #6A0000,0 8px 18px rgba(198,40,40,.3)}
:where(.mi) .btn-success{color:#fff;background:linear-gradient(180deg,#2E7D32 0%,#1B5E20 50%,#154A19 52%,#0F3D13 100%);box-shadow:0 4px 0 #0B3310}
:where(.mi) :is(.btn-outline-sm,.btn-outline,.btn-secondary){color:var(--mi-deep);background:linear-gradient(180deg,#fff 0%,#F1F6FF 50%,#E3EDFF 52%,#D6E4FF 100%);box-shadow:inset 0 0 0 2px #9DB8EA,0 3px 0 #9DB8EA}
:where(.mi) :is(.btn-outline-sm,.btn-outline,.btn-secondary):hover{color:var(--mi-indigo);background:linear-gradient(180deg,#fff 0%,#E8F0FF 50%,#D6E4FF 52%,#C9DCFF 100%)}
:where(.mi) .btn-sm,.mi-btn-sm{min-height:44px;padding:9px 18px;font-size:14.5px}
:where(.mi) .btn-lg{min-height:56px;padding:15px 32px;font-size:17.5px}
:where(.mi) .btn-full,:where(.mi) .w-full{width:100%}
:where(.mi) :is(.btn,button,input[type=submit])[disabled]{opacity:.55;cursor:not-allowed;transform:none}

/* ---------- cards ---------- */
:where(.mi) :is(.card,.admin-card,.question-card,.result-box,.stat-box,.price-card,.product-card,.quiz-container){background:#fff;border:1px solid var(--mi-line);border-radius:var(--mi-r);
 box-shadow:0 2px 0 #E3E9F6,0 12px 30px rgba(26,35,126,.07)}
:where(.mi) :is(.card,.admin-card,.price-card,.product-card){padding:24px}
:where(.mi) .card h3,:where(.mi) .admin-card h2,:where(.mi) .admin-card h3{color:var(--mi-ink)}
:where(.mi) .stat-box{text-align:center;padding:18px}
:where(.mi) .tag{display:inline-block;border-radius:999px;padding:4px 12px;font:800 12px/1.3 var(--mi-txt);letter-spacing:.03em;background:#E3F2FD;color:#0D47A1}

/* ---------- forms ---------- */
:where(.mi) .form-group{margin-bottom:18px}
:where(.mi) .form-group label,:where(.mi) label.form-label{display:block;font-weight:700;color:var(--mi-ink);margin-bottom:6px;font-size:.95rem}
:where(.mi) :is(.form-control,input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],select,textarea){
 min-height:48px;border:2px solid var(--mi-line);border-radius:12px;padding:10px 14px;font:500 16px/1.4 var(--mi-txt);color:var(--mi-ink);background:#fff;max-width:100%}
:where(.mi) textarea{min-height:110px}
:where(.mi) :is(.form-control,input,select,textarea):focus{outline:none;border-color:var(--mi-blue);box-shadow:0 0 0 4px rgba(21,101,192,.18)}
:where(.mi) .form-hint,:where(.mi) .help-text{color:var(--mi-muted);font-size:.9rem}

/* ---------- tables ---------- */
:where(.mi) table{border-collapse:separate;border-spacing:0;border:1px solid var(--mi-line);border-radius:14px;overflow:hidden;background:#fff}
:where(.mi) th{background:linear-gradient(180deg,#1A3A8C,#1A237E);color:#fff;font:800 14px/1.3 var(--mi-disp);letter-spacing:.02em;text-align:left;padding:12px 14px}
:where(.mi) td{padding:11px 14px;border-top:1px solid #E8EDF7;vertical-align:top}
:where(.mi) tbody tr:nth-child(even) td{background:#F7F9FF}

/* ---------- alerts / flashes / breadcrumbs ---------- */
:where(.mi) :is(.alert,.flash){border-radius:14px;padding:14px 18px;font-weight:600;border:0;border-left:5px solid currentColor}
:where(.mi) :is(.alert-success,.flash-success){background:#E8F5E9;color:#1B5E20}
:where(.mi) :is(.alert-danger,.flash-error){background:#FFEBEE;color:#B71C1C}
:where(.mi) :is(.alert-info,.flash-info){background:#E3F2FD;color:#0D47A1}
:where(.mi) .alert-warning{background:#FFF8E1;color:#7A4100}
body.mi .flash.container{margin-top:16px;max-width:1140px!important}
body.mi .breadcrumbs{background:var(--mi-ice);border-bottom:1px solid var(--mi-line);padding:10px 0;font-size:14px}
body.mi .breadcrumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0;padding:0}
body.mi .breadcrumbs li+li::before{content:"\203A";margin:0 8px;color:#90A4AE}
body.mi .breadcrumbs a{color:var(--mi-deep);font-weight:600;display:inline-flex;align-items:center;min-height:32px}

/* ---------- quiz / question UI (shared classes) ---------- */
:where(.mi) .question-text{font-family:var(--mi-disp);font-weight:800;color:var(--mi-indigo);font-size:clamp(18px,2.2vw,22px);line-height:1.35}
body.mi :is(.answer-option,.prac-opt){display:flex;align-items:center;gap:14px;min-height:56px;border:2px solid var(--mi-line)!important;border-radius:14px!important;background:#fff!important;
 padding:14px 16px!important;font-weight:600;color:var(--mi-ink);cursor:pointer;box-shadow:0 2px 0 #E8EDF7;transition:border-color .15s,background .15s,transform .15s}
body.mi :is(.answer-option,.prac-opt):hover{border-color:#90B4F0!important;background:#F4F8FF!important;transform:translateY(-1px)}
body.mi :is(.answer-option.selected,.prac-opt:has(input:checked)){border-color:var(--mi-blue)!important;background:#EAF2FF!important}
body.mi :is(.answer-option.correct,.prac-opt.cor){border-color:#2E7D32!important;background:#E8F5E9!important}
body.mi :is(.answer-option.incorrect,.answer-option.wrong,.prac-opt.inc){border-color:#C62828!important;background:#FFEBEE!important}
:where(.mi) .explanation-box{background:#F4F8FF;border-left:5px solid var(--mi-blue);border-radius:12px;padding:16px 18px}
:where(.mi) .progress-bar-track,:where(.mi) .domain-bar-track{background:#E6ECF8;border-radius:999px;overflow:hidden}
:where(.mi) .progress-bar-fill,:where(.mi) .domain-bar-fill{background:linear-gradient(90deg,#1E88E5,#1A237E);border-radius:999px}

/* ---------- header (matches homepage) ---------- */
.mi-hdr{position:sticky;top:0;z-index:1000;color:#fff;font-family:var(--mi-txt);
 background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 50%,rgba(0,0,0,.18) 51%,rgba(0,0,0,.28) 100%),linear-gradient(90deg,#0D1B2A,#1A237E 60%,#1565C0);
 border-bottom:2px solid rgba(144,202,249,.55);box-shadow:0 6px 24px rgba(0,0,0,.35)}
.mi-hdr-in{display:flex;align-items:center;gap:16px;min-height:72px;position:relative}
.mi-logo{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;min-height:44px;flex:none}
.mi-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font:900 24px var(--mi-disp);color:#fff;
 background:linear-gradient(180deg,#90CAF9 0%,#1E88E5 50%,#0D47A1 51%,#1A237E 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 8px rgba(0,0,0,.45);text-shadow:0 2px 0 rgba(0,0,0,.35)}
.mi-name{font:800 19px/1 var(--mi-disp);letter-spacing:.01em;white-space:nowrap;color:#fff}
.mi-name b{font-weight:900;color:var(--mi-sky)}
.mi-name small{display:block;font:700 10px/1 var(--mi-txt);letter-spacing:.2em;text-transform:uppercase;color:#CFE3FF;margin-top:5px}
.mi-burger{margin-left:auto;width:48px;height:48px;min-height:48px;padding:0!important;border-radius:12px!important;border:0;background:rgba(255,255,255,.12)!important;display:grid!important;place-content:center;gap:5px;cursor:pointer;box-shadow:none!important;width:48px!important;max-width:48px!important;margin-bottom:0!important}
.mi-burger span{display:block;width:22px;height:3px;border-radius:2px;background:#fff;transition:.25s}
.mi-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.mi-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.mi-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mi-nav{display:none;position:absolute;left:-20px;right:-20px;top:100%;background:#0F1F4A;padding:12px 20px 22px;box-shadow:0 18px 30px rgba(0,0,0,.4);max-height:calc(100vh - 74px);overflow:auto}
.mi-nav.open{display:block}
.mi-nav a,.mi-dd summary{display:flex;align-items:center;min-height:48px;color:#fff;text-decoration:none!important;font:700 16px var(--mi-txt);padding:0 6px;border-bottom:1px solid rgba(255,255,255,.08)}
.mi-dd summary{cursor:pointer;list-style:none;justify-content:space-between}
.mi-dd summary::-webkit-details-marker{display:none}
.mi-dd summary::after{content:"";width:8px;height:8px;border-right:2.5px solid var(--mi-sky);border-bottom:2.5px solid var(--mi-sky);transform:rotate(45deg) translateY(-3px);margin-left:8px;transition:.2s}
.mi-dd[open] summary::after{transform:rotate(225deg)}
.mi-dd-menu{padding:4px 0 8px 12px}
.mi-dd-menu a{font-weight:500;color:#E3EEFF;min-height:44px}
.mi-dd-menu small{color:#B3C7E6;margin-left:4px}
.mi-nav .mi-btn{margin-top:16px;width:100%;border-bottom:0;color:#0D1B2A}
@media (min-width:1100px){
 .mi-burger{display:none!important}
 .mi-nav{display:flex!important;position:static;background:none;box-shadow:none;padding:0;margin-left:auto;align-items:center;gap:2px;overflow:visible;max-height:none}
 .mi-nav a.mi-nl,.mi-dd summary{border:0;padding:0 14px;border-radius:10px;font-size:15.5px;min-height:44px}
 .mi-nav a.mi-nl:hover,.mi-dd summary:hover,.mi-dd[open] summary{background:rgba(255,255,255,.12)}
 .mi-nav a.mi-login{margin-left:6px;color:#DDEBFF}
 .mi-dd{position:relative}
 .mi-dd-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:250px;background:#fff;border-radius:14px;padding:8px;box-shadow:0 18px 40px rgba(13,27,42,.35);border-top:4px solid var(--mi-gold);z-index:1001}
 .mi-dd-2col{display:grid;grid-template-columns:1fr 1fr;min-width:400px}
 .mi-dd-menu a{color:var(--mi-ink);border:0;border-radius:8px;padding:0 12px;font-size:15px;font-weight:600}
 .mi-dd-menu a:hover{background:#EEF3FF;color:var(--mi-indigo)}
 .mi-dd-menu small{color:var(--mi-muted)}
 .mi-nav .mi-btn{margin:0 0 0 10px;width:auto}
}

/* ---------- footer (matches homepage) ---------- */
.mi-ftr{background:#0B1522;color:#CFD8DC;padding:64px 0 0;font-family:var(--mi-txt);margin-top:0}
.mi-foot{display:grid;gap:34px}
@media (min-width:760px){.mi-foot{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.mi-f-brand p{font-size:15px;margin:16px 0;color:#CFD8DC}
.mi-social{list-style:none;display:flex;gap:10px;padding:0;margin:0}
.mi-social a{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff}
.mi-social a:hover{background:#1565C0}
.mi-social svg{width:20px;height:20px;fill:currentColor}
.mi-fh{font:800 13px var(--mi-disp);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 8px}
.mi-f-col ul{list-style:none;margin:0;padding:0}
.mi-f-col a{display:inline-flex;min-width:44px;align-items:center;min-height:44px;color:#CFD8DC;text-decoration:none;font-size:15px}
.mi-f-col a:hover{color:#fff;text-decoration:underline}
.mi-foot-bottom{margin-top:44px;border-top:1px solid rgba(255,255,255,.1);padding:22px 0 30px;font-size:13.5px;color:#B0BEC5}
.mi-foot-bottom p{margin:0 0 6px}

/* ---------- Tier 2: page heroes -> homepage hero look ---------- */
body.mi :is(.cp-hero,.faq-hero,.fc-hero,.tutor-hero,.news-hero,.podcast-hero,.rhythm-header,.quiz-header,.mi-hero){
 position:relative;overflow:hidden;isolation:isolate;color:#fff;background:var(--mi-hero);border:0;box-shadow:0 18px 40px rgba(13,27,42,.25)}
body.mi :is(.cp-hero,.faq-hero,.fc-hero,.tutor-hero,.news-hero,.podcast-hero,.rhythm-header,.quiz-header,.mi-hero)::before{content:"";position:absolute;left:50%;top:45%;width:260vmax;height:260vmax;margin:-130vmax 0 0 -130vmax;
 background:repeating-conic-gradient(from 0deg,rgba(144,202,249,.075) 0deg 7deg,transparent 7deg 18deg);z-index:-1;pointer-events:none}
body.mi :is(.cp-hero,.faq-hero,.fc-hero,.tutor-hero,.news-hero,.podcast-hero,.rhythm-header,.quiz-header,.mi-hero)::after{content:"";position:absolute;right:-10%;bottom:-60%;width:50vmax;height:50vmax;border-radius:50%;background:#00B8D4;filter:blur(90px);opacity:.16;z-index:-1;pointer-events:none}
body.mi :is(.cp-hero,.faq-hero,.fc-hero,.tutor-hero,.news-hero,.podcast-hero,.rhythm-header,.quiz-header,.mi-hero) :is(h1,h2){color:#fff;font-family:var(--mi-disp);font-weight:900;letter-spacing:-.02em;text-shadow:0 .05em 0 #0D47A1,0 .1em .25em rgba(0,0,0,.35)}
body.mi :is(.cp-hero,.faq-hero,.fc-hero,.tutor-hero,.news-hero,.podcast-hero,.rhythm-header,.quiz-header,.mi-hero) h1{font-size:clamp(30px,5vw,50px);line-height:1.05}
body.mi :is(.cp-hero,.faq-hero,.fc-hero,.tutor-hero,.news-hero,.podcast-hero,.rhythm-header,.quiz-header,.mi-hero) p{color:#E3EEFF;opacity:1}
body.mi :is(.cp-hero,.news-hero){border-radius:22px}
body.mi :is(.faq-hero,.fc-hero,.tutor-hero,.podcast-hero,.rhythm-header){padding-top:60px;padding-bottom:52px;border-bottom:0}
body.mi .cp-free,body.mi .hero-kicker{display:inline-block;font:800 12px/1 var(--mi-disp);letter-spacing:.2em;text-transform:uppercase;color:#0D1B2A;background:linear-gradient(180deg,#B9F6CA,#69F0AE);
 padding:9px 14px;border-radius:999px;border:0;box-shadow:0 0 18px rgba(105,240,174,.4)}
/* homepage-style hero for store/login/section-header pages */
body.mi .section > .container > .section-header:first-child h1{font-size:clamp(32px,5vw,52px)}

/* ---------- Tier 2: shared card families ---------- */
body.mi :is(.cp-card,.cp-section,.faq-item,.fc-card,.tool-card,.news-card,.plan-card,.fcs-card,.download-section,.pdf-category,.episode-card,.topic-row){border-radius:var(--mi-r);border:1px solid var(--mi-line);box-shadow:0 2px 0 #E3E9F6,0 12px 30px rgba(26,35,126,.07)}
body.mi :is(.cp-card,.fc-card,.tool-card,.news-card):hover{box-shadow:0 4px 0 #D7E0F3,0 18px 36px rgba(26,35,126,.12)}
body.mi :is(.cp-card,.cp-section,.faq-item,.fc-card,.tool-card,.news-card) :is(h2,h3){font-family:var(--mi-disp);color:var(--mi-ink)}
body.mi .cp-note{border-radius:14px;border:0;border-left:5px solid #FFB300;background:#FFF8E1;color:#4E342E}
body.mi .cp-section-head{background:linear-gradient(180deg,#F7F9FF,#EEF3FF)}
body.mi :is(.fc-section-title,.fcs-deck-title){font-family:var(--mi-disp);font-weight:900;color:var(--mi-ink)}
body.mi :is(.fc-btn,.fcs-btn,.cp-btn,.go,.btn-view,.btn-download,.download-button,.faq-cta a){border-radius:999px;font-family:var(--mi-disp);font-weight:800;min-height:44px;display:inline-flex;align-items:center;justify-content:center}

/* ---------- Tier 2: long-form study guides (study/*.php) ---------- */
body.mi .study-guide-container,body.mi .pdf-library-container{max-width:1000px;margin:36px auto 56px;padding:0 20px;font-family:var(--mi-txt);color:var(--mi-body);font-size:16.5px;line-height:1.7}
body.mi .study-guide-container > h1:first-of-type,body.mi .pdf-library-header{position:relative;overflow:hidden;isolation:isolate;background:var(--mi-hero);color:#fff;border:0;border-radius:22px;
 padding:40px 32px;margin:0 0 28px;box-shadow:0 18px 40px rgba(13,27,42,.25)}
body.mi .study-guide-container > h1:first-of-type{font:900 clamp(28px,4.4vw,44px)/1.08 var(--mi-disp);letter-spacing:-.02em;text-shadow:0 .05em 0 #0D47A1,0 .1em .25em rgba(0,0,0,.35)}
body.mi .pdf-library-header :is(h1,p){color:#fff}
body.mi .study-guide-container h2{font:900 clamp(22px,3vw,30px)/1.15 var(--mi-disp);color:var(--mi-ink);border:0;padding:0 0 10px;margin:40px 0 16px;position:relative}
body.mi .study-guide-container h2::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,#FFB300,#FF6D00)}
body.mi .study-guide-container h3{font:800 19px/1.3 var(--mi-disp);color:var(--mi-indigo)}
body.mi .study-guide-container p{text-align:left}
body.mi .study-guide-container table{border-collapse:separate;border-spacing:0;border:1px solid var(--mi-line);border-radius:14px;overflow:auto;display:block;max-width:100%}
body.mi .study-guide-container th{background:linear-gradient(180deg,#1A3A8C,#1A237E);color:#fff;border:0;font-family:var(--mi-disp)}
body.mi .study-guide-container td{border:0;border-top:1px solid #E8EDF7}
body.mi .study-guide-container tr:nth-child(even) td{background:#F7F9FF}
body.mi .disclaimer{border-radius:14px;background:#FFF8E1;border-left:5px solid #FFB300;color:#4E342E}

/* topic hub study pages (study/airway.php etc.) */
body.mi .category-header{border-radius:12px;background:linear-gradient(180deg,#F1F6FF,#E3EDFF);color:var(--mi-deep);min-height:48px;font-family:var(--mi-disp);font-weight:800}

/* ---------- mobile tweaks ---------- */
@media (max-width:640px){
 :where(.mi) .section{padding:36px 0}
 body.mi :is(.cp-hero,.news-hero){border-radius:18px;padding:30px 22px}
 body.mi .study-guide-container > h1:first-of-type{padding:28px 20px}
 .mi-name{font-size:17px}
}
@media (prefers-reduced-motion:reduce){:where(.mi) *{transition:none!important;animation:none!important}}
/* restore a centred content width (the old header forced .container to 100%) */
@media (min-width:900px){body.mi .container{max-width:1180px!important;margin-left:auto;margin-right:auto;padding-left:20px!important;padding-right:20px!important}}

/* ---------- round 2 ---------- */
body.mi :is(.cp-hero,.faq-hero,.fc-hero,.tutor-hero,.news-hero,.podcast-hero,.rhythm-header,.quiz-header,.mi-hero) h1{font-size:clamp(28px,6.4vw,50px)!important}
body.mi .study-guide-container > h1:first-of-type{font-size:clamp(26px,5.6vw,44px)!important}
/* glossy treatment for legacy inline-styled CTA buttons */
body.mi :is(a,button)[style*="background:#1565C0"],body.mi :is(a,button)[style*="background:#0D47A1"],body.mi :is(a,button)[style*="background: #1565C0"]{
 background-image:linear-gradient(180deg,#1E88E5 0%,#1565C0 48%,#0D47A1 52%,#1A237E 100%)!important;box-shadow:0 5px 0 #0A1860,0 10px 20px rgba(13,71,161,.3),inset 0 1px 0 rgba(255,255,255,.45)!important;border-radius:18px!important;font-family:var(--mi-disp)!important}
body.mi :is(a,button)[style*="background:#C62828"],body.mi :is(a,button)[style*="background:#CC0000"]{
 background-image:linear-gradient(180deg,#E53935 0%,#C62828 48%,#B71C1C 52%,#8E0000 100%)!important;box-shadow:0 5px 0 #6A0000,0 10px 20px rgba(198,40,40,.3),inset 0 1px 0 rgba(255,255,255,.4)!important;border-radius:18px!important;font-family:var(--mi-disp)!important}
body.mi :is(a,button)[style*="background:#2E7D32"]{
 background-image:linear-gradient(180deg,#2E7D32 0%,#1B5E20 50%,#154A19 52%,#0F3D13 100%)!important;box-shadow:0 5px 0 #0B3310,0 10px 20px rgba(27,94,32,.3)!important;border-radius:999px!important;font-family:var(--mi-disp)!important}
body.mi :is(a,button)[style*="background:#FFC107"]{
 background-image:linear-gradient(180deg,#FFE082 0%,#FFCA28 48%,#FFB300 52%,#FF8F00 100%)!important;color:#0D1B2A!important;box-shadow:0 5px 0 #C66900!important;border-radius:999px!important;font-family:var(--mi-disp)!important}
/* subscribe: visual shell only (no markup/JS changes) */
body.mi .plan-card{border:2px solid var(--mi-line);border-radius:22px;box-shadow:0 2px 0 #E3E9F6,0 12px 30px rgba(26,35,126,.07)}
body.mi .plan-card:hover,body.mi .plan-card.selected{border-color:var(--mi-blue)}
body.mi .plan-card.selected{background:linear-gradient(180deg,#F4F8FF,#fff);box-shadow:0 0 0 4px rgba(21,101,192,.14),0 14px 32px rgba(26,35,126,.12)}
body.mi .plan-card .badge{background:linear-gradient(180deg,#1E88E5,#1A237E);font-family:var(--mi-disp);font-weight:800;padding:5px 14px}
body.mi .plan-card .badge.best{background:linear-gradient(180deg,#FFE082,#FFB300);color:#0D1B2A}
body.mi .plan-card h3{font-family:var(--mi-disp);font-weight:900;color:var(--mi-ink)}
body.mi .plan-card .price{font-family:var(--mi-disp);font-weight:900;color:var(--mi-indigo)}
body.mi .btn-subscribe{position:relative;overflow:hidden;isolation:isolate;border-radius:999px;font-family:var(--mi-disp);font-weight:800;min-height:52px;
 background:linear-gradient(180deg,#1E88E5 0%,#1565C0 48%,#0D47A1 52%,#1A237E 100%);box-shadow:0 5px 0 #0A1860,0 10px 22px rgba(13,71,161,.3),inset 0 1px 0 rgba(255,255,255,.45)}
body.mi .btn-subscribe::before{content:"";position:absolute;left:6%;right:6%;top:3px;height:45%;border-radius:999px;background:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.05));z-index:-1;pointer-events:none}
/* study downloads */
body.mi :is(.download-button,.btn-download){background:linear-gradient(180deg,#2E7D32 0%,#1B5E20 50%,#154A19 52%,#0F3D13 100%);color:#fff;border:0;border-radius:999px;box-shadow:0 4px 0 #0B3310,0 8px 18px rgba(27,94,32,.25);padding:10px 22px;text-decoration:none}
body.mi .btn-view{background:linear-gradient(180deg,#1E88E5 0%,#1565C0 48%,#0D47A1 52%,#1A237E 100%);color:#fff;border:0;border-radius:999px;box-shadow:0 4px 0 #0A1860;padding:8px 18px;text-decoration:none}
/* standalone-page chrome (mi-chrome.php): keep it immune to page element rules */
.mi-hdr,.mi-ftr{font-size:16px;line-height:1.5;text-align:left}
.mi-hdr *,.mi-ftr *{box-sizing:border-box}
.mi-hdr ul,.mi-ftr ul{list-style:none}
.mi-ftr p{margin:0 0 1em}
/* dark standalone tools (tutor/index.php, tutor/acls-simulator.php) */
body.mi-tool{padding:0!important;margin:0}
body.mi-tool .mi-tool-body{padding:28px 20px 48px}
body.mi-tool .mi-tool-body h1{font-family:var(--mi-disp);font-weight:900;letter-spacing:-.02em;text-shadow:0 .05em 0 #0D47A1,0 .1em .25em rgba(0,0,0,.35)}
body.mi-tool .mi-tool-body h2,body.mi-tool .mi-tool-body h3{font-family:var(--mi-disp);font-weight:800}
body.mi-tool .mi-tool-body button{border-radius:999px;font-family:var(--mi-disp);font-weight:800;min-height:44px}
.mi-wrap,.mi-hdr,.mi-ftr{box-sizing:border-box}
body.mi .study-guide-container{box-sizing:border-box}
/* standalone payment pages (pay.php, checkout/*): chrome around the untouched payment UI */
body.mi-pay{display:block!important;padding:0!important;margin:0}
body.mi-pay .mi-pay-center{min-height:calc(100vh - 74px);display:flex;align-items:center;justify-content:center;padding:32px 20px}
body.mi-pay .mi-pay-plain{min-height:60vh}
body.mi-pay .mi-ftr a{text-decoration:none}
/* quiz.php: stack the sidebar under the question on phones */
@media (max-width:800px){body.mi .container[style*="grid-template-columns:1fr 260px"]{grid-template-columns:1fr!important}}