:root {
  --c-primary:   #ff6b35;
  --c-primary-d: #e55a24;
  --c-primary-l: #ff8c5a;
  --c-blue:      #1c3f6e;
  --c-blue-l:    #2d5a9e;
  --c-accent:    #23b26d;
  --c-accent-d:  #1a9459;
  --c-yellow:    #f7b731;
  --c-danger:    #e74c3c;
  --c-surface:   #f5f7fa;
  --c-surface2:  #edf0f5;
  --c-white:     #ffffff;
  --c-text:      #1e293b;
  --c-text-2:    #475569;
  --c-muted:     #94a3b8;
  --c-border:    #e2e8f0;
  --c-border-l:  #f1f5f9;
  --ff-head:     'Nunito', sans-serif;
  --ff-body:     'Nunito Sans', sans-serif;
  --radius-sm:   6px;
  --radius:      10px;
  --radius-lg:   16px;
  --shadow-sm:   0 1px 4px rgba(0,0,0,.07);
  --shadow:      0 2px 16px rgba(0,0,0,.09);
  --shadow-md:   0 6px 28px rgba(0,0,0,.13);
  --shadow-card: 0 4px 20px rgba(28,63,110,.1);
  --transition:  all .2s ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--ff-body);color:var(--c-text);background:var(--c-surface);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6{font-family:var(--ff-head);font-weight:700;line-height:1.3;color:var(--c-blue);}
a{color:var(--c-blue);text-decoration:none;transition:var(--transition);}
a:hover{color:var(--c-primary);}
img{max-width:100%;height:auto;display:block;}

/* TOPBAR */
.mmcq-topbar{background:var(--c-blue);color:rgba(255,255,255,.8);font-size:.78rem;font-family:var(--ff-head);padding:6px 0;text-align:center;}
.mmcq-topbar a{color:var(--c-yellow);font-weight:700;}
.mmcq-topbar a:hover{color:#fff;}
.mmcq-topbar__inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px;}

/* HEADER */
.mmcq-header{background:#fff;border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.mmcq-header__inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px;height:72px;gap:24px;}
.mmcq-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.mmcq-logo__icon{width:40px;height:40px;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-d));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;}
.mmcq-logo__icon svg{width:22px;height:22px;fill:#fff;}
.mmcq-logo__title{font-family:var(--ff-head);font-size:1.2rem;font-weight:800;color:var(--c-blue);letter-spacing:-.3px;line-height:1.1;}
.mmcq-logo__sub{font-size:.65rem;color:var(--c-muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase;}
.mmcq-nav{flex:1;}
.mmcq-nav ul{display:flex;list-style:none;gap:2px;justify-content:center;}
.mmcq-nav>ul>li{position:relative;}
.mmcq-nav a{display:block;padding:8px 14px;font-family:var(--ff-head);font-size:.88rem;font-weight:700;color:var(--c-text);border-radius:var(--radius-sm);white-space:nowrap;}
.mmcq-nav a:hover,.mmcq-nav .current-menu-item>a{color:var(--c-primary);}
.mmcq-header__actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.mmcq-header__login{font-family:var(--ff-head);font-size:.82rem;font-weight:700;color:var(--c-blue);padding:7px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--c-border);transition:var(--transition);}
.mmcq-header__login:hover{border-color:var(--c-primary);color:var(--c-primary);}
.mmcq-nav-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--c-blue);padding:6px;}
@media(max-width:900px){
  .mmcq-nav{display:none;}
  .mmcq-nav.is-open{display:block;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--c-border);padding:12px 0;box-shadow:var(--shadow);}
  .mmcq-nav.is-open ul{flex-direction:column;justify-content:flex-start;}
  .mmcq-nav.is-open a{padding:12px 24px;border-radius:0;}
  .mmcq-nav-toggle{display:flex;align-items:center;}
}

/* PAGE HERO */
.mmcq-page-hero{background:linear-gradient(135deg,var(--c-blue) 0%,var(--c-blue-l) 100%);padding:44px 0 40px;position:relative;overflow:hidden;}
.mmcq-page-hero::before{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.04);}
.mmcq-page-hero::after{content:'';position:absolute;bottom:-80px;left:10%;width:200px;height:200px;border-radius:50%;background:rgba(255,107,53,.08);}
.mmcq-page-hero__inner{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1;}
.mmcq-page-hero h1{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:12px;}
.mmcq-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.82rem;color:rgba(255,255,255,.65);flex-wrap:wrap;font-family:var(--ff-head);font-weight:600;}
.mmcq-breadcrumb a{color:rgba(255,255,255,.75);}
.mmcq-breadcrumb a:hover{color:#fff;}
.mmcq-breadcrumb__sep{color:rgba(255,255,255,.35);font-size:.7rem;}
.mmcq-breadcrumb__current{color:var(--c-yellow);}

/* LAYOUT */
.mmcq-page-wrap{padding:40px 0 60px;}
.mmcq-container{max-width:1200px;margin:0 auto;padding:0 24px;}
.mmcq-layout-full{width:100%;}
.mmcq-layout-sidebar{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start;}
@media(max-width:960px){.mmcq-layout-sidebar{grid-template-columns:1fr;}}

/* TOOLBAR */
.mmcq-toolbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);padding:14px 20px;margin-bottom:28px;flex-wrap:wrap;gap:12px;box-shadow:var(--shadow-sm);}
.mmcq-toolbar__count{font-family:var(--ff-head);font-weight:700;font-size:.88rem;color:var(--c-text-2);}
.mmcq-toolbar__count strong{color:var(--c-blue);}
.mmcq-toolbar__sort{display:flex;align-items:center;gap:8px;font-size:.82rem;font-family:var(--ff-head);font-weight:600;color:var(--c-text-2);}
.mmcq-toolbar__sort select{padding:6px 12px;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);font-family:var(--ff-head);font-size:.82rem;font-weight:600;color:var(--c-text);background:#fff;cursor:pointer;outline:none;}
.mmcq-toolbar__sort select:focus{border-color:var(--c-primary);}

/* FILTER PILLS */
.mmcq-filter-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.mmcq-filter-pill{padding:7px 16px;border-radius:999px;font-family:var(--ff-head);font-size:.8rem;font-weight:700;border:2px solid var(--c-border);color:var(--c-text-2);background:#fff;cursor:pointer;transition:var(--transition);text-decoration:none;}
.mmcq-filter-pill:hover,.mmcq-filter-pill.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff;}

/* COURSE GRID */
.mmcq-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:960px){.mmcq-course-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:580px){.mmcq-course-grid{grid-template-columns:1fr;}}

/* COURSE CARD */
.mmcq-course-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--c-border-l);transition:var(--transition);display:flex;flex-direction:column;}
.mmcq-course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.mmcq-course-card__thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--c-surface2);}
.mmcq-course-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.mmcq-course-card:hover .mmcq-course-card__thumb img{transform:scale(1.05);}
.mmcq-course-card__category{position:absolute;top:12px;left:12px;background:var(--c-primary);color:#fff;font-family:var(--ff-head);font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;}
.mmcq-course-card__price-badge{position:absolute;top:12px;right:12px;background:var(--c-blue);color:#fff;font-family:var(--ff-head);font-size:.82rem;font-weight:800;padding:5px 12px;border-radius:999px;}
.mmcq-course-card__price-badge--free{background:var(--c-accent);}
.mmcq-course-card__body{padding:20px;flex:1;display:flex;flex-direction:column;}
.mmcq-course-card__instructor{font-size:.78rem;color:var(--c-muted);font-family:var(--ff-head);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.mmcq-course-card__instructor a{color:var(--c-primary);font-weight:700;}
.mmcq-course-card__instructor a:hover{text-decoration:underline;}
.mmcq-course-card__title{font-size:1rem;font-weight:800;line-height:1.4;color:var(--c-blue);margin-bottom:10px;}
.mmcq-course-card__title a{color:inherit;}
.mmcq-course-card__title a:hover{color:var(--c-primary);}
.mmcq-course-card__excerpt{font-size:.83rem;color:var(--c-text-2);line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mmcq-course-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0;border-top:1px solid var(--c-border-l);margin-top:auto;font-size:.76rem;font-family:var(--ff-head);font-weight:700;color:var(--c-text-2);}
.mmcq-course-card__meta-item{display:flex;align-items:center;gap:4px;}
.mmcq-course-card__meta-item svg{width:14px;height:14px;color:var(--c-muted);flex-shrink:0;}
.mmcq-course-card__footer{padding:14px 20px;border-top:1px solid var(--c-border-l);display:flex;align-items:center;justify-content:space-between;background:var(--c-surface);}
.mmcq-course-card__price{font-family:var(--ff-head);font-weight:800;font-size:1.1rem;color:var(--c-blue);}
.mmcq-course-card__price--free{color:var(--c-accent);}
.mmcq-course-card__price-orig{font-size:.8rem;text-decoration:line-through;color:var(--c-muted);margin-left:4px;font-weight:600;}

/* BUTTONS */
.mmcq-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:var(--radius-sm);font-family:var(--ff-head);font-size:.84rem;font-weight:700;cursor:pointer;border:none;transition:var(--transition);text-decoration:none;white-space:nowrap;}
.mmcq-btn--primary{background:var(--c-primary);color:#fff;box-shadow:0 4px 12px rgba(255,107,53,.3);}
.mmcq-btn--primary:hover{background:var(--c-primary-d);color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(255,107,53,.4);}
.mmcq-btn--blue{background:var(--c-blue);color:#fff;box-shadow:0 4px 12px rgba(28,63,110,.25);}
.mmcq-btn--blue:hover{background:var(--c-blue-l);color:#fff;transform:translateY(-1px);}
.mmcq-btn--outline{background:transparent;color:var(--c-blue);border:2px solid var(--c-blue);}
.mmcq-btn--outline:hover{background:var(--c-blue);color:#fff;}
.mmcq-btn--ghost{background:transparent;color:var(--c-primary);border:2px solid var(--c-primary);}
.mmcq-btn--ghost:hover{background:var(--c-primary);color:#fff;}
.mmcq-btn--sm{padding:6px 14px;font-size:.78rem;}
.mmcq-btn--lg{padding:13px 28px;font-size:.95rem;}

/* QUESTION CARD (MCQ archive) */
.mmcq-question-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--c-border-l);transition:var(--transition);display:flex;flex-direction:column;}
.mmcq-question-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.mmcq-question-card__num-bar{background:linear-gradient(135deg,var(--c-blue),var(--c-blue-l));padding:12px 20px;display:flex;align-items:center;gap:10px;}
.mmcq-question-card__num{width:28px;height:28px;background:rgba(255,255,255,.2);border-radius:50%;color:#fff;font-family:var(--ff-head);font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mmcq-question-card__subject{font-family:var(--ff-head);font-size:.72rem;font-weight:800;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.5px;}
.mmcq-question-card__body{padding:20px;flex:1;}
.mmcq-question-card__stem{font-family:var(--ff-head);font-size:.95rem;font-weight:700;line-height:1.5;color:var(--c-blue);margin-bottom:16px;}
.mmcq-question-card__stem a{color:inherit;}
.mmcq-question-card__stem a:hover{color:var(--c-primary);}
.mmcq-options-grid{display:flex;flex-direction:column;gap:7px;}
.mmcq-option{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);font-size:.84rem;font-family:var(--ff-head);font-weight:600;background:#fff;transition:var(--transition);color:var(--c-text-2);}
.mmcq-option--correct{border-color:var(--c-accent);background:#f0faf6;color:var(--c-accent-d);}
.mmcq-option__label{width:26px;height:26px;border-radius:50%;background:var(--c-surface2);border:1.5px solid var(--c-border);font-size:.74rem;font-weight:800;color:var(--c-text-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--ff-head);}
.mmcq-option--correct .mmcq-option__label{background:var(--c-accent);border-color:var(--c-accent);color:#fff;}
.mmcq-question-card__footer{padding:12px 20px;border-top:1px solid var(--c-border-l);background:var(--c-surface);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.mmcq-tags{display:flex;gap:6px;flex-wrap:wrap;}
.mmcq-tag{font-family:var(--ff-head);font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#eef2ff;color:var(--c-blue-l);border:1px solid #c7d7f4;text-decoration:none;}
.mmcq-tag:hover{background:var(--c-blue);color:#fff;border-color:var(--c-blue);}

/* SINGLE MCQ */
.mmcq-single-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--c-border-l);overflow:hidden;margin-bottom:24px;}
.mmcq-single-card__head{background:linear-gradient(135deg,var(--c-blue),var(--c-blue-l));padding:24px 28px;}
.mmcq-single-card__head h1{color:#fff;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:800;line-height:1.5;}
.mmcq-single-card__body{padding:28px;}
.mmcq-quiz-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 18px;margin-bottom:10px;border:2px solid var(--c-border);border-radius:var(--radius);background:#fff;cursor:pointer;font-family:var(--ff-head);font-size:.9rem;font-weight:600;color:var(--c-text);transition:var(--transition);}
.mmcq-quiz-option:hover:not([disabled]){border-color:var(--c-blue-l);background:#f0f4ff;}
.mmcq-quiz-option.selected--correct{border-color:var(--c-accent);background:#f0faf6;color:var(--c-accent-d);}
.mmcq-quiz-option.selected--wrong{border-color:var(--c-danger);background:#fff5f5;color:var(--c-danger);}
.mmcq-quiz-option .opt-circle{width:34px;height:34px;border-radius:50%;border:2px solid var(--c-border);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.82rem;flex-shrink:0;color:var(--c-text-2);font-family:var(--ff-head);}
.mmcq-explanation{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid var(--c-yellow);border-radius:var(--radius);padding:20px 22px;margin-top:20px;}
.mmcq-explanation__title{font-family:var(--ff-head);font-weight:800;color:#92400e;margin-bottom:10px;font-size:.95rem;display:flex;align-items:center;gap:8px;}

/* PAGINATION */
.mmcq-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:28px 0 4px;flex-wrap:wrap;}
.mmcq-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:var(--radius-sm);font-family:var(--ff-head);font-size:.85rem;font-weight:700;border:2px solid var(--c-border);color:var(--c-text-2);background:#fff;transition:var(--transition);}
.mmcq-pagination .page-numbers:hover,.mmcq-pagination .page-numbers.current{background:var(--c-primary);border-color:var(--c-primary);color:#fff;box-shadow:0 3px 10px rgba(255,107,53,.3);}
.mmcq-pagination .page-numbers.dots{border:none;background:none;}

/* SIDEBAR */
.mmcq-sidebar{display:flex;flex-direction:column;gap:22px;}
.mmcq-widget{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--c-border-l);box-shadow:var(--shadow-sm);overflow:hidden;}
.mmcq-widget__head{background:linear-gradient(135deg,var(--c-blue),var(--c-blue-l));padding:14px 20px;}
.mmcq-widget__title{color:#fff;font-family:var(--ff-head);font-size:.9rem;font-weight:800;margin:0;}
.mmcq-widget__body{padding:16px 20px;}
.mmcq-widget ul{list-style:none;}
.mmcq-widget li{padding:8px 0;border-bottom:1px solid var(--c-border-l);font-size:.85rem;}
.mmcq-widget li:last-child{border-bottom:none;}
.mmcq-widget li a{color:var(--c-text-2);font-family:var(--ff-head);font-weight:600;display:flex;align-items:center;justify-content:space-between;}
.mmcq-widget li a:hover{color:var(--c-primary);}
.mmcq-widget__count{background:var(--c-surface2);color:var(--c-muted);font-size:.7rem;font-weight:800;padding:2px 7px;border-radius:999px;}

/* DASHBOARD */
.mmcq-dashboard-grid{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start;}
@media(max-width:768px){.mmcq-dashboard-grid{grid-template-columns:1fr;}}
.mmcq-dash-sidebar{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--c-border-l);box-shadow:var(--shadow-sm);overflow:hidden;}
.mmcq-dash-user{background:linear-gradient(135deg,var(--c-blue),var(--c-blue-l));padding:28px 20px;text-align:center;}
.mmcq-dash-user__avatar{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.4);margin:0 auto 12px;display:block;overflow:hidden;}
.mmcq-dash-user__name{color:#fff;font-family:var(--ff-head);font-weight:800;font-size:1rem;margin:0 0 4px;}
.mmcq-dash-user__email{color:rgba(255,255,255,.7);font-size:.78rem;}
.mmcq-dash-nav{padding:8px 0;}
.mmcq-dash-nav a{display:flex;align-items:center;gap:10px;padding:12px 20px;font-family:var(--ff-head);font-size:.88rem;font-weight:700;color:var(--c-text-2);transition:var(--transition);border-left:3px solid transparent;}
.mmcq-dash-nav a:hover,.mmcq-dash-nav a.active{background:#f0f4ff;color:var(--c-primary);border-left-color:var(--c-primary);}
.mmcq-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-bottom:24px;}
.mmcq-stat-box{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--c-border-l);padding:20px 16px;text-align:center;box-shadow:var(--shadow-sm);}
.mmcq-stat-box__num{font-family:var(--ff-head);font-size:2.2rem;font-weight:900;color:var(--c-primary);line-height:1;}
.mmcq-stat-box__label{font-family:var(--ff-head);font-size:.76rem;font-weight:700;color:var(--c-muted);margin-top:6px;text-transform:uppercase;letter-spacing:.5px;}
.mmcq-progress{background:var(--c-surface2);border-radius:999px;height:8px;overflow:hidden;}
.mmcq-progress__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--c-primary),var(--c-yellow));transition:width .6s ease;}

/* GENERIC CARD */
.mmcq-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--c-border-l);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:24px;}
.mmcq-card__header{padding:16px 24px;border-bottom:1px solid var(--c-border-l);display:flex;align-items:center;justify-content:space-between;}
.mmcq-card__title{font-family:var(--ff-head);font-size:1rem;font-weight:800;color:var(--c-blue);margin:0;display:flex;align-items:center;gap:8px;}
.mmcq-card__body{padding:24px;}

/* 404 */
.mmcq-404{text-align:center;padding:80px 20px;}
.mmcq-404__num{font-family:var(--ff-head);font-size:9rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--c-blue),var(--c-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.mmcq-404__title{font-size:1.8rem;font-weight:800;color:var(--c-blue);margin:-10px 0 12px;}
.mmcq-404__desc{color:var(--c-text-2);margin-bottom:28px;}

/* FOOTER */
.mmcq-footer{background:var(--c-blue);color:rgba(255,255,255,.75);font-family:var(--ff-body);}
.mmcq-footer__top{padding:60px 0 40px;border-bottom:1px solid rgba(255,255,255,.1);}
.mmcq-footer__grid{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px;}
@media(max-width:900px){.mmcq-footer__grid{grid-template-columns:1fr 1fr;gap:32px;}}
@media(max-width:500px){.mmcq-footer__grid{grid-template-columns:1fr;}}
.mmcq-footer h4{color:#fff;font-family:var(--ff-head);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px;}
.mmcq-footer p{font-size:.85rem;line-height:1.7;margin-bottom:16px;}
.mmcq-footer ul{list-style:none;}
.mmcq-footer li{margin-bottom:10px;font-size:.85rem;}
.mmcq-footer a{color:rgba(255,255,255,.65);font-family:var(--ff-head);font-weight:600;}
.mmcq-footer a:hover{color:var(--c-yellow);}
.mmcq-footer__bottom{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.8rem;font-family:var(--ff-head);font-weight:600;}
.mmcq-footer__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.mmcq-footer__tag{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);font-size:.72rem;padding:4px 10px;border-radius:999px;font-family:var(--ff-head);font-weight:700;}
.mmcq-footer__tag:hover{background:var(--c-primary);color:#fff;}

/* AD + UTIL */
.mmcq-ad-wrap{margin:20px 0;text-align:center;}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.text-muted{color:var(--c-muted);}

/* ============================================================
   HOMEPAGE SPECIFIC STYLES
   ============================================================ */

/* Hero section */
.mmcq-hero-section { background: linear-gradient(135deg, var(--c-blue) 0%, var(--c-blue-l) 60%, #1e5ba8 100%); position:relative; overflow:hidden; }
.mmcq-hero-bg::before { content:''; position:absolute; top:-100px; right:-100px; width:500px; height:500px; border-radius:50%; background:rgba(255,107,53,.08); pointer-events:none; }
.mmcq-hero-bg::after  { content:''; position:absolute; bottom:-150px; left:-80px; width:400px; height:400px; border-radius:50%; background:rgba(255,255,255,.04); pointer-events:none; }
.mmcq-hero-content { max-width:1200px; margin:0 auto; padding:72px 24px 56px; position:relative; z-index:1; }
.mmcq-hero-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(255,107,53,.2); color:var(--c-yellow); font-family:var(--ff-head); font-size:.78rem; font-weight:800; padding:6px 16px; border-radius:999px; margin-bottom:20px; text-transform:uppercase; letter-spacing:.8px; border:1px solid rgba(255,107,53,.3); }
.mmcq-hero-h1 { color:#fff; font-size:clamp(2rem,5vw,3.2rem); font-weight:900; line-height:1.2; margin-bottom:20px; }
.mmcq-hero-highlight { color:var(--c-yellow); }
.mmcq-hero-desc { color:rgba(255,255,255,.8); font-size:1.05rem; line-height:1.7; max-width:560px; margin-bottom:32px; }
.mmcq-hero-ctas { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:48px; }
.mmcq-btn--hero-ghost { background:rgba(255,255,255,.12); color:#fff; border:2px solid rgba(255,255,255,.3); }
.mmcq-btn--hero-ghost:hover { background:rgba(255,255,255,.22); color:#fff; }

/* Hero stats strip */
.mmcq-hero-stats { display:flex; gap:0; flex-wrap:wrap; background:rgba(255,255,255,.1); backdrop-filter:blur(10px); border-radius:var(--radius-lg); border:1px solid rgba(255,255,255,.2); overflow:hidden; max-width:600px; }
.mmcq-hero-stat { flex:1; min-width:120px; padding:20px 24px; text-align:center; border-right:1px solid rgba(255,255,255,.15); }
.mmcq-hero-stat:last-child { border-right:none; }
.mmcq-hero-stat__num { display:block; font-family:var(--ff-head); font-size:1.7rem; font-weight:900; color:#fff; line-height:1; }
.mmcq-hero-stat__label { display:block; font-family:var(--ff-head); font-size:.72rem; font-weight:700; color:rgba(255,255,255,.65); text-transform:uppercase; letter-spacing:.6px; margin-top:4px; }

/* Sections */
.mmcq-section { padding:64px 0; }
.mmcq-section--alt { background:#fff; }
.mmcq-section-head { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:32px; flex-wrap:wrap; gap:16px; }
.mmcq-section-title { font-size:clamp(1.3rem,3vw,1.8rem); font-weight:800; color:var(--c-blue); margin:0 0 6px; }
.mmcq-section-desc { color:var(--c-text-2); font-size:.9rem; margin:0; }

/* Subject card grid */
.mmcq-subject-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(160px,1fr)); gap:16px; }
@media(max-width:600px) { .mmcq-subject-grid { grid-template-columns:repeat(auto-fill, minmax(130px,1fr)); } }
.mmcq-subject-card { background:#fff; border-radius:var(--radius-lg); border:1px solid var(--c-border-l); padding:20px 16px; text-align:center; text-decoration:none; transition:var(--transition); box-shadow:var(--shadow-sm); display:block; }
.mmcq-subject-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-card); border-color:var(--c-primary); }
.mmcq-subject-card__icon { width:52px; height:52px; border-radius:12px; background:linear-gradient(135deg,var(--c-surface),var(--c-surface2)); display:flex; align-items:center; justify-content:center; margin:0 auto 12px; font-size:1.7rem; overflow:hidden; }
.mmcq-subject-card__name { font-family:var(--ff-head); font-size:.88rem; font-weight:800; color:var(--c-blue); margin-bottom:4px; }
.mmcq-subject-card__count { font-family:var(--ff-head); font-size:.72rem; font-weight:700; color:var(--c-muted); }
.mmcq-subject-card__type { display:inline-block; margin-top:6px; font-family:var(--ff-head); font-size:.65rem; font-weight:800; text-transform:uppercase; letter-spacing:.5px; padding:2px 8px; border-radius:999px; background:#eff6ff; color:var(--c-blue-l); }

/* Exam grid */
.mmcq-exam-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(180px,1fr)); gap:16px; }
.mmcq-exam-card { background:#fff; border-radius:var(--radius-lg); border:1px solid var(--c-border-l); padding:24px 20px; text-align:center; text-decoration:none; transition:var(--transition); box-shadow:var(--shadow-sm); display:block; }
.mmcq-exam-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-card); }
.mmcq-exam-card__icon { width:52px; height:52px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; font-size:1.6rem; }
.mmcq-exam-card__name { font-family:var(--ff-head); font-size:1rem; font-weight:800; color:var(--c-blue); margin-bottom:6px; }
.mmcq-exam-card__desc { font-size:.75rem; color:var(--c-muted); line-height:1.45; }

/* Features grid */
.mmcq-features-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px,1fr)); gap:24px; }
.mmcq-feature-card { background:var(--c-surface); border-radius:var(--radius-lg); padding:28px 24px; border:1px solid var(--c-border-l); }
.mmcq-feature-card__icon { font-size:2rem; margin-bottom:14px; }
.mmcq-feature-card__title { font-family:var(--ff-head); font-size:1rem; font-weight:800; color:var(--c-blue); margin-bottom:8px; }
.mmcq-feature-card__desc { font-size:.88rem; color:var(--c-text-2); line-height:1.65; }

/* CTA section */
.mmcq-cta-section { background:linear-gradient(135deg,var(--c-blue),var(--c-blue-l)); padding:64px 0; }
.mmcq-cta-box { text-align:center; }
.mmcq-cta-box h2 { color:#fff; font-size:clamp(1.5rem,4vw,2.2rem); font-weight:900; margin-bottom:12px; }
.mmcq-cta-box p { color:rgba(255,255,255,.8); font-size:1rem; margin-bottom:28px; }

/* ============================================================
   SINGLE EBOOK responsive cover
   ============================================================ */
@media(max-width:600px) {
  .mmcq-single-card > div[style*="grid-template-columns:200px"] {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   EXAM MODULE STYLES
   ============================================================ */

/* Exam top bar */
.exam-topbar {
  position: sticky; top: 72px; z-index: 900;
  background: #fff; border-bottom: 1px solid var(--c-border);
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 24px; gap: 16px; flex-wrap: wrap;
}
.exam-timer {
  font-family: var(--ff-head); font-weight: 900; font-size: 1.1rem;
  color: var(--c-blue); padding: 6px 16px;
  background: var(--c-surface); border-radius: 999px;
  border: 2px solid var(--c-border);
}
.exam-timer.warning { color: var(--c-danger); border-color: var(--c-danger); background: #fff5f5; animation: pulse 1s infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.6} }

/* Exam options */
.exam-option {
  display: flex; align-items: center; gap: 14px;
  width: 100%; text-align: left;
  padding: 14px 18px; margin-bottom: 10px;
  border: 2px solid var(--c-border); border-radius: var(--radius);
  background: #fff; cursor: pointer;
  font-family: var(--ff-head); font-size: .95rem; font-weight: 600;
  color: var(--c-text); transition: var(--transition);
}
.exam-option:hover:not(.selected):not(.disabled) {
  border-color: var(--c-blue-l); background: #f0f4ff; transform: translateX(2px);
}
.exam-option.selected {
  border-color: var(--c-primary); background: #fff7f4;
  color: var(--c-primary);
}
.exam-option.correct { border-color: var(--c-accent); background: #f0faf6; color: var(--c-accent-d); }
.exam-option.wrong   { border-color: var(--c-danger); background: #fff5f5; color: var(--c-danger); }
.exam-option.disabled { pointer-events: none; opacity: .7; }
.exam-opt-label {
  width: 34px; height: 34px; border-radius: 50%;
  border: 2px solid var(--c-border); background: var(--c-surface);
  display: flex; align-items: center; justify-content: center;
  font-weight: 900; font-size: .82rem; flex-shrink: 0;
  font-family: var(--ff-head); color: var(--c-text-2);
}
.exam-option.selected .exam-opt-label { background: var(--c-primary); border-color: var(--c-primary); color: #fff; }
.exam-option.correct  .exam-opt-label { background: var(--c-accent);  border-color: var(--c-accent);  color: #fff; }
.exam-option.wrong    .exam-opt-label { background: var(--c-danger);  border-color: var(--c-danger);  color: #fff; }

/* Question palette buttons */
.palette-btn {
  width: 100%; aspect-ratio: 1;
  border: 1.5px solid var(--c-border); border-radius: 5px;
  background: var(--c-surface2); font-family: var(--ff-head);
  font-size: .72rem; font-weight: 800; cursor: pointer;
  transition: var(--transition); color: var(--c-text-2);
}
.palette-btn:hover      { border-color: var(--c-primary); color: var(--c-primary); }
.palette-btn.current    { border-color: var(--c-blue); background: var(--c-blue); color: #fff; }
.palette-btn.answered   { background: var(--c-accent); border-color: var(--c-accent); color: #fff; }
.palette-btn.wrong-ans  { background: var(--c-danger); border-color: var(--c-danger); color: #fff; }
.palette-btn.skipped    { background: var(--c-yellow); border-color: var(--c-yellow); color: #fff; }

/* Exam lobby */
.exam-lobby { animation: fadeIn .4s ease; }
@keyframes fadeIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }

/* Mmcq-btn--danger */
.mmcq-btn--danger { background: var(--c-danger); color: #fff; }
.mmcq-btn--danger:hover { background: #b91c1c; color: #fff; }

/* Review answer items */
.review-item {
  padding: 16px 20px; border-bottom: 1px solid var(--c-border-l);
}
.review-item:last-child { border-bottom: none; }
.review-item__status {
  display: inline-flex; align-items: center; gap: 4px;
  font-family: var(--ff-head); font-size: .72rem; font-weight: 800;
  padding: 2px 10px; border-radius: 999px; margin-bottom: 8px;
  text-transform: uppercase;
}
.status-correct { background: #dcfce7; color: #166534; }
.status-wrong   { background: #fee2e2; color: #991b1b; }
.status-skipped { background: #fef9c3; color: #854d0e; }

/* Certificate page */
.cert-page {
  min-height: 100vh; background: linear-gradient(135deg, #f0f5fb 0%, #e8f0fa 100%);
  display: flex; align-items: center; justify-content: center; padding: 40px 20px;
}
.cert-card {
  background: #fff; border-radius: 20px;
  box-shadow: 0 20px 60px rgba(11,83,148,.18);
  max-width: 760px; width: 100%; overflow: hidden;
  border: 8px solid var(--c-primary);
  position: relative;
}
.cert-card::before {
  content: ''; position: absolute; inset: 12px;
  border: 2px dashed rgba(11,83,148,.2); border-radius: 12px;
  pointer-events: none;
}
.cert-header {
  background: linear-gradient(135deg, var(--c-blue), var(--c-blue-l));
  padding: 32px 48px 24px; text-align: center; position: relative;
}
.cert-body { padding: 36px 48px; text-align: center; }
.cert-footer { background: var(--c-surface); padding: 20px 48px; text-align: center; border-top: 1px solid var(--c-border-l); }

@media print {
  .cert-actions, .mmcq-header, .mmcq-footer, .mmcq-topbar { display: none !important; }
  .cert-page { background: #fff; padding: 0; }
  .cert-card { box-shadow: none; border: 4px solid var(--c-primary); }
}

/* Exam result score circle animation */
.score-circle { transition: stroke-dashoffset 1.5s ease; }

/* ============================================================
   EXAM ENGINE STYLES
   ============================================================ */

/* Topbar */
.exam-topbar {
  position: sticky; top: 72px; z-index: 200;
  background: #fff;
  border-bottom: 1px solid var(--c-border);
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 20px; gap: 12px; flex-wrap: wrap;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

/* Timer */
.exam-timer {
  font-family: var(--ff-head); font-size: 1.1rem; font-weight: 900;
  color: var(--c-blue); padding: 6px 16px;
  background: var(--c-surface); border-radius: var(--radius-sm);
  border: 2px solid var(--c-border);
  transition: all .3s;
}
.exam-timer.warning  { color: var(--c-yellow); border-color: var(--c-yellow); background: #fffbeb; }
.exam-timer.critical { color: var(--c-danger);  border-color: var(--c-danger);  background: #fef2f2;
                       animation: blink-timer 1s infinite; }
@keyframes blink-timer { 0%,100%{opacity:1} 50%{opacity:.5} }

/* Exam option buttons */
.exam-option {
  display: flex; align-items: center; gap: 12px;
  width: 100%; text-align: left;
  padding: 13px 18px; margin-bottom: 10px;
  border: 2px solid var(--c-border); border-radius: var(--radius);
  background: #fff; cursor: pointer;
  font-family: var(--ff-head); font-size: .92rem; font-weight: 600; color: var(--c-text);
  transition: var(--transition);
}
.exam-option:hover:not([disabled]) { border-color: var(--c-blue-l); background: #f0f4ff; }
.exam-option.selected   { border-color: var(--c-primary); background: #fff5f0; }
.exam-option.correct    { border-color: var(--c-accent);  background: #f0faf6; color: var(--c-accent-d); }
.exam-option.wrong      { border-color: var(--c-danger);  background: #fff5f5; color: var(--c-danger); }
.exam-option[disabled]  { cursor: default; opacity: .85; }
.exam-opt-label {
  width: 32px; height: 32px; border-radius: 50%;
  border: 2px solid var(--c-border);
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: .82rem; flex-shrink: 0; color: var(--c-text-2);
  font-family: var(--ff-head);
}
.exam-option.selected .exam-opt-label  { background: var(--c-primary); border-color: var(--c-primary); color: #fff; }
.exam-option.correct  .exam-opt-label  { background: var(--c-accent);  border-color: var(--c-accent);  color: #fff; }
.exam-option.wrong    .exam-opt-label  { background: var(--c-danger);  border-color: var(--c-danger);  color: #fff; }

/* Question palette */
.palette-btn {
  width: 36px; height: 36px; border-radius: 6px;
  border: 1px solid var(--c-border);
  background: var(--c-surface2);
  font-family: var(--ff-head); font-size: .72rem; font-weight: 700;
  cursor: pointer; transition: var(--transition); color: var(--c-text-2);
  display: flex; align-items: center; justify-content: center;
}
.palette-btn:hover     { border-color: var(--c-primary); color: var(--c-primary); }
.palette-btn.active    { background: var(--c-blue); border-color: var(--c-blue); color: #fff; }
.palette-btn.answered  { background: var(--c-accent); border-color: var(--c-accent); color: #fff; }
.palette-btn.skipped   { background: var(--c-yellow); border-color: var(--c-yellow); color: #fff; }
.palette-btn.wrong     { background: var(--c-danger); border-color: var(--c-danger); color: #fff; }

/* Exam lobby */
.exam-lobby { animation: fadeIn .3s ease; }
@keyframes fadeIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }

/* Result confirm dialog */
.exam-confirm-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.6); z-index: 9999;
  display: flex; align-items: center; justify-content: center;
}
.exam-confirm-box {
  background: #fff; border-radius: var(--radius-lg);
  padding: 32px; max-width: 420px; width: 90%; text-align: center;
  box-shadow: var(--shadow-md);
}

/* Danger button */
.mmcq-btn--danger { background: var(--c-danger); color: #fff; }
.mmcq-btn--danger:hover { background: #b91c1c; color: #fff; }

/* Review answer item */
.review-item {
  padding: 16px 20px;
  border-bottom: 1px solid var(--c-border-l);
}
.review-item:last-child { border-bottom: none; }
.review-item.correct { border-left: 4px solid var(--c-accent); }
.review-item.wrong   { border-left: 4px solid var(--c-danger); }
.review-item.skipped { border-left: 4px solid var(--c-yellow); }

/* ============================================================
   SOCIAL SHARE MODULE STYLES
   ============================================================ */

/* ── Ebook Share Gate ───────────────────────────────────────── */
.mmcq-share-gate {
  background: linear-gradient(135deg, #eff6ff, #f0fdf4);
  border: 2px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: 0;
  margin-bottom: 16px;
  overflow: hidden;
}
.mmcq-share-gate__inner {
  padding: 28px 24px;
  text-align: center;
}
.mmcq-share-gate__icon {
  font-size: 2.4rem;
  margin-bottom: 12px;
}
.mmcq-share-gate__title {
  font-family: var(--ff-head);
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--c-blue);
  margin: 0 0 10px;
}
.mmcq-share-gate__desc {
  color: var(--c-text-2);
  font-size: .88rem;
  line-height: 1.65;
  margin-bottom: 22px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.mmcq-share-gate__buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 16px;
}
.mmcq-share-gate__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 20px;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-family: var(--ff-head);
  font-size: .85rem;
  font-weight: 700;
  cursor: pointer;
  transition: var(--transition);
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.mmcq-share-gate__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,.2);
}
.mmcq-share-gate__note {
  font-size: .78rem;
  color: var(--c-muted);
  font-family: var(--ff-head);
  font-weight: 600;
  margin: 0;
}

/* ── MCQ Share Platform Buttons ─────────────────────────────── */
.mmcq-share-platform-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: 6px;
  background: var(--share-bg, #1c3f6e);
  color: #fff;
  font-family: var(--ff-head);
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
  transition: var(--transition);
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
}
.mmcq-share-platform-btn:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,.22);
  filter: brightness(1.1);
}

/* ── MCQ Share Card Preview ─────────────────────────────────── */
.mmcq-share-card-preview {
  background: linear-gradient(135deg, #1c3f6e 0%, #2d5a9e 100%);
  border-radius: 12px;
  overflow: hidden;
  max-width: 440px;
  font-family: var(--ff-head);
  box-shadow: var(--shadow-card);
}
.mmcq-share-card-preview__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px 10px;
  border-bottom: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.9);
  font-size: .78rem;
  font-weight: 700;
}
.mmcq-share-card-preview__subject {
  margin-left: auto;
  background: rgba(255,255,255,.2);
  padding: 2px 10px;
  border-radius: 999px;
  font-size: .7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.mmcq-share-card-preview__question {
  padding: 14px 16px;
  color: #fff;
  font-size: .88rem;
  font-weight: 700;
  line-height: 1.5;
}
.mmcq-share-card-preview__options {
  padding: 0 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.mmcq-share-card-preview__opt {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.12);
  border-radius: 6px;
  padding: 7px 10px;
  color: rgba(255,255,255,.85);
  font-size: .78rem;
  font-weight: 600;
  transition: background .2s;
}
.mmcq-share-card-preview__opt.correct {
  background: rgba(35,178,109,.3);
  color: #fff;
  font-weight: 800;
}
.mmcq-share-card-preview__opt-label {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255,255,255,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .7rem;
  font-weight: 800;
  flex-shrink: 0;
}
.mmcq-share-card-preview__opt.correct .mmcq-share-card-preview__opt-label {
  background: var(--c-accent);
}
.mmcq-share-card-preview__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  background: rgba(0,0,0,.2);
  color: rgba(255,255,255,.5);
  font-size: .68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
}

/* ================================================================
   BLOG — HERO
   ================================================================ */
.mmcq-blog-hero{background:linear-gradient(135deg,var(--c-blue) 0%,var(--c-blue-l) 100%);padding:52px 0 44px;position:relative;overflow:hidden;}
.mmcq-blog-hero::before{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.04);}
.mmcq-blog-hero::after{content:'';position:absolute;bottom:-80px;left:10%;width:200px;height:200px;border-radius:50%;background:rgba(255,107,53,.08);}
.mmcq-blog-hero h1{color:#fff;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin-bottom:16px;line-height:1.3;}
.mmcq-blog-hero__cat{margin-bottom:14px;}
.mmcq-blog-hero__cat a{display:inline-block;background:var(--c-primary);color:#fff;font-family:var(--ff-head);font-size:.72rem;font-weight:800;padding:4px 14px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px;}
.mmcq-blog-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:18px;}
.mmcq-blog-hero__meta-item{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.75);font-family:var(--ff-head);font-size:.8rem;font-weight:600;}
.mmcq-blog-hero__meta-item svg{width:14px;height:14px;fill:currentColor;flex-shrink:0;opacity:.7;}
.mmcq-blog-archive-desc{color:rgba(255,255,255,.8);font-size:.95rem;max-width:640px;margin-bottom:18px;line-height:1.6;}

/* ================================================================
   BLOG — FEATURED POST CARD
   ================================================================ */
.mmcq-blog-featured-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--c-border-l);display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:32px;}
.mmcq-blog-featured-card__img{display:block;overflow:hidden;max-height:340px;}
.mmcq-blog-featured-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.mmcq-blog-featured-card:hover .mmcq-blog-featured-card__img img{transform:scale(1.04);}
.mmcq-blog-featured-card__body{padding:36px 32px;display:flex;flex-direction:column;justify-content:center;}
.mmcq-blog-featured-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-family:var(--ff-head);font-size:.78rem;font-weight:700;color:var(--c-muted);}
.mmcq-blog-featured-card__title{font-size:clamp(1.2rem,2vw,1.55rem);font-weight:800;line-height:1.35;color:var(--c-blue);margin-bottom:14px;}
.mmcq-blog-featured-card__title a{color:inherit;}
.mmcq-blog-featured-card__title a:hover{color:var(--c-primary);}
.mmcq-blog-featured-card__excerpt{color:var(--c-text-2);font-size:.9rem;line-height:1.65;margin-bottom:24px;}
.mmcq-blog-cat-pill{background:var(--c-primary);color:#fff!important;font-family:var(--ff-head);font-size:.7rem;font-weight:800;padding:3px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;}
@media(max-width:700px){.mmcq-blog-featured-card{grid-template-columns:1fr;}}

/* ================================================================
   BLOG — POST GRID
   ================================================================ */
.mmcq-blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;}
.mmcq-blog-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--c-border-l);transition:var(--transition);display:flex;flex-direction:column;}
.mmcq-blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.mmcq-blog-card__thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--c-surface2);}
.mmcq-blog-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.mmcq-blog-card:hover .mmcq-blog-card__thumb img{transform:scale(1.05);}
.mmcq-blog-card__cat{position:absolute;top:10px;left:10px;background:var(--c-primary);color:#fff;font-family:var(--ff-head);font-size:.67rem;font-weight:800;padding:3px 10px;border-radius:999px;text-transform:uppercase;}
.mmcq-blog-card__body{padding:18px 20px;flex:1;display:flex;flex-direction:column;}
.mmcq-blog-card__meta{display:flex;align-items:center;gap:6px;font-family:var(--ff-head);font-size:.76rem;font-weight:700;color:var(--c-muted);margin-bottom:8px;}
.mmcq-blog-card__title{font-size:.97rem;font-weight:800;line-height:1.4;color:var(--c-blue);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mmcq-blog-card__title a{color:inherit;}
.mmcq-blog-card__title a:hover{color:var(--c-primary);}
.mmcq-blog-card__excerpt{font-size:.82rem;color:var(--c-text-2);line-height:1.6;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;}
.mmcq-blog-card__footer{padding:12px 20px;border-top:1px solid var(--c-border-l);display:flex;align-items:center;justify-content:space-between;background:var(--c-surface);}
.mmcq-blog-card__author{display:flex;align-items:center;gap:7px;font-family:var(--ff-head);font-size:.76rem;font-weight:700;color:var(--c-text-2);}
.mmcq-blog-card__avatar{border-radius:50%;object-fit:cover;flex-shrink:0;}
@media(max-width:640px){.mmcq-blog-grid{grid-template-columns:1fr;}}

/* ================================================================
   BLOG — SINGLE POST
   ================================================================ */
.mmcq-blog-featured-img{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:28px;box-shadow:var(--shadow-md);}
.mmcq-blog-featured-img img{width:100%;height:auto;display:block;max-height:480px;object-fit:cover;}

/* TABLE OF CONTENTS */
.mmcq-toc{background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--radius);padding:0;margin-bottom:28px;overflow:hidden;}
.mmcq-toc__head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid var(--c-border);font-family:var(--ff-head);font-weight:800;font-size:.9rem;color:var(--c-blue);}
.mmcq-toc__toggle{background:none;border:none;cursor:pointer;color:var(--c-muted);padding:4px;border-radius:4px;display:flex;}
.mmcq-toc__toggle:hover{background:var(--c-border-l);color:var(--c-blue);}
.mmcq-toc__toggle svg{transition:transform .2s;}
.mmcq-toc__list{list-style:none;padding:12px 0;counter-reset:none;}
.mmcq-toc__item{display:flex;align-items:baseline;gap:0;}
.mmcq-toc__item a{display:flex;align-items:baseline;gap:8px;width:100%;padding:7px 20px;font-family:var(--ff-head);font-size:.83rem;font-weight:700;color:var(--c-text-2);transition:var(--transition);}
.mmcq-toc__item a:hover,.mmcq-toc__item a.is-active{color:var(--c-primary);background:rgba(255,107,53,.06);}
.mmcq-toc__item--h3 a{padding-left:44px;font-weight:600;font-size:.8rem;}
.mmcq-toc__num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--c-primary);color:#fff;border-radius:50%;font-size:.65rem;font-weight:800;flex-shrink:0;}

/* Sidebar sticky TOC */
.mmcq-toc-sidebar .mmcq-toc__list--sidebar{padding:8px 0;}
.mmcq-toc-sidebar .mmcq-toc__item a{padding:6px 16px;font-size:.8rem;}
.mmcq-toc-sidebar .mmcq-toc__item--h3 a{padding-left:32px;}

/* ARTICLE CONTENT TYPOGRAPHY */
.mmcq-blog-content{color:var(--c-text);font-size:1rem;line-height:1.8;}
.mmcq-blog-content h2{font-size:1.4rem;font-weight:800;color:var(--c-blue);margin:36px 0 14px;padding-top:8px;border-top:2px solid var(--c-border-l);}
.mmcq-blog-content h3{font-size:1.15rem;font-weight:800;color:var(--c-blue);margin:28px 0 10px;}
.mmcq-blog-content h4{font-size:1rem;font-weight:800;color:var(--c-blue);margin:20px 0 8px;}
.mmcq-blog-content p{margin-bottom:1.1rem;}
.mmcq-blog-content ul,.mmcq-blog-content ol{margin:0 0 1.1rem 1.4rem;padding:0;}
.mmcq-blog-content li{margin-bottom:.4rem;line-height:1.7;}
.mmcq-blog-content blockquote{border-left:4px solid var(--c-primary);background:rgba(255,107,53,.05);margin:24px 0;padding:16px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--c-text-2);}
.mmcq-blog-content blockquote p:last-child{margin-bottom:0;}
.mmcq-blog-content code{background:var(--c-surface2);color:var(--c-primary);padding:2px 7px;border-radius:4px;font-size:.88em;font-family:monospace;}
.mmcq-blog-content pre{background:var(--c-blue);color:#e2e8f0;padding:20px 24px;border-radius:var(--radius);overflow-x:auto;margin:20px 0;font-size:.87em;line-height:1.6;}
.mmcq-blog-content pre code{background:none;color:inherit;padding:0;}
.mmcq-blog-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.88rem;}
.mmcq-blog-content th{background:var(--c-blue);color:#fff;padding:10px 14px;font-family:var(--ff-head);font-weight:700;text-align:left;}
.mmcq-blog-content td{padding:9px 14px;border-bottom:1px solid var(--c-border);vertical-align:top;}
.mmcq-blog-content tr:nth-child(even) td{background:var(--c-surface);}
.mmcq-blog-content img{border-radius:var(--radius);max-width:100%;height:auto;margin:20px 0;}
.mmcq-blog-content a{color:var(--c-primary);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px;}
.mmcq-blog-content a:hover{color:var(--c-primary-d);}
/* Callout / tip box — use <div class="tip"> in content */
.mmcq-blog-content .tip,.mmcq-blog-content .note,.mmcq-blog-content .warning{padding:14px 18px;border-radius:var(--radius-sm);margin:20px 0;font-size:.9rem;}
.mmcq-blog-content .tip{background:#e8f5e9;border-left:4px solid var(--c-accent);}
.mmcq-blog-content .note{background:#e3f2fd;border-left:4px solid var(--c-blue-l);}
.mmcq-blog-content .warning{background:#fff3e0;border-left:4px solid var(--c-yellow);}

/* TAGS BAR */
.mmcq-blog-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:28px 0;font-family:var(--ff-head);font-size:.82rem;font-weight:700;color:var(--c-muted);}
.mmcq-blog-tag{padding:5px 14px;border-radius:999px;border:1.5px solid var(--c-border);color:var(--c-text-2);font-family:var(--ff-head);font-size:.78rem;font-weight:700;transition:var(--transition);}
.mmcq-blog-tag:hover{border-color:var(--c-primary);color:var(--c-primary);}

/* SOCIAL SHARE BAR */
.mmcq-blog-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:20px 0;border-top:1px solid var(--c-border-l);border-bottom:1px solid var(--c-border-l);margin:8px 0 28px;font-family:var(--ff-head);font-size:.82rem;font-weight:700;color:var(--c-muted);}
.mmcq-blog-share__btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;font-family:var(--ff-head);font-size:.78rem;font-weight:700;transition:var(--transition);}
.mmcq-blog-share__btn svg{width:15px;height:15px;flex-shrink:0;}
.mmcq-blog-share__btn--wa{background:#25D366;color:#fff;}
.mmcq-blog-share__btn--wa:hover{background:#128C7E;color:#fff;}
.mmcq-blog-share__btn--tw{background:#000;color:#fff;}
.mmcq-blog-share__btn--tw:hover{background:#333;color:#fff;}
.mmcq-blog-share__btn--fb{background:#1877F2;color:#fff;}
.mmcq-blog-share__btn--fb:hover{background:#0d65d8;color:#fff;}
.mmcq-blog-share__btn--tg{background:#2AABEE;color:#fff;}
.mmcq-blog-share__btn--tg:hover{background:#1a96d4;color:#fff;}

/* AUTHOR BOX */
.mmcq-author-box{display:flex;gap:20px;align-items:flex-start;background:linear-gradient(135deg,#f0f4ff,#fff);border:1.5px solid var(--c-border);border-radius:var(--radius-lg);padding:24px;margin:28px 0;}
.mmcq-author-box__avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--c-primary);flex-shrink:0;}
.mmcq-author-box__info{flex:1;}
.mmcq-author-box__name-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:8px;}
.mmcq-author-box__name-row strong{font-family:var(--ff-head);font-size:1rem;font-weight:800;color:var(--c-blue);}
.mmcq-author-box__title{background:var(--c-blue);color:#fff;font-family:var(--ff-head);font-size:.7rem;font-weight:700;padding:2px 10px;border-radius:999px;}
.mmcq-author-box__info p{font-size:.87rem;color:var(--c-text-2);line-height:1.6;margin-bottom:10px;}
.mmcq-author-box__link{font-family:var(--ff-head);font-size:.8rem;font-weight:700;color:var(--c-primary);}
@media(max-width:500px){.mmcq-author-box{flex-direction:column;}}

/* RELATED MCQs IN BLOG */
.mmcq-blog-related-mcqs{margin:28px 0;}
.mmcq-blog-mcq-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--c-border-l);flex-wrap:wrap;}
.mmcq-blog-mcq-item:last-child{border-bottom:none;}
.mmcq-blog-mcq-item__tag{background:var(--c-surface2);color:var(--c-blue);font-family:var(--ff-head);font-size:.68rem;font-weight:800;padding:2px 10px;border-radius:999px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;}
.mmcq-blog-mcq-item__q{flex:1;font-family:var(--ff-head);font-size:.87rem;font-weight:700;color:var(--c-blue);min-width:0;}
.mmcq-blog-mcq-item__q:hover{color:var(--c-primary);}

/* RELATED POSTS GRID */
.mmcq-blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.mmcq-blog-related-card{display:flex;flex-direction:column;border-right:1px solid var(--c-border-l);transition:var(--transition);}
.mmcq-blog-related-card:last-child{border-right:none;}
.mmcq-blog-related-card:hover{background:var(--c-surface);}
.mmcq-blog-related-card__img{aspect-ratio:16/9;overflow:hidden;}
.mmcq-blog-related-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.mmcq-blog-related-card:hover .mmcq-blog-related-card__img img{transform:scale(1.05);}
.mmcq-blog-related-card__body{padding:14px 16px;flex:1;}
.mmcq-blog-related-card__cat{font-family:var(--ff-head);font-size:.68rem;font-weight:800;color:var(--c-primary);text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:5px;}
.mmcq-blog-related-card__body h4{font-size:.85rem;font-weight:800;line-height:1.4;color:var(--c-blue);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px;}
.mmcq-blog-related-card__date{font-family:var(--ff-head);font-size:.74rem;font-weight:600;color:var(--c-muted);}
@media(max-width:640px){.mmcq-blog-related-grid{grid-template-columns:1fr;} .mmcq-blog-related-card{border-right:none;border-bottom:1px solid var(--c-border-l);}}

/* PAGINATION */
.mmcq-pagination{margin:32px 0 8px;display:flex;justify-content:center;}
.mmcq-pagination .page-numbers{display:flex;align-items:center;gap:6px;list-style:none;}
.mmcq-pagination .page-numbers li a,.mmcq-pagination .page-numbers li span{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:var(--radius-sm);font-family:var(--ff-head);font-size:.85rem;font-weight:700;border:1.5px solid var(--c-border);color:var(--c-text-2);transition:var(--transition);}
.mmcq-pagination .page-numbers li a:hover{border-color:var(--c-primary);color:var(--c-primary);}
.mmcq-pagination .page-numbers li span.current{background:var(--c-primary);border-color:var(--c-primary);color:#fff;}
.mmcq-pagination .page-numbers li .prev,.mmcq-pagination .page-numbers li .next{padding:0 16px;}


/* ================================================================
   FAQ SHORTCODE
   ================================================================ */
.mmcq-faq{border:1.5px solid var(--c-border);border-radius:var(--radius);overflow:hidden;margin:24px 0;}
.mmcq-faq__item{border-bottom:1px solid var(--c-border-l);}
.mmcq-faq__item:last-child{border-bottom:none;}
.mmcq-faq__q{width:100%;background:#fff;border:none;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--ff-head);font-size:.92rem;font-weight:700;color:var(--c-blue);cursor:pointer;text-align:left;transition:var(--transition);}
.mmcq-faq__q:hover,.mmcq-faq__q[aria-expanded="true"]{background:var(--c-surface);color:var(--c-primary);}
.mmcq-faq__icon{width:20px;height:20px;flex-shrink:0;fill:currentColor;transition:transform .2s;}
.mmcq-faq__a{padding:0 20px 16px;font-size:.9rem;color:var(--c-text-2);line-height:1.7;background:var(--c-surface);}
.mmcq-faq__a p{margin-bottom:.6rem;}
.mmcq-faq__a p:last-child{margin-bottom:0;}


/* ================================================================
   EMPTY STATE COMPONENT
   Used in dashboard tabs when no data exists
   ================================================================ */
.mmcq-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  gap: 10px;
}
.mmcq-empty-state__icon {
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 4px;
}
.mmcq-empty-state h3 {
  font-family: var(--ff-head);
  font-weight: 800;
  font-size: 1.1rem;
  color: var(--c-text);
  margin: 0;
}
.mmcq-empty-state p {
  color: var(--c-muted);
  font-size: .9rem;
  max-width: 320px;
  margin: 0;
}
.mmcq-empty-state .mmcq-btn {
  margin-top: 8px;
}

/* ================================================================
   ALERT / TOAST COMPONENT
   ================================================================ */
.mmcq-alert {
  padding: 16px 20px;
  border-radius: 8px;
  font-family: var(--ff-head);
  font-weight: 700;
  margin-bottom: 20px;
  font-size: .9rem;
}
.mmcq-alert--success {
  background: #f0fdf4;
  border: 1px solid #86efac;
  color: #166534;
}
.mmcq-alert--danger {
  background: #fef2f2;
  border: 1px solid #fca5a5;
  color: #991b1b;
}
.mmcq-alert--warning {
  background: #fffbeb;
  border: 1px solid #fcd34d;
  color: #92400e;
}

/* ================================================================
   DASHBOARD RESPONSIVE IMPROVEMENTS
   ================================================================ */
@media (max-width: 640px) {
  .mmcq-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .mmcq-dash-nav a { padding: 10px 14px; font-size: .82rem; }
  .mmcq-dash-user { padding: 20px 14px; }
}

/* ================================================================
   CERTIFICATE CARDS IN DASHBOARD
   ================================================================ */
.mmcq-cert-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  padding: 20px;
}

/* ================================================================
   TABLE OVERFLOW WRAPPER — Prevents horizontal page break on mobile
   ================================================================ */
.mmcq-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ================================================================
   SKIP TO CONTENT — Accessibility
   ================================================================ */
.mmcq-skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--c-primary);
  color: #fff;
  padding: 8px 16px;
  z-index: 9999;
  font-family: var(--ff-head);
  font-weight: 700;
  text-decoration: none;
  border-radius: 0 0 6px 0;
  transition: top .2s;
}
.mmcq-skip-link:focus { top: 0; }

/* ================================================================
   PRINT STYLES — Certificate + general
   ================================================================ */
@media print {
  .mmcq-header, .mmcq-footer, .mmcq-topbar,
  .mmcq-dash-sidebar, .mmcq-sidebar,
  .mmcq-blog-share, .mmcq-blog-tags,
  .mmcq-pagination, .mmcq-btn,
  nav[aria-label="Breadcrumb"] { display: none !important; }
  .mmcq-layout-sidebar { display: block !important; }
  body { font-size: 12pt; }
}