:root{
  --brand:#387cee;
  --brand-dark:#245fc7;
  --brand-deep:#163f91;
  --brand-soft:#edf4ff;
  --brand-soft-2:#f7faff;
  --ink:#102345;
  --muted:#64748b;
  --soft:#f7faff;
  --line:#dbe7fb;
  --shadow:0 18px 45px rgba(56,124,238,.12);
}
body{color:var(--ink);background:#fff}
a{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}
.announcement-bar{background:var(--brand-deep);color:#fff;border:0}
.site-header{border-bottom:1px solid var(--line);box-shadow:0 8px 28px rgba(29,78,216,.08)}
.brand-mark{color:var(--brand-deep)}
.brand-symbol{background:transparent!important;border-radius:0!important;width:42px!important;height:42px!important;padding:0!important;overflow:hidden}
.brand-symbol img{width:100%;height:100%;object-fit:contain;display:block}
.header-search{background:#fff;border:1px solid #cdddf8;box-shadow:0 5px 18px rgba(56,124,238,.06)}
.header-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(56,124,238,.12)}
.header-search button{background:var(--brand);font-weight:750}
.header-search button:hover{background:var(--brand-dark)}
.header-action{color:#40516f;font-weight:650;padding:8px 4px;border-radius:8px}
.header-action:hover{color:var(--brand)}
.cart-pill{background:var(--brand);box-shadow:0 8px 18px rgba(56,124,238,.22);font-weight:750}
.cart-pill:hover{background:var(--brand-dark);transform:translateY(-1px)}
.cart-pill b{color:var(--brand)}
.category-nav{background:var(--brand);border:0;padding:12px 0}
.category-nav a,.mega-menu-trigger{color:#fff!important;font-weight:700;padding:7px 9px;border-radius:8px}
.category-nav a:hover,.mega-menu-trigger:hover{background:rgba(255,255,255,.14);color:#fff!important}
.category-nav .text-danger{color:#fff!important}
.mega-menu-trigger{background:rgba(255,255,255,.15);padding:9px 12px}
.mega-menu-grid{border-color:#cbdcf9;box-shadow:0 22px 60px rgba(22,63,145,.2)}
.mega-menu-grid a{background:var(--brand-soft-2);color:var(--ink)!important}
.mega-menu-grid a:hover{background:var(--brand-soft);color:var(--brand-deep)!important}
.mobile-menu-button{background:var(--brand-soft);color:var(--brand)}
.offcanvas .offcanvas-header{border-bottom:1px solid var(--line)}
.mobile-nav a{color:var(--ink);font-weight:650}
.mobile-nav a:hover{color:var(--brand);padding-left:6px}
.hero-section{background:linear-gradient(135deg,#f7faff 0%,#edf4ff 52%,#dceaff 100%)}
.hero-slide-alt{background:linear-gradient(135deg,#f8fbff,#eaf2ff)}
.hero-kicker,.eyebrow{color:var(--brand)}
.hero-slide h1,.hero-slide h2{color:var(--brand-deep)}
.hero-slide p{color:#5f6f89}
.hero-medical-card{background:linear-gradient(145deg,var(--brand-deep),var(--brand));box-shadow:0 24px 70px rgba(56,124,238,.28)}
.hero-medical-card>span{color:#dce9ff}
.hero-stat-grid div{border-color:#d6e4fb;box-shadow:var(--shadow)}
.trust-strip{border-color:var(--line)}
.trust-grid strong{color:var(--brand-deep)}
.section-heading>a,.category-card span,.filter-title a,.product-meta a,.product-brand{color:var(--brand)}
.category-card{border-color:var(--line)}
.category-card:hover{border-color:#9fc0f6;box-shadow:var(--shadow)}
.category-icon{background:var(--brand-soft);color:var(--brand)}
.product-card{border-color:#dce7f8;box-shadow:0 6px 20px rgba(31,73,125,.05)}
.product-card:hover{border-color:#9fc0f6;box-shadow:0 18px 44px rgba(56,124,238,.16)}
.private-card-price{display:block;margin-top:4px;color:#176bc0;font-size:.68rem;font-weight:800}.private-price-panel,.bulk-invitation,.regulated-product-notice{margin:16px 0;padding:16px;border:1px solid #b9d8fb;border-radius:16px;background:linear-gradient(135deg,#edf6ff,#f8fcff)}.private-price-panel>span{color:#2577cb;font-size:.66rem;font-weight:900;letter-spacing:.08em}.private-price-panel h3{margin:7px 0 4px;color:#073d75;font-size:1.35rem}.private-price-panel h3 small{font-size:.7rem;color:#66829e}.private-price-panel p,.bulk-invitation span,.regulated-product-notice span{display:block;margin:0;color:#607b96;font-size:.78rem}.private-price-panel .btn{margin-top:12px}.bulk-invitation{display:flex;align-items:center;justify-content:space-between;gap:16px}.bulk-invitation strong,.regulated-product-notice strong{display:block;color:#113c67}.regulated-product-notice{border-color:#d4c6a0;background:#fffaf0}.professional-quote-modal .modal-content{overflow:hidden;border:1px solid #bdd8f8;border-radius:20px}.professional-quote-modal .modal-header{background:linear-gradient(135deg,#eaf4ff,#fff)}.professional-quote-modal .modal-header small{color:#2878c8;font-size:.65rem;font-weight:900;letter-spacing:.09em}.quote-product-summary{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:16px;border-radius:12px;background:#edf6ff;color:#173f67}.quote-product-summary span,.quote-privacy-note{color:#698096;font-size:.7rem}.quote-privacy-note{margin:14px 0 0}.cart-professional-badge{display:inline-flex;align-items:center;align-self:flex-start;width:max-content;max-width:100%;margin-top:4px;padding:3px 7px;border-radius:999px;background:#eaf4ff;color:#2473c4;font-size:.56rem;font-weight:850;line-height:1.1;white-space:nowrap}
.professional-page{min-height:70vh;background:linear-gradient(180deg,#eef6ff,#f8fbff 45%,#fff)}.professional-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 38px;border-radius:24px;background:linear-gradient(125deg,#071e46,#143c70);box-shadow:0 22px 55px rgba(8,45,91,.18);color:#fff}.professional-hero span,.professional-form-heading>span{color:#71c9ff;font-size:.68rem;font-weight:900;letter-spacing:.12em}.professional-hero h1{margin:8px 0;color:#fff;font-weight:900}.professional-hero p{max-width:720px;margin:0;color:#c9dcf0}.professional-hero-lock{display:grid;place-items:center;flex:0 0 82px;width:82px;height:82px;border:1px solid rgba(113,201,255,.35);border-radius:24px;background:rgba(255,255,255,.08);font-size:2rem}.professional-status-card,.professional-access-card,.professional-form,.professional-waiting{padding:24px;border:1px solid #d4e5f8;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 14px 40px rgba(28,75,125,.08)}.professional-status-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.professional-status-card small{color:#6e86a0;font-weight:850}.professional-status-card h2{margin:5px 0;color:#123b65}.professional-status-card p,.professional-access-card p,.professional-form-heading p,.professional-waiting p{margin:0;color:#667f98}.professional-status-card.status-approved,.professional-status-card.status-partially_approved{border-color:#a7e1c6;background:#f4fff9}.professional-sector-chips{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.professional-sector-chips span{padding:7px 10px;border-radius:999px;background:#e8f3ff;color:#1769b6;font-size:.7rem;font-weight:800}.professional-sector-chips .medicine-chip{background:#fff4d6;color:#805a00}.professional-form-heading{margin-bottom:24px}.professional-form-heading h2{margin:6px 0;color:#123c67}.professional-form fieldset{margin:0 0 20px;padding:20px;border:1px solid #dce9f7;border-radius:16px;background:#f8fbff}.professional-form legend{float:none;width:auto;margin:0 0 14px;color:#173e66;font-size:1rem;font-weight:850}.professional-form label{display:block;margin-bottom:6px;color:#315271;font-size:.76rem;font-weight:750}.professional-form .form-control,.professional-form .form-select{min-height:44px;border-color:#cbdced;border-radius:11px}.professional-form .form-control:focus,.professional-form .form-select:focus{border-color:#38a8ee;box-shadow:0 0 0 4px rgba(56,168,238,.12)}.professional-sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.professional-sector-grid label{display:flex;align-items:center;gap:9px;margin:0;padding:11px;border:1px solid #d8e6f4;border-radius:11px;background:#fff;cursor:pointer}.professional-sector-grid label:has(input:checked){border-color:#65b7ef;background:#eaf6ff;color:#1067ad}.professional-help{color:#70879d;font-size:.72rem}.professional-consent{display:flex!important;align-items:flex-start;gap:10px!important;padding:15px;border-radius:13px;background:#edf6ff}.professional-submit{margin-top:15px}.professional-waiting{text-align:center}
@media(max-width:767px){.professional-hero{padding:24px}.professional-hero-lock{display:none}.professional-sector-grid{grid-template-columns:1fr}.professional-status-card,.bulk-invitation{align-items:flex-start;flex-direction:column}.professional-form{padding:16px}.private-price-panel h3{font-size:1.15rem}}
.product-card-media{background:#f6f9ff}
.product-placeholder{color:var(--brand)}
.product-badges span{background:var(--brand)}
.wishlist-form button,.wishlist-button{border-color:#d7e4f8;color:var(--brand-deep)}
.wishlist-form button:hover,.wishlist-button:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.quick-view-link{background:rgba(22,63,145,.93)}
.quick-view-link:hover{background:var(--brand)}
.quick-add,.btn-primary{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;box-shadow:0 8px 18px rgba(56,124,238,.18)}
.quick-add:hover,.btn-primary:hover,.btn-primary:focus{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important;transform:translateY(-1px)}
.btn-outline-primary{color:var(--brand)!important;border-color:var(--brand)!important}
.btn-outline-primary:hover{background:var(--brand)!important;color:#fff!important}
.promo-dark{background:linear-gradient(145deg,var(--brand-deep),#275fca)}
.promo-dark span{color:#dce9ff}
.brand-section,.testimonial-section{background:var(--brand-soft-2)}
.brand-card{border-color:#d9e5f7}
.brand-card:hover{border-color:#9fc0f6;box-shadow:var(--shadow)}
.feature-grid article,.testimonial-grid blockquote{border-color:#dce7f8}
.newsletter-card{background:linear-gradient(135deg,#edf4ff,#f8fbff);border-color:#cfe0fb}
.catalog-header{background:linear-gradient(135deg,#edf4ff,#f8fbff);border-color:var(--line)}
.view-switcher button.active{background:var(--brand)}
.filter-card,.thumbnail-button,.main-product-image,.product-tabs .tab-content{border-color:#dce7f8}
.thumbnail-button.active{border-color:var(--brand);box-shadow:0 0 0 3px rgba(56,124,238,.12)}
.cart-box,.purchase-benefits div{background:var(--brand-soft-2)}
.nav-tabs .nav-link.active{color:var(--brand);border-color:#dce7f8 #dce7f8 #fff}
.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .22rem rgba(56,124,238,.13)}
.pagination .page-link{color:var(--brand)}
.pagination .active>.page-link{background: #387cee63;border-color:var(--brand)}
.marketplace-choice-card{border-color:#d9e5f8!important;box-shadow:0 14px 36px rgba(56,124,238,.09)!important}
.marketplace-choice-card:hover{border-color:#9fc0f6!important;box-shadow:0 20px 50px rgba(56,124,238,.16)!important}
.custom-request-card{background:linear-gradient(145deg,#fff,#f4f8ff)!important}
.seller-partner-card{background:linear-gradient(145deg,var(--brand-deep),var(--brand))!important;color:#fff!important}
.marketplace-choice-icon{color:var(--brand)!important;box-shadow:0 10px 25px rgba(56,124,238,.14)!important}
.seller-partner-card .marketplace-choice-icon{color:#fff!important;background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.25)!important}
.marketplace-choice-label{color:var(--brand)!important}
.seller-partner-card .marketplace-choice-label{color:#dce9ff!important}
.marketplace-choice-card h3{color:var(--brand-deep)!important}
.seller-partner-card h3,.seller-partner-card p{color:#fff!important}
.marketplace-choice-link{color:var(--brand)!important;border-bottom-color:rgba(56,124,238,.35)!important}
.seller-partner-card .marketplace-choice-link{color:#fff!important;border-bottom-color:rgba(255,255,255,.45)!important}
.site-footer{background:linear-gradient(145deg,#12356f,#0f2b5f);color:#dbe8ff}
.site-footer h6,.site-footer .brand-mark{color:#fff}
.site-footer a{color:#dbe8ff}
.site-footer a:hover{color:#fff;transform:translateX(3px)}
.site-footer .brand-symbol{filter:none}
.footer-bottom{border-color:rgba(255,255,255,.14)}
.alert-success{border-color:#bcd3fa;background:#edf4ff;color:var(--brand-deep)}
@media(max-width:991px){
  .category-nav{display:none!important}
  .header-main{gap:12px}
}
@media(max-width:575px){
  .brand-symbol{width:38px!important;height:38px!important}
  .cart-pill{box-shadow:none}
  .product-card{border-radius:16px}
  .quick-add{padding:10px 8px;font-size:.86rem}
}

/* Checkout redesign */
.checkout-hero{background:linear-gradient(135deg,#f7faff 0%,#edf4ff 58%,#e0ebff 100%);border-bottom:1px solid var(--line);padding:54px 0 44px}
.checkout-hero h1{color:var(--brand-deep);font-weight:850;margin:8px 0 8px}.checkout-hero p{max-width:680px;color:#60708c;margin:0}
.checkout-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.checkout-progress{display:flex;align-items:center;max-width:460px;margin-top:28px}.checkout-progress-step{display:flex;align-items:center;gap:8px;color:#6b7890}.checkout-progress-step span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #bfd2f5;color:var(--brand);font-weight:800}.checkout-progress-step small{font-weight:700}.checkout-progress-step.is-active span{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 7px 18px rgba(56,124,238,.22)}.checkout-progress-line{height:1px;flex:1;background:#c9d9f5;margin:0 12px}
.checkout-page{max-width:1240px}.checkout-section{background:#fff;border:1px solid #dbe7fb;border-radius:22px;padding:26px;margin-bottom:20px;box-shadow:0 10px 32px rgba(31,73,125,.06)}
.checkout-section-heading{display:flex;align-items:flex-start;gap:15px;border-bottom:1px solid #e7eefb;padding-bottom:18px;margin-bottom:20px}.checkout-section-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:var(--brand-soft);color:var(--brand)}.checkout-section-icon svg{width:23px;height:23px}.checkout-section-heading>div>span{display:block;color:var(--brand);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.11em}.checkout-section-heading h3{font-size:1.18rem;color:var(--brand-deep);font-weight:800;margin:2px 0}.checkout-section-heading p{color:#74819a;font-size:.86rem;margin:0}
.checkout-section label{display:block;color:#253858;font-size:.82rem;font-weight:750;margin-bottom:7px}.checkout-section label small{color:#8591a7;font-weight:500}.checkout-section input,.checkout-section select,.checkout-section textarea{display:block;width:100%;min-height:48px;border:1px solid #d6e2f5;border-radius:12px;background:#fbfdff;color:#142541;padding:11px 13px;outline:0;transition:.2s}.checkout-section textarea{min-height:112px;resize:vertical}.checkout-section input:focus,.checkout-section select:focus,.checkout-section textarea:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(56,124,238,.1)}
.payment-options{display:grid;gap:12px}.payment-option{position:relative;display:flex!important;align-items:center;gap:13px;border:1px solid #dbe6f8;border-radius:15px;padding:15px 16px!important;margin:0!important;background:#fbfdff;cursor:pointer;transition:.2s}.payment-option:hover{border-color:#9fc0f6;background:#f5f9ff}.payment-option:has(input:checked){border-color:var(--brand);background:#edf4ff;box-shadow:0 0 0 3px rgba(56,124,238,.09)}.payment-option input{position:absolute;opacity:0;pointer-events:none}.payment-option-radio{width:20px;height:20px;border-radius:50%;border:2px solid #aec4e8;box-shadow:inset 0 0 0 4px #fff;background:#fff;flex:0 0 20px}.payment-option:has(input:checked) .payment-option-radio{border-color:var(--brand);background:var(--brand)}.payment-option-copy{display:flex;flex-direction:column;min-width:0;flex:1}.payment-option-copy b{color:var(--brand-deep);font-size:.94rem}.payment-option-copy small{color:#74819a;font-weight:500;line-height:1.45}.payment-option-badge{font-size:.68rem;font-weight:800;color:var(--brand);background:#e6f0ff;border-radius:999px;padding:5px 8px}
.order-summary{position:sticky;top:150px;background:#fff;border:1px solid #dbe7fb;border-radius:24px;padding:24px;box-shadow:0 18px 50px rgba(56,124,238,.12)}.order-summary-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;border-bottom:1px solid #e5edf9;padding-bottom:17px}.order-summary-heading>div>span{display:block;color:var(--brand);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.order-summary-heading h3{font-size:1.25rem;color:var(--brand-deep);font-weight:850;margin:2px 0 0}.order-summary-count{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:800}.summary-products{padding:10px 0}.summary-item{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #edf2fa}.summary-item-copy{display:flex;flex-direction:column;min-width:0}.summary-item-copy>span{font-weight:700;color:#213553}.summary-item-copy small{color:#8190a7}.summary-item b{white-space:nowrap;color:var(--brand-deep);font-size:.88rem}.summary-calculation{padding:10px 0}.summary-line{display:flex;justify-content:space-between;gap:14px;padding:8px 0;color:#5f6f89}.summary-line b{color:#273a57;font-weight:700}.summary-total{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #dbe7fb;padding:18px 0 16px;color:var(--brand-deep);font-weight:850}.summary-total b{font-size:1.35rem;color:var(--brand)}.checkout-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:13px;background:var(--brand);color:#fff;padding:14px 18px;font-weight:850;box-shadow:0 12px 28px rgba(56,124,238,.25);transition:.2s}.checkout-button:hover{background:var(--brand-dark);transform:translateY(-1px)}.back-link{display:block;text-align:center;color:#65758e;text-decoration:none;font-weight:700;font-size:.85rem;margin-top:14px}.back-link:hover{color:var(--brand)}.checkout-assurance{display:grid;gap:9px;border-top:1px solid #e5edf9;margin-top:18px;padding-top:17px}.checkout-assurance div{display:flex;align-items:center;gap:9px}.checkout-assurance div>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eaf7ef;color:#24945b;font-size:.7rem;font-weight:900}.checkout-assurance small{color:#687891}.checkout-alert{border-radius:15px}

/* Why choose us and customer experience */
.experience-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.experience-heading h2{max-width:650px;color:var(--brand-deep);font-weight:850;margin:5px 0 0}.experience-heading>p{max-width:440px;color:#6b7b94;margin:0}
.why-vitaliadz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-vitaliadz-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dbe7fb;border-radius:21px;padding:24px;box-shadow:0 10px 30px rgba(31,73,125,.06);transition:.25s}.why-vitaliadz-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--brand),#7aa8f7);transform:scaleX(0);transform-origin:left;transition:.25s}.why-vitaliadz-card:hover{transform:translateY(-5px);border-color:#a8c5f4;box-shadow:0 20px 44px rgba(56,124,238,.13)}.why-vitaliadz-card:hover:before{transform:scaleX(1)}.why-vitaliadz-number{position:absolute;right:18px;top:14px;color:#dae6fa;font-size:1.45rem;font-weight:900}.why-vitaliadz-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand-soft);color:var(--brand);margin-bottom:20px}.why-vitaliadz-icon svg{width:24px;height:24px}.why-vitaliadz-card h3{color:var(--brand-deep);font-size:1.03rem;font-weight:800}.why-vitaliadz-card p{color:#6f7f97;font-size:.9rem;margin-bottom:0}
.customer-experience-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#f4f8ff 0%,#edf4ff 100%)}.customer-experience-section:after{content:"";position:absolute;right:-100px;top:-100px;width:300px;height:300px;border-radius:50%;background:rgba(56,124,238,.07)}.customer-experience-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.customer-experience-card{margin:0;background:#fff;border:1px solid #dbe7fb;border-radius:22px;padding:25px;box-shadow:0 12px 35px rgba(31,73,125,.07);transition:.25s}.customer-experience-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(56,124,238,.13)}.customer-experience-card-featured{border-color:#a9c6f5;box-shadow:0 18px 45px rgba(56,124,238,.14)}.customer-experience-top{display:flex;align-items:center;justify-content:space-between}.customer-experience-stars{color:#f2b01e;letter-spacing:.08em;font-size:.9rem}.customer-experience-quote{color:#d9e6fb;font-size:3.2rem;line-height:.6;font-family:Georgia,serif}.customer-experience-card>p{color:#455773;font-size:1rem;line-height:1.7;min-height:82px;margin:20px 0}.customer-experience-card footer{display:flex;align-items:center;gap:11px}.customer-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;font-weight:850}.customer-experience-card footer>span:last-child{display:flex;flex-direction:column}.customer-experience-card footer strong{color:var(--brand-deep);font-size:.88rem}.customer-experience-card footer small{color:#8390a5;font-size:.76rem}
@media(max-width:991px){.order-summary{position:static}.experience-heading{align-items:start;flex-direction:column;gap:12px}.why-vitaliadz-grid{grid-template-columns:repeat(2,1fr)}.customer-experience-grid{grid-template-columns:1fr}.customer-experience-card>p{min-height:0}.checkout-progress{max-width:100%}}
@media(max-width:575px){.checkout-hero{padding:38px 0 32px}.checkout-progress-step small{display:none}.checkout-progress-line{margin:0 8px}.checkout-section{padding:19px;border-radius:18px}.checkout-section-heading{gap:11px}.checkout-section-icon{width:40px;height:40px;flex-basis:40px}.order-summary{padding:19px;border-radius:19px}.payment-option-badge{display:none}.why-vitaliadz-grid{grid-template-columns:1fr}.experience-heading h2{font-size:1.65rem}.customer-experience-card{padding:21px}}


/* Shopping cart modal — Vitaliadz brand identity */
.shopping-cart-modal .modal-dialog{padding:38px 0 38px 16px;max-width:420px;width:100%}
.shopping-cart-modal .modal-content{min-height:calc(100vh - 76px);max-height:calc(100vh - 76px);overflow:hidden;border:1px solid rgba(219,231,251,.8);border-radius:20px 0 0 20px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:-16px 0 46px rgba(22,63,145,.14)}
.shopping-cart-modal .modal-header{position:relative;padding:17px 18px 15px;border-bottom:1px solid rgba(219,231,251,.76);background:linear-gradient(135deg,rgba(247,250,255,.8) 0%,rgba(237,244,255,.7) 100%)}
.shopping-cart-modal .modal-header:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--brand)}
.shopping-cart-modal .modal-header h5{color:var(--brand-deep);font-size:1rem;font-weight:850;letter-spacing:-.02em}
.shopping-cart-modal .modal-header small{color:#64748b;font-size:.72rem;font-weight:650}
.shopping-cart-modal .btn-close{width:28px;height:28px;padding:0;margin:0;border-radius:8px;background-color:rgba(255,255,255,.7);box-shadow:0 3px 10px rgba(56,124,238,.07);opacity:.72}
.shopping-cart-modal .btn-close:hover{opacity:1;box-shadow:0 4px 12px rgba(56,124,238,.13)}
.shopping-cart-modal .modal-body{background:rgba(255,255,255,.46);padding:0 18px}
.cart-modal-item{grid-template-columns:58px 1fr;gap:10px;padding:13px 24px 13px 0;border-bottom:1px solid rgba(230,238,251,.8)}
.cart-modal-image{width:58px;height:58px;border:1px solid rgba(219,231,251,.84);border-radius:11px;background:rgba(247,250,255,.74);box-shadow:0 3px 10px rgba(31,73,125,.04)}
.cart-modal-image:hover{border-color:#9fc0f6;background:rgba(237,244,255,.8)}
.cart-modal-image span{color:var(--brand);font-size:1.1rem;font-weight:800}
.cart-modal-item-name{color:var(--ink);font-size:.82rem;font-weight:800;line-height:1.25}
.cart-modal-item-name:hover{color:var(--brand)}
.cart-modal-unit-price{color:#64748b;font-size:.7rem;margin-top:3px}
.cart-modal-item-bottom{margin-top:7px;gap:8px}
.cart-modal-item-bottom strong{color:var(--brand-deep);font-size:.8rem;font-weight:850}
.cart-modal-quantity{height:30px;border:1px solid rgba(214,228,251,.84);border-radius:9px;background:rgba(248,251,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.62)}
.cart-modal-quantity button{width:27px;background:transparent;color:var(--brand);font-size:.92rem;font-weight:800;transition:.2s}
.cart-modal-quantity button:hover{background:rgba(237,244,255,.76);color:var(--brand-dark)}
.cart-modal-quantity input{width:36px;background:rgba(255,255,255,.62);color:var(--ink);font-size:.75rem;font-weight:750;border-left:1px solid rgba(227,235,250,.76);border-right:1px solid rgba(227,235,250,.76)}
.cart-modal-remove{top:13px;width:23px;height:23px;border:1px solid rgba(244,215,215,.84);background:rgba(255,247,247,.74);color:#c94747;font-size:.9rem;font-weight:500;transition:.2s}
.cart-modal-remove:hover{background:rgba(255,240,240,.88);border-color:#efbcbc;color:#a72e2e}
.cart-modal-footer{padding:15px 18px 17px;border-top:1px solid rgba(219,231,251,.76);background:rgba(248,251,255,.66)}
.cart-modal-subtotal span{color:#52637e;font-size:.88rem;font-weight:700}
.cart-modal-subtotal strong{color:var(--brand-deep);font-size:1.08rem;font-weight:850}
.cart-modal-footer>small{color:#74819a;font-size:.69rem;margin-top:3px}
.cart-modal-live-status{min-height:17px;margin-top:6px;color:#70809a;font-size:.68rem;font-weight:700;text-align:right}
.cart-modal-live-status[data-state=success]{color:#26845a}
.cart-modal-live-status[data-state=error]{color:#b33a3a}
.cart-modal-actions{display:block;margin-top:8px}
.cart-modal-actions .btn{width:100%;min-height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800}
.cart-modal-empty{padding:48px 14px}
.cart-modal-empty-icon{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 14px;border:1px solid rgba(207,224,251,.84);border-radius:17px;background:linear-gradient(145deg,rgba(237,244,255,.76),rgba(248,251,255,.64));color:var(--brand);box-shadow:0 8px 20px rgba(56,124,238,.08)}
.cart-modal-empty-icon svg{width:27px;height:27px}
.cart-modal-empty h5{color:var(--brand-deep);font-size:.98rem;font-weight:850}
.cart-modal-empty p{max-width:270px;margin:6px auto 16px;color:#6c7b94;font-size:.8rem}
.cart-modal-empty .btn{min-height:38px;padding:8px 16px;border-radius:10px;font-size:.8rem;font-weight:800}
.footer-cart-link{color:#dbe8ff}
.footer-cart-link:hover{color:#fff;transform:translateX(3px)}
@media(max-width:575px){.shopping-cart-modal .modal-dialog{padding:18px 0 18px 10px;max-width:calc(100% - 10px)}.shopping-cart-modal .modal-content{min-height:calc(100vh - 36px);max-height:calc(100vh - 36px);border:1px solid rgba(219,231,251,.8);border-radius:18px 0 0 18px;box-shadow:-10px 0 34px rgba(22,63,145,.13)}.shopping-cart-modal .modal-header{padding:15px 14px 13px}.shopping-cart-modal .modal-body{padding:0 14px}.cart-modal-item{grid-template-columns:54px 1fr;gap:9px;padding:12px 23px 12px 0}.cart-modal-image{width:54px;height:54px;border-radius:10px}.cart-modal-item-bottom{align-items:center;flex-direction:row}.cart-modal-footer{padding:14px}.cart-modal-empty{padding:40px 8px}.cart-modal-actions{display:block}}

/* Refined compact live shopping cart */
.shopping-cart-modal .modal-dialog{max-width:390px;padding:34px 0 34px 14px}
.shopping-cart-modal .modal-content{min-height:calc(100vh - 68px);max-height:calc(100vh - 68px);border-radius:18px 0 0 18px}
.shopping-cart-modal .modal-header{padding:15px 16px 13px}
.shopping-cart-modal .modal-body{padding:0 16px}
.cart-modal-item{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:10px;padding:12px 0;border-bottom:1px solid rgba(230,238,251,.86)}
.cart-modal-image{width:48px;height:48px;align-self:start;border-radius:10px;background:rgba(247,250,255,.8)}
.cart-modal-image img{padding:3px;object-fit:contain}
.cart-modal-item-info{min-width:0}
.cart-modal-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}
.cart-modal-item-name{display:-webkit-box;min-width:0;padding:1px 0 0;color:var(--brand-deep);font-size:.79rem;font-weight:800;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cart-modal-remove{position:static;display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:1px solid #e5edf9;border-radius:8px;background:var(--brand-soft-2);color:#7b8aa3;box-shadow:none;transition:background .18s,border-color .18s,color .18s,transform .18s}
.cart-modal-remove svg{width:13px;height:13px}
.cart-modal-remove:hover{background:#fff1f1;border-color:#f0caca;color:#bd4141;transform:translateY(-1px)}
.cart-modal-details{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:8px}
.cart-modal-detail{display:flex;flex-direction:column;gap:4px;min-width:0}
.cart-modal-detail>span{color:#8190a7;font-size:.62rem;font-weight:750;line-height:1;text-transform:uppercase;letter-spacing:.04em}
.cart-modal-detail-price{align-items:flex-end;margin-left:auto}
.cart-modal-detail-price strong{color:var(--brand-deep);font-size:.78rem;font-weight:850;white-space:nowrap;transition:opacity .16s}
.cart-modal-quantity{height:28px;border:1px solid #dbe7fb;border-radius:9px;background:var(--brand-soft-2);box-shadow:none;overflow:hidden}
.cart-modal-quantity button{display:grid;place-items:center;width:27px;height:100%;padding:0;border:0;background:transparent;color:var(--brand);font-size:.86rem;font-weight:850;line-height:1;transition:background .16s,color .16s}
.cart-modal-quantity button:hover{background:var(--brand-soft);color:var(--brand-dark)}
.cart-modal-quantity button:active{background:#dfeaff;transform:none}
.cart-modal-quantity input{width:32px;height:100%;padding:0;border:0;border-left:1px solid #e2ebfa;border-right:1px solid #e2ebfa;background:#fff;color:var(--brand-deep);font-size:.7rem;font-weight:800;text-align:center;outline:0}
.cart-modal-footer{padding:13px 16px 15px}
.cart-modal-subtotal{font-size:.83rem}
.cart-modal-subtotal strong{font-size:1rem}
.cart-modal-footer>small{font-size:.64rem;line-height:1.35}
.cart-modal-live-status{min-height:14px;margin-top:4px;font-size:.62rem;opacity:.88}
.cart-modal-actions{margin-top:7px}
.cart-modal-actions .btn{min-height:36px;border-radius:10px;font-size:.77rem;box-shadow:0 7px 16px rgba(56,124,238,.16)}
.cart-modal-item.is-syncing .cart-modal-detail-price strong{opacity:.7}

@media(max-width:575px){
  .shopping-cart-modal .modal-dialog{max-width:calc(100% - 18px);padding:16px 0 16px 8px}
  .shopping-cart-modal .modal-content{min-height:calc(100vh - 32px);max-height:calc(100vh - 32px);border-radius:16px 0 0 16px}
  .shopping-cart-modal .modal-header{padding:14px 13px 12px}
  .shopping-cart-modal .modal-body{padding:0 13px}
  .cart-modal-item{grid-template-columns:46px minmax(0,1fr);gap:9px;padding:11px 0}
  .cart-modal-image{width:46px;height:46px;border-radius:9px}
  .cart-modal-item-name{font-size:.76rem}
  .cart-modal-details{gap:8px;margin-top:7px}
  .cart-modal-footer{padding:12px 13px 14px}
}

/* Compact one-row cart items — v4 */
.shopping-cart-modal .modal-dialog{
  width:calc(100% - 24px);
  max-width:410px;
  min-height:100%;
  height:auto;
  margin:0 auto;
  padding:24px 0;
  display:flex;
  align-items:center;
}
.shopping-cart-modal .modal-content{
  width:100%;
  min-height:0;
  height:auto;
  max-height:calc(100vh - 48px);
  border-radius:18px;
  overflow:hidden;
}
.shopping-cart-modal .modal-header{flex:0 0 auto;padding:13px 15px 11px}
.shopping-cart-modal .modal-body{
  flex:0 1 auto;
  min-height:0;
  padding:0 15px;
  overflow:hidden;
}
.cart-modal-items{
  display:block;
  max-height:calc(100vh - 220px);
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:#bfd3f5 transparent;
}
.cart-modal-items::-webkit-scrollbar{width:5px}
.cart-modal-items::-webkit-scrollbar-thumb{background:#bfd3f5;border-radius:999px}
.cart-modal-item{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto 82px 25px;
  align-items:center;
  gap:7px;
  min-height:58px;
  padding:8px 0;
  border-bottom:1px solid rgba(230,238,251,.86);
}
.cart-modal-item:last-child{border-bottom:0}
.cart-modal-image{
  width:42px;
  height:42px;
  border-radius:9px;
  align-self:center;
  flex:none;
  overflow:hidden;
}
.cart-modal-image img{display:block;width:100%;height:100%;padding:0;object-fit:cover;object-position:center;border-radius:inherit}
.cart-modal-item-name{
  min-width:0;
  display:block;
  padding:0;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  color:var(--brand-deep);
  font-size:.72rem;
  font-weight:800;
  line-height:1.25;
}
.cart-modal-item-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.cart-modal-line-price{
  display:block;
  min-width:62px;
  color:var(--brand-deep);
  font-size:.68rem;
  font-weight:850;
  line-height:1;
  text-align:right;
  white-space:nowrap;
}
.cart-modal-quantity{
  display:flex;
  align-items:center;
  justify-self:end;
  width:82px;
  height:27px;
  border:1px solid #dbe7fb;
  border-radius:8px;
  overflow:hidden;
  background:rgba(248,251,255,.88);
  box-shadow:none;
}
.cart-modal-quantity button{
  display:grid;
  place-items:center;
  flex:0 0 25px;
  width:25px;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  color:var(--brand);
  font-size:.82rem;
  font-weight:850;
  line-height:1;
}
.cart-modal-quantity button:hover{background:var(--brand-soft);color:var(--brand-dark)}
.cart-modal-quantity input{
  flex:0 0 30px;
  width:30px;
  height:100%;
  padding:0;
  border:0;
  border-left:1px solid #e2ebfa;
  border-right:1px solid #e2ebfa;
  background:#fff;
  color:var(--brand-deep);
  font-size:.67rem;
  font-weight:800;
  text-align:center;
  outline:0;
}
.cart-modal-remove{
  position:static;
  display:grid;
  place-items:center;
  justify-self:end;
  width:25px;
  height:25px;
  padding:0;
  border:1px solid #e6edf8;
  border-radius:7px;
  background:rgba(248,251,255,.9);
  color:#8a98ad;
  box-shadow:none;
}
.cart-modal-remove svg{width:12px;height:12px}
.cart-modal-remove:hover{background:#fff1f1;border-color:#efcaca;color:#bd4141;transform:none}
.cart-modal-footer{flex:0 0 auto;padding:11px 15px 13px}
.cart-modal-subtotal{font-size:.78rem}
.cart-modal-subtotal strong{font-size:.92rem}
.cart-modal-footer>small{margin-top:2px;font-size:.6rem}
.cart-modal-live-status{min-height:0;height:0;margin:0;overflow:hidden;font-size:0}
.cart-modal-actions{margin-top:7px}
.cart-modal-actions .btn{min-height:33px;border-radius:9px;font-size:.73rem}

@media(max-width:575px){
  .shopping-cart-modal .modal-dialog{width:calc(100% - 20px);max-width:410px;min-height:100%;margin:0 auto;padding:10px 0;display:flex;align-items:center}
  .shopping-cart-modal .modal-content{width:100%;min-height:0;height:auto;max-height:calc(100vh - 20px);border-radius:15px}
  .shopping-cart-modal .modal-header{padding:12px 12px 10px}
  .shopping-cart-modal .modal-body{padding:0 12px}
  .cart-modal-items{max-height:calc(100vh - 205px)}
  .cart-modal-item{grid-template-columns:38px minmax(0,1fr) auto 76px 23px;gap:5px;min-height:52px;padding:7px 0}
  .cart-modal-image{width:38px;height:38px;border-radius:8px}
  .cart-modal-item-name{font-size:.68rem}
  .cart-modal-line-price{min-width:54px;font-size:.63rem}
  .cart-modal-quantity{width:76px;height:25px}
  .cart-modal-quantity button{flex-basis:23px;width:23px;font-size:.78rem}
  .cart-modal-quantity input{flex-basis:28px;width:28px;font-size:.64rem}
  .cart-modal-remove{width:23px;height:23px;border-radius:7px}
  .cart-modal-remove svg{width:11px;height:11px}
  .cart-modal-footer{padding:10px 12px 12px}
}


/* Cart header alignment + clean quantity input — 20260820 */
.shopping-cart-modal .modal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.shopping-cart-modal .modal-header .cart-modal-heading{
  min-width:0;
  flex:1 1 auto;
  order:0;
}
.shopping-cart-modal .modal-header .btn-close{
  flex:0 0 auto;
  order:1;
  margin:0 0 0 auto !important;
}
.cart-modal-quantity input[type=number]{
  text-align:center;
  text-align-last:center;
  -moz-appearance:textfield;
  appearance:textfield;
}
.cart-modal-quantity input[type=number]::-webkit-inner-spin-button,
.cart-modal-quantity input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}


/* Header cart icon + compact product title — 20260820 */
.cart-icon-button{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  min-width:42px;
  padding:0;
  border-radius:12px;
  color:#fff !important;
}
.cart-icon-button .cart-header-icon{
  width:20px;
  height:20px;
  display:block;
}
.cart-icon-button b{
  position:absolute;
  top:-6px;
  right:-6px;
  display:grid;
  place-items:center;
  min-width:19px;
  height:19px;
  padding:0 5px;
  margin:0;
  border:2px solid #dc2626;
  border-radius:999px;
  background:#dc2626;
  color:#fff;
  font-size:.61rem;
  font-weight:850;
  line-height:1;
  box-shadow:0 3px 8px rgba(220,38,38,.22);
}
.cart-modal-item-name{
  font-size:.66rem;
  font-weight:750;
  line-height:1.16;
  letter-spacing:-.005em;
}
@media(max-width:575px){
  .cart-icon-button{width:38px;height:38px;min-width:38px;padding:0}
  .cart-icon-button .cart-header-icon{width:19px;height:19px}
  .cart-icon-button b{top:-5px;right:-5px;min-width:18px;height:18px;font-size:.58rem}
  .cart-modal-item-name{font-size:.63rem;line-height:1.14}
}


/* Header utility icons */
.header-icon-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-left:auto;
}
.header-icon-action{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  min-width:42px;
  padding:0;
  border:1px solid #cbdcf9;
  border-radius:12px;
  background:#fff;
  color:var(--brand-deep);
  text-decoration:none;
  box-shadow:0 5px 14px rgba(56,124,238,.07);
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.header-icon-action svg{
  display:block;
  width:19px;
  height:19px;
  flex:0 0 auto;
}
.header-icon-action:hover,
.header-icon-action:focus-visible{
  color:var(--brand);
  background:var(--brand-soft);
  border-color:#9fc0f6;
  box-shadow:0 7px 18px rgba(56,124,238,.13);
  transform:translateY(-1px);
  outline:none;
}
.seller-icon-action{
  color:var(--brand);
  background:var(--brand-soft-2);
  border-color:#b9d2fb;
}
.seller-icon-action:hover,
.seller-icon-action:focus-visible{
  color:var(--brand-dark);
  background:var(--brand-soft);
  border-color:var(--brand);
}
.header-icon-actions .cart-icon-button{
  width:42px;
  height:42px;
  min-width:42px;
  padding:0;
  border:1px solid var(--brand);
  border-radius:12px;
  background:var(--brand);
  color:#fff !important;
  box-shadow:0 8px 18px rgba(56,124,238,.22);
}
.header-icon-actions .cart-icon-button:hover,
.header-icon-actions .cart-icon-button:focus-visible{
  background:var(--brand-dark);
  border-color:var(--brand-dark);
  color:#fff !important;
}
.header-icon-actions .cart-icon-button b{
  top:-6px;
  right:-6px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  margin:0;
  border:2px solid #dc2626;
  background:#dc2626;
  color:#fff;
}
.header-logout-form{
  margin:0;
  padding:0;
}
.logout-icon-action{
  color:#b42318;
  background:#fff;
  border-color:#f1c5c1;
}
.logout-icon-action:hover,
.logout-icon-action:focus-visible{
  color:#9f1c13;
  background:#fff1f0;
  border-color:#e8a9a3;
}
@media(max-width:575px){
  .header-icon-actions{gap:7px}
  .header-icon-action,
  .header-icon-actions .cart-icon-button{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:11px;
  }
  .header-icon-action svg{width:18px;height:18px}
}

/* QCM / student entry */
.become-student-link{
  min-height:42px;
  padding:0 15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:linear-gradient(135deg,var(--brand),var(--brand-deep));
  color:#fff!important;
  font-size:.78rem;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(56,124,238,.18);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.become-student-link:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(56,124,238,.24);
  filter:brightness(.98);
}
.qcm-shell{padding:48px 0 64px;background:linear-gradient(180deg,#f7faff 0,#fff 52%,#f8fbff 100%);min-height:68vh}
.qcm-auth-wrap{max-width:520px;margin:0 auto}
.qcm-card{background:rgba(255,255,255,.94);border:1px solid #dce9fb;border-radius:24px;box-shadow:0 18px 46px rgba(35,81,145,.10)}
.qcm-auth-card{padding:30px}
.qcm-eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#edf4ff;color:var(--brand-deep);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.qcm-title{color:var(--brand-deep);font-weight:850;letter-spacing:-.03em}
.qcm-muted{color:#6c7f99}
.qcm-form-label{font-weight:750;color:#28496e;font-size:.84rem;margin-bottom:6px}
.qcm-input{border:1px solid #d7e5f8;border-radius:14px;min-height:48px;padding:10px 13px;background:#fbfdff}
.qcm-input:focus{border-color:#8eb7f5;box-shadow:0 0 0 .2rem rgba(56,124,238,.10)}
.qcm-primary-btn{min-height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;font-weight:800;box-shadow:0 9px 20px rgba(56,124,238,.18)}
.qcm-primary-btn:hover{color:#fff;filter:brightness(.98)}
.qcm-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.qcm-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.qcm-section-card{padding:21px;display:flex;flex-direction:column;gap:12px}
.qcm-section-meta{display:flex;gap:8px;flex-wrap:wrap}
.qcm-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#edf4ff;color:#315f9e;font-size:.72rem;font-weight:750}
.qcm-section-card h3{font-size:1.02rem;color:#1d416f;font-weight:850;margin:0}
.qcm-section-card p{font-size:.82rem;color:#72839a;margin:0;line-height:1.55;flex:1}
.qcm-section-card .qcm-primary-btn{min-height:42px;font-size:.8rem;display:flex;align-items:center;justify-content:center;text-decoration:none}
.qcm-history{margin-top:28px;padding:22px}
.qcm-history-row{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(90px,.6fr));gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f8;font-size:.8rem}
.qcm-history-row:last-child{border-bottom:0}
.qcm-history-row strong{color:#274e7e}
.qcm-logout-btn{border:1px solid #f0c8cc;background:#fff7f8;color:#b73744;border-radius:12px;min-height:40px;padding:0 13px;font-weight:750;font-size:.78rem}
.qcm-quiz-wrap{max-width:860px;margin:0 auto}
.qcm-quiz-head{padding:22px;margin-bottom:16px}
.qcm-question{padding:20px;margin-bottom:14px}
.qcm-question-number{font-size:.7rem;color:var(--brand);font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.qcm-question-title{font-size:.98rem;color:#1e416d;font-weight:800;line-height:1.5;margin:5px 0 12px}
.qcm-question-score{font-size:.7rem;color:#6b7f99;background:#f3f7fd;border-radius:999px;padding:4px 8px;white-space:nowrap}
.qcm-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #e0eafa;border-radius:13px;background:#fbfdff;margin-top:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.qcm-option:hover{border-color:#a9c8f6;background:#f5f9ff}
.qcm-option input{margin-top:3px;accent-color:var(--brand)}
.qcm-option span{font-size:.83rem;color:#385875;line-height:1.45}
.qcm-result-summary{padding:28px;text-align:center;margin-bottom:18px}
.qcm-score-circle{width:116px;height:116px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(145deg,#edf4ff,#fff);border:8px solid #dbeaff;color:var(--brand-deep)}
.qcm-score-circle strong{font-size:1.65rem;line-height:1}
.qcm-answer-review{padding:18px;margin-bottom:12px}
.qcm-answer-review.is-correct{border-color:#bfe5d0;background:#fbfffd}
.qcm-answer-review.is-wrong{border-color:#f0c9cf;background:#fffafb}
.qcm-answer-state{font-size:.72rem;font-weight:850;border-radius:999px;padding:4px 8px;display:inline-flex}
.qcm-answer-review.is-correct .qcm-answer-state{background:#e8f7ef;color:#218451}
.qcm-answer-review.is-wrong .qcm-answer-state{background:#fdecef;color:#b33443}
@media(max-width:991.98px){.qcm-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.qcm-shell{padding:28px 0 44px}.qcm-section-grid{grid-template-columns:1fr}.qcm-dashboard-head{align-items:flex-start;flex-direction:column}.qcm-history-row{grid-template-columns:1fr 1fr}.qcm-history-row>*:first-child{grid-column:1/-1}.qcm-auth-card{padding:22px}.qcm-question{padding:16px}}
.qcm-landing-hero{padding:34px;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:34px;align-items:center}
.qcm-landing-hero>div:first-child{max-width:760px}
.qcm-landing-mark{width:160px;height:160px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand-soft),#fff);color:var(--brand);border:1px solid #dbe8fb;box-shadow:inset 0 0 0 10px rgba(56,124,238,.03)}
.qcm-landing-mark svg{width:78px;height:78px}
.qcm-secondary-btn{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #bcd2f5;border-radius:14px;color:var(--brand-deep);background:#fff;text-decoration:none;font-weight:800;font-size:.84rem}
.qcm-secondary-btn:hover{background:var(--brand-soft);color:var(--brand-deep)}
@media(max-width:767.98px){.qcm-landing-hero{grid-template-columns:1fr;padding:24px}.qcm-landing-mark{display:none}}


/* Standalone QCM workspace */
.qcm-standalone{
  margin:0;
  min-height:100vh;
  background:#f7faff;
}
.qcm-standalone-main{
  min-height:100vh;
}
.qcm-standalone .qcm-shell{
  min-height:100vh;
  padding-top:48px;
  padding-bottom:64px;
}
@media(max-width:767.98px){
  .qcm-standalone .qcm-shell{
    padding-top:28px;
    padding-bottom:40px;
  }
}


/* QCM standalone navigation, pricing and profile */
.qcm-topbar{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.qcm-topbar-inner{
  min-height:95px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  overflow:visible;
}
.qcm-brand{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  color:var(--brand-deep);
  font-size:1.1rem;
  font-weight:900;
  letter-spacing:.03em;
}
.qcm-brand-logo{
  display:block;
  width:auto;
  height:150px;
  max-width:420px;
  object-fit:contain;
  object-position:left center;
  flex-shrink:0;
  margin:-28px 0;
}
.qcm-brand-fallback{
  display:inline-flex;
  align-items:center;
  min-height:42px;
}
.qcm-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.qcm-nav a,.qcm-nav-logout{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#53647e;
  font-size:.84rem;
  font-weight:750;
  text-decoration:none;
}
.qcm-nav a:hover,.qcm-nav a.is-active,.qcm-nav-logout:hover{
  color:var(--brand);
  background:var(--brand-soft);
}
.qcm-nav-register{
  color:#fff!important;
  background:var(--brand)!important;
}
.qcm-nav-register:hover,.qcm-nav-register.is-active{
  background:var(--brand-dark)!important;
  color:#fff!important;
}


/* ===== Vitalia light profile trigger + dropdown ===== */
.qcm-account-menu{
  position:relative;
  border:1px solid #E5EAF2;
  border-radius:14px;
  background:#FFFFFF;
  box-shadow:0 2px 8px rgba(2,1,52,.035);
  transition:
    background-color .22s cubic-bezier(.2,.8,.2,1),
    border-color .22s cubic-bezier(.2,.8,.2,1),
    box-shadow .22s cubic-bezier(.2,.8,.2,1),
    transform .22s cubic-bezier(.2,.8,.2,1);
}
.qcm-account-menu:hover,
.qcm-account-menu[open],
.qcm-account-menu.is-current{
  border-color:#387CEE;
  background:#F8FAFC;
  box-shadow:0 8px 22px rgba(2,1,52,.08);
  transform:translateY(-1px);
}
.qcm-account-menu summary{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:6px 12px 6px 7px;
  cursor:pointer;
  list-style:none;
  color:#020134;
  user-select:none;
  outline:0;
}
.qcm-account-menu summary::-webkit-details-marker{display:none}
.qcm-account-menu summary:focus-visible{
  border-radius:12px;
  box-shadow:0 0 0 3px rgba(56,124,238,.14);
}
.qcm-account-avatar{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  overflow:hidden;
  border:1px solid #DCE7F7;
  border-radius:10px;
  background:linear-gradient(135deg,#F0FBFF,#EEF3FF);
  color:#387CEE;
  font-size:.75rem;
  font-weight:900;
}
.qcm-account-avatar img,
.qcm-account-popover-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.qcm-account-trigger-copy{
  display:grid;
  gap:2px;
  min-width:0;
  text-align:left;
}
.qcm-account-trigger-copy strong{
  color:#020134;
  font-size:.76rem;
  font-weight:850;
  line-height:1.15;
}
.qcm-account-trigger-copy small{
  max-width:120px;
  overflow:hidden;
  color:#64748B;
  font-size:.59rem;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.qcm-account-name{
  max-width:120px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.qcm-account-chevron{
  width:15px;
  height:15px;
  margin-left:1px;
  color:#94A3B8;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),color .22s ease;
}
.qcm-account-menu[open] .qcm-account-chevron{
  transform:rotate(180deg);
  color:#387CEE;
}

.qcm-account-popover{
  position:absolute;
  z-index:90;
  top:calc(100% + 12px);
  right:0;
  width:min(330px,calc(100vw - 24px));
  overflow:hidden;
  padding:0;
  border:1px solid #E5EAF2;
  border-radius:18px;
  background:#FFFFFF;
  box-shadow:
    0 12px 32px rgba(2,1,52,.08),
    0 4px 12px rgba(2,1,52,.04);
  transform-origin:top right;
  animation:qcmDropdownIn .2s cubic-bezier(.2,.8,.2,1) both;
}
.qcm-account-popover:before{display:none}
.qcm-account-popover-user{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:17px 17px 15px;
  border-bottom:1px solid #E5EAF2;
  background:#FFFFFF;
}
.qcm-account-popover-avatar{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  overflow:hidden;
  border:1px solid #DDE7F5;
  border-radius:14px;
  background:linear-gradient(135deg,#F0FBFF,#EEF3FF);
  color:#387CEE;
  font-size:.9rem;
  font-weight:900;
  box-shadow:0 5px 16px rgba(56,124,238,.10);
}
.qcm-account-popover-user-copy{
  display:grid;
  min-width:0;
}
.qcm-account-popover-user-copy strong{
  overflow:hidden;
  color:#020134;
  font-size:.88rem;
  font-weight:850;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.qcm-account-popover-user-copy small{
  overflow:hidden;
  margin-top:2px;
  color:#64748B;
  font-size:.66rem;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.qcm-account-popover-user-copy em{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:7px;
  padding:4px 8px;
  overflow:hidden;
  border:1px solid #DCE8FA;
  border-radius:999px;
  background:#F0F7FF;
  color:#387CEE;
  font-size:.56rem;
  font-style:normal;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.qcm-account-popover-links{
  display:grid;
  gap:3px;
  padding:9px;
  background:#FFFFFF;
}
.qcm-account-popover .qcm-account-popover-links a{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px!important;
  align-items:center!important;
  min-height:50px;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#64748B!important;
  text-decoration:none!important;
  transform:translateX(0);
  transition:
    background-color .2s cubic-bezier(.2,.8,.2,1),
    color .2s ease,
    transform .2s cubic-bezier(.2,.8,.2,1),
    border-color .2s ease!important;
}
.qcm-account-popover .qcm-account-popover-links a:hover,
.qcm-account-popover .qcm-account-popover-links a.is-active{
  border-color:#EEF2F7!important;
  background:#F8FAFC!important;
  color:#020134!important;
  transform:translateX(4px);
}
.qcm-account-popover .qcm-account-popover-links a>span:last-child,
.qcm-account-logout>span:last-child{
  display:grid;
  gap:2px;
  min-width:0;
}
.qcm-account-popover .qcm-account-popover-links strong,
.qcm-account-logout strong{
  color:inherit;
  font-size:.76rem;
  font-weight:800;
}
.qcm-account-popover .qcm-account-popover-links small,
.qcm-account-logout small{
  overflow:hidden;
  color:#94A3B8;
  font-size:.61rem;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.qcm-account-option-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid #E8EEF6;
  border-radius:10px;
  background:#F8FAFC;
  color:#64748B;
  transition:
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease;
}
.qcm-account-option-icon svg{
  width:17px;
  height:17px;
}
.qcm-account-popover .qcm-account-popover-links a:hover .qcm-account-option-icon,
.qcm-account-popover .qcm-account-popover-links a.is-active .qcm-account-option-icon{
  border-color:#DCE8FA;
  background:#EEF5FF;
  color:#387CEE;
}

.qcm-account-popover-danger{
  padding:9px;
  border-top:1px solid #E5EAF2;
  background:#FFFFFF;
}
.qcm-account-popover-danger form{margin:0}
.qcm-account-logout{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  width:100%;
  min-height:50px;
  padding:8px 10px;
  border:1px solid #FECDD3;
  border-radius:12px;
  background:#FFF1F2;
  color:#E11D48;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transform:translateX(0);
  transition:
    background-color .2s cubic-bezier(.2,.8,.2,1),
    transform .2s cubic-bezier(.2,.8,.2,1),
    border-color .2s ease,
    box-shadow .2s ease;
}
.qcm-account-logout:hover,
.qcm-account-logout:focus-visible{
  border-color:#FDA4AF;
  outline:0;
  background:#FFE4E6;
  box-shadow:0 6px 16px rgba(225,29,72,.08);
  transform:translateX(4px);
}
.qcm-account-logout .qcm-account-option-icon{
  border-color:#FECDD3;
  background:#FFFFFF;
  color:#E11D48;
}
.qcm-account-logout small{color:#BE6478}

@keyframes qcmDropdownIn{
  from{opacity:0;transform:translateY(-6px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* ===== Vitalia compact language selector ===== */
.qcm-language-menu{
  position:relative;
  margin-left:3px;
  padding:4px 8px;
  border:1px solid #E5EAF2;
  border-radius:12px;
  background:#FFFFFF;
  box-shadow:0 2px 8px rgba(2,1,52,.035);
  transition:
    background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s cubic-bezier(.2,.8,.2,1);
}
.qcm-language-menu:hover,
.qcm-language-menu[open]{
  border-color:#387CEE;
  background:#F8FAFC;
  box-shadow:0 7px 18px rgba(2,1,52,.08);
  transform:translateY(-1px);
}
.qcm-language-menu summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  min-height:32px;
  padding:0;
  border:0;
  outline:0;
  border-radius:8px;
  background:transparent;
  color:#020134;
  font:inherit;
  font-size:.74rem;
  font-weight:850;
  cursor:pointer;
  user-select:none;
  appearance:none;
  -webkit-appearance:none;
}
.qcm-language-menu summary::-webkit-details-marker{display:none}
.qcm-language-menu summary:focus-visible{
  box-shadow:0 0 0 3px rgba(56,124,238,.12);
}
.qcm-language-current{
  display:flex;
  align-items:center;
  gap:6px;
}
.qcm-language-code{
  display:grid;
  place-items:center;
  min-width:27px;
  height:24px;
  padding:0 5px;
  border:1px solid #E5EAF2;
  border-radius:7px;
  background:#F8FAFC;
  color:#387CEE;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.03em;
}
.qcm-language-chevron{
  width:14px;
  height:14px;
  color:#94A3B8;
  transition:transform .2s ease,color .2s ease;
}
.qcm-language-menu[open] .qcm-language-chevron{
  transform:rotate(180deg);
  color:#387CEE;
}
.qcm-language-popover{
  position:absolute;
  z-index:80;
  top:calc(100% + 10px);
  right:0;
  min-width:190px;
  padding:6px;
  border:1px solid #E5EAF2;
  border-radius:14px;
  background:#FFFFFF;
  box-shadow:0 12px 32px rgba(2,1,52,.08),0 3px 10px rgba(2,1,52,.04);
  transform-origin:top right;
  animation:qcm-language-in .16s ease-out;
}
@keyframes qcm-language-in{
  from{opacity:0;transform:translateY(-5px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.qcm-language-popover form{margin:0}
.qcm-language-popover button{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:10px 11px;
  border:1px solid transparent;
  outline:0;
  border-radius:10px;
  background:transparent;
  color:#64748B;
  font:inherit;
  text-align:left;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:
    background-color .16s ease,
    color .16s ease,
    border-color .16s ease,
    transform .16s ease;
}
.qcm-language-popover button:hover,
.qcm-language-popover button:focus-visible{
  border-color:#EEF2F7;
  background:#F8FAFC;
  color:#020134;
  transform:translateX(2px);
}
.qcm-language-popover button.is-active{
  border-color:#DCE8FA;
  background:#EEF5FF;
  color:#387CEE;
}
.qcm-language-option-text{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
}
.qcm-language-option-text strong{
  font-size:.79rem;
  font-weight:850;
}
.qcm-language-option-text small{
  color:#94A3B8;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.06em;
}

@media(max-width:760px){
  .qcm-account-trigger-copy{display:none}
  .qcm-account-menu summary{padding-right:7px}
  .qcm-account-popover{
    position:fixed;
    top:76px;
    right:12px;
    left:12px;
    width:auto;
  }
}
@media(prefers-reduced-motion:reduce){
  .qcm-account-popover,
  .qcm-language-popover{animation:none}
  .qcm-account-popover .qcm-account-popover-links a,
  .qcm-account-logout,
  .qcm-account-chevron,
  .qcm-language-menu,
  .qcm-language-popover button{transition:none!important}
}
.qcm-page-head{
  max-width:760px;
  margin-bottom:24px;
}
.qcm-pricing-empty{
  max-width:760px;
  margin:0 auto;
  padding:44px 30px;
  text-align:center;
}
.qcm-pricing-icon{
  width:64px;
  height:64px;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:var(--brand-soft);
  color:var(--brand);
}
.qcm-pricing-icon svg{width:30px;height:30px}
.qcm-profile-card{
  max-width:760px;
  padding:28px;
}

.qcm-profile-layout{display:grid;grid-template-columns:minmax(300px,760px) minmax(340px,1fr);gap:24px;align-items:start}
.qcm-profile-layout .qcm-profile-card{max-width:none;width:100%}
.qcm-profile-subscriptions{display:grid;gap:16px;min-width:0}
.qcm-profile-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.qcm-profile-section-head h2{margin:5px 0 0;font-size:1.25rem;font-weight:900;color:#162e43}.qcm-profile-section-head p{margin:6px 0 0;color:#6a7888;font-size:.84rem}.qcm-profile-section-head.is-compact{margin-top:6px}
.qcm-profile-subscriptions .qcm-current-subscription{margin:0}.qcm-profile-subscriptions .qcm-no-subscription{margin:0}.qcm-profile-subscriptions .qcm-no-subscription h3{margin:0 0 7px;font-size:1.05rem;font-weight:900}.qcm-profile-subscriptions .qcm-no-subscription p{margin:0 0 16px;color:#6a7888;font-size:.84rem}
.qcm-subscription-pending{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #f2d69a;border-radius:14px;background:#fffaf0}.qcm-subscription-pending strong{display:block;color:#624400;font-size:.88rem}.qcm-subscription-pending p{margin:3px 0 0;color:#806b3e;font-size:.76rem;line-height:1.55}
.qcm-profile-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qcm-profile-plan{display:flex;flex-direction:column;gap:14px;padding:18px}.qcm-profile-plan h3{margin:0 0 5px;color:#17344c;font-size:1rem;font-weight:900}.qcm-profile-plan p{margin:0;color:#6a7888;font-size:.76rem;line-height:1.5}.qcm-profile-plan-price{display:flex;align-items:baseline;gap:5px;margin-top:auto}.qcm-profile-plan-price strong{font-size:1.3rem;color:#0c8f87}.qcm-profile-plan-price span{font-size:.72rem;color:#718096}.qcm-profile-plan form,.qcm-profile-plan button{width:100%}.qcm-profile-plan button:disabled{opacity:.55;cursor:not-allowed}
.qcm-subscription-history{padding:0;overflow:hidden}.qcm-subscription-history summary{padding:17px 19px;cursor:pointer;font-weight:850;color:#233f55;list-style:none}.qcm-subscription-history summary::-webkit-details-marker{display:none}.qcm-subscription-history summary::after{content:'+';float:right;color:#0c8f87}.qcm-subscription-history[open] summary::after{content:'−'}.qcm-profile-history-list{display:grid;border-top:1px solid #edf1f5}.qcm-profile-history-list>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:13px 19px;border-bottom:1px solid #edf1f5}.qcm-profile-history-list>div:last-child{border-bottom:0}.qcm-profile-history-list strong{font-size:.8rem;color:#294256}.qcm-profile-history-list small{color:#7a8794;font-size:.68rem}
@media(max-width:1100px){.qcm-profile-layout{grid-template-columns:1fr}.qcm-profile-layout .qcm-profile-card{max-width:760px}}
@media(max-width:600px){.qcm-profile-plan-grid{grid-template-columns:1fr}.qcm-profile-history-list>div{grid-template-columns:1fr auto}.qcm-profile-history-list small{grid-column:1/-1}.qcm-profile-subscriptions .qcm-subscription-dates{gap:15px}}
.qcm-profile-form{
  display:grid;
  gap:18px;
}
.qcm-profile-form label{
  display:block;
  margin-bottom:7px;
  color:#263a5b;
  font-size:.82rem;
  font-weight:800;
}
.qcm-profile-form input{
  width:100%;
  min-height:48px;
  padding:11px 13px;
  border:1px solid #d6e2f5;
  border-radius:12px;
  background:#fbfdff;
  color:var(--ink);
  outline:0;
}
.qcm-profile-form input:focus{
  border-color:var(--brand);
  background:#fff;
  box-shadow:0 0 0 4px rgba(56,124,238,.1);
}
.qcm-profile-divider{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-top:18px;
  margin-top:2px;
  border-top:1px solid var(--line);
}
.qcm-profile-divider strong{color:var(--brand-deep)}
.qcm-profile-divider span{color:var(--muted);font-size:.82rem}
.qcm-profile-actions{
  display:flex;
  justify-content:flex-end;
  padding-top:4px;
}
.qcm-field-error{
  margin-top:6px;
  color:#b42318;
  font-size:.78rem;
  font-weight:650;
}
@media(max-width:767.98px){
  .qcm-topbar-inner{
    min-height:auto;
    padding-top:12px;
    padding-bottom:12px;
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  .qcm-brand-logo{
    width:auto;
    height:72px;
    max-width:220px;
    object-fit:contain;
    object-position:left center;
  }
  .qcm-nav{
    width:100%;
    justify-content:flex-start;
    gap:5px;
  }
  .qcm-nav a,.qcm-nav-logout{
    min-height:34px;
    padding:7px 9px;
    font-size:.78rem;
  }
  .qcm-profile-card,.qcm-pricing-empty{
    padding:22px 18px;
  }
}

/* QCM pricing plans and subscriptions */
.qcm-flash-wrap{padding-top:18px}
.qcm-flash{padding:12px 16px;border-radius:12px;border:1px solid;font-size:.86rem;font-weight:700}
.qcm-flash.is-success{background:#ecfdf3;border-color:#b7ebca;color:#167044}
.qcm-flash.is-error{background:#fff2f2;border-color:#ffc9c9;color:#b42318}
.qcm-flash.is-info{background:#f0f6ff;border-color:#c9dcfb;color:#215ea9}
.qcm-pricing-page .container{max-width:1180px}
.qcm-pricing-head{margin-left:auto;margin-right:auto;text-align:center}
.qcm-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.qcm-plan-slot{display:flex;min-width:0;flex-direction:column}
.qcm-plan-badge-slot{height:30px;display:flex;align-items:flex-end;justify-content:stretch}
.qcm-plan-ribbon{width:100%;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px 10px 0 0;background:transparent;color:transparent;font-size:.66rem;font-weight:900;letter-spacing:.16em}
.qcm-plan-slot.is-recommended .qcm-plan-ribbon{background:var(--brand);color:#fff}
.qcm-plan-card{position:relative;display:flex;min-width:0;flex:1;border:1px solid #cbdcf8;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(28,72,138,.06);overflow:hidden}
.qcm-plan-card.is-recommended{border-color:var(--brand);border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 14px 34px rgba(56,124,238,.15)}
.qcm-plan-content{width:100%;display:flex;flex-direction:column;padding:26px 20px 22px}
.qcm-plan-top{min-height:92px}
.qcm-plan-top h2{margin:0 0 8px;color:var(--brand-deep);font-size:1rem;font-weight:900}
.qcm-plan-top p{margin:0;color:#63748f;font-size:.78rem;line-height:1.55}
.qcm-plan-price-wrap{position:relative;margin:12px 0 16px;padding-top:4px}
.qcm-plan-saving{position:absolute;right:0;top:-8px;padding:4px 7px;border-radius:6px;background:#16b364;color:#fff;font-size:.64rem;font-weight:850}
.qcm-plan-price{display:flex;align-items:baseline;gap:4px;color:#111827}
.qcm-plan-price strong{font-size:1.82rem;line-height:1;font-weight:950;letter-spacing:-.04em}
.qcm-plan-currency{font-size:.72rem;font-weight:850;color:#37465f}
.qcm-plan-period{font-size:.7rem;color:#71819a;font-weight:700}
.qcm-plan-old-price{margin-top:6px;color:#8a98ad;font-size:.72rem;text-decoration:line-through}
.qcm-plan-duration{margin-top:5px;color:#556984;font-size:.72rem;font-weight:700}
.qcm-plan-action{display:block;margin-bottom:18px}
.qcm-plan-button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid var(--brand);border-radius:8px;background:var(--brand);color:#fff;font-size:.78rem;font-weight:850;transition:.18s ease}
.qcm-plan-button:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;transform:translateY(-1px)}
.qcm-plan-button:disabled{cursor:not-allowed;opacity:.55;transform:none}
.qcm-plan-features{display:grid;gap:9px;margin-top:auto;padding-top:4px;border-top:1px solid #edf2fa}
.qcm-plan-feature{display:flex;align-items:flex-start;gap:7px;color:#31445f;font-size:.74rem;line-height:1.4}
.qcm-plan-feature svg{width:15px;height:15px;flex:0 0 15px;margin-top:1px;color:var(--brand)}
.qcm-subscription-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:14px 16px;border:1px solid;border-radius:12px}
.qcm-subscription-notice div{display:grid;gap:3px}.qcm-subscription-notice strong{font-size:.86rem}.qcm-subscription-notice span{font-size:.75rem;color:#657691}
.qcm-subscription-notice a{font-size:.76rem;font-weight:850;text-decoration:none}
.qcm-subscription-notice.is-active{background:#f0fff7;border-color:#b9ebcf;color:#146c43}.qcm-subscription-notice.is-active a{color:#146c43}
.qcm-subscription-notice.is-pending{background:#fffaf0;border-color:#f6d89d;color:#8a5a00}.qcm-subscription-notice.is-pending a{color:#8a5a00}
.qcm-dashboard-subscription{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:18px 20px;border-radius:14px;border:1px solid}
.qcm-dashboard-subscription h2{margin:4px 0 4px;font-size:1rem;font-weight:900}.qcm-dashboard-subscription p{margin:0;font-size:.78rem}.qcm-dashboard-subscription a{padding:9px 12px;border-radius:9px;font-size:.74rem;font-weight:850;text-decoration:none}
.qcm-dashboard-subscription.is-active{background:#f2fbf6;border-color:#bce7cf;color:#175f40}.qcm-dashboard-subscription.is-active a{background:#fff;color:#175f40;border:1px solid #bce7cf}
.qcm-dashboard-subscription.is-locked{background:#fff8ed;border-color:#f3d4a2;color:#7a5000}.qcm-dashboard-subscription.is-locked a{background:#fff;color:#7a5000;border:1px solid #f3d4a2}
.qcm-current-subscription{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:24px;border:1px solid #bce7cf;border-radius:16px;background:#f2fbf6}
.qcm-current-subscription h2{margin:10px 0 4px;color:#174f38;font-size:1.15rem;font-weight:900}.qcm-current-subscription p{margin:0;color:#527365;font-size:.78rem}
.qcm-subscription-dates{display:flex;gap:28px}.qcm-subscription-dates div{display:grid;gap:3px}.qcm-subscription-dates span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#6b8a7c}.qcm-subscription-dates strong{font-size:.82rem;color:#174f38}
.qcm-no-subscription{padding:24px;margin-bottom:22px}.qcm-subscription-history{padding:24px}
.qcm-subscription-row{display:grid;grid-template-columns:minmax(180px,1.5fr) auto auto auto;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #edf2fa}.qcm-subscription-row:first-of-type{border-top:0}
.qcm-subscription-main{display:grid;gap:3px}.qcm-subscription-main strong{color:#263a5b;font-size:.82rem}.qcm-subscription-main span,.qcm-subscription-row-date{color:#71819a;font-size:.72rem}
.qcm-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:.66rem;font-weight:850;background:#eef2f7;color:#5f6f84}
.qcm-status-pill.is-active,.qcm-status-pill.payment-paid{background:#e8f8ef;color:#187448}.qcm-status-pill.is-pending,.qcm-status-pill.payment-pending{background:#fff3d8;color:#8a5a00}.qcm-status-pill.is-cancelled,.qcm-status-pill.payment-failed{background:#ffeded;color:#b42318}.qcm-status-pill.is-expired{background:#eef1f5;color:#667085}.qcm-status-pill.payment-refunded{background:#edf3ff;color:#315f9e}
@media(max-width:1100px){.qcm-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.qcm-plan-grid{grid-template-columns:1fr}.qcm-plan-content{padding:22px 18px}.qcm-plan-top{min-height:0}.qcm-current-subscription,.qcm-dashboard-subscription,.qcm-subscription-notice{align-items:flex-start;flex-direction:column}.qcm-subscription-dates{width:100%;justify-content:space-between}.qcm-subscription-row{grid-template-columns:1fr 1fr}.qcm-subscription-row-date{text-align:right}}

/* QCM bilingual multi-select filters */
.qcm-filter-panel{margin:0 0 24px;padding:22px}
.qcm-filter-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.qcm-filter-heading h2{margin:5px 0 4px;color:var(--brand-deep);font-size:1.15rem;font-weight:900}
.qcm-filter-heading p{margin:0;color:var(--muted);font-size:.78rem}
.qcm-clear-filters{flex:0 0 auto;color:var(--brand);font-size:.75rem;font-weight:850;text-decoration:none}
.qcm-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qcm-filter-group{min-width:0;margin:0;padding:12px;border:1px solid #dbe6f7;border-radius:12px;background:#fbfdff}
.qcm-filter-group legend{float:none;width:auto;margin:0 0 8px;padding:0;color:#263a5b;font-size:.76rem;font-weight:900}
.qcm-filter-options{display:grid;gap:6px;max-height:180px;overflow:auto}
.qcm-filter-options label{display:flex;align-items:flex-start;gap:8px;margin:0;padding:7px;border-radius:8px;cursor:pointer}
.qcm-filter-options label:hover{background:var(--brand-soft)}
.qcm-filter-options input{flex:0 0 auto;margin-top:3px;accent-color:var(--brand)}
.qcm-filter-options span{display:grid;min-width:0;line-height:1.25}.qcm-filter-options strong{color:#30435f;font-size:.74rem}.qcm-filter-options small{color:#7a8aa2;font-size:.67rem}
.qcm-filter-empty{color:#8a98ad;font-size:.7rem}.qcm-filter-status{display:inline-flex;margin-top:14px;color:var(--brand);font-size:.72rem;font-weight:800}.qcm-filter-panel.is-updating{opacity:.68;pointer-events:none}
@media(max-width:991.98px){.qcm-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.qcm-filter-heading{flex-direction:column}.qcm-filter-grid{grid-template-columns:1fr}}

/* Searchable curriculum comboboxes */
.qcm-combobox{position:relative;min-width:0}
.qcm-combobox>label{display:block;margin-bottom:7px;color:#263a5b;font-size:.75rem;font-weight:900}
.qcm-combobox-trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border:1px solid #d5e1f3;border-radius:12px;background:#fff;color:#42546f;font-size:.76rem;font-weight:750;text-align:left;box-shadow:0 3px 10px rgba(34,73,132,.04)}
.qcm-combobox-trigger:hover,.qcm-combobox-trigger[aria-expanded="true"]{border-color:var(--brand);box-shadow:0 0 0 4px rgba(56,124,238,.09)}
.qcm-combobox-chevron{color:var(--brand);font-size:1.05rem;transition:transform .16s}.qcm-combobox-trigger[aria-expanded="true"] .qcm-combobox-chevron{transform:rotate(180deg)}
.qcm-combobox-menu{position:absolute;z-index:40;top:76px;left:0;width:max(100%,280px);padding:9px;border:1px solid #d7e3f4;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(25,53,96,.18)}
.qcm-combobox-search{width:100%;height:42px;padding:9px 11px;border:1px solid #dbe5f3;border-radius:9px;background:#f8fbff;color:#273a57;font-size:.76rem;outline:none}.qcm-combobox-search:focus{border-color:var(--brand);background:#fff}
.qcm-combobox-suggestions{display:grid;gap:3px;max-height:245px;margin-top:7px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.qcm-combobox-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:0;border-radius:9px;background:#fff;color:#30435f;text-align:left}
.qcm-combobox-option:hover{background:#f2f7ff}.qcm-combobox-option[aria-selected="true"]{background:var(--brand-soft);color:var(--brand-deep)}
.qcm-combobox-option span{display:grid;line-height:1.25}.qcm-combobox-option strong{font-size:.75rem}.qcm-combobox-option small{color:#7a8aa2;font-size:.67rem}.qcm-combobox-option i{visibility:hidden;color:var(--brand);font-style:normal;font-weight:950}.qcm-combobox-option[aria-selected="true"] i{visibility:visible}
.qcm-combobox-option[aria-selected="true"] .qcm-option-check{border-color:#0ea5e9;background:#0ea5e9;color:#fff}
.qcm-combobox-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.qcm-combobox-chip{max-width:100%;padding:5px 8px;border:0;border-radius:999px;background:#eaf2ff;color:#285d9f;font-size:.64rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:575.98px){.qcm-combobox-menu{width:100%}}

/* Student study-language switch */
.qcm-language-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:20px 22px}
.qcm-language-card h2{margin:5px 0 3px;color:var(--brand-deep);font-size:1rem;font-weight:900}.qcm-language-card p{margin:0;color:var(--muted);font-size:.75rem}
.qcm-language-switch{display:inline-flex;flex:0 0 auto;padding:4px;border:1px solid #dce6f5;border-radius:13px;background:#f7faff}
.qcm-language-switch button{min-height:38px;padding:8px 13px;border:0;border-radius:9px;background:transparent;color:#66758d;font-size:.75rem;font-weight:850;transition:.18s ease}
.qcm-language-switch button:hover{color:var(--brand);background:#fff}.qcm-language-switch button.is-active{background:#fff;color:var(--brand);box-shadow:0 4px 12px rgba(41,90,160,.13)}
@media(max-width:575.98px){.qcm-language-card{align-items:flex-start;flex-direction:column}.qcm-language-switch{width:100%}.qcm-language-switch button{flex:1}}

/* QCM study tools, analytics and medical assistant */
.qcm-question-step[hidden]{display:none}.qcm-question-step:not([hidden]){animation:qcm-question-step-in .2s ease-out}@keyframes qcm-question-step-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.qcm-setup-wrap,.qcm-quiz-wrap{max-width:920px;margin:0 auto}.qcm-exam-setup{display:grid;gap:24px;padding:26px}.qcm-exam-setup fieldset{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;border:0}.qcm-exam-setup legend{grid-column:1/-1;margin-bottom:2px;color:var(--brand-deep);font-size:.9rem;font-weight:900}.qcm-choice-card{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid #dbe5f3;border-radius:13px;background:#fbfdff;cursor:pointer;transition:.18s}.qcm-choice-card:hover,.qcm-choice-card:has(input:checked){border-color:var(--brand);background:#f2f7ff;box-shadow:0 0 0 3px rgba(56,124,238,.08)}.qcm-choice-card input{margin-top:3px;accent-color:var(--brand)}.qcm-choice-card span{display:grid;gap:3px}.qcm-choice-card strong{color:#273a57;font-size:.82rem}.qcm-choice-card small{color:#71819a;font-size:.72rem;line-height:1.45}.qcm-timer-field{grid-column:1/-1;display:flex;align-items:center;gap:10px}.qcm-timer-field[hidden]{display:none}.qcm-timer-field input{width:110px;padding:9px 11px;border:1px solid #d6e2f5;border-radius:10px}
.qcm-exam-sticky{position:sticky;top:106px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.qcm-exam-status{min-width:180px;text-align:right}.qcm-progress-track{height:7px;margin-top:7px;overflow:hidden;border-radius:999px;background:#e8eef7}.qcm-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#48b5ec);transition:width .25s}.qcm-exam-timer{display:inline-flex;margin-top:8px;padding:6px 10px;border-radius:9px;background:#f1f5f9;color:#334155;font-size:.78rem;font-weight:900}.qcm-question-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.qcm-question-actions{display:flex;align-items:center;gap:8px}.qcm-bookmark-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dbe5f3;border-radius:10px;background:#fff;filter:grayscale(1);opacity:.55;transition:.18s}.qcm-bookmark-btn:hover,.qcm-bookmark-btn.is-active{border-color:#f2bd41;background:#fff9e8;filter:none;opacity:1}.qcm-question-image{display:block;width:100%;max-height:520px;margin:18px 0;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;object-fit:contain}.qcm-option-list{display:grid;gap:9px}.qcm-option.is-correct{border-color:#35a66f!important;background:#edfbf4!important;color:#12623d}.qcm-option.is-wrong{border-color:#e36b6b!important;background:#fff1f1!important;color:#962d2d}.qcm-inline-feedback{margin-top:14px;padding:15px;border:1px solid #dbe8f7;border-radius:12px;background:#f8fbff}.qcm-inline-feedback[hidden]{display:none}.qcm-inline-feedback>strong{color:var(--brand-deep)}.qcm-inline-feedback p{margin:7px 0 0;color:#52637c;font-size:.8rem}.qcm-study-note{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:13px}.qcm-study-note label{grid-column:1/-1;font-size:.72rem;font-weight:850}.qcm-study-note textarea{padding:9px;border:1px solid #d5e1f2;border-radius:9px;resize:vertical}.qcm-study-note button{align-self:end;padding:9px 11px;border:0;border-radius:9px;background:var(--brand);color:#fff;font-size:.72rem;font-weight:800}.qcm-submit-bar{position:sticky;bottom:12px;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:12px 14px;border:1px solid #dbe6f5;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(27,62,112,.15);backdrop-filter:blur(12px)}.qcm-submit-bar span{color:#65758e;font-size:.75rem;font-weight:750}
.qcm-analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.qcm-stat-card{display:grid;gap:5px;padding:20px}.qcm-stat-card span{color:#6b7b93;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.qcm-stat-card strong{color:var(--brand-deep);font-size:1.65rem}.qcm-stat-card small{color:#8793a6;font-size:.7rem}.qcm-progress-card{display:grid;grid-template-columns:220px 1fr;align-items:end;gap:28px;margin-bottom:20px;padding:22px}.qcm-progress-card h2,.qcm-bookmark-list h2{margin:5px 0 0;color:var(--brand-deep);font-size:1rem;font-weight:900}.qcm-progress-bars{display:flex;align-items:flex-end;height:130px;gap:10px}.qcm-progress-column{display:flex;flex:1;height:100%;align-items:center;flex-direction:column;justify-content:flex-end;gap:6px}.qcm-progress-column span{width:100%;max-width:34px;min-height:4px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#55b9ee,var(--brand))}.qcm-progress-column small{color:#71819a;font-size:.62rem;font-weight:800}.qcm-bookmark-list{display:grid;gap:10px;margin-bottom:20px;padding:22px}.qcm-bookmark-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #edf2f8}.qcm-bookmark-list article div{display:grid;gap:4px}.qcm-bookmark-list article strong{color:#30435e;font-size:.78rem}.qcm-bookmark-list article small{color:#7a899e;font-size:.7rem}
.qcm-ai-launcher{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:8px;padding:12px 16px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--brand-deep),var(--brand));color:#fff;font-size:.78rem;font-weight:850;box-shadow:0 12px 30px rgba(37,95,199,.3)}.qcm-ai-launcher span{font-size:1rem}.qcm-ai-panel{position:fixed;z-index:82;right:18px;bottom:18px;width:min(410px,calc(100vw - 28px));height:min(650px,calc(100vh - 36px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbe5f3;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(15,35,70,.27);opacity:0;transform:translateY(18px) scale(.97);pointer-events:none;transition:.2s}.qcm-ai-panel.is-open{opacity:1;transform:none;pointer-events:auto}.qcm-ai-head{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;border-bottom:1px solid #e5edf8}.qcm-ai-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px}.qcm-ai-head>div>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand)}.qcm-ai-head strong{font-size:.85rem}.qcm-ai-head small{color:#7a899e;font-size:.67rem}.qcm-ai-head button{border:0;background:transparent;color:#748095;font-size:1.5rem}.qcm-ai-disclaimer{padding:9px 14px;background:#fff8e8;color:#7b5910;font-size:.66rem;line-height:1.45}.qcm-ai-messages{flex:1;display:flex;flex-direction:column;gap:10px;padding:15px;overflow:auto;background:#f8fbff}.qcm-ai-message{max-width:88%;padding:10px 12px;border-radius:13px;font-size:.76rem;line-height:1.55;white-space:pre-wrap}.qcm-ai-message.is-assistant{align-self:flex-start;border:1px solid #dbe7f7;background:#fff;color:#344760}.qcm-ai-message.is-user{align-self:flex-end;background:var(--brand);color:#fff}.qcm-ai-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid #e5edf8}.qcm-ai-form textarea{padding:10px 11px;border:1px solid #d7e2f2;border-radius:11px;resize:none;outline:none}.qcm-ai-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(56,124,238,.09)}.qcm-ai-form button{width:42px;border:0;border-radius:11px;background:var(--brand);color:#fff}.qcm-ai-form.is-loading{opacity:.65;pointer-events:none}.qcm-ai-backdrop{position:fixed;z-index:81;inset:0;background:rgba(15,23,42,.2);backdrop-filter:blur(2px)}
@media(max-width:991.98px){.qcm-analytics-grid{grid-template-columns:repeat(2,1fr)}.qcm-progress-card{grid-template-columns:1fr}.qcm-exam-sticky{top:12px}}
@media(max-width:575.98px){.qcm-exam-setup{padding:18px}.qcm-exam-setup fieldset{grid-template-columns:1fr}.qcm-exam-sticky{align-items:flex-start;flex-direction:column}.qcm-exam-status{width:100%;text-align:left}.qcm-question-top{flex-direction:column}.qcm-question-actions{width:100%;justify-content:space-between}.qcm-analytics-grid{grid-template-columns:1fr 1fr;gap:9px}.qcm-stat-card{padding:15px}.qcm-progress-card,.qcm-bookmark-list{padding:17px}.qcm-study-note{grid-template-columns:1fr}.qcm-submit-bar{bottom:7px}.qcm-ai-launcher{right:12px;bottom:12px;padding:11px 13px}.qcm-ai-panel{right:7px;bottom:7px;width:calc(100vw - 14px);height:calc(100vh - 14px);border-radius:16px}}

/* Icon system and combined revision workspace */
.qcm-account-avatar svg,.qcm-account-option-icon svg{width:17px;height:17px}
.qcm-language-code{display:grid;place-items:center;min-width:27px;height:22px;padding:0 5px;border:1px solid #dce5ef;border-radius:7px;background:#f8fafc;color:#475569;font-size:.62rem;font-weight:900;letter-spacing:.04em}
.qcm-exam-timer{align-items:center;gap:5px}.qcm-exam-timer svg{width:15px;height:15px}
.qcm-bookmark-btn{color:#64748b;filter:none}.qcm-bookmark-btn svg{width:18px;height:18px}.qcm-bookmark-btn:hover,.qcm-bookmark-btn.is-active{color:#a66b00;filter:none}
.qcm-ai-launcher span{display:grid}.qcm-ai-launcher svg{width:17px;height:17px}.qcm-ai-head svg{width:18px;height:18px}.qcm-ai-form button{display:grid;place-items:center}.qcm-ai-form button svg{width:18px;height:18px}
.qcm-ai-head-actions{display:flex!important;grid-template-columns:none!important;align-items:center;gap:3px}.qcm-ai-head-actions button{display:grid;place-items:center;width:32px;height:32px;border-radius:8px}.qcm-ai-head-actions button:hover{background:#f1f5fa;color:var(--brand)}.qcm-ai-head-actions svg{width:16px;height:16px}.qcm-ai-context{display:flex;align-items:center;gap:7px;padding:8px 14px;border-bottom:1px solid #e5edf8;background:#f4f9ff;color:#55708d;font-size:.63rem;font-weight:750}.qcm-ai-context span{width:7px;height:7px;border-radius:50%;background:#39a972;box-shadow:0 0 0 3px rgba(57,169,114,.12)}.qcm-ai-prompts{display:flex;gap:6px;padding:9px 12px 0;overflow-x:auto;background:#fff}.qcm-ai-prompts button{flex:0 0 auto;padding:7px 9px;border:1px solid #dce6f3;border-radius:999px;background:#fff;color:#526b86;font-size:.62rem;font-weight:800;transition:.16s}.qcm-ai-prompts button:hover{border-color:#a8c9ef;background:#f2f8ff;color:var(--brand)}
.qcm-list-icon{display:grid;color:#65758e}.qcm-list-icon svg{width:18px;height:18px}
.qcm-bookmark-list article a{color:inherit;text-decoration:none}.qcm-bookmark-list article a:hover strong{color:var(--brand)}
.qcm-review-note-preview{display:-webkit-box;overflow:hidden;color:#68788d;font-size:.7rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.qcm-revision-note{display:grid;gap:9px;padding:12px;border:1px solid #e1e9f4;border-radius:11px;background:#fbfdff}.qcm-revision-note-label{display:flex;align-items:center;gap:7px;color:#52637b;font-size:.72rem}.qcm-revision-note-label svg{width:15px;height:15px}.qcm-revision-note .qcm-study-editor{padding:0}
.qcm-review-center{max-width:980px}.qcm-review-tabs{display:flex;gap:10px;margin-bottom:18px;padding:5px;border:1px solid #dfe8f3;border-radius:14px;background:#f7faff}.qcm-review-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex:1;padding:10px 15px;border:0;border-radius:10px;background:transparent;color:#617089;font-size:.78rem;font-weight:850;transition:.18s}.qcm-review-tabs button:hover,.qcm-review-tabs button.is-active{background:#fff;color:var(--brand);box-shadow:0 5px 16px rgba(38,79,136,.11)}.qcm-review-tabs svg{width:17px;height:17px}.qcm-review-tabs button>span{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#eaf0f8;font-size:.65rem}.qcm-review-list{display:grid;gap:12px}.qcm-review-question{overflow:hidden}.qcm-review-question>summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px 20px;cursor:pointer;list-style:none}.qcm-review-question>summary::-webkit-details-marker{display:none}.qcm-review-kind{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf5ff;color:#2f6ed5}.qcm-review-kind.is-difficult{background:#fff5e6;color:#b46c00}.qcm-review-kind svg{width:19px;height:19px}.qcm-review-summary-text{display:grid;gap:4px;min-width:0}.qcm-review-summary-text strong{color:#263d59;font-size:.86rem;line-height:1.45}.qcm-review-summary-text small{color:#8491a3;font-size:.68rem}.qcm-review-chevron{width:19px;height:19px;color:#8a98aa;transition:transform .2s}.qcm-review-question[open] .qcm-review-chevron{transform:rotate(180deg)}.qcm-review-body{padding:2px 20px 20px;border-top:1px solid #edf2f7}.qcm-review-answer-btn{margin-top:13px;padding:9px 13px;border:1px solid #cbdcf1;border-radius:9px;background:#fff;color:var(--brand);font-size:.72rem;font-weight:850}.qcm-review-answer-btn:hover{background:var(--brand-soft)}
@media(max-width:575.98px){.qcm-review-tabs{flex-direction:column}.qcm-review-question>summary{padding:15px}.qcm-review-body{padding:2px 15px 16px}.qcm-review-summary-text small{display:none}}
.qcm-weak-revision-block{margin-bottom:25px}.qcm-weak-revision-block .qcm-section-heading p{margin:4px 0 0;color:#7b889a;font-size:.72rem}.qcm-weak-lecture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.qcm-weak-lecture-grid article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:16px}.qcm-weak-lecture-grid article>div:first-child{display:grid;gap:3px}.qcm-weak-lecture-grid strong{color:#314a65;font-size:.78rem}.qcm-weak-lecture-grid small{color:#8a96a7;font-size:.63rem}.qcm-weak-lecture-grid b{color:#b16b13;font-size:.78rem}.qcm-weak-lecture-grid .qcm-metric-track{grid-column:1/-1}.qcm-weak-question-wrap{position:relative}.qcm-error-count{position:absolute;z-index:2;top:12px;right:47px;padding:5px 9px;border-radius:999px;background:#fff0f0;color:#b84f4f;font-size:.61rem;font-weight:850}.qcm-review-kind.is-weak{background:#fff0f0;color:#c55353}.qcm-insight-card>a{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;padding:9px 0;border-top:1px solid #edf1f6;text-decoration:none;transition:.18s}.qcm-insight-card>a:hover span{color:var(--brand)}.qcm-insight-card>a>svg{width:16px;height:16px;flex:0 0 auto;color:#8a98aa}.qcm-insight-card>a>strong{flex:0 0 auto;color:#42566c;font-size:.69rem}@media(max-width:575.98px){.qcm-weak-lecture-grid{grid-template-columns:1fr}.qcm-error-count{position:static;display:inline-flex;margin:0 0 6px 8px}}

/* Real student performance analytics */
.qcm-performance-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:30px 0 15px}.qcm-performance-head h2,.qcm-section-heading h2{margin:6px 0 3px;color:var(--brand-deep);font-size:1.25rem;font-weight:900}.qcm-performance-head p{margin:0;color:#758399;font-size:.75rem}.qcm-weak-area{display:grid;min-width:225px;padding:13px 16px;border:1px solid #f1d49c;border-radius:13px;background:#fff9ec}.qcm-weak-area span{color:#94702d;font-size:.63rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.qcm-weak-area strong{margin-top:3px;color:#67460a;font-size:.88rem}.qcm-weak-area small{color:#9b711f;font-size:.72rem;font-weight:850}.qcm-performance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.qcm-performance-stat{display:grid;gap:7px;padding:18px}.qcm-performance-stat span,.qcm-accuracy-card>div:last-child span{color:#6d7c92;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.qcm-performance-stat strong{color:#213c59;font-size:1.35rem}.qcm-accuracy-card{display:flex;align-items:center;gap:13px;padding:15px}.qcm-accuracy-ring{--accuracy:0;display:grid;place-items:center;width:68px;height:68px;flex:0 0 auto;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--accuracy)*1%),#e8eef6 0);position:relative}.qcm-accuracy-ring:after{content:'';position:absolute;inset:7px;border-radius:50%;background:#fff}.qcm-accuracy-ring strong{position:relative;z-index:1;color:var(--brand-deep);font-size:.86rem}.qcm-accuracy-card>div:last-child{display:grid;gap:4px}.qcm-accuracy-card small{color:#8a96a7;font-size:.66rem}.qcm-performance-chart{padding:22px;margin-bottom:22px}.qcm-chart-head h3{margin:5px 0 0;color:var(--brand-deep);font-size:1rem}.qcm-trend-chart{display:flex;align-items:flex-end;height:190px;gap:8px;margin-top:18px;padding-top:22px;border-bottom:1px solid #dfe7f1}.qcm-trend-column{display:grid;grid-template-rows:18px 1fr 22px;align-items:end;justify-items:center;flex:1;height:100%;min-width:0}.qcm-trend-column>div{display:flex;align-items:flex-end;width:100%;max-width:38px;height:100%}.qcm-trend-column i{display:block;width:100%;min-height:3px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#58b8ee,var(--brand))}.qcm-trend-value{color:#4e6178;font-size:.61rem;font-weight:850}.qcm-trend-column small{color:#8591a1;font-size:.58rem;white-space:nowrap}.qcm-hierarchy-section{margin:24px 0}.qcm-section-heading{margin-bottom:14px}.qcm-hierarchy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qcm-hierarchy-card{padding:20px}.qcm-hierarchy-card h3{margin:0 0 13px;color:#29435e;font-size:.9rem;font-weight:900}.qcm-hierarchy-list{display:grid;gap:12px}.qcm-hierarchy-list>div{display:grid;grid-template-columns:minmax(0,1fr) 70px 48px;align-items:center;gap:9px}.qcm-hierarchy-list>div>span{display:grid;min-width:0}.qcm-hierarchy-list strong{overflow:hidden;color:#41536a;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.qcm-hierarchy-list small{color:#98a2b1;font-size:.59rem}.qcm-hierarchy-list b{color:#43566d;font-size:.7rem;text-align:right}.qcm-hierarchy-list p,.qcm-insight-card p,.qcm-recommendation-list>p{margin:0;color:#8a96a6;font-size:.72rem}.qcm-metric-track{height:7px;overflow:hidden;border-radius:999px;background:#e9eef5}.qcm-metric-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#58bce8)}.qcm-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.qcm-insight-card{padding:19px}.qcm-insight-card h3{margin:0 0 12px;color:#29435e;font-size:.88rem;font-weight:900}.qcm-insight-card>div{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;padding:9px 0;border-top:1px solid #edf1f6}.qcm-insight-card span{display:-webkit-box;overflow:hidden;color:#5e6e81;font-size:.69rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.qcm-insight-card strong{flex:0 0 auto;color:#42566c;font-size:.69rem}.qcm-insight-card.is-warning{border-top:3px solid #e0a52d}.qcm-insight-card.is-danger{border-top:3px solid #d96b6b}.qcm-insight-card.is-success{border-top:3px solid #39a972}.qcm-recommendations{display:grid;grid-template-columns:220px 1fr auto;align-items:start;gap:22px;padding:22px;margin-bottom:22px}.qcm-recommendations h2{margin:6px 0 0;color:var(--brand-deep);font-size:1rem}.qcm-recommendation-list{display:grid}.qcm-recommendation-list article{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #edf1f6}.qcm-recommendation-list article>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--brand-soft);color:var(--brand);font-size:.64rem;font-weight:900}.qcm-recommendation-list article>div{display:grid;gap:2px}.qcm-recommendation-list strong{color:#43556b;font-size:.73rem}.qcm-recommendation-list small{color:#8995a5;font-size:.63rem}.qcm-recommendation-list b{color:#6b7c90;font-size:.68rem}.qcm-analytics-empty{padding:35px;text-align:center}.qcm-analytics-empty h3{margin:0 0 6px;color:var(--brand-deep)}.qcm-analytics-empty p{margin:0;color:#7d899a;font-size:.78rem}
@media(max-width:1100px){.qcm-performance-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.qcm-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qcm-recommendations{grid-template-columns:1fr}.qcm-recommendations>a{justify-self:start}}
@media(max-width:767.98px){.qcm-performance-head{align-items:stretch;flex-direction:column}.qcm-weak-area{min-width:0}.qcm-performance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.qcm-hierarchy-grid,.qcm-insights-grid{grid-template-columns:1fr}.qcm-trend-chart{gap:4px;overflow-x:auto}.qcm-trend-column{min-width:38px}.qcm-hierarchy-list>div{grid-template-columns:minmax(0,1fr) 58px 42px}}
@media(max-width:460px){.qcm-performance-stats{grid-template-columns:1fr}.qcm-accuracy-card{grid-column:1/-1}}

/* Private personal study controls */
.qcm-personal-study{display:grid;gap:9px;margin-top:16px;padding-top:15px;border-top:1px solid #e5edf7}.qcm-study-actions{display:flex;flex-wrap:wrap;gap:7px}.qcm-study-actions button,.qcm-personal-study summary{padding:8px 10px;border:1px solid #dbe5f3;border-radius:9px;background:#fff;color:#52637b;font-size:.7rem;font-weight:800;cursor:pointer}.qcm-study-actions button:hover,.qcm-study-actions button.is-active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.qcm-personal-study details{border:1px solid #e1e9f4;border-radius:11px;background:#fbfdff}.qcm-personal-study summary{list-style:none;border:0;background:transparent}.qcm-personal-study summary::-webkit-details-marker{display:none}.qcm-study-editor,.qcm-visual-grid{display:grid;gap:9px;padding:0 12px 12px}.qcm-study-editor textarea,.qcm-visual-grid input,.qcm-visual-grid select,.qcm-visual-grid textarea{width:100%;padding:9px 10px;border:1px solid #d5e1f2;border-radius:9px;background:#fff;color:#30415b;outline:none}.qcm-study-editor>div{display:flex;gap:7px}.qcm-study-editor button,.qcm-visual-grid button{padding:9px 12px;border:0;border-radius:9px;background:var(--brand);color:#fff;font-size:.7rem;font-weight:850}.qcm-study-editor button.is-danger,.qcm-danger-btn{background:#fff1f1!important;color:#b42318!important;border:1px solid #ffcaca!important}.qcm-visual-grid{grid-template-columns:110px 1fr}.qcm-visual-grid [data-visual="mnemonic"],.qcm-visual-grid textarea,.qcm-visual-grid button{grid-column:1/-1}.qcm-library-head{margin-bottom:20px}.qcm-library-head h1{margin:7px 0 4px;color:var(--brand-deep)}.qcm-library-head p{margin:0;color:#718097}.qcm-personal-list{display:grid;gap:13px}.qcm-personal-item{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px}.qcm-personal-item h2{margin:9px 0;color:#2c405e;font-size:.92rem}.qcm-personal-note{padding:10px;border-radius:9px;background:#f7f9fc;color:#607088;font-size:.74rem}.qcm-danger-btn{padding:8px 10px;border-radius:8px;font-size:.68rem;font-weight:800}.qcm-empty-state{padding:28px;text-align:center;color:#718097}@media(max-width:767.98px){.qcm-personal-item{flex-direction:column}.qcm-visual-grid{grid-template-columns:1fr}.qcm-visual-grid>*{grid-column:1!important}}
.qcm-study-actions button,.qcm-personal-study summary{display:flex;align-items:center;gap:6px}.qcm-study-actions svg,.qcm-personal-study summary svg{width:15px;height:15px;flex:0 0 auto}
.qcm-profile-access{display:grid;grid-template-columns:1fr auto;gap:18px;margin-bottom:18px;padding:22px}.qcm-profile-access h2{margin:6px 0 4px;color:var(--brand-deep);font-size:1.05rem}.qcm-profile-access p{margin:0;color:#748399;font-size:.73rem}.qcm-access-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.qcm-access-status span,.qcm-access-list span{padding:6px 9px;border-radius:999px;background:#eef4fb;color:#4b6380;font-size:.65rem;font-weight:800}.qcm-access-status span.is-approved{background:#e8f8ef;color:#248255}.qcm-access-list{grid-column:1/-1;display:grid;gap:8px;padding-top:14px;border-top:1px solid #e8eef5}.qcm-access-list>strong{color:#52647a;font-size:.72rem}.qcm-access-list>div{display:flex;flex-wrap:wrap;gap:7px}.qcm-access-list small{color:#8a96a6;font-size:.7rem}@media(max-width:575.98px){.qcm-profile-access{grid-template-columns:1fr}.qcm-access-status{justify-content:flex-start}}

/* Student notifications */
.qcm-notification-menu{position:relative}.qcm-notification-menu>summary{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#53657b;cursor:pointer;list-style:none;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:.2s ease}.qcm-notification-menu>summary::-webkit-details-marker{display:none}.qcm-notification-menu>summary:hover,.qcm-notification-menu[open]>summary,.qcm-notification-menu.is-current>summary{border-color:#bfdbfe;color:#2563eb;box-shadow:0 8px 22px rgba(15,23,42,.1)}.qcm-notification-menu>summary svg{width:20px;height:20px}.qcm-notification-badge{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-size:.58rem;font-weight:900}.qcm-notification-popover{position:absolute;z-index:60;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 24px));overflow:hidden;border:1px solid #e7edf4;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(15,23,42,.16)}.qcm-notification-popover-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #edf1f5}.qcm-notification-popover-head strong{font-size:.82rem;color:#243c53}.qcm-notification-popover-head a{font-size:.68rem;color:#2563eb}.qcm-notification-preview{position:relative;display:grid;gap:4px;padding:13px 16px;border-bottom:1px solid #f0f3f7;text-decoration:none}.qcm-notification-preview:last-child{border-bottom:0}.qcm-notification-preview:hover{background:#f8fbff}.qcm-notification-preview.is-unread{padding-left:22px;background:#f0f7ff}.qcm-notification-preview.is-unread:before{content:'';position:absolute;left:10px;top:19px;width:6px;height:6px;border-radius:50%;background:#3b82f6}.qcm-notification-preview strong{color:#243c53;font-size:.74rem}.qcm-notification-preview span{color:#66778a;font-size:.68rem;line-height:1.45}.qcm-notification-preview small{color:#94a3b8;font-size:.6rem}.qcm-notification-empty{padding:24px;text-align:center;color:#94a3b8;font-size:.74rem}.qcm-notification-page-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.qcm-notification-list{display:grid;gap:12px}.qcm-notification-item{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px}.qcm-notification-item.is-unread{border-color:#bfdbfe;background:#f8fbff}.qcm-notification-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf5ff;color:#2563eb}.qcm-notification-icon svg{width:20px;height:20px}.qcm-notification-item h2{margin:0 0 6px;color:#1e3a53;font-size:.95rem}.qcm-notification-item p{margin:0 0 7px;color:#607287;font-size:.79rem;line-height:1.55;white-space:pre-line}.qcm-notification-item time{color:#94a3b8;font-size:.65rem}.qcm-profile-notifications{margin-bottom:18px;padding:20px}.qcm-profile-notification-list{display:grid;margin-top:14px;border-top:1px solid #edf1f5}.qcm-profile-notification-list>a{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:13px 4px;border-bottom:1px solid #edf1f5;text-decoration:none}.qcm-profile-notification-list>a.is-unread{background:#f8fbff}.qcm-profile-notification-list strong{color:#264158;font-size:.76rem}.qcm-profile-notification-list p{margin:3px 0;color:#66778a;font-size:.7rem}.qcm-profile-notification-list small{color:#94a3b8;font-size:.62rem}@media(max-width:767.98px){.qcm-notification-page-head{align-items:start;flex-direction:column}.qcm-notification-menu{order:-1}.qcm-notification-popover{position:fixed;left:12px;right:12px;top:76px;width:auto}}
.qcm-highlight-popover{position:fixed;z-index:1000;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #d8e1ed;border-radius:10px;background:#183b69;color:#fff;box-shadow:0 10px 28px rgba(23,50,86,.25);font-size:.7rem;font-weight:850}.qcm-highlight-popover[hidden]{display:none}.qcm-highlight-popover svg{width:15px;height:15px}.qcm-saved-highlight{padding:1px 2px;border-radius:3px;background:#ffe887;color:inherit;cursor:pointer}.qcm-saved-highlight.is-green{background:#c9f1d4}.qcm-saved-highlight.is-blue{background:#cde9ff}.qcm-saved-highlight.is-pink{background:#ffd5e5}.qcm-question-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid #e8eef5}.qcm-highlight-hint,.qcm-report-tool>summary{display:flex;align-items:center;gap:7px;color:#718096;font-size:.67rem;font-weight:800}.qcm-highlight-hint svg,.qcm-report-tool>summary svg{width:16px;height:16px}.qcm-report-tool{position:relative}.qcm-report-tool>summary{cursor:pointer;list-style:none;color:#b25d5d}.qcm-report-tool>summary::-webkit-details-marker{display:none}.qcm-report-tool [data-report-form]{position:absolute;z-index:25;right:0;top:29px;display:grid;width:min(340px,80vw);gap:9px;padding:15px;border:1px solid #e1e8f0;border-radius:13px;background:#fff;box-shadow:0 14px 35px rgba(31,55,85,.18)}.qcm-report-tool label{color:#53657a;font-size:.7rem;font-weight:750}.qcm-report-tool textarea{width:100%;padding:10px;border:1px solid #d8e1eb;border-radius:9px;resize:vertical;color:#334a63;font-size:.75rem}.qcm-report-tool [data-report-form]>div{display:flex;align-items:center;gap:10px}.qcm-report-tool button{padding:8px 11px;border:0;border-radius:8px;background:#bd5b5b;color:#fff;font-size:.68rem;font-weight:850}.qcm-report-tool small{color:#4d9270;font-size:.65rem}@media(max-width:575.98px){.qcm-question-tools{display:grid}.qcm-report-tool [data-report-form]{right:auto;left:0}}
.qcm-notification-action{display:inline-flex;align-items:center;gap:5px;width:max-content;margin-top:11px;padding:8px 12px;border-radius:9px;background:#2563eb;color:#fff!important;text-decoration:none;font-size:.7rem;font-weight:850;transition:background .2s ease,transform .2s ease}.qcm-notification-action:hover{background:#1d4ed8;transform:translateY(-1px)}.qcm-notification-action svg{width:15px;height:15px}.qcm-notification-item>div{min-width:0}

/* Diagnosis challenge */
.diagnosis-saved-section{margin-bottom:26px}.diagnosis-saved-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.diagnosis-saved-grid button{display:flex;align-items:flex-start;flex-direction:column;width:100%;min-height:120px;padding:15px;border:1px solid #dce6f1;border-radius:15px;background:#fff;text-align:left;box-shadow:0 6px 18px rgba(29,61,99,.07)}.diagnosis-saved-grid button:hover{border-color:#9ec4f4;background:#f7fbff}.diagnosis-saved-grid span{color:#3471bf;font-size:.62rem;font-weight:900;text-transform:uppercase}.diagnosis-saved-grid strong{margin:8px 0 4px;color:#203e59;font-size:.78rem}.diagnosis-saved-grid small{color:#7c8b9d;font-size:.66rem}@media(max-width:900px){.diagnosis-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.diagnosis-saved-grid{grid-template-columns:1fr}}
.diagnosis-specialty-heading{margin:28px 0 15px}.diagnosis-specialty-heading h2{margin:5px 0;color:#173a58;font-size:1.35rem;font-weight:950}.diagnosis-specialty-heading p{margin:0;color:#708197;font-size:.76rem}.diagnosis-specialty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}.diagnosis-specialty-form{min-width:0}.diagnosis-specialty-card{position:relative;display:block;width:100%;aspect-ratio:16/10;min-height:170px;overflow:hidden;border:0;border-radius:20px;background-color:#315a8f;background-image:linear-gradient(135deg,#27527f,#4b8bd4);background-position:center;background-size:cover;box-shadow:0 12px 28px rgba(31,65,105,.16);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.diagnosis-specialty-card:hover{transform:translateY(-4px);box-shadow:0 19px 38px rgba(31,65,105,.24)}.diagnosis-specialty-card.is-all{background-image:radial-gradient(circle at 20% 15%,rgba(94,188,255,.7),transparent 35%),linear-gradient(135deg,#153b69,#3479c8)}.diagnosis-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,25,46,.12),rgba(8,25,46,.82))}.diagnosis-card-content{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:18px;text-align:center;color:#fff}.diagnosis-card-content strong{font-size:clamp(1.05rem,2vw,1.45rem);font-weight:950;text-shadow:0 2px 12px rgba(0,0,0,.45)}.diagnosis-card-content small{padding:5px 9px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(10,29,52,.35);font-size:.64rem;font-weight:800;backdrop-filter:blur(7px)}.diagnosis-save-case{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #cfdbe8;border-radius:10px;background:#fff;color:#52677d;font-size:.67rem;font-weight:850}.diagnosis-save-case svg{width:16px}.diagnosis-save-case.is-saved{border-color:#86b8ff;background:#eaf4ff;color:#1f65c5}.diagnosis-save-case.is-saved svg{fill:#1f65c5}.diagnosis-save-case:disabled{opacity:.55}@media(max-width:900px){.diagnosis-specialty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.diagnosis-specialty-grid{grid-template-columns:1fr}.diagnosis-specialty-card{min-height:150px}.diagnosis-game-top .diagnosis-save-case{order:4}}
.diagnosis-combobox-menu [data-specialty-options] button{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px}.diagnosis-combobox-menu [data-specialty-options] button strong{text-align:left}.diagnosis-option-check{display:grid;place-items:center;width:21px;height:21px;border:1px solid #cbd8e7;border-radius:7px;background:#fff;color:transparent}.diagnosis-option-check svg{width:14px}.diagnosis-combobox-menu [data-specialty-options] button.is-selected{background:#eff7ff}.diagnosis-combobox-menu [data-specialty-options] button.is-selected .diagnosis-option-check{border-color:#3378df;background:#3378df;color:#fff}
.diagnosis-game-shell{background:radial-gradient(circle at 15% 10%,#e8f3ff 0,transparent 28%),linear-gradient(180deg,#f7faff,#f3f7fb)}.diagnosis-hero{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px;padding:30px;border-radius:25px;background:linear-gradient(135deg,#102d59,#2467c9);color:#fff;box-shadow:0 22px 55px rgba(23,67,130,.22)}.diagnosis-hero h1{margin:8px 0;font-size:clamp(2rem,4vw,3.4rem);font-weight:950}.diagnosis-hero p{max-width:680px;margin:0;color:#dceaff;line-height:1.65}.diagnosis-hero .qcm-eyebrow{color:#a9d0ff}.diagnosis-hero-stat{display:grid;place-items:center;min-width:140px;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px)}.diagnosis-hero-stat strong{font-size:2.2rem}.diagnosis-hero-stat span{font-size:.75rem}.diagnosis-start-card,.diagnosis-guess-card,.diagnosis-case-card{padding:25px;border-radius:22px}.diagnosis-start-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end}.diagnosis-section-head{grid-column:1/-1;display:flex;align-items:center;gap:13px}.diagnosis-section-head>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eaf3ff;color:#2563c9}.diagnosis-section-head svg{width:22px;height:22px}.diagnosis-section-head h2{margin:0 0 3px;color:#183958;font-size:1rem;font-weight:900}.diagnosis-section-head p{margin:0;color:#738399;font-size:.73rem}.diagnosis-combobox,.diagnosis-search-select{position:relative}.diagnosis-combobox>button,.diagnosis-search-input{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:0 16px;border:1px solid #d8e2ee;border-radius:14px;background:#fff;color:#29435e;font-weight:800;box-shadow:0 3px 9px rgba(30,60,100,.04)}.diagnosis-combobox>button svg{width:18px}.diagnosis-combobox-menu,.diagnosis-suggestions{position:absolute;z-index:55;left:0;right:0;top:calc(100% + 8px);overflow:hidden;border:1px solid #dce5ef;border-radius:16px;background:#fff;box-shadow:0 20px 45px rgba(25,50,85,.18)}.diagnosis-combobox-search,.diagnosis-search-input{display:flex;align-items:center;gap:9px}.diagnosis-combobox-search{margin:10px;padding:10px 12px;border:1px solid #dbe5f0;border-radius:11px}.diagnosis-combobox-search svg,.diagnosis-search-input>svg{width:19px;color:#8494a8}.diagnosis-combobox-search input,.diagnosis-search-input input{width:100%;border:0;outline:0;background:transparent}.diagnosis-combobox-menu [data-specialty-options],.diagnosis-suggestions{max-height:300px;overflow-y:auto}.diagnosis-combobox-menu [data-specialty-options] button,.diagnosis-suggestions button{display:grid;width:100%;padding:12px 15px;border:0;border-top:1px solid #f0f3f7;background:#fff;text-align:left}.diagnosis-combobox-menu button:hover,.diagnosis-suggestions button:hover{background:#eff7ff}.diagnosis-combobox-menu strong,.diagnosis-suggestions strong{color:#29435d;font-size:.79rem}.diagnosis-combobox-menu small,.diagnosis-suggestions small,.diagnosis-suggestions span{color:#8391a2;font-size:.65rem}.diagnosis-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 22px;border:0;border-radius:14px;background:linear-gradient(135deg,#357bea,#1951b7);color:#fff!important;text-decoration:none;font-size:.8rem;font-weight:900;box-shadow:0 10px 24px rgba(37,99,235,.24)}.diagnosis-primary-btn:disabled{opacity:.45;cursor:not-allowed}.diagnosis-primary-btn svg{width:18px}.diagnosis-play{max-width:900px}.diagnosis-game-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:#61748b;font-size:.7rem;font-weight:800}.diagnosis-game-top a{display:flex;align-items:center;gap:5px;color:#3e5d7d;text-decoration:none}.diagnosis-game-top svg{width:16px}.diagnosis-case-card{margin-bottom:16px}.diagnosis-case-label{display:flex;align-items:center;gap:7px;color:#3473cf;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.diagnosis-case-label svg{width:18px}.diagnosis-case-card h1{margin:11px 0;color:#193a57;font-size:1.45rem}.diagnosis-case-card>p{color:#52677e;line-height:1.75;white-space:pre-line}.diagnosis-image-button{position:relative;display:block;width:100%;max-height:420px;padding:0;overflow:hidden;border:0;border-radius:15px;background:#edf3f8}.diagnosis-image-button img{display:block;width:100%;max-height:420px;object-fit:contain}.diagnosis-image-button span{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:9px;background:rgba(14,39,72,.82);color:#fff;font-size:.65rem;font-weight:800}.diagnosis-guess-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}.diagnosis-guess-card .diagnosis-section-head{margin-bottom:3px}.diagnosis-search-input{min-width:0}.diagnosis-search-input button{border:0;background:none;color:#8090a2}.diagnosis-suggestions p{margin:0;padding:18px;color:#8090a2;font-size:.73rem}.diagnosis-guess-status{grid-column:1/-1;margin:0;color:#b25942;font-size:.72rem;font-weight:800}.diagnosis-hints{display:grid;gap:10px;margin-top:16px}.diagnosis-hints-empty,.diagnosis-hints article{display:flex;align-items:center;gap:13px;padding:16px;border:1px dashed #cbd9e9;border-radius:15px;background:rgba(255,255,255,.75);color:#71839a}.diagnosis-hints-empty svg{width:25px}.diagnosis-hints article{border-style:solid;border-color:#f0d9a8;background:#fffbef}.diagnosis-hints article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f1b84b;color:#fff;font-weight:900}.diagnosis-hints article strong{color:#8a6423;font-size:.7rem}.diagnosis-hints article p{margin:3px 0 0;color:#6e6046;font-size:.76rem}.diagnosis-modal,.diagnosis-image-modal{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:18px;background:rgba(12,27,48,.64);backdrop-filter:blur(7px)}.diagnosis-modal[hidden],.diagnosis-image-modal[hidden]{display:none}.diagnosis-modal-card{width:min(720px,100%);max-height:90vh;overflow-y:auto;padding:30px;border-radius:24px;background:#fff;box-shadow:0 35px 80px rgba(0,0,0,.28);text-align:center}.diagnosis-modal-card h2{margin:8px 0 20px;color:#173a58;font-size:1.7rem}.diagnosis-learning{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;text-align:left}.diagnosis-learning section{padding:17px;border-radius:15px;background:#f5f8fc}.diagnosis-learning h3{color:#245b9e;font-size:.78rem;font-weight:900}.diagnosis-learning p{margin:0;color:#52667c;font-size:.76rem;line-height:1.65;white-space:pre-line}.diagnosis-image-modal img{max-width:95vw;max-height:90vh;border-radius:14px}.diagnosis-image-modal button{position:fixed;right:20px;top:16px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#233d58;font-size:1.5rem}@media(max-width:767px){.diagnosis-hero{align-items:start;flex-direction:column;padding:22px}.diagnosis-hero-stat{min-width:0;width:100%}.diagnosis-start-card,.diagnosis-guess-card{grid-template-columns:1fr;padding:18px}.diagnosis-learning{grid-template-columns:1fr}.diagnosis-game-top{align-items:flex-start;flex-wrap:wrap}.diagnosis-primary-btn{width:100%}}
/* QCM lecture library */
.lecture-library,.lecture-detail{padding:34px 0 72px;background:#f7faff;min-height:75vh}.lecture-hero,.lecture-detail-head{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px;border:1px solid #dbe8fa;border-radius:24px;background:linear-gradient(135deg,#fff,#eef6ff);box-shadow:0 18px 50px rgba(30,64,175,.07)}.lecture-hero h1,.lecture-detail-head h1{margin:8px 0;color:#143b82;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.lecture-hero p,.lecture-detail-head p{margin:0;color:#64748b}.lecture-hero-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:#2563eb;color:#fff}.lecture-hero-icon svg{width:38px}.lecture-filter{display:flex;align-items:center;gap:14px;margin:28px 0;padding:14px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:16px}.lecture-filter label{font-weight:700;color:#334155}.lecture-filter select{min-width:260px;border:1px solid #dbe3ef;border-radius:12px;padding:10px 38px 10px 12px;background:#fff;color:#0f172a}.lecture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lecture-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 28px rgba(15,23,42,.05);transition:.2s}.lecture-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(37,99,235,.11);border-color:#bfdbfe}.lecture-card-main{display:flex;flex:1;flex-direction:column;padding:22px;color:inherit;text-decoration:none}.lecture-pdf-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:14px;background:#eff6ff;color:#2563eb}.lecture-pdf-icon svg{width:25px}.lecture-module{display:block;color:#2563eb;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.lecture-card h2{margin:9px 0;font-size:1.14rem;color:#172554}.lecture-card p{color:#64748b;font-size:.92rem}.lecture-card-meta{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid #edf2f7;color:#64748b}.lecture-card-meta span{display:flex;align-items:center;gap:5px}.lecture-card-meta svg{width:17px}.lecture-card-meta a{margin-left:auto;color:#2563eb;font-weight:700;text-decoration:none}.lecture-empty{grid-column:1/-1;padding:50px;text-align:center;background:#fff;border:1px dashed #bfdbfe;border-radius:20px}.lecture-back{display:inline-flex;align-items:center;gap:5px;margin-bottom:18px;color:#475569;text-decoration:none;font-weight:700}.lecture-back svg{width:20px}.lecture-head-actions{display:flex;gap:10px}.lecture-head-actions a,.lecture-head-actions button{display:flex;align-items:center;gap:8px;border:1px solid #bfdbfe;border-radius:12px;padding:11px 16px;background:#fff;color:#1d4ed8;font-weight:750;text-decoration:none}.lecture-head-actions svg{width:20px}.lecture-pdf-frame{height:72vh;min-height:560px;margin:22px 0;border:1px solid #dbe3ef;border-radius:20px;overflow:hidden;background:#334155;box-shadow:0 15px 40px rgba(15,23,42,.12)}.lecture-pdf-frame iframe{width:100%;height:100%;border:0}.lecture-community{display:grid;grid-template-columns:1fr 1.5fr;gap:22px}.lecture-reactions,.lecture-comments{padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:20px}.lecture-community h2{font-size:1.15rem;color:#172554}.lecture-reactions>div{display:grid;gap:10px}.lecture-reactions button{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;color:#475569}.lecture-reactions button:hover,.lecture-reactions button.is-selected{background:#eff6ff;border-color:#60a5fa;color:#1d4ed8}.lecture-reactions button svg{width:22px}.lecture-reactions button strong{margin-left:auto}.lecture-comments>form textarea{width:100%;padding:13px;border:1px solid #dbe3ef;border-radius:13px;resize:vertical}.lecture-comments>form>button{margin-top:9px;padding:10px 16px;border:0;border-radius:11px;background:#2563eb;color:#fff;font-weight:750}.lecture-comment-list{margin-top:20px}.lecture-comment-list article{display:flex;gap:12px;padding:16px 0;border-top:1px solid #edf2f7}.lecture-comment-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#e0ecff;color:#1d4ed8;font-weight:800}.lecture-comment-list article>div{flex:1}.lecture-comment-list header{display:flex;gap:10px;align-items:center}.lecture-comment-list time{font-size:.78rem;color:#94a3b8}.lecture-comment-list p{margin:7px 0;white-space:pre-wrap;color:#334155}.lecture-comment-list form button{border:0;background:none;color:#dc2626;font-size:.8rem;padding:0}@media(max-width:991px){.lecture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lecture-community{grid-template-columns:1fr}.lecture-detail-head{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.lecture-grid{grid-template-columns:1fr}.lecture-hero{padding:22px}.lecture-hero-icon{display:none}.lecture-filter{align-items:stretch;flex-direction:column}.lecture-filter select{width:100%;min-width:0}.lecture-detail-head{padding:20px}.lecture-head-actions{width:100%;flex-wrap:wrap}.lecture-head-actions a,.lecture-head-actions button{flex:1;justify-content:center}.lecture-pdf-frame{height:62vh;min-height:420px}}
/* Lecture editorial layout, carousel and sidebar */
.lecture-carousel{position:relative;height:470px;margin-bottom:34px;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#0f2b5b,#2563eb);box-shadow:0 26px 70px rgba(15,42,91,.2)}.lecture-carousel-track,.lecture-carousel-slide{height:100%}.lecture-carousel-slide{position:absolute;inset:0;display:flex;align-items:flex-end;padding:58px;background-position:center;background-size:cover;opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity .55s ease,transform .7s ease,visibility .55s}.lecture-carousel-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.lecture-carousel-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,45,.92) 0%,rgba(8,32,70,.72) 48%,rgba(8,32,70,.16) 100%)}.lecture-carousel-content{position:relative;z-index:2;max-width:650px;color:#fff}.lecture-carousel-badge{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(37,99,235,.78);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.lecture-carousel h1{margin:14px 0 10px;font-size:clamp(2rem,4.5vw,3.6rem);font-weight:850;line-height:1.06}.lecture-carousel p{max-width:590px;color:#dbeafe;font-size:1.05rem}.lecture-carousel-content a{display:inline-flex;align-items:center;gap:9px;margin-top:11px;padding:12px 18px;border-radius:12px;background:#fff;color:#1d4ed8;font-weight:800;text-decoration:none}.lecture-carousel-content a svg{width:20px}.lecture-carousel-arrow{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(15,23,42,.35);color:#fff;transform:translateY(-50%);backdrop-filter:blur(10px)}.lecture-carousel-arrow:hover{background:#2563eb}.lecture-carousel-arrow svg{width:23px}.lecture-carousel-arrow.is-prev{left:16px}.lecture-carousel-arrow.is-next{right:16px}.lecture-carousel-dots{position:absolute;z-index:4;left:50%;bottom:20px;display:flex;gap:8px;transform:translateX(-50%)}.lecture-carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.52);transition:.2s}.lecture-carousel-dots button.is-active{width:28px;background:#fff}.lecture-page-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.lecture-section-title h2{margin:5px 0 0;color:#172554;font-size:1.8rem}.lecture-main-column .lecture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lecture-card-cover{position:relative;display:flex;align-items:flex-end;height:174px;padding:14px;background:linear-gradient(135deg,#dbeafe,#93c5fd);background-position:center;background-size:cover;text-decoration:none}.lecture-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,23,42,.64),transparent 65%)}.lecture-card-cover span{position:relative;z-index:1;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.92);color:#1d4ed8;font-size:.72rem;font-weight:800}.lecture-sidebar{position:sticky;top:96px;display:grid;gap:20px}.lecture-sidebar section{padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 25px rgba(15,23,42,.04)}.lecture-sidebar h2{margin:0 0 15px;color:#172554;font-size:1.08rem}.lecture-sidebar nav{display:grid;gap:5px}.lecture-sidebar nav a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;color:#475569;text-decoration:none}.lecture-sidebar nav a:hover,.lecture-sidebar nav a.is-active{background:#eff6ff;color:#1d4ed8}.lecture-sidebar nav svg{flex:0 0 20px;width:20px}.lecture-sidebar nav span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lecture-sidebar nav strong{font-size:.78rem}.lecture-recent-list{display:grid;gap:13px}.lecture-recent-list>a{display:flex;gap:10px;color:#334155;text-decoration:none}.lecture-recent-thumb{flex:0 0 62px;height:50px;border-radius:10px;background:linear-gradient(135deg,#dbeafe,#60a5fa);background-position:center;background-size:cover}.lecture-recent-list a>span:last-child{min-width:0}.lecture-recent-list strong{display:-webkit-box;overflow:hidden;font-size:.84rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lecture-recent-list time{display:block;margin-top:5px;color:#94a3b8;font-size:.72rem}@media(max-width:991px){.lecture-page-columns{grid-template-columns:1fr}.lecture-sidebar{position:static;grid-template-columns:1fr 1fr}.lecture-main-column .lecture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.lecture-carousel{height:420px;border-radius:20px}.lecture-carousel-slide{padding:38px 24px 56px}.lecture-carousel h1{font-size:2rem}.lecture-carousel-arrow{top:auto;bottom:12px;transform:none}.lecture-carousel-arrow.is-prev{left:18px}.lecture-carousel-arrow.is-next{right:18px}.lecture-sidebar{grid-template-columns:1fr}.lecture-main-column .lecture-grid{grid-template-columns:1fr}.lecture-card-cover{height:190px}}
/* Compact independent lecture library */
.lecture-library.is-compact{padding:22px 0 55px}.lecture-library.is-compact .container{max-width:1180px}.lecture-library.is-compact .lecture-carousel{height:330px;margin-bottom:24px;border-radius:20px}.lecture-library.is-compact .lecture-carousel-slide{padding:38px 58px}.lecture-library.is-compact .lecture-carousel-content{max-width:560px}.lecture-library.is-compact .lecture-carousel h1{margin:10px 0 7px;font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.08}.lecture-library.is-compact .lecture-carousel p{font-size:.92rem;line-height:1.55}.lecture-library.is-compact .lecture-carousel-content a{margin-top:7px;padding:9px 14px;font-size:.86rem}.lecture-library.is-compact .lecture-carousel-arrow{top:50%;bottom:auto;width:34px;height:34px;padding:0;border-radius:10px;transform:translateY(-50%)}.lecture-library.is-compact .lecture-carousel-arrow svg{display:block;width:18px;height:18px;margin:auto}.lecture-library.is-compact .lecture-carousel-arrow.is-prev{left:12px}.lecture-library.is-compact .lecture-carousel-arrow.is-next{right:12px}.lecture-library.is-compact .lecture-carousel-dots{bottom:12px}.lecture-library.is-compact .lecture-carousel-dots button{width:6px;height:6px}.lecture-library.is-compact .lecture-carousel-dots button.is-active{width:20px}.lecture-library.is-compact .lecture-page-columns{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.lecture-library.is-compact .lecture-section-title h2{font-size:1.45rem}.lecture-library.is-compact .lecture-filter{margin:16px 0;padding:10px 13px}.lecture-library.is-compact .lecture-filter select{padding:8px 34px 8px 10px;font-size:.86rem}.lecture-library.is-compact .lecture-grid{gap:14px}.lecture-library.is-compact .lecture-card{border-radius:15px}.lecture-library.is-compact .lecture-card-cover{height:132px;padding:10px}.lecture-library.is-compact .lecture-card-main{padding:15px}.lecture-library.is-compact .lecture-card h2{font-size:1rem;margin:6px 0}.lecture-library.is-compact .lecture-card p{font-size:.82rem;margin-bottom:0}.lecture-library.is-compact .lecture-card-meta{padding:10px 14px;font-size:.78rem}.lecture-library.is-compact .lecture-sidebar{top:84px;gap:14px}.lecture-library.is-compact .lecture-sidebar section{padding:15px;border-radius:15px}.lecture-library.is-compact .lecture-sidebar h2{font-size:.96rem;margin-bottom:10px}.lecture-library.is-compact .lecture-sidebar nav a{padding:8px;font-size:.82rem}.lecture-library.is-compact .lecture-recent-thumb{flex-basis:50px;height:42px}.lecture-library.is-compact .lecture-recent-list strong{font-size:.78rem}@media(max-width:991px){.lecture-library.is-compact .lecture-page-columns{grid-template-columns:1fr}.lecture-library.is-compact .lecture-sidebar{grid-template-columns:1fr 1fr}}@media(max-width:640px){.lecture-library.is-compact .lecture-carousel{height:300px}.lecture-library.is-compact .lecture-carousel-slide{padding:28px 46px 45px}.lecture-library.is-compact .lecture-carousel h1{font-size:1.6rem}.lecture-library.is-compact .lecture-carousel p{font-size:.82rem}.lecture-library.is-compact .lecture-carousel-arrow{top:50%;bottom:auto;transform:translateY(-50%)}.lecture-library.is-compact .lecture-sidebar{grid-template-columns:1fr}}
.lecture-detail{padding:22px 0 55px}.lecture-detail .container{max-width:1120px}.lecture-detail .lecture-detail-head{padding:20px;border-radius:17px}.lecture-detail .lecture-detail-head h1{font-size:clamp(1.45rem,3vw,2.15rem);margin:6px 0}.lecture-detail .lecture-detail-head p{font-size:.9rem}.lecture-detail .lecture-head-actions a,.lecture-detail .lecture-head-actions button{padding:8px 11px;border-radius:9px;font-size:.8rem}.lecture-detail .lecture-head-actions svg{width:17px}.lecture-detail .lecture-pdf-frame{height:65vh;min-height:460px;margin:16px 0;border-radius:15px}.lecture-detail .lecture-community{gap:15px}.lecture-detail .lecture-reactions,.lecture-detail .lecture-comments{padding:18px;border-radius:15px}.lecture-detail .lecture-community h2{font-size:1rem}.lecture-detail .lecture-reactions button{padding:9px;font-size:.82rem}.lecture-detail .lecture-comment-list article{padding:12px 0}
/* Final modern lecture carousel */
.lecture-library.is-compact .lecture-carousel{position:relative;height:450px;aspect-ratio:16/9;margin:0 0 28px;overflow:hidden;border:1px solid rgba(148,163,184,.24);border-radius:24px;background:#0f172a;box-shadow:0 20px 55px rgba(15,23,42,.16);isolation:isolate}.lecture-library.is-compact .lecture-carousel-track{position:absolute;inset:0}.lecture-library.is-compact .lecture-carousel-slide{position:absolute;inset:0;display:flex;align-items:flex-end;padding:54px 76px 58px;background-position:center;background-size:cover;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .65s ease,transform 1s ease,visibility .65s}.lecture-library.is-compact .lecture-carousel-slide.is-active{z-index:1;opacity:1;visibility:visible;transform:scale(1)}.lecture-library.is-compact .lecture-carousel-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.94) 0%,rgba(2,6,23,.78) 44%,rgba(2,6,23,.4) 72%,rgba(2,6,23,.22) 100%),linear-gradient(0deg,rgba(2,6,23,.55),transparent 55%)}.lecture-library.is-compact .lecture-carousel-content{position:relative;z-index:2;display:flex;max-width:660px;flex-direction:column;align-items:flex-start;color:#fff}.lecture-library.is-compact .lecture-carousel-badge{display:inline-flex;padding:7px 13px;border:1px solid rgba(191,219,254,.45);border-radius:999px;background:rgba(37,99,235,.82);box-shadow:0 6px 18px rgba(37,99,235,.22);color:#fff;font-size:.74rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}.lecture-library.is-compact .lecture-carousel h1{max-width:620px;margin:15px 0 10px;color:#fff;font-size:clamp(2rem,4vw,3.35rem);font-weight:850;line-height:1.06;letter-spacing:-.025em;text-shadow:0 3px 20px rgba(0,0,0,.2)}.lecture-library.is-compact .lecture-carousel p{max-width:580px;margin:0;color:#e2e8f0;font-size:1rem;line-height:1.6}.lecture-library.is-compact .lecture-carousel-content a{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:11px 17px;border-radius:11px;background:#fff;box-shadow:0 9px 25px rgba(0,0,0,.16);color:#1d4ed8;font-size:.88rem;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.lecture-library.is-compact .lecture-carousel-content a:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(0,0,0,.22)}.lecture-library.is-compact .lecture-carousel-content a svg{width:18px;height:18px}.lecture-library.is-compact .lecture-carousel-arrow{position:absolute;z-index:5;top:50%;bottom:auto;display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(15,23,42,.55);color:#fff;transform:translateY(-50%);backdrop-filter:blur(12px);transition:background .2s ease,transform .2s ease}.lecture-library.is-compact .lecture-carousel-arrow:hover{background:#2563eb;transform:translateY(-50%) scale(1.06)}.lecture-library.is-compact .lecture-carousel-arrow:focus-visible,.lecture-library.is-compact .lecture-carousel-dots button:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.lecture-library.is-compact .lecture-carousel-arrow svg{display:block;width:21px;height:21px;margin:0}.lecture-library.is-compact .lecture-carousel-arrow.is-prev{left:18px}.lecture-library.is-compact .lecture-carousel-arrow.is-next{right:18px}.lecture-library.is-compact .lecture-carousel-dots{position:absolute;z-index:5;left:50%;bottom:17px;display:flex;gap:8px;align-items:center;transform:translateX(-50%)}.lecture-library.is-compact .lecture-carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.5);transition:width .25s ease,background .25s ease}.lecture-library.is-compact .lecture-carousel-dots button.is-active{width:28px;background:#fff}@media(max-width:767px){.lecture-library.is-compact .lecture-carousel{height:340px;aspect-ratio:auto;border-radius:18px}.lecture-library.is-compact .lecture-carousel-slide{padding:38px 54px 52px}.lecture-library.is-compact .lecture-carousel h1{font-size:1.75rem}.lecture-library.is-compact .lecture-carousel p{font-size:.86rem;line-height:1.5}.lecture-library.is-compact .lecture-carousel-content a{margin-top:15px;padding:9px 13px}.lecture-library.is-compact .lecture-carousel-arrow{width:36px;height:36px}.lecture-library.is-compact .lecture-carousel-arrow.is-prev{left:10px}.lecture-library.is-compact .lecture-carousel-arrow.is-next{right:10px}}@media(prefers-reduced-motion:reduce){.lecture-library.is-compact .lecture-carousel-slide,.lecture-library.is-compact .lecture-carousel-content a,.lecture-library.is-compact .lecture-carousel-arrow{transition:none}}
/* Central QCM master homepage */
.qcm-master-home{min-height:80vh;padding:26px 0 72px;background:linear-gradient(180deg,#f6f9ff 0%,#fff 58%,#f8fbff 100%)}.master-carousel{position:relative;height:clamp(440px,52vw,610px);overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:28px;background:#06142c;box-shadow:0 28px 80px rgba(15,42,91,.2);isolation:isolate}.master-carousel-track,.master-slide{position:absolute;inset:0}.master-slide{display:flex;align-items:center;padding:64px 78px;background-position:center;background-size:cover;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .7s ease,transform 1.1s ease,visibility .7s}.master-slide.is-active{z-index:1;opacity:1;visibility:visible;transform:scale(1)}.master-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,25,.97) 0%,rgba(3,17,42,.9) 38%,rgba(3,17,42,.52) 66%,rgba(3,17,42,.2) 100%),linear-gradient(0deg,rgba(2,8,23,.58),transparent 60%)}.master-slide-copy{position:relative;z-index:2;display:flex;max-width:700px;flex-direction:column;align-items:flex-start;color:#fff}.master-slide-badge{display:inline-flex;padding:8px 14px;border:1px solid rgba(191,219,254,.38);border-radius:999px;background:rgba(37,99,235,.76);font-size:.76rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase;backdrop-filter:blur(9px)}.master-slide h1{margin:16px 0 13px;color:#fff;font-size:clamp(2.35rem,5vw,4.65rem);font-weight:880;line-height:1.02;letter-spacing:-.04em;text-shadow:0 5px 28px rgba(0,0,0,.28)}.master-slide p{max-width:650px;margin:0;color:#dbeafe;font-size:clamp(.98rem,1.45vw,1.16rem);line-height:1.68}.master-slide-copy>a{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:13px 19px;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2);color:#1d4ed8;font-weight:820;text-decoration:none;transition:transform .2s,box-shadow .2s}.master-slide-copy>a:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,0,0,.27)}.master-slide-copy>a svg{width:20px}.master-arrow{position:absolute;z-index:5;top:50%;display:grid;width:46px;height:46px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(15,23,42,.55);color:#fff;transform:translateY(-50%);backdrop-filter:blur(12px);transition:.2s}.master-arrow:hover{background:#2563eb;transform:translateY(-50%) scale(1.07)}.master-arrow svg{width:22px}.master-arrow.is-prev{left:18px}.master-arrow.is-next{right:18px}.master-dots{position:absolute;z-index:5;left:50%;bottom:20px;display:flex;gap:8px;transform:translateX(-50%)}.master-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.5);transition:.25s}.master-dots button.is-active{width:30px;background:#fff}.master-intro{max-width:780px;margin:64px auto 32px;text-align:center}.master-intro h2{margin:8px 0 12px;color:#102e67;font-size:clamp(1.9rem,4vw,3rem);font-weight:850;letter-spacing:-.025em}.master-intro p{margin:0;color:#64748b;font-size:1.02rem;line-height:1.7}.master-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.master-feature{position:relative;display:grid;grid-template-columns:58px 1fr 28px;gap:17px;align-items:start;padding:25px;border:1px solid #dfe8f6;border-radius:20px;background:#fff;box-shadow:0 10px 34px rgba(15,42,91,.055);color:inherit;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s}.master-feature:hover{transform:translateY(-4px);border-color:#93c5fd;box-shadow:0 20px 46px rgba(37,99,235,.12)}.master-feature-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:16px;background:linear-gradient(145deg,#eaf2ff,#dbeafe);color:#2563eb}.master-feature-icon svg{width:27px}.master-feature>div>span{color:#2563eb;font-size:.75rem;font-weight:820;text-transform:uppercase;letter-spacing:.055em}.master-feature h3{margin:6px 0 7px;color:#172554;font-size:1.18rem;font-weight:820}.master-feature p{margin:0;color:#64748b;font-size:.88rem;line-height:1.55}.master-feature-arrow{align-self:center;width:22px;color:#94a3b8;transition:.2s}.master-feature:hover .master-feature-arrow{color:#2563eb;transform:translateX(3px)}@media(max-width:900px){.master-carousel{height:520px}.master-slide{padding:58px 64px}.master-feature-grid{grid-template-columns:1fr}}@media(max-width:640px){.qcm-master-home{padding-top:14px}.master-carousel{height:500px;border-radius:20px}.master-slide{align-items:flex-end;padding:46px 48px 65px;background-position:62% center}.master-slide-overlay{background:linear-gradient(0deg,rgba(2,8,23,.98) 0%,rgba(2,8,23,.82) 58%,rgba(2,8,23,.28) 100%)}.master-slide h1{font-size:2rem}.master-slide p{font-size:.88rem;line-height:1.55}.master-slide-copy>a{margin-top:18px;padding:10px 14px;font-size:.84rem}.master-arrow{width:36px;height:36px}.master-arrow.is-prev{left:9px}.master-arrow.is-next{right:9px}.master-dots{bottom:15px}.master-intro{margin:44px auto 24px}.master-feature{grid-template-columns:48px 1fr;padding:18px}.master-feature-icon{width:46px;height:46px;border-radius:13px}.master-feature-arrow{display:none}}@media(prefers-reduced-motion:reduce){.master-slide,.master-slide-copy>a,.master-arrow,.master-feature{transition:none}}
/* QCM master carousel aligned with storefront style */
.qcm-master-home.is-shop-style{padding:18px 0 58px}.qcm-master-home.is-shop-style .container{max-width:1180px}.qcm-master-home.is-shop-style .master-carousel{height:390px;min-height:390px;max-height:390px;border:0;border-radius:20px;background:#2f98d4;box-shadow:0 14px 42px rgba(31,73,125,.13)}.qcm-master-home.is-shop-style .master-slide{align-items:center;padding:38px 72px 64px}.qcm-master-home.is-shop-style .master-slide-overlay{background:linear-gradient(90deg,rgba(9,66,116,.8),rgba(28,119,184,.42) 57%,rgba(255,255,255,.05))}.qcm-master-home.is-shop-style .master-slide-copy{max-width:600px}.qcm-master-home.is-shop-style .master-slide-badge{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;font-size:.82rem;font-weight:650;letter-spacing:0;text-transform:none;backdrop-filter:none;text-shadow:0 2px 12px rgba(16,61,97,.25)}.qcm-master-home.is-shop-style .master-slide h1{max-width:590px;margin:8px 0 11px;font-size:clamp(1.8rem,3.3vw,2.8rem);line-height:1.08;letter-spacing:-.025em}.qcm-master-home.is-shop-style .master-slide p{max-width:570px;font-size:.9rem;line-height:1.55;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.qcm-master-home.is-shop-style .master-slide-copy>a{margin-top:14px;padding:9px 15px;border:1px solid transparent;border-radius:9px;box-shadow:0 8px 22px rgba(16,61,97,.16);font-size:.82rem}.qcm-master-home.is-shop-style .master-slide-copy>a.is-primary{background:#387cee;color:#fff}.qcm-master-home.is-shop-style .master-slide-copy>a.is-light{background:#fff;color:#1d4ed8}.qcm-master-home.is-shop-style .master-slide-copy>a.is-outline{border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(8px)}.qcm-master-home.is-shop-style .master-arrow{width:38px;height:38px;background:rgba(18,76,122,.28)}.qcm-master-home.is-shop-style .master-arrow svg{width:18px}.qcm-master-home.is-shop-style .master-arrow.is-prev{left:12px}.qcm-master-home.is-shop-style .master-arrow.is-next{right:12px}.qcm-master-home.is-shop-style .master-dots{bottom:27px}.qcm-master-home.is-shop-style .master-dots button{width:7px;height:7px;border:1px solid rgba(255,255,255,.8)}.qcm-master-home.is-shop-style .master-dots button.is-active{width:7px;transform:scale(1.3)}.master-bottom-wave{position:absolute;z-index:4;right:0;bottom:-1px;left:0;height:48px;pointer-events:none}.master-bottom-wave svg{display:block;width:100%;height:100%}.master-bottom-wave path{fill:#fff}.qcm-master-home.is-shop-style .master-intro{margin:40px auto 24px;max-width:700px}.qcm-master-home.is-shop-style .master-intro h2{font-size:clamp(1.55rem,3vw,2.25rem)}.qcm-master-home.is-shop-style .master-intro p{font-size:.9rem}.qcm-master-home.is-shop-style .master-feature-grid{gap:13px}.qcm-master-home.is-shop-style .master-feature{grid-template-columns:46px 1fr 20px;gap:13px;padding:17px;border-radius:15px}.qcm-master-home.is-shop-style .master-feature-icon{width:44px;height:44px;border-radius:12px}.qcm-master-home.is-shop-style .master-feature-icon svg{width:22px}.qcm-master-home.is-shop-style .master-feature h3{margin:4px 0;font-size:1rem}.qcm-master-home.is-shop-style .master-feature p{font-size:.8rem;line-height:1.45}.qcm-master-home.is-shop-style .master-feature>div>span{font-size:.67rem}@media(max-width:767px){.qcm-master-home.is-shop-style .master-carousel{height:360px;min-height:360px;max-height:360px;border-radius:15px}.qcm-master-home.is-shop-style .master-slide{align-items:flex-end;padding:30px 43px 65px;background-position:62% center}.qcm-master-home.is-shop-style .master-slide-overlay{background:linear-gradient(0deg,rgba(9,48,87,.96),rgba(17,93,151,.62) 70%,rgba(17,93,151,.2))}.qcm-master-home.is-shop-style .master-slide h1{font-size:1.65rem}.qcm-master-home.is-shop-style .master-slide p{font-size:.8rem;-webkit-line-clamp:2}.qcm-master-home.is-shop-style .master-arrow{display:none}.qcm-master-home.is-shop-style .master-dots{bottom:24px}.master-bottom-wave{height:38px}.qcm-master-home.is-shop-style .master-feature-grid{grid-template-columns:1fr}}


/* ===== Revision Center — Vitalia tab + card refinement ===== */
.qcm-review-center .qcm-review-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin-bottom:28px;
    padding:6px;
    border:1px solid #E5EAF2;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 10px 30px rgba(2,1,52,.04);
    overflow:hidden;
}
.qcm-review-center .qcm-review-tabs button{
    position:relative;
    min-height:48px;
    border:0;
    border-radius:12px;
    background:transparent;
    color:#64748B;
    font-size:.79rem;
    font-weight:800;
    box-shadow:none;
    transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.qcm-review-center .qcm-review-tabs button:hover{
    background:#F8FAFC;
    color:#334155;
}
.qcm-review-center .qcm-review-tabs button.is-active{
    background:linear-gradient(90deg,#38CEEE,#387CEE);
    color:#FFFFFF;
    box-shadow:0 8px 22px rgba(56,124,238,.22),0 0 0 1px rgba(255,255,255,.18) inset;
}
.qcm-review-center .qcm-review-tabs button.is-active svg,
.qcm-review-center .qcm-review-tabs button.is-active>span{
    color:#FFFFFF;
}
.qcm-review-center .qcm-review-tabs button>span{
    min-width:24px;
    height:24px;
    padding:0 7px;
    border-radius:999px;
    background:#EEF3F8;
    color:#64748B;
    transition:background .2s ease,color .2s ease;
}
.qcm-review-center .qcm-review-tabs button.is-active>span{
    background:rgba(255,255,255,.18);
}

/* Weak lectures */
.qcm-review-center .qcm-weak-lecture-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.qcm-review-center .qcm-weak-lecture-grid>.qcm-card,
.qcm-review-center .qcm-weak-lecture-card{
    padding:20px;
    border:1px solid #E5EAF2;
    border-radius:20px;
    background:#FFFFFF;
    box-shadow:0 12px 32px rgba(2,1,52,.055);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.qcm-review-center .qcm-weak-lecture-grid>.qcm-card:hover,
.qcm-review-center .qcm-weak-lecture-card:hover{
    transform:translateY(-2px);
    border-color:#D6E3F3;
    box-shadow:0 16px 38px rgba(2,1,52,.075);
}
.qcm-review-center .qcm-weak-lecture-grid strong{
    color:#102A43;
    font-size:.92rem;
}
.qcm-review-center .qcm-weak-lecture-grid small{
    color:#8A98AA;
    font-size:.68rem;
}
.qcm-review-center .qcm-weak-lecture-grid b,
.qcm-review-center .qcm-weak-score b{
    color:#387CEE;
    font-size:.95rem;
    font-weight:800;
}
.qcm-review-center .qcm-metric-track{
    height:7px;
    margin-top:14px;
    overflow:hidden;
    border-radius:999px;
    background:#EAF0F7;
}
.qcm-review-center .qcm-metric-track i{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
    box-shadow:0 0 12px rgba(56,124,238,.14);
}

/* Frequently incorrect / difficult / bookmark cards */
.qcm-review-center .qcm-review-list,
.qcm-review-center .qcm-difficult-review-list,
.qcm-review-center .qcm-bookmark-review-list{
    display:grid;
    gap:14px;
}
.qcm-review-center .qcm-review-question{
    overflow:hidden;
    border:1px solid #E5EAF2;
    border-radius:20px;
    background:#FFFFFF;
    box-shadow:0 8px 24px rgba(2,1,52,.04);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.qcm-review-center .qcm-review-question:hover{
    transform:translateY(-2px);
    border-color:#D4E3F6;
    box-shadow:0 12px 30px rgba(2,1,52,.065);
}
.qcm-review-center .qcm-review-question>summary{
    min-height:76px;
    padding:18px 20px;
    gap:14px;
}
.qcm-review-center .qcm-review-summary-text strong{
    color:#1F3856;
    font-size:.87rem;
    line-height:1.45;
}
.qcm-review-center .qcm-review-summary-text small{
    color:#8A98AA;
    font-size:.68rem;
}
.qcm-review-center .qcm-review-chevron{
    color:#94A3B8;
    transition:transform .2s ease,color .2s ease;
}
.qcm-review-center .qcm-review-question:hover .qcm-review-chevron{
    color:#387CEE;
}
.qcm-review-center .qcm-review-question[open] .qcm-review-chevron{
    transform:rotate(180deg);
}
.qcm-review-center .qcm-review-body{
    padding:4px 20px 20px;
    border-top:1px solid #EEF2F7;
}

/* mistake badge */
.qcm-review-center .qcm-error-count{
    padding:6px 9px;
    border:1px solid #FFE0E5;
    border-radius:999px;
    background:#FFF1F2;
    color:#E11D48;
    font-size:.63rem;
    font-weight:850;
    box-shadow:none;
}

/* Type-specific icon treatments */
.qcm-review-center .qcm-review-kind{
    width:42px;
    height:42px;
    border-radius:13px;
}
.qcm-review-center .qcm-review-kind.is-weak{
    background:#FFF1F2;
    color:#E11D48;
}
.qcm-review-center .qcm-review-kind.is-difficult{
    background:#FFF7E8;
    color:#B8750D;
}
.qcm-review-center .qcm-review-kind.is-bookmark{
    background:#EDF5FF;
    color:#387CEE;
}

/* Difficult questions: same premium card system, amber identity */
.qcm-review-center .qcm-difficult-review-list .qcm-review-question{
    border-color:#F0E5CF;
}
.qcm-review-center .qcm-difficult-review-list .qcm-review-question:hover{
    border-color:#E7C98D;
    box-shadow:0 12px 30px rgba(184,117,13,.08);
}

/* Bookmarks: 2-col desktop library with same card language */
.qcm-review-center .qcm-bookmark-review-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.qcm-review-center .qcm-bookmark-review-list .qcm-review-question{
    height:max-content;
    border-color:#DCE8F8;
}
.qcm-review-center .qcm-bookmark-review-list .qcm-review-question:hover{
    border-color:#BFD6F5;
    box-shadow:0 12px 30px rgba(56,124,238,.08);
}

/* Secondary actions inside expanded review cards */
.qcm-review-center .qcm-review-answer-btn{
    border:1px solid #CFE0F5;
    border-radius:10px;
    background:#FFFFFF;
    color:#387CEE;
    font-size:.72rem;
    font-weight:850;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.qcm-review-center .qcm-review-answer-btn:hover{
    transform:translateY(-1px);
    border-color:#AFCDF2;
    background:#F5F9FF;
}

/* Mobile */
@media(max-width:900px){
    .qcm-review-center .qcm-weak-lecture-grid,
    .qcm-review-center .qcm-bookmark-review-list{
        grid-template-columns:1fr;
    }
}
@media(max-width:700px){
    .qcm-review-center .qcm-review-tabs{
        display:flex;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .qcm-review-center .qcm-review-tabs::-webkit-scrollbar{display:none}
    .qcm-review-center .qcm-review-tabs button{
        flex:0 0 auto;
        min-width:185px;
    }
}
@media(prefers-reduced-motion:reduce){
    .qcm-review-center .qcm-review-tabs button,
    .qcm-review-center .qcm-review-question,
    .qcm-review-center .qcm-weak-lecture-card,
    .qcm-review-center .qcm-review-answer-btn{
        transition:none!important;
    }
}


/* Lecture PDF + QCM + Notes + Anki workspace */
body.qcm-standalone .lecture-workspace{margin:22px 0;border:1px solid #DCE6F2;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(2,1,52,.07);overflow:hidden}
body.qcm-standalone .lecture-workspace-tabs{display:flex;gap:6px;padding:10px;border-bottom:1px solid #E6EDF5;background:#F5F8FC}
body.qcm-standalone .lecture-workspace-tabs button{display:flex;align-items:center;gap:7px;padding:10px 15px;border:0;border-radius:11px;background:transparent;color:#52637A;font-size:.82rem;font-weight:850}
body.qcm-standalone .lecture-workspace-tabs button.is-active{background:#fff;color:#2563EB;box-shadow:0 4px 13px rgba(2,1,52,.08)}
body.qcm-standalone .lecture-workspace-tabs span{display:grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border-radius:99px;background:#EAF2FF;font-size:.58rem}
body.qcm-standalone .lecture-workspace-body{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:620px}
body.qcm-standalone .lecture-workspace-outline{padding:18px 12px;border-right:1px solid #E6EDF5;background:#FAFCFF}
body.qcm-standalone .lecture-workspace-outline>strong{display:block;padding:0 9px 12px;color:#132A4C;font-size:.82rem}
body.qcm-standalone .lecture-workspace-outline button{display:grid;grid-template-columns:1fr auto;gap:3px;width:100%;margin:3px 0;padding:11px;border:1px solid transparent;border-radius:11px;background:transparent;color:#52637A;text-align:left}
body.qcm-standalone .lecture-workspace-outline button:hover,body.qcm-standalone .lecture-workspace-outline button.is-active{border-color:#C9DDF8;background:#EDF5FF;color:#2563EB}
body.qcm-standalone .lecture-workspace-outline button span{font-size:.73rem;font-weight:820}
body.qcm-standalone .lecture-workspace-outline button small{font-size:.58rem}
body.qcm-standalone .lecture-workspace-outline button b{grid-column:2;grid-row:1/3;align-self:center;padding:4px 6px;border-radius:99px;background:#fff;font-size:.55rem}
body.qcm-standalone .lecture-workspace-content{min-width:0;padding:14px}
body.qcm-standalone .lecture-workspace-content .lecture-pdf-frame{height:74vh;min-height:580px;margin:0;border-radius:14px}
body.qcm-standalone .lecture-tool-panel{min-height:570px;padding:24px}
body.qcm-standalone .lecture-tool-panel h2{margin:0 0 7px;color:#132A4C;font-size:1.35rem}.lecture-tool-panel h3{margin:24px 0 10px;color:#334155;font-size:.92rem}
body.qcm-standalone .lecture-qcm-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
body.qcm-standalone .lecture-qcm-track-grid article{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:16px;border:1px solid #DCE6F2;border-radius:14px;background:#F8FBFF}
body.qcm-standalone .lecture-qcm-track-grid article>span{font-size:1.55rem}.lecture-qcm-track-grid strong{color:#17345E}.lecture-qcm-track-grid p{margin:3px 0 0;color:#718198;font-size:.7rem}
body.qcm-standalone .lecture-qcm-track-grid a,body.qcm-standalone .lecture-section-qcm-list a,body.qcm-standalone .lecture-tool-panel button{padding:9px 13px;border:0;border-radius:10px;background:#2563EB;color:#fff;font-size:.7rem;font-weight:850;text-decoration:none}
body.qcm-standalone .lecture-section-qcm-list{display:grid;gap:7px}.lecture-section-qcm-list>div{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #E3EAF3;border-radius:11px}.lecture-section-qcm-list span{display:grid;gap:3px}.lecture-section-qcm-list strong{color:#273D5D;font-size:.76rem}.lecture-section-qcm-list small{color:#8190A4;font-size:.61rem}
body.qcm-standalone .lecture-note-form textarea,body.qcm-standalone .lecture-anki-form input,body.qcm-standalone .lecture-anki-form textarea{width:100%;margin:10px 0;padding:13px;border:1px solid #D8E2EF;border-radius:11px;background:#FAFCFF;color:#243752;resize:vertical}
body.qcm-standalone .lecture-note-form button{float:right}.lecture-anki-form{padding:14px;border:1px solid #E1E9F3;border-radius:14px;background:#F8FBFF}.lecture-anki-form small{margin-left:10px;color:#16835B}
body.qcm-standalone .lecture-anki-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.lecture-anki-list article{padding:14px;border:1px solid #E1E9F3;border-radius:12px}.lecture-anki-list strong{color:#19385F;font-size:.76rem}.lecture-anki-list p{color:#63758D;font-size:.7rem}.lecture-anki-list small{color:#2563EB;font-size:.58rem}
@media(max-width:900px){body.qcm-standalone .lecture-workspace-body{grid-template-columns:1fr}.lecture-workspace-outline{border-right:0!important;border-bottom:1px solid #E6EDF5}.lecture-workspace-outline button{display:inline-grid!important;width:calc(50% - 5px)!important}.lecture-qcm-track-grid{grid-template-columns:1fr!important}}
@media(max-width:600px){body.qcm-standalone .lecture-workspace-tabs{overflow-x:auto}.lecture-workspace-tabs button{white-space:nowrap}.lecture-workspace-outline button{width:100%!important}.lecture-anki-list{grid-template-columns:1fr!important}.lecture-tool-panel{padding:15px!important}.lecture-workspace-content{padding:8px!important}}

/* ============================================================
   QCM PROFILE + LANGUAGE FINAL LIGHT THEME OVERRIDE
   Keep this block last so older/dark account rules cannot win.
   ============================================================ */
body.qcm-standalone .qcm-account-menu{
  background:#FFFFFF!important;
  border:1px solid #E5EAF2!important;
  border-radius:14px!important;
  box-shadow:0 2px 8px rgba(2,1,52,.035)!important;
}
body.qcm-standalone .qcm-account-menu:hover,
body.qcm-standalone .qcm-account-menu[open],
body.qcm-standalone .qcm-account-menu.is-current{
  background:#F8FAFC!important;
  border-color:#387CEE!important;
  box-shadow:0 8px 22px rgba(2,1,52,.08)!important;
}
body.qcm-standalone .qcm-account-menu summary{
  background:transparent!important;
  color:#020134!important;
}
body.qcm-standalone .qcm-account-trigger-copy strong{color:#020134!important}
body.qcm-standalone .qcm-account-trigger-copy small{color:#64748B!important}

body.qcm-standalone .qcm-account-popover{
  background:#FFFFFF!important;
  border:1px solid #E5EAF2!important;
  border-radius:18px!important;
  box-shadow:0 12px 32px rgba(2,1,52,.08),0 4px 12px rgba(2,1,52,.04)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.qcm-standalone .qcm-account-popover::before{
  display:none!important;
  content:none!important;
}
body.qcm-standalone .qcm-account-popover-user,
body.qcm-standalone .qcm-account-popover-links,
body.qcm-standalone .qcm-account-popover-danger{
  background:#FFFFFF!important;
}
body.qcm-standalone .qcm-account-popover-user{
  border-bottom:1px solid #E5EAF2!important;
}
body.qcm-standalone .qcm-account-popover-user-copy strong{
  color:#020134!important;
}
body.qcm-standalone .qcm-account-popover-user-copy small{
  color:#64748B!important;
}
body.qcm-standalone .qcm-account-popover-user-copy em{
  color:#387CEE!important;
  background:#F0F7FF!important;
  border-color:#DCE8FA!important;
}
body.qcm-standalone .qcm-account-popover-avatar{
  color:#387CEE!important;
  background:linear-gradient(135deg,#F0FBFF,#EEF3FF)!important;
  border-color:#DDE7F5!important;
  box-shadow:0 5px 16px rgba(56,124,238,.10)!important;
}

body.qcm-standalone .qcm-account-popover .qcm-account-popover-links a{
  color:#64748B!important;
  background:transparent!important;
  border-color:transparent!important;
}
body.qcm-standalone .qcm-account-popover .qcm-account-popover-links a:hover,
body.qcm-standalone .qcm-account-popover .qcm-account-popover-links a.is-active{
  color:#020134!important;
  background:#F8FAFC!important;
  border-color:#EEF2F7!important;
  transform:translateX(4px)!important;
}
body.qcm-standalone .qcm-account-popover .qcm-account-popover-links a small{
  color:#94A3B8!important;
}
body.qcm-standalone .qcm-account-option-icon{
  color:#64748B!important;
  background:#F8FAFC!important;
  border-color:#E8EEF6!important;
}
body.qcm-standalone .qcm-account-popover .qcm-account-popover-links a:hover .qcm-account-option-icon,
body.qcm-standalone .qcm-account-popover .qcm-account-popover-links a.is-active .qcm-account-option-icon{
  color:#387CEE!important;
  background:#EEF5FF!important;
  border-color:#DCE8FA!important;
}

body.qcm-standalone .qcm-account-popover-danger{
  border-top:1px solid #E5EAF2!important;
}
body.qcm-standalone .qcm-account-logout{
  color:#E11D48!important;
  background:#FFF1F2!important;
  border:1px solid #FECDD3!important;
}
body.qcm-standalone .qcm-account-logout:hover,
body.qcm-standalone .qcm-account-logout:focus-visible{
  color:#E11D48!important;
  background:#FFE4E6!important;
  border-color:#FDA4AF!important;
}
body.qcm-standalone .qcm-account-logout .qcm-account-option-icon{
  color:#E11D48!important;
  background:#FFFFFF!important;
  border-color:#FECDD3!important;
}
body.qcm-standalone .qcm-account-logout small{
  color:#BE6478!important;
}

body.qcm-standalone .qcm-language-menu{
  background:#FFFFFF!important;
  border:1px solid #E5EAF2!important;
  border-radius:12px!important;
  padding:4px 8px!important;
  box-shadow:0 2px 8px rgba(2,1,52,.035)!important;
}
body.qcm-standalone .qcm-language-menu:hover,
body.qcm-standalone .qcm-language-menu[open]{
  background:#F8FAFC!important;
  border-color:#387CEE!important;
  box-shadow:0 7px 18px rgba(2,1,52,.08)!important;
}
body.qcm-standalone .qcm-language-menu summary{
  color:#020134!important;
  background:transparent!important;
}
body.qcm-standalone .qcm-language-popover{
  background:#FFFFFF!important;
  border:1px solid #E5EAF2!important;
  box-shadow:0 12px 32px rgba(2,1,52,.08),0 3px 10px rgba(2,1,52,.04)!important;
}
body.qcm-standalone .qcm-language-popover button{
  color:#64748B!important;
  background:transparent!important;
}
body.qcm-standalone .qcm-language-popover button:hover{
  color:#020134!important;
  background:#F8FAFC!important;
}
body.qcm-standalone .qcm-language-popover button.is-active{
  color:#387CEE!important;
  background:#EEF5FF!important;
}


/* ============================================================
   VITALIA REFERENCE-STYLE PROFILE + LANGUAGE PILLS
   Inspired by the supplied rounded settings/language controls.
   ============================================================ */
body.qcm-standalone .qcm-account-menu{
  border:1px solid #E5EAF2!important;
  border-radius:999px!important;
  background:#FFFFFF!important;
  box-shadow:0 8px 22px rgba(2,1,52,.08)!important;
  transform:none!important;
}
body.qcm-standalone .qcm-account-menu:hover,
body.qcm-standalone .qcm-account-menu[open],
body.qcm-standalone .qcm-account-menu.is-current{
  border-color:#D8E2F0!important;
  background:#FFFFFF!important;
  box-shadow:0 12px 28px rgba(2,1,52,.11)!important;
  transform:translateY(-1px)!important;
}
body.qcm-standalone .qcm-account-menu summary{
  min-height:52px!important;
  gap:11px!important;
  padding:6px 14px 6px 7px!important;
  border-radius:999px!important;
  background:#FFFFFF!important;
}
body.qcm-standalone .qcm-account-avatar{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  border-radius:50%!important;
  border:1px solid #DCE5F1!important;
  box-shadow:0 2px 7px rgba(2,1,52,.07)!important;
}
body.qcm-standalone .qcm-account-trigger-simple{
  display:flex!important;
  align-items:center!important;
}
body.qcm-standalone .qcm-account-trigger-simple strong{
  color:#111A35!important;
  font-size:.79rem!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
  text-transform:uppercase!important;
}
body.qcm-standalone .qcm-account-chevron{
  width:16px!important;
  height:16px!important;
  margin-left:2px!important;
  color:#4B4E9D!important;
}
body.qcm-standalone .qcm-account-menu[open] .qcm-account-chevron{
  transform:rotate(180deg)!important;
}

/* Keep the existing profile popover light and polished. */
body.qcm-standalone .qcm-account-popover{
  top:calc(100% + 11px)!important;
  width:min(330px,calc(100vw - 24px))!important;
  border:1px solid #E5EAF2!important;
  border-radius:18px!important;
  background:#FFFFFF!important;
  box-shadow:0 16px 38px rgba(2,1,52,.12)!important;
}

/* Reference-style language trigger pill */
body.qcm-standalone .qcm-language-menu{
  position:relative!important;
  margin-left:4px!important;
  padding:0!important;
  border:1px solid #E5EAF2!important;
  border-radius:999px!important;
  background:#FFFFFF!important;
  box-shadow:0 8px 22px rgba(2,1,52,.08)!important;
  transform:none!important;
}
body.qcm-standalone .qcm-language-menu:hover,
body.qcm-standalone .qcm-language-menu[open]{
  border-color:#D8E2F0!important;
  background:#FFFFFF!important;
  box-shadow:0 12px 28px rgba(2,1,52,.11)!important;
  transform:translateY(-1px)!important;
}
body.qcm-standalone .qcm-language-menu summary{
  min-height:52px!important;
  gap:9px!important;
  padding:6px 13px 6px 12px!important;
  border-radius:999px!important;
  color:#111A35!important;
  background:#FFFFFF!important;
}
body.qcm-standalone .qcm-language-current{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
body.qcm-standalone .qcm-language-flag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:30px!important;
  font-size:1.5rem!important;
  line-height:1!important;
}
body.qcm-standalone .qcm-language-current-label{
  color:#111A35!important;
  font-size:.72rem!important;
  font-weight:900!important;
}
body.qcm-standalone .qcm-language-chevron{
  width:16px!important;
  height:16px!important;
  color:#4B4E9D!important;
}

/* Language dropdown: English + Français only */
body.qcm-standalone .qcm-language-popover{
  top:calc(100% + 11px)!important;
  right:0!important;
  min-width:220px!important;
  padding:9px!important;
  border:1px solid #E5EAF2!important;
  border-radius:16px!important;
  background:#FFFFFF!important;
  box-shadow:0 16px 38px rgba(2,1,52,.12)!important;
}
body.qcm-standalone .qcm-language-popover button{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 24px!important;
  gap:11px!important;
  align-items:center!important;
  width:100%!important;
  min-height:56px!important;
  padding:8px 11px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:#FFFFFF!important;
  color:#111A35!important;
  text-align:left!important;
  transform:none!important;
}
body.qcm-standalone .qcm-language-popover button:hover,
body.qcm-standalone .qcm-language-popover button:focus-visible{
  border-color:#EEF2F7!important;
  background:#F8FAFC!important;
  color:#020134!important;
  transform:translateX(3px)!important;
}
body.qcm-standalone .qcm-language-popover button.is-active{
  border-color:#E4EEF9!important;
  background:#F8FBFF!important;
  color:#020134!important;
}
body.qcm-standalone .qcm-language-option-flag{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:1.75rem!important;
  line-height:1!important;
}
body.qcm-standalone .qcm-language-option-name{
  font-size:.86rem!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
}
body.qcm-standalone .qcm-language-check{
  width:22px!important;
  height:22px!important;
  color:#31A46C!important;
}

@media(max-width:760px){
  body.qcm-standalone .qcm-account-trigger-simple{display:none!important}
  body.qcm-standalone .qcm-account-menu summary{padding-right:8px!important}
  body.qcm-standalone .qcm-language-current-label{display:none!important}
  body.qcm-standalone .qcm-language-menu summary{padding-inline:10px!important}
}


/* ============================================================
   VITALIA NOTIFICATION POPOVER — LIGHT CARD SYSTEM
   ============================================================ */
body.qcm-standalone .qcm-notification-menu{
  position:relative;
}
body.qcm-standalone .qcm-notification-menu>summary{
  position:relative;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid #E5EAF2;
  border-radius:14px;
  background:#FFFFFF;
  color:#64748B;
  cursor:pointer;
  list-style:none;
  outline:0;
  box-shadow:0 2px 8px rgba(2,1,52,.035);
  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s cubic-bezier(.2,.8,.2,1),
    transform .2s cubic-bezier(.2,.8,.2,1);
}
body.qcm-standalone .qcm-notification-menu>summary::-webkit-details-marker{display:none}
body.qcm-standalone .qcm-notification-menu>summary:hover,
body.qcm-standalone .qcm-notification-menu[open]>summary,
body.qcm-standalone .qcm-notification-menu.is-current>summary{
  border-color:#387CEE;
  background:#F8FAFC;
  color:#387CEE;
  box-shadow:0 8px 22px rgba(2,1,52,.08);
  transform:translateY(-1px);
}
body.qcm-standalone .qcm-notification-menu>summary:focus-visible{
  box-shadow:0 0 0 3px rgba(56,124,238,.13);
}
body.qcm-standalone .qcm-notification-menu>summary svg{
  width:20px;
  height:20px;
}
body.qcm-standalone .qcm-notification-badge{
  position:absolute;
  top:-7px;
  right:-7px;
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border:2px solid #FFFFFF;
  border-radius:999px;
  background:#E11D48;
  color:#FFFFFF;
  font-size:.56rem;
  font-weight:900;
  box-shadow:0 3px 8px rgba(225,29,72,.22);
}

body.qcm-standalone .qcm-notification-popover{
  position:absolute;
  z-index:95;
  top:calc(100% + 12px);
  right:0;
  width:min(390px,calc(100vw - 24px));
  overflow:hidden;
  border:1px solid #E5EAF2;
  border-radius:20px;
  background:#FFFFFF;
  box-shadow:
    0 20px 50px rgba(2,1,52,.12),
    0 6px 16px rgba(2,1,52,.05);
  transform-origin:top right;
  animation:qcmNotificationIn .2s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes qcmNotificationIn{
  from{opacity:0;transform:translateY(-7px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

body.qcm-standalone .qcm-notification-popover-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px;
  border-bottom:1px solid #E5EAF2;
  background:linear-gradient(180deg,#FFFFFF 0%,#FCFDFF 100%);
}
body.qcm-standalone .qcm-notification-head-copy{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
body.qcm-standalone .qcm-notification-head-icon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border:1px solid #DCE8FA;
  border-radius:11px;
  background:#EEF5FF;
  color:#387CEE;
}
body.qcm-standalone .qcm-notification-head-icon svg{
  width:18px;
  height:18px;
}
body.qcm-standalone .qcm-notification-head-copy>span:last-child{
  display:grid;
  min-width:0;
}
body.qcm-standalone .qcm-notification-head-copy strong{
  color:#020134;
  font-size:.82rem;
  font-weight:850;
}
body.qcm-standalone .qcm-notification-head-copy small{
  margin-top:2px;
  color:#94A3B8;
  font-size:.61rem;
  font-weight:650;
}
body.qcm-standalone .qcm-notification-popover-head>a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  padding:6px 8px;
  border-radius:9px;
  background:#F8FAFC;
  color:#387CEE;
  font-size:.64rem;
  font-weight:850;
  text-decoration:none;
  transition:background-color .18s ease,transform .18s ease;
}
body.qcm-standalone .qcm-notification-popover-head>a:hover{
  background:#EEF5FF;
  transform:translateX(2px);
}

body.qcm-standalone .qcm-notification-feed{
  display:grid;
  max-height:410px;
  overflow:auto;
  background:#FFFFFF;
  scrollbar-width:thin;
  scrollbar-color:#DCE5F1 transparent;
}
body.qcm-standalone .qcm-notification-preview{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 16px;
  gap:11px;
  align-items:start;
  min-height:86px;
  padding:13px 14px;
  border-bottom:1px solid #EEF2F7;
  background:#FFFFFF;
  color:inherit;
  text-decoration:none;
  transform:translateX(0);
  transition:
    background-color .18s ease,
    transform .18s cubic-bezier(.2,.8,.2,1);
}
body.qcm-standalone .qcm-notification-preview:last-child{
  border-bottom:0;
}
body.qcm-standalone .qcm-notification-preview:hover{
  background:#F8FAFC;
  transform:translateX(3px);
}
body.qcm-standalone .qcm-notification-preview.is-unread{
  padding-left:14px;
  background:linear-gradient(90deg,#F4F8FF 0%,#FFFFFF 88%);
}
body.qcm-standalone .qcm-notification-preview.is-unread::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:3px;
  border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#38CEEE,#387CEE);
}
body.qcm-standalone .qcm-notification-preview-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid #E5EAF2;
  border-radius:12px;
  background:#F8FAFC;
  color:#64748B;
}
body.qcm-standalone .qcm-notification-preview.is-unread .qcm-notification-preview-icon{
  border-color:#DCE8FA;
  background:#EEF5FF;
  color:#387CEE;
}
body.qcm-standalone .qcm-notification-preview-icon svg{
  width:17px;
  height:17px;
}
body.qcm-standalone .qcm-notification-preview-body{
  display:grid;
  gap:4px;
  min-width:0;
}
body.qcm-standalone .qcm-notification-preview-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
}
body.qcm-standalone .qcm-notification-preview-title-row strong{
  overflow:hidden;
  color:#020134;
  font-size:.74rem;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.qcm-standalone .qcm-notification-preview-title-row em{
  flex:0 0 auto;
  padding:3px 6px;
  border:1px solid #DCE8FA;
  border-radius:999px;
  background:#EEF5FF;
  color:#387CEE;
  font-size:.5rem;
  font-style:normal;
  font-weight:900;
  letter-spacing:.025em;
  text-transform:uppercase;
}
body.qcm-standalone .qcm-notification-preview-message{
  display:-webkit-box;
  overflow:hidden;
  color:#64748B;
  font-size:.66rem;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.qcm-standalone .qcm-notification-preview small{
  display:flex;
  align-items:center;
  gap:5px;
  color:#94A3B8;
  font-size:.57rem;
  font-weight:650;
}
body.qcm-standalone .qcm-notification-preview small svg{
  width:12px;
  height:12px;
}
body.qcm-standalone .qcm-notification-preview-arrow{
  align-self:center;
  width:15px;
  height:15px;
  color:#CBD5E1;
  transition:color .18s ease,transform .18s ease;
}
body.qcm-standalone .qcm-notification-preview:hover .qcm-notification-preview-arrow{
  color:#387CEE;
  transform:translateX(2px);
}

body.qcm-standalone .qcm-notification-empty{
  display:grid;
  justify-items:center;
  gap:7px;
  padding:30px 20px;
  text-align:center;
}
body.qcm-standalone .qcm-notification-empty>span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid #E5EAF2;
  border-radius:14px;
  background:#F8FAFC;
  color:#94A3B8;
}
body.qcm-standalone .qcm-notification-empty svg{
  width:21px;
  height:21px;
}
body.qcm-standalone .qcm-notification-empty strong{
  color:#020134;
  font-size:.75rem;
}
body.qcm-standalone .qcm-notification-empty small{
  max-width:250px;
  color:#94A3B8;
  font-size:.62rem;
  line-height:1.45;
}

body.qcm-standalone .qcm-notification-popover-foot{
  padding:9px;
  border-top:1px solid #E5EAF2;
  background:#FCFDFF;
}
body.qcm-standalone .qcm-notification-popover-foot>a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  border-radius:11px;
  background:#F8FAFC;
  color:#387CEE;
  font-size:.66rem;
  font-weight:850;
  text-decoration:none;
  transition:background-color .18s ease,transform .18s ease;
}
body.qcm-standalone .qcm-notification-popover-foot>a:hover{
  background:#EEF5FF;
  transform:translateY(-1px);
}

@media(max-width:767.98px){
  body.qcm-standalone .qcm-notification-popover{
    position:fixed;
    top:76px;
    right:12px;
    left:12px;
    width:auto;
    max-height:calc(100vh - 96px);
  }
  body.qcm-standalone .qcm-notification-feed{
    max-height:calc(100vh - 250px);
  }
}
@media(prefers-reduced-motion:reduce){
  body.qcm-standalone .qcm-notification-popover{animation:none}
  body.qcm-standalone .qcm-notification-preview,
  body.qcm-standalone .qcm-notification-preview-arrow,
  body.qcm-standalone .qcm-notification-popover-head>a,
  body.qcm-standalone .qcm-notification-popover-foot>a{transition:none!important}
}


/* ============================================================
   VITALIA NOTIFICATIONS — FINAL REFINEMENTS
   No visible scrollbar + admin-specific icon + lighter blue titles
   ============================================================ */
body.qcm-standalone .qcm-notification-feed{
  max-height:none!important;
  overflow:visible!important;
  scrollbar-width:none!important;
}
body.qcm-standalone .qcm-notification-feed::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}

body.qcm-standalone .qcm-notification-preview-title-row strong{
  color:#4B8EF7!important;
  font-weight:800!important;
}
body.qcm-standalone .qcm-notification-preview:hover .qcm-notification-preview-title-row strong{
  color:#387CEE!important;
}

body.qcm-standalone .qcm-notification-preview-icon.is-admin{
  border-color:#D8E8FF!important;
  background:linear-gradient(135deg,#EEF6FF,#F5F9FF)!important;
  color:#387CEE!important;
  box-shadow:0 4px 12px rgba(56,124,238,.08)!important;
}
body.qcm-standalone .qcm-notification-preview-icon.is-standard{
  border-color:#E5EAF2!important;
  background:#F8FAFC!important;
  color:#64748B!important;
}
body.qcm-standalone .qcm-notification-preview.is-unread .qcm-notification-preview-icon.is-admin{
  border-color:#CFE2FF!important;
  background:linear-gradient(135deg,#EAF4FF,#F3F8FF)!important;
  color:#387CEE!important;
}
body.qcm-standalone .qcm-notification-preview.is-unread .qcm-notification-preview-icon.is-standard{
  border-color:#DCE8FA!important;
  background:#EEF5FF!important;
  color:#5B83C9!important;
}

@media(max-width:767.98px){
  body.qcm-standalone .qcm-notification-feed{
    max-height:none!important;
    overflow:visible!important;
  }
  body.qcm-standalone .qcm-notification-popover{
    max-height:calc(100vh - 96px);
    overflow:auto;
    scrollbar-width:none!important;
  }
  body.qcm-standalone .qcm-notification-popover::-webkit-scrollbar{
    display:none!important;
    width:0!important;
  }
}


/* ============================================================
   QCM NOTIFICATION CENTER — VITALIA LIGHT CARD / BENTO SYSTEM
   ============================================================ */
body.qcm-standalone .qcm-notifications-page{
  background:
    radial-gradient(circle at 10% 0,rgba(56,206,238,.07),transparent 22%),
    linear-gradient(180deg,#F8FAFD 0%,#F6F9FC 100%);
}
body.qcm-standalone .qcm-notifications-page>.container{
  max-width:1180px;
}

/* Header / summary panel */
body.qcm-standalone .qcm-notifications-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:30px;
  align-items:center;
  margin-bottom:24px;
  padding:28px 30px;
  overflow:hidden;
  border:1px solid #E5EAF2;
  border-radius:24px;
  background:#FFFFFF;
  box-shadow:0 12px 32px rgba(2,1,52,.055);
}
body.qcm-standalone .qcm-notifications-hero::after{
  content:"";
  position:absolute;
  top:-90px;
  right:-80px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(56,206,238,.12),transparent 68%);
  pointer-events:none;
}
body.qcm-standalone .qcm-notifications-hero-copy{
  position:relative;
  z-index:1;
  min-width:0;
}
body.qcm-standalone .qcm-notifications-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 9px;
  border:1px solid #DCE8FA;
  border-radius:999px;
  background:#F0F7FF;
  color:#387CEE;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
body.qcm-standalone .qcm-notifications-eyebrow-icon{
  display:grid;
  place-items:center;
}
body.qcm-standalone .qcm-notifications-eyebrow-icon svg,
body.qcm-standalone .qcm-notifications-eyebrow-icon img{
  width:14px;
  height:14px;
  object-fit:contain;
  filter:brightness(0) saturate(100%) invert(39%) sepia(89%) saturate(1299%) hue-rotate(197deg) brightness(96%) contrast(95%);
}
body.qcm-standalone .qcm-notifications-hero h1{
  margin:12px 0 8px;
  color:#020134;
  font-size:clamp(1.8rem,3vw,2.55rem);
  font-weight:900;
  letter-spacing:-.035em;
}
body.qcm-standalone .qcm-notifications-hero p{
  max-width:700px;
  margin:0;
  color:#64748B;
  font-size:.82rem;
  line-height:1.65;
}
body.qcm-standalone .qcm-notifications-hero-actions{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:10px;
}
body.qcm-standalone .qcm-notifications-count{
  display:grid;
  min-width:96px;
  padding:11px 14px;
  border:1px solid #E5EAF2;
  border-radius:14px;
  background:#F8FAFC;
  text-align:center;
}
body.qcm-standalone .qcm-notifications-count strong{
  color:#020134;
  font-size:1.08rem;
  font-weight:900;
  line-height:1;
}
body.qcm-standalone .qcm-notifications-count span{
  margin-top:4px;
  color:#94A3B8;
  font-size:.57rem;
  font-weight:750;
}
body.qcm-standalone .qcm-notifications-read-all{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:0 15px;
  border:1px solid #DCE8FA;
  border-radius:13px;
  background:#FFFFFF;
  color:#387CEE;
  font:inherit;
  font-size:.7rem;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(2,1,52,.035);
  transition:
    background-color .2s ease,
    border-color .2s ease,
    transform .2s cubic-bezier(.2,.8,.2,1),
    box-shadow .2s ease;
}
body.qcm-standalone .qcm-notifications-read-all svg{
  width:16px;
  height:16px;
}
body.qcm-standalone .qcm-notifications-read-all:hover{
  border-color:#BFD7F8;
  background:#F0F7FF;
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(56,124,238,.10);
}

/* Notification cards */
body.qcm-standalone .qcm-notification-list-premium{
  display:grid;
  gap:14px;
}
body.qcm-standalone .qcm-notification-card{
  position:relative;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:16px;
  align-items:start;
  overflow:hidden;
  padding:20px 22px;
  border:1px solid #E5EAF2;
  border-radius:20px;
  background:#FFFFFF;
  box-shadow:0 10px 28px rgba(2,1,52,.045);
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    border-color .22s ease,
    box-shadow .22s ease;
}
body.qcm-standalone .qcm-notification-card:hover{
  border-color:#D8E5F5;
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(2,1,52,.07);
}
body.qcm-standalone .qcm-notification-card.is-unread{
  border-color:#DCE8FA;
  background:linear-gradient(90deg,#F7FBFF 0%,#FFFFFF 56%);
}
body.qcm-standalone .qcm-notification-card-accent{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:3px;
  background:transparent;
}
body.qcm-standalone .qcm-notification-card.is-unread .qcm-notification-card-accent{
  background:linear-gradient(180deg,#38CEEE,#387CEE);
}

body.qcm-standalone .qcm-notification-card-icon{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border:1px solid #E5EAF2;
  border-radius:15px;
  background:#F8FAFC;
  color:#64748B;
}
body.qcm-standalone .qcm-notification-card-icon svg,
body.qcm-standalone .qcm-notification-card-icon img{
  width:22px;
  height:22px;
  object-fit:contain;
  filter:brightness(0) saturate(100%) invert(43%) sepia(82%) saturate(1147%) hue-rotate(193deg) brightness(98%) contrast(92%);
}
body.qcm-standalone .qcm-notification-card-icon.is-admin{
  border-color:#D8E8FF;
  background:linear-gradient(135deg,#EEF6FF,#F7FAFF);
  color:#387CEE;
  box-shadow:0 5px 14px rgba(56,124,238,.08);
}
body.qcm-standalone .qcm-notification-card.is-unread .qcm-notification-card-icon.is-standard{
  border-color:#DCE8FA;
  background:#EEF5FF;
  color:#5B83C9;
}

body.qcm-standalone .qcm-notification-card-body{
  min-width:0;
}
body.qcm-standalone .qcm-notification-card-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
body.qcm-standalone .qcm-notification-card-title-wrap{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  min-width:0;
}
body.qcm-standalone .qcm-notification-card-title-wrap h2{
  margin:0;
  color:#4B8EF7;
  font-size:.95rem;
  font-weight:820;
  letter-spacing:-.01em;
}
body.qcm-standalone .qcm-notification-card:hover .qcm-notification-card-title-wrap h2{
  color:#387CEE;
}
body.qcm-standalone .qcm-notification-new-badge,
body.qcm-standalone .qcm-notification-admin-badge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 7px;
  border-radius:999px;
  font-size:.51rem;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
}
body.qcm-standalone .qcm-notification-new-badge{
  border:1px solid #CFE2FF;
  background:#EEF5FF;
  color:#387CEE;
}
body.qcm-standalone .qcm-notification-admin-badge{
  border:1px solid #D9F0F5;
  background:#F0FBFD;
  color:#198CA5;
}
body.qcm-standalone .qcm-notification-card time{
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  color:#94A3B8;
  font-size:.61rem;
  font-weight:650;
  white-space:nowrap;
}
body.qcm-standalone .qcm-notification-card time svg{
  width:13px;
  height:13px;
}
body.qcm-standalone .qcm-notification-card-body>p{
  max-width:900px;
  margin:8px 0 0;
  color:#64748B;
  font-size:.76rem;
  line-height:1.62;
  white-space:pre-line;
}

/* CTA */
body.qcm-standalone .qcm-notification-action-premium{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  min-height:38px;
  margin-top:14px;
  padding:0 13px;
  border:1px solid #DCE8FA;
  border-radius:11px;
  background:#F0F7FF;
  color:#387CEE!important;
  font-size:.66rem;
  font-weight:850;
  text-decoration:none;
  box-shadow:none;
  transition:
    background-color .2s ease,
    border-color .2s ease,
    transform .2s cubic-bezier(.2,.8,.2,1),
    box-shadow .2s ease;
}
body.qcm-standalone .qcm-notification-action-premium svg{
  width:15px;
  height:15px;
  transition:transform .2s cubic-bezier(.2,.8,.2,1);
}
body.qcm-standalone .qcm-notification-action-premium:hover{
  border-color:#BFD7F8;
  background:#E8F3FF;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(56,124,238,.10);
}
body.qcm-standalone .qcm-notification-action-premium:hover svg{
  transform:translateX(3px);
}

/* Empty state */
body.qcm-standalone .qcm-notification-empty-state{
  display:grid;
  justify-items:center;
  padding:46px 24px;
  border:1px solid #E5EAF2;
  border-radius:22px;
  background:#FFFFFF;
  text-align:center;
  box-shadow:0 12px 32px rgba(2,1,52,.045);
}
body.qcm-standalone .qcm-notification-empty-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:1px solid #DCE8FA;
  border-radius:18px;
  background:#F0F7FF;
  color:#387CEE;
}
body.qcm-standalone .qcm-notification-empty-icon svg,
body.qcm-standalone .qcm-notification-empty-icon img{
  width:25px;
  height:25px;
  object-fit:contain;
  filter:brightness(0) saturate(100%) invert(43%) sepia(82%) saturate(1147%) hue-rotate(193deg) brightness(98%) contrast(92%);
}
body.qcm-standalone .qcm-notification-empty-state h2{
  margin:14px 0 6px;
  color:#020134;
  font-size:1.05rem;
  font-weight:850;
}
body.qcm-standalone .qcm-notification-empty-state p{
  max-width:500px;
  margin:0;
  color:#64748B;
  font-size:.74rem;
  line-height:1.6;
}

/* Pagination */
body.qcm-standalone .qcm-notifications-pagination{
  display:flex;
  justify-content:center;
  margin-top:24px;
}
body.qcm-standalone .qcm-notifications-pagination nav{
  width:100%;
}
body.qcm-standalone .qcm-notifications-pagination .pagination{
  justify-content:center;
  gap:5px;
  margin:0;
}
body.qcm-standalone .qcm-notifications-pagination .page-link{
  min-width:38px;
  min-height:38px;
  display:grid;
  place-items:center;
  border:1px solid #E5EAF2;
  border-radius:10px!important;
  background:#FFFFFF;
  color:#64748B;
  font-size:.7rem;
  font-weight:800;
  box-shadow:0 3px 8px rgba(2,1,52,.025);
}
body.qcm-standalone .qcm-notifications-pagination .page-link:hover{
  border-color:#DCE8FA;
  background:#F0F7FF;
  color:#387CEE;
}
body.qcm-standalone .qcm-notifications-pagination .active>.page-link{
  border-color:#387CEE;
  background:linear-gradient(90deg,#38CEEE,#387CEE);
  color:#FFFFFF;
}
body.qcm-standalone .qcm-notifications-pagination .disabled>.page-link{
  opacity:.45;
}

/* Responsive */
@media(max-width:780px){
  body.qcm-standalone .qcm-notifications-hero{
    grid-template-columns:1fr;
    gap:18px;
    padding:22px;
  }
  body.qcm-standalone .qcm-notifications-hero-actions{
    align-items:stretch;
    flex-direction:column;
  }
  body.qcm-standalone .qcm-notifications-count{
    display:flex;
    justify-content:center;
    gap:6px;
  }
  body.qcm-standalone .qcm-notifications-read-all{
    width:100%;
  }
  body.qcm-standalone .qcm-notification-card{
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    padding:17px;
  }
  body.qcm-standalone .qcm-notification-card-icon{
    width:42px;
    height:42px;
    border-radius:13px;
  }
  body.qcm-standalone .qcm-notification-card-icon svg,
  body.qcm-standalone .qcm-notification-card-icon img{
    width:19px;
    height:19px;
  }
  body.qcm-standalone .qcm-notification-card-topline{
    gap:8px;
    flex-direction:column;
  }
}
@media(max-width:520px){
  body.qcm-standalone .qcm-notification-card{
    grid-template-columns:1fr;
  }
  body.qcm-standalone .qcm-notification-card-icon{
    width:40px;
    height:40px;
  }
  body.qcm-standalone .qcm-notification-card-title-wrap h2{
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  body.qcm-standalone .qcm-notification-card,
  body.qcm-standalone .qcm-notifications-read-all,
  body.qcm-standalone .qcm-notification-action-premium{
    transition:none!important;
  }
}



/* ============================================================
   NOTIFICATION CENTER — ALL CARD ACTION BUTTONS
   Follow us / Click here / Review reported question / custom labels
   ============================================================ */
body.qcm-standalone .qcm-notifications-page .qcm-notification-card .qcm-notification-action,
body.qcm-standalone .qcm-notifications-page .qcm-notification-card .qcm-notification-action-premium{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:max-content!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid #020134!important;
  border-radius:11px!important;
  background:#020134!important;
  color:#FFFFFF!important;
  text-decoration:none!important;
  font-weight:850!important;
  box-shadow:0 7px 16px rgba(2,1,52,.16)!important;
}
body.qcm-standalone .qcm-notifications-page .qcm-notification-card .qcm-notification-action *,
body.qcm-standalone .qcm-notifications-page .qcm-notification-card .qcm-notification-action-premium *{
  color:#FFFFFF!important;
}
body.qcm-standalone .qcm-notifications-page .qcm-notification-card .qcm-notification-action svg,
body.qcm-standalone .qcm-notifications-page .qcm-notification-card .qcm-notification-action-premium svg{
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
}
body.qcm-standalone .qcm-notifications-page .qcm-notification-card .qcm-notification-action:hover,
body.qcm-standalone .qcm-notifications-page .qcm-notification-card .qcm-notification-action-premium:hover{
  border-color:#10105C!important;
  background:#10105C!important;
  color:#FFFFFF!important;
  transform:translateY(-2px)!important;
  box-shadow:0 10px 22px rgba(2,1,52,.22)!important;
}
body.qcm-standalone .qcm-notifications-page .qcm-notification-card .qcm-notification-action:focus-visible,
body.qcm-standalone .qcm-notifications-page .qcm-notification-card .qcm-notification-action-premium:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 3px rgba(56,124,238,.18),0 8px 20px rgba(2,1,52,.18)!important;
}

/* Vitalia student dashboard command center */
.qcm-shell{background:linear-gradient(180deg,#f7f9fc 0%,#fbfdff 100%)}
.vdb-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:2px 0 22px;padding:4px 2px}.vdb-kicker{display:inline-flex;margin-bottom:9px;padding:6px 10px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:.66rem;font-weight:900;letter-spacing:.09em}.vdb-intro h1{margin:0;color:#020134;font-size:clamp(1.55rem,2.5vw,2.15rem);font-weight:900;letter-spacing:-.035em}.vdb-intro p{margin:7px 0 0;color:#64748b;font-size:.86rem}.vdb-access-pill{padding:8px 12px;border-radius:999px;font-size:.72rem;font-weight:850}.vdb-access-pill.is-active{background:#ecfdf3;color:#15803d}.vdb-access-pill.is-locked{background:#fff1f2;color:#be123c}
.vdb-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.vdb-kpi{display:flex;align-items:center;gap:14px;min-height:122px;padding:20px 21px;border:1px solid #e5eaf2;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(2,1,52,.055);transition:all .25s cubic-bezier(.4,0,.2,1)}.vdb-kpi:hover{transform:translateY(-2px);border-color:rgba(56,124,238,.25);box-shadow:0 16px 36px rgba(2,1,52,.075)}.vdb-kpi-icon,.vdb-mini-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#eff9ff,#e8f0ff);color:#387cee;font-size:.9rem;font-weight:950}.vdb-kpi div{display:grid;gap:2px;min-width:0}.vdb-kpi small,.vdb-subscription>small{color:#64748b;font-size:.62rem;font-weight:850;letter-spacing:.07em}.vdb-kpi strong{color:#020134;font-size:1.55rem;line-height:1.1}.vdb-kpi p{margin:2px 0 0;color:#94a3b8;font-size:.68rem}.vdb-access-text.is-active{color:#16a34a}.vdb-access-text.is-locked{color:#e11d48}
.vdb-main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.72fr);gap:18px;align-items:stretch;margin-bottom:18px}.vdb-filter-card{height:100%;margin:0!important;border-radius:20px!important;border-color:#e5eaf2!important;box-shadow:0 12px 32px rgba(2,1,52,.055)!important}.vdb-filter-card .qcm-filter-grid{gap:10px}.vdb-filter-card .qcm-combobox-trigger{min-height:50px;border-color:#e5eaf2;border-radius:14px;box-shadow:none}.vdb-filter-card .qcm-combobox-menu{border-color:#e5eaf2;border-radius:16px;box-shadow:0 16px 36px rgba(2,1,52,.10)}.vdb-filter-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding:11px 13px;border-radius:12px;background:#f5f9ff;color:#5f718c;font-size:.7rem}.vdb-filter-note a{color:#2563eb;font-weight:850;text-decoration:none}
.vdb-subscription{display:flex;flex-direction:column;padding:22px!important;border-radius:20px!important;border-color:#e5eaf2!important;box-shadow:0 12px 32px rgba(2,1,52,.055)!important}.vdb-card-title{display:flex;align-items:center;gap:10px;margin-bottom:24px}.vdb-card-title h2{margin:0;color:#020134;font-size:1rem;font-weight:900}.vdb-subscription>strong{margin:5px 0 19px;color:#174ea6;font-size:1.12rem}.vdb-sub-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #eef2f7;color:#64748b;font-size:.72rem}.vdb-sub-row b{padding:5px 8px;border-radius:999px;font-size:.66rem}.vdb-sub-row b.is-active{background:#dcfce7;color:#15803d}.vdb-sub-row b.is-locked{background:#fff1f2;color:#be123c}.vdb-sub-row em{color:#334155;font-style:normal;font-weight:750}.vdb-subscription>a{margin-top:auto;padding:11px 12px;border-radius:12px;background:#eef5ff;color:#1456c7;font-size:.74rem;font-weight:900;text-align:center;text-decoration:none;transition:.25s}.vdb-subscription>a:hover{transform:translateY(-2px);background:#e4efff}
.vdb-action-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:stretch}.vdb-practice-card{position:relative;display:flex;min-height:330px;overflow:hidden;padding:30px;border-radius:22px;background:linear-gradient(135deg,#020134 0%,#0b3e9f 58%,#38ceee 145%);box-shadow:0 18px 42px rgba(2,1,52,.16);color:#fff}.vdb-practice-card>div:first-child{position:relative;z-index:2;max-width:72%}.vdb-practice-badge{display:inline-flex;padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.09);font-size:.64rem;font-weight:900;letter-spacing:.08em}.vdb-practice-card h2{margin:20px 0 9px;font-size:1.8rem;font-weight:900;letter-spacing:-.035em}.vdb-practice-card p{max-width:540px;margin:0;color:#dbeafe;font-size:.82rem;line-height:1.65}.vdb-feature-row{display:flex;flex-wrap:wrap;gap:9px 14px;margin:21px 0;color:#d9edff;font-size:.68rem;font-weight:700}.vdb-practice-card a{display:inline-flex;margin-top:7px;padding:12px 17px;border-radius:13px;background:#fff;color:#123f94;font-size:.76rem;font-weight:900;text-decoration:none;box-shadow:0 12px 26px rgba(0,0,0,.15);transition:all .25s cubic-bezier(.4,0,.2,1)}.vdb-practice-card a:hover{transform:translateY(-2px)}.vdb-medical-mark{position:absolute;right:-20px;bottom:-28px;width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.055);transform:rotate(-8deg)}.vdb-medical-mark span{position:absolute;top:32px;left:70px;color:rgba(255,255,255,.22);font-size:6rem;font-weight:200}.vdb-medical-mark i{position:absolute;right:46px;bottom:48px;color:rgba(255,255,255,.45);font-size:1rem;font-style:normal;font-weight:950;letter-spacing:.12em}.vdb-no-question{display:inline-flex;margin-top:12px;color:#dbeafe;font-size:.75rem}
.vdb-history{margin:0!important;padding:23px!important;border-radius:20px!important;border-color:#e5eaf2!important;box-shadow:0 12px 32px rgba(2,1,52,.055)!important}.vdb-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px}.vdb-history-head h2{margin:4px 0 0;color:#020134;font-size:1.05rem;font-weight:900}.vdb-history-head>span{color:#94a3b8;font-size:.66rem}.vdb-history-row{grid-template-columns:minmax(0,1fr) auto auto 18px!important;padding:13px 7px!important;border-color:#eef2f7!important;border-radius:10px;transition:all .22s ease}.vdb-history-row:hover{background:#f8fbff;transform:translateX(3px)}.vdb-history-row>span{display:grid;gap:3px}.vdb-history-row>span strong{color:#263a5b!important;font-size:.76rem}.vdb-history-row small{color:#94a3b8;font-size:.64rem}.vdb-history-row em{color:#64748b;font-size:.66rem;font-style:normal}.vdb-history-row>i{color:#387cee;font-style:normal}.vdb-score{padding:5px 8px;border-radius:999px;font-size:.66rem}.vdb-score.is-good{background:#dcfce7;color:#15803d}.vdb-score.is-mid{background:#fff7ed;color:#c2410c}.vdb-score.is-low{background:#fff1f2;color:#be123c}
.qcm-combobox-suggestions::-webkit-scrollbar{width:6px}.qcm-combobox-suggestions::-webkit-scrollbar-track{background:#e2e8f0;border-radius:999px}.qcm-combobox-suggestions::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38ceee,#387cee);border-radius:999px}
@media(max-width:1100px){.vdb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.vdb-main-grid,.vdb-action-grid{grid-template-columns:1fr}.vdb-practice-card>div:first-child{max-width:78%}}
@media(max-width:575.98px){.vdb-intro{align-items:flex-start;flex-direction:column}.vdb-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vdb-kpi{min-height:110px;align-items:flex-start;flex-direction:column;padding:15px}.vdb-kpi-icon{width:34px;height:34px;border-radius:10px}.vdb-kpi strong{font-size:1.25rem}.vdb-main-grid,.vdb-action-grid{gap:12px}.vdb-filter-card,.vdb-subscription,.vdb-history{padding:17px!important}.vdb-filter-note{align-items:flex-start;flex-direction:column}.vdb-practice-card{min-height:350px;padding:23px}.vdb-practice-card>div:first-child{max-width:100%}.vdb-practice-card h2{font-size:1.5rem}.vdb-medical-mark{opacity:.35}.vdb-history-row{grid-template-columns:minmax(0,1fr) auto!important}.vdb-history-row em,.vdb-history-row>i{display:none}}
@media(prefers-reduced-motion:reduce){.vdb-kpi,.vdb-practice-card a,.vdb-history-row,.vdb-subscription>a{transition:none!important}.vdb-kpi:hover,.vdb-practice-card a:hover,.vdb-history-row:hover,.vdb-subscription>a:hover{transform:none!important}}


/* ============================================================
   DASHBOARD READY TO PRACTICE — HOMEPAGE IMAGE-CARD SYSTEM
   ============================================================ */
body.qcm-standalone .vdb-practice-card.is-image-card{
  --feature-color:#55C7FF;
  --feature-glow:rgba(42,170,255,.62);
  --feature-shadow:rgba(25,128,255,.25);
  position:relative;
  display:flex;
  min-height:350px;
  overflow:hidden;
  align-items:flex-end;
  padding:30px;
  border:1px solid var(--feature-glow);
  border-radius:22px;
  background:#07152B;
  box-shadow:0 12px 34px var(--feature-shadow);
  color:#FFFFFF;
  isolation:isolate;
  transform:perspective(1200px) scale(.99);
  transform-origin:center bottom;
  transition:all .5s cubic-bezier(.25,.8,.25,1);
}
body.qcm-standalone .vdb-practice-card.is-image-card::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-2px;
  background-image:var(--vdb-practice-bg);
  background-position:center;
  background-size:cover;
  transform:scale(1.01);
  transition:transform 1.15s cubic-bezier(.25,.8,.25,1),filter .5s ease;
}
body.qcm-standalone .vdb-practice-card.is-image-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(0deg,rgba(2,8,23,.97) 0%,rgba(3,13,30,.79) 46%,rgba(4,16,35,.22) 100%);
  transition:background .5s ease;
}
body.qcm-standalone .vdb-practice-card.is-image-card:hover{
  transform:perspective(1200px) rotateX(2.5deg) translateY(-8px) scale(1.012);
  border-color:var(--feature-color);
  box-shadow:0 24px 52px var(--feature-shadow),0 0 0 1px var(--feature-glow);
}
body.qcm-standalone .vdb-practice-card.is-image-card:hover::before{
  filter:saturate(1.12) brightness(1.06);
  transform:scale(1.08);
}
body.qcm-standalone .vdb-practice-card.is-image-card:hover::after{
  background:linear-gradient(0deg,rgba(2,8,23,.95),rgba(5,20,43,.65) 56%,rgba(8,28,55,.12));
}
body.qcm-standalone .vdb-practice-content{
  position:relative;
  z-index:2;
  width:min(650px,86%);
}
body.qcm-standalone .vdb-practice-card.is-image-card .vdb-practice-badge{
  border:1px solid rgba(255,255,255,.26);
  background:rgba(255,255,255,.12);
  color:#7DDBFF;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
body.qcm-standalone .vdb-practice-card.is-image-card h2{
  margin:17px 0 8px;
  color:#FFFFFF;
  text-shadow:0 2px 14px rgba(0,0,0,.5);
}
body.qcm-standalone .vdb-practice-card.is-image-card p{
  color:rgba(255,255,255,.84);
  text-shadow:0 1px 8px rgba(0,0,0,.35);
}
body.qcm-standalone .vdb-practice-card.is-image-card .vdb-feature-row{
  color:rgba(255,255,255,.84);
}
body.qcm-standalone .vdb-practice-card.is-image-card a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:7px;
  padding:12px 17px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:13px;
  background:#FFFFFF;
  color:#020134;
  font-size:.76rem;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
  transition:all .25s cubic-bezier(.4,0,.2,1);
}
body.qcm-standalone .vdb-practice-card.is-image-card a:hover{
  background:#F8FBFF;
  color:#387CEE;
  transform:translateY(-2px);
  box-shadow:0 15px 30px rgba(0,0,0,.22);
}
body.qcm-standalone .vdb-medical-mark{display:none!important}
@media(max-width:575.98px){
  body.qcm-standalone .vdb-practice-card.is-image-card{min-height:390px;padding:23px}
  body.qcm-standalone .vdb-practice-content{width:100%}
}
@media(prefers-reduced-motion:reduce){
  body.qcm-standalone .vdb-practice-card.is-image-card,
  body.qcm-standalone .vdb-practice-card.is-image-card::before,
  body.qcm-standalone .vdb-practice-card.is-image-card::after{transition:none!important}
  body.qcm-standalone .vdb-practice-card.is-image-card:hover{transform:translateY(-3px)}
}


/* ============================================================
   DASHBOARD READY TO PRACTICE — RELIABLE ADMIN IMAGE LAYER
   Uses a real <img> element so uploaded QCM Visual Content images
   cannot be hidden by the card's gradient fallback.
   ============================================================ */
body.qcm-standalone .vdb-practice-card.is-image-card{
  position:relative!important;
  isolation:isolate!important;
  background:linear-gradient(135deg,#020134 0%,#0B3E9F 58%,#38CEEE 145%)!important;
}
body.qcm-standalone .vdb-practice-card.is-image-card::before{
  content:none!important;
  display:none!important;
  background-image:none!important;
}
body.qcm-standalone .vdb-practice-bg-image{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  user-select:none;
  transform:scale(1.01);
  transition:transform 1.15s cubic-bezier(.25,.8,.25,1),filter .5s ease;
}
body.qcm-standalone .vdb-practice-card.is-image-card::after{
  z-index:1!important;
  background:linear-gradient(
    0deg,
    rgba(2,8,23,.96) 0%,
    rgba(3,13,30,.76) 46%,
    rgba(4,16,35,.18) 100%
  )!important;
}
body.qcm-standalone .vdb-practice-content{
  position:relative!important;
  z-index:2!important;
}
body.qcm-standalone .vdb-practice-card.is-image-card:hover .vdb-practice-bg-image{
  filter:saturate(1.10) brightness(1.05);
  transform:scale(1.075);
}
@media(prefers-reduced-motion:reduce){
  body.qcm-standalone .vdb-practice-bg-image{
    transition:none!important;
  }
}


/* Dashboard Ready to Practice card — keep text/badge/features at the top */
body.qcm-standalone .vdb-practice-card.is-image-card{
  align-items:flex-start!important;
}
body.qcm-standalone .vdb-practice-card.is-image-card .vdb-practice-content{
  align-self:flex-start!important;
  margin-top:0!important;
  margin-bottom:auto!important;
  justify-content:flex-start!important;
}



/* ============================================================
   VITALIA QCM / QUIZ EXPERIENCE — ELITE LIGHT CARD SYSTEM
   Dashboard filters, setup flow, active quiz and question cards.
   Backend selectors/names remain unchanged.
   ============================================================ */
:root{
  --vq-deep:#020134;
  --vq-blue:#387CEE;
  --vq-cyan:#38CEEE;
  --vq-line:#E5EAF2;
  --vq-bg:#F6F8FC;
  --vq-surface:#FFFFFF;
  --vq-soft:#F8FAFC;
  --vq-muted:#64748B;
  --vq-shadow:0 12px 32px rgba(2,1,52,.055);
  --vq-gradient:linear-gradient(90deg,#38CEEE,#387CEE);
}
body.qcm-standalone .qcm-shell:has(.vquiz-dashboard-filter),
body.qcm-standalone .qcm-shell:has(.vquiz-setup-card),
body.qcm-standalone .qcm-shell:has(.vquiz-question-card){
  background:radial-gradient(circle at 10% 0,rgba(56,206,238,.055),transparent 25%),linear-gradient(180deg,#F8FAFD 0%,#F5F8FC 100%);
}
body.qcm-standalone .qcm-shell:has(.vquiz-setup-card)>.container,
body.qcm-standalone .qcm-shell:has(.vquiz-question-card)>.container{max-width:1080px}

/* ---------- Dashboard filter ---------- */
body.qcm-standalone .vquiz-dashboard-filter{
  padding:26px!important;border:1px solid var(--vq-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--vq-shadow)!important;
}
body.qcm-standalone .vquiz-dashboard-filter .qcm-filter-heading{
  margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #EEF2F7;
}
body.qcm-standalone .vquiz-dashboard-filter .qcm-filter-heading h2{color:var(--vq-deep);font-size:1.08rem;font-weight:900;letter-spacing:-.015em}
body.qcm-standalone .vquiz-dashboard-filter .qcm-filter-heading p{color:var(--vq-muted);font-size:.72rem}
body.qcm-standalone .vquiz-filter-grid{gap:14px!important}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox>label{margin-bottom:8px;color:#263B5C;font-size:.71rem;font-weight:900;letter-spacing:.02em}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-trigger{
  min-height:52px;padding:11px 13px;border:1px solid var(--vq-line);border-radius:14px;background:#fff;color:#475569;box-shadow:0 3px 10px rgba(2,1,52,.025);transition:all .25s cubic-bezier(.4,0,.2,1);
}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-trigger:hover{border-color:#BFD7F8;background:#F9FBFF;transform:translateY(-1px);box-shadow:0 7px 18px rgba(56,124,238,.07)}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-trigger[aria-expanded="true"]{border-color:var(--vq-blue);box-shadow:0 0 0 4px rgba(56,124,238,.10)}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-menu{top:80px;padding:10px;border-color:var(--vq-line);border-radius:16px;box-shadow:0 18px 44px rgba(2,1,52,.12)}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-search{height:44px;border-color:var(--vq-line);border-radius:11px;background:#F8FAFC}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-option{min-height:46px;padding:9px 10px;border:1px solid transparent;border-radius:11px;transition:all .2s ease}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-option:hover{border-color:#EDF2F8;background:#F8FAFC;transform:translateX(2px)}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-option[aria-selected="true"]{border-color:#DCE8FA;background:linear-gradient(90deg,rgba(56,206,238,.08),rgba(56,124,238,.09));color:var(--vq-deep)}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-chips{gap:6px;margin-top:8px}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-chip{padding:6px 9px;border:1px solid #DCE8FA;background:#F0F7FF;color:#387CEE}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-suggestions{scrollbar-width:thin;scrollbar-color:#387CEE #E2E8F0}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-suggestions::-webkit-scrollbar{width:6px}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-suggestions::-webkit-scrollbar-track{background:#E2E8F0;border-radius:999px}
body.qcm-standalone .vquiz-dashboard-filter .qcm-combobox-suggestions::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38CEEE,#387CEE);border-radius:999px}

/* ---------- Setup ---------- */
body.qcm-standalone .qcm-setup-wrap{max-width:1000px}
body.qcm-standalone .vquiz-setup-head{
  display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:16px;padding:22px 24px;border:1px solid var(--vq-line);border-radius:22px;background:#fff;box-shadow:var(--vq-shadow);
}
body.qcm-standalone .vquiz-setup-head-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid #DCE8FA;border-radius:16px;background:linear-gradient(135deg,#EFFAFF,#EEF3FF);color:var(--vq-blue)}
body.qcm-standalone .vquiz-setup-head-icon svg{width:24px;height:24px}
body.qcm-standalone .vquiz-setup-head-copy h1{color:var(--vq-deep)!important;font-size:1.25rem!important;font-weight:900!important;letter-spacing:-.02em}
body.qcm-standalone .vquiz-setup-head-copy p{color:var(--vq-muted)!important;font-size:.74rem}
body.qcm-standalone .vquiz-question-availability{display:grid;min-width:92px;padding:11px 14px;border:1px solid #DCE8FA;border-radius:14px;background:#F5F9FF;text-align:center}
body.qcm-standalone .vquiz-question-availability strong{color:var(--vq-deep);font-size:1.08rem;font-weight:950;line-height:1}
body.qcm-standalone .vquiz-question-availability small{margin-top:4px;color:#74849C;font-size:.56rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
body.qcm-standalone .vquiz-setup-card{gap:0!important;padding:0!important;overflow:hidden;border:1px solid var(--vq-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--vq-shadow)!important}
body.qcm-standalone .vquiz-setup-section{padding:22px 24px!important;border-bottom:1px solid #EEF2F7!important}
body.qcm-standalone .vquiz-setup-section:last-of-type{border-bottom:0!important}
body.qcm-standalone .vquiz-setup-section legend{display:flex;align-items:center;gap:10px;margin-bottom:14px!important;color:var(--vq-deep)!important;font-size:.87rem!important;font-weight:900!important}
body.qcm-standalone .vquiz-section-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid #DCE8FA;border-radius:9px;background:#F0F7FF;color:var(--vq-blue);font-size:.59rem;font-weight:950;letter-spacing:.04em}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card{min-height:84px;padding:15px 16px;border:1px solid var(--vq-line);border-radius:15px;background:#FBFCFE;box-shadow:none;transition:all .25s cubic-bezier(.4,0,.2,1)}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card:hover{border-color:#BFD7F8;background:#F8FBFF;transform:translateY(-2px);box-shadow:0 9px 20px rgba(56,124,238,.07)}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card:has(input:checked){border-color:#8CB7F6;background:linear-gradient(90deg,rgba(56,206,238,.08),rgba(56,124,238,.08));box-shadow:0 0 0 3px rgba(56,124,238,.07)}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card input{width:18px;height:18px;margin-top:1px;accent-color:var(--vq-blue)}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card strong{color:#163354;font-size:.81rem;font-weight:880}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card small{color:#708199;font-size:.69rem;line-height:1.5}
body.qcm-standalone .vquiz-setup-section .qcm-timer-field{align-items:flex-end;gap:12px;padding:14px;border:1px solid #EEF2F7;border-radius:14px;background:#F8FAFC}
body.qcm-standalone .vquiz-setup-section .qcm-timer-field label{display:grid;color:#52637B;font-size:.68rem;font-weight:850}
body.qcm-standalone .vquiz-setup-section .qcm-timer-field input{min-height:44px;border:1px solid var(--vq-line);border-radius:11px;background:#fff;color:var(--vq-deep);font-weight:850;outline:none}
body.qcm-standalone .vquiz-setup-section .qcm-timer-field input:focus{border-color:var(--vq-blue);box-shadow:0 0 0 4px rgba(56,124,238,.10)}
body.qcm-standalone .vquiz-setup-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#FCFDFF;border-top:1px solid #EEF2F7}
body.qcm-standalone .vquiz-setup-safe{display:flex;align-items:center;gap:7px;color:#64748B;font-size:.65rem;font-weight:700}
body.qcm-standalone .vquiz-setup-safe svg{width:16px;height:16px;color:#1D9B62}
body.qcm-standalone .vquiz-start-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:46px!important;padding:0 18px!important;border:0!important;border-radius:13px!important;background:var(--vq-gradient)!important;color:#fff!important;box-shadow:0 10px 22px rgba(56,124,238,.20)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}
body.qcm-standalone .vquiz-start-btn svg{width:16px;height:16px}
body.qcm-standalone .vquiz-start-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(56,124,238,.28)!important}

/* ---------- Active quiz header ---------- */
body.qcm-standalone .qcm-quiz-wrap{max-width:1000px}
body.qcm-standalone .vquiz-exam-head{top:106px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,300px)!important;gap:24px!important;align-items:center!important;padding:18px 20px!important;border:1px solid var(--vq-line)!important;border-radius:20px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 12px 32px rgba(2,1,52,.07)!important;backdrop-filter:blur(16px)!important}
body.qcm-standalone .vquiz-exam-heading{display:flex;align-items:center;gap:12px;min-width:0}
body.qcm-standalone .vquiz-exam-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #DCE8FA;border-radius:13px;background:#F0F7FF;color:var(--vq-blue)}
body.qcm-standalone .vquiz-exam-icon svg{width:19px;height:19px}
body.qcm-standalone .vquiz-exam-head h1{overflow:hidden;color:var(--vq-deep)!important;font-size:1rem!important;font-weight:900!important;text-overflow:ellipsis;white-space:nowrap}
body.qcm-standalone .vquiz-exam-head p{color:#74849C!important;font-size:.65rem}
body.qcm-standalone .vquiz-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8190A5;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
body.qcm-standalone .vquiz-progress-copy strong{color:var(--vq-deep);font-size:.72rem;letter-spacing:0}
body.qcm-standalone .vquiz-exam-head .qcm-progress-track{height:8px;margin-top:7px;background:#E8EEF6}
body.qcm-standalone .vquiz-exam-head .qcm-progress-track span{background:var(--vq-gradient);box-shadow:0 0 12px rgba(56,124,238,.18)}
body.qcm-standalone .vquiz-exam-head .qcm-exam-timer{align-items:center;gap:6px;margin-top:8px;padding:6px 9px;border:1px solid #E2E8F0;border-radius:10px;background:#F8FAFC;color:#334155}
body.qcm-standalone .vquiz-exam-head .qcm-exam-timer svg{width:15px;height:15px;color:var(--vq-blue)}
body.qcm-standalone .vquiz-exam-head .qcm-exam-timer small{color:#94A3B8;font-size:.56rem}

/* ---------- Question card ---------- */
body.qcm-standalone .vquiz-question-card{position:relative;margin-bottom:18px;padding:0!important;overflow:hidden;border:1px solid var(--vq-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 16px 42px rgba(2,1,52,.065)!important}
body.qcm-standalone .vquiz-question-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--vq-gradient)}
body.qcm-standalone .vquiz-question-top{padding:24px 26px 20px;border-bottom:1px solid #EEF2F7;background:linear-gradient(180deg,#FFFFFF,#FCFDFF)}
body.qcm-standalone .vquiz-question-heading{display:grid;gap:10px;min-width:0}
body.qcm-standalone .vquiz-question-card .qcm-question-number{display:flex;align-items:center;gap:8px;margin:0;color:#73849B;font-size:.58rem;font-weight:900;letter-spacing:.06em}
body.qcm-standalone .vquiz-question-card .qcm-question-number span{text-transform:uppercase}
body.qcm-standalone .vquiz-question-card .qcm-question-number strong{display:grid;place-items:center;min-width:31px;height:27px;padding:0 7px;border:1px solid #DCE8FA;border-radius:9px;background:#F0F7FF;color:var(--vq-blue);font-size:.66rem;font-weight:950}
body.qcm-standalone .vquiz-question-card .qcm-question-title{max-width:820px;margin:0;color:#0B2B50!important;font-size:1.08rem!important;font-weight:850!important;line-height:1.58!important;letter-spacing:-.012em}
body.qcm-standalone .vquiz-question-card .qcm-question-actions{align-self:flex-start}
body.qcm-standalone .vquiz-question-card .qcm-question-score{padding:6px 9px;border:1px solid #E5EAF2;border-radius:999px;background:#F8FAFC;color:#65758E;font-weight:850}
body.qcm-standalone .vquiz-question-card .qcm-bookmark-btn{width:38px;height:38px;border-color:#E5EAF2;border-radius:11px;background:#fff;filter:none;opacity:1;color:#94A3B8}
body.qcm-standalone .vquiz-question-card .qcm-bookmark-btn:hover{border-color:#F2BD41;background:#FFF9E8;color:#CA8A04;transform:translateY(-1px)}
body.qcm-standalone .vquiz-question-card .qcm-bookmark-btn.is-active{border-color:#F2BD41;background:#FFF7DA;color:#CA8A04}
body.qcm-standalone .vquiz-question-card .qcm-question-image{width:calc(100% - 52px);max-height:520px;margin:22px 26px 0;border:1px solid #E5EAF2;border-radius:18px;background:#F5F7FA;box-shadow:0 6px 18px rgba(2,1,52,.035)}
body.qcm-standalone .vquiz-question-card .qcm-option-list{gap:11px;padding:22px 26px 24px}
body.qcm-standalone .vquiz-option{position:relative;display:grid!important;grid-template-columns:40px 22px minmax(0,1fr) 24px!important;gap:12px!important;align-items:center!important;min-height:64px;margin:0!important;padding:11px 14px!important;border:1px solid #DFE7F2!important;border-radius:16px!important;background:#FBFCFE!important;box-shadow:0 2px 8px rgba(2,1,52,.02);transition:all .22s cubic-bezier(.4,0,.2,1)!important}
body.qcm-standalone .vquiz-option:hover{border-color:#BFD7F8!important;background:#F7FAFF!important;transform:translateY(-2px);box-shadow:0 9px 20px rgba(56,124,238,.07)}
body.qcm-standalone .vquiz-option input{width:18px;height:18px;margin:0!important;accent-color:var(--vq-blue);cursor:pointer}
body.qcm-standalone .vquiz-option-marker{display:grid;place-items:center;width:40px;height:40px;border:1px solid #E3EAF4;border-radius:12px;background:#fff;color:#64748B;font-size:.72rem;font-weight:950;transition:all .2s ease}
body.qcm-standalone .vquiz-option-copy{color:#294966!important;font-size:.82rem!important;font-weight:680;line-height:1.5!important}
body.qcm-standalone .vquiz-option-check{display:grid;place-items:center;width:24px;height:24px;border:1px solid #DCE5F0;border-radius:8px;background:#fff;color:transparent;transition:all .2s ease}
body.qcm-standalone .vquiz-option-check svg{width:14px;height:14px}
body.qcm-standalone .vquiz-option:has(input:checked){border-color:#8CB7F6!important;background:linear-gradient(90deg,rgba(56,206,238,.065),rgba(56,124,238,.075))!important;box-shadow:0 0 0 3px rgba(56,124,238,.06)}
body.qcm-standalone .vquiz-option:has(input:checked) .vquiz-option-marker{border-color:#BFD7F8;background:#EDF5FF;color:var(--vq-blue)}
body.qcm-standalone .vquiz-option:has(input:checked) .vquiz-option-check{border-color:var(--vq-blue);background:var(--vq-blue);color:#fff}
body.qcm-standalone .vquiz-option.is-correct{border-color:#8BD8B2!important;background:#F0FBF5!important}
body.qcm-standalone .vquiz-option.is-correct .vquiz-option-marker{border-color:#BEE8D1;background:#E8F8EF;color:#168451}
body.qcm-standalone .vquiz-option.is-correct .vquiz-option-check{border-color:#1D9B62;background:#1D9B62;color:#fff}
body.qcm-standalone .vquiz-option.is-wrong{border-color:#F1B9C1!important;background:#FFF5F6!important}
body.qcm-standalone .vquiz-option.is-wrong .vquiz-option-marker{border-color:#F5D2D7;background:#FFF0F2;color:#D33D5C}
body.qcm-standalone .vquiz-question-card .qcm-inline-feedback{margin:0 26px 22px;padding:16px 17px;border:1px solid #DCE8FA;border-radius:15px;background:#F7FBFF}
body.qcm-standalone .vquiz-question-card .qcm-inline-feedback>strong{color:var(--vq-blue);font-size:.76rem}
body.qcm-standalone .vquiz-question-card .qcm-inline-feedback p{color:#52637B;font-size:.76rem;line-height:1.6}

/* Personal tools */
body.qcm-standalone .vquiz-study-panel{margin:0 26px 20px;padding:16px;border:1px solid #E9EEF5;border-radius:16px;background:#FAFBFD}
body.qcm-standalone .vquiz-study-panel .qcm-study-actions{gap:8px}
body.qcm-standalone .vquiz-study-panel .qcm-study-actions button{min-height:38px;padding:7px 10px;border:1px solid #E2E8F0;border-radius:10px;background:#fff;color:#64748B;transition:all .2s ease}
body.qcm-standalone .vquiz-study-panel .qcm-study-actions button:hover{border-color:#C9D8EA;background:#F8FAFC;transform:translateY(-1px)}
body.qcm-standalone .vquiz-study-panel .qcm-study-actions button.is-active{border-color:#BFD7F8;background:#EEF5FF;color:var(--vq-blue)}
body.qcm-standalone .vquiz-question-card .qcm-question-tools{margin:0;padding:15px 26px 20px;border-top:1px solid #EEF2F7;background:#FCFDFF}
body.qcm-standalone .vquiz-question-card .qcm-highlight-hint{color:#78889D}
body.qcm-standalone .vquiz-question-card .qcm-report-tool>summary{color:#B45468}

/* Bottom navigation */
body.qcm-standalone .vquiz-submit-bar{bottom:14px;padding:12px 14px 12px 16px;border:1px solid #DCE5F0!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 14px 36px rgba(2,1,52,.13)!important;backdrop-filter:blur(16px)}
body.qcm-standalone .vquiz-submit-bar>span{color:#718199;font-size:.68rem;font-weight:850}
body.qcm-standalone .vquiz-next-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;min-width:138px!important;border:0!important;border-radius:12px!important;background:var(--vq-gradient)!important;color:#fff!important;box-shadow:0 8px 18px rgba(56,124,238,.18)!important;transition:all .22s ease!important}
body.qcm-standalone .vquiz-next-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(56,124,238,.25)!important}

@media(max-width:991.98px){
  body.qcm-standalone .vquiz-exam-head{position:relative!important;top:auto!important;grid-template-columns:1fr!important}
  body.qcm-standalone .vquiz-exam-head .qcm-exam-status{width:100%;text-align:left}
}
@media(max-width:700px){
  body.qcm-standalone .vquiz-setup-head{grid-template-columns:46px minmax(0,1fr);padding:18px}
  body.qcm-standalone .vquiz-setup-head-icon{width:46px;height:46px;border-radius:14px}
  body.qcm-standalone .vquiz-question-availability{grid-column:1/-1;display:flex;justify-content:center;gap:6px;min-width:0}
  body.qcm-standalone .vquiz-setup-section{padding:18px!important}
  body.qcm-standalone .vquiz-setup-footer{align-items:stretch;flex-direction:column;padding:16px 18px}
  body.qcm-standalone .vquiz-start-btn{width:100%}
  body.qcm-standalone .vquiz-question-top{padding:20px 18px 17px}
  body.qcm-standalone .vquiz-question-card .qcm-question-title{font-size:.98rem!important}
  body.qcm-standalone .vquiz-question-card .qcm-question-image{width:calc(100% - 36px);margin:18px 18px 0}
  body.qcm-standalone .vquiz-question-card .qcm-option-list{padding:18px}
  body.qcm-standalone .vquiz-option{grid-template-columns:34px 20px minmax(0,1fr) 22px!important;gap:9px!important;padding:10px!important}
  body.qcm-standalone .vquiz-option-marker{width:34px;height:34px;border-radius:10px}
  body.qcm-standalone .vquiz-study-panel{margin:0 18px 17px}
  body.qcm-standalone .vquiz-question-card .qcm-question-tools{padding:14px 18px 18px}
  body.qcm-standalone .vquiz-question-card .qcm-inline-feedback{margin:0 18px 18px}
  body.qcm-standalone .vquiz-submit-bar{bottom:8px}
}
@media(prefers-reduced-motion:reduce){
  body.qcm-standalone .vquiz-dashboard-filter *,body.qcm-standalone .vquiz-setup-card *,body.qcm-standalone .vquiz-question-card *,body.qcm-standalone .vquiz-submit-bar *{transition:none!important}
}


/* ============================================================
   DASHBOARD PERSONALIZED QCM FILTER — LIGHT BLUE CALLOUT CARD
   ============================================================ */
body.qcm-standalone .vdb-filter-card{
    position:relative!important;
    overflow:visible!important;
    background:
        radial-gradient(circle at 88% 8%,rgba(56,206,238,.16),transparent 28%),
        linear-gradient(135deg,#EFF7FF 0%,#E8F4FF 54%,#E2F2FF 100%)!important;
    border:1px solid #CFE3FA!important;
    box-shadow:
        0 12px 32px rgba(2,1,52,.055),
        inset 0 1px 0 rgba(255,255,255,.72)!important;
}

body.qcm-standalone .vdb-filter-card .qcm-filter-heading{
    position:relative;
    align-items:flex-start!important;
    min-height:94px;
    padding-right:340px;
    border-bottom-color:rgba(56,124,238,.13)!important;
}

body.qcm-standalone .vdb-filter-card .qcm-eyebrow{
    background:rgba(56,124,238,.09)!important;
    color:#174A96!important;
}

body.qcm-standalone .vdb-filter-card .qcm-filter-heading h2{
    color:#020134!important;
}

body.qcm-standalone .vdb-filter-card .qcm-filter-heading p{
    color:#52637A!important;
}

/* Floating coded chat bubble */
body.qcm-standalone .vdb-filter-callout{
    position:absolute;
    top:2px;
    right:0;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:10px;
    align-items:center;
    width:292px;
    min-height:62px;
    padding:11px 14px;
    border:1px solid rgba(56,124,238,.24);
    border-radius:17px;
    background:rgba(255,255,255,.88);
    color:#174A96;
    box-shadow:0 10px 26px rgba(56,124,238,.11);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    transform:rotate(1deg);
    animation:vdbFilterBubbleFloat 3.8s ease-in-out infinite;
    pointer-events:none;
}

body.qcm-standalone .vdb-filter-callout::after{
    content:"";
    position:absolute;
    right:36px;
    bottom:-8px;
    width:16px;
    height:16px;
    border-right:1px solid rgba(56,124,238,.24);
    border-bottom:1px solid rgba(56,124,238,.24);
    background:rgba(255,255,255,.88);
    transform:rotate(45deg);
}

body.qcm-standalone .vdb-filter-callout-icon{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:11px;
    background:linear-gradient(135deg,#38CEEE,#387CEE);
    color:#FFFFFF;
    box-shadow:0 7px 16px rgba(56,124,238,.18);
}

body.qcm-standalone .vdb-filter-callout-icon svg{
    width:18px;
    height:18px;
}

body.qcm-standalone .vdb-filter-callout strong{
    color:#123F8C;
    font-size:.76rem;
    font-weight:900;
    line-height:1.28;
}

body.qcm-standalone .vdb-filter-callout-arrow{
    position:absolute;
    left:-76px;
    bottom:-48px;
    width:90px;
    height:56px;
    color:#387CEE;
    filter:drop-shadow(0 3px 5px rgba(56,124,238,.10));
}

@keyframes vdbFilterBubbleFloat{
    0%,100%{transform:translateY(0) rotate(1deg)}
    50%{transform:translateY(-4px) rotate(.2deg)}
}

/* Keep actual filter controls crisp over the blue card */
body.qcm-standalone .vdb-filter-card .qcm-combobox-trigger{
    background:rgba(255,255,255,.95)!important;
    border-color:#D2E1F1!important;
}

body.qcm-standalone .vdb-filter-card .vdb-filter-note{
    background:rgba(255,255,255,.48)!important;
    border:1px solid rgba(56,124,238,.08)!important;
    color:#526A89!important;
}

@media(max-width:980px){
    body.qcm-standalone .vdb-filter-card .qcm-filter-heading{
        padding-right:0;
        padding-top:0;
    }
    body.qcm-standalone .vdb-filter-callout{
        position:relative;
        top:auto;
        right:auto;
        width:min(100%,320px);
        margin-top:14px;
        transform:none;
        animation:none;
    }
    body.qcm-standalone .vdb-filter-callout-arrow{
        display:none;
    }
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .vdb-filter-callout{
        animation:none!important;
    }
}
\n\n/* ============================================================
   DASHBOARD FILTER DEPTH + PREMIUM BADGES + ANALYTICS CTA
   ============================================================ */

/* Slightly deeper Vitalia cyan-blue filter card around #48B9D9 */
body.qcm-standalone .vdb-filter-card{
    isolation:isolate!important;
    background:
        radial-gradient(circle at 86% 10%,rgba(255,255,255,.33),transparent 24%),
        radial-gradient(circle at 8% 90%,rgba(56,124,238,.18),transparent 30%),
        linear-gradient(135deg,#67C9E2 0%,#55BFDB 42%,#48B9D9 72%,#55C4E0 100%)!important;
    border-color:rgba(24,104,148,.18)!important;
    box-shadow:
        0 18px 42px rgba(25,112,157,.16),
        inset 0 1px 0 rgba(255,255,255,.42),
        inset 0 -1px 0 rgba(14,87,128,.08)!important;
}

body.qcm-standalone .vdb-filter-card::before,
body.qcm-standalone .vdb-filter-card::after{
    content:"";
    position:absolute;
    z-index:-1;
    border-radius:50%;
    pointer-events:none;
}
body.qcm-standalone .vdb-filter-card::before{
    top:-95px;
    right:-72px;
    width:235px;
    height:235px;
    border:1px solid rgba(255,255,255,.22);
    box-shadow:
        0 0 0 22px rgba(255,255,255,.045),
        0 0 0 48px rgba(255,255,255,.025);
    animation:vdbFilterAura 7s ease-in-out infinite;
}
body.qcm-standalone .vdb-filter-card::after{
    left:-70px;
    bottom:-95px;
    width:190px;
    height:190px;
    background:radial-gradient(circle,rgba(56,124,238,.18),transparent 68%);
    filter:blur(4px);
    animation:vdbFilterGlow 6s ease-in-out infinite alternate;
}
@keyframes vdbFilterAura{
    0%,100%{transform:scale(.96) rotate(0deg);opacity:.72}
    50%{transform:scale(1.06) rotate(7deg);opacity:1}
}
@keyframes vdbFilterGlow{
    from{transform:translate3d(0,0,0) scale(.94);opacity:.55}
    to{transform:translate3d(15px,-8px,0) scale(1.08);opacity:.9}
}

/* Keep headings readable against the richer blue background */
body.qcm-standalone .vdb-filter-card .qcm-filter-heading h2,
body.qcm-standalone .vdb-filter-card .qcm-combobox>label{
    color:#020134!important;
}
body.qcm-standalone .vdb-filter-card .qcm-filter-heading p{
    color:#163C5D!important;
}
body.qcm-standalone .vdb-filter-card .qcm-filter-heading{
    border-bottom-color:rgba(2,1,52,.10)!important;
}

/* Refined floating prompt */
body.qcm-standalone .vdb-filter-callout{
    border-color:rgba(255,255,255,.56)!important;
    background:rgba(255,255,255,.90)!important;
    box-shadow:
        0 16px 34px rgba(8,71,122,.18),
        0 0 0 1px rgba(255,255,255,.32) inset!important;
    animation:vdbFilterBubbleFloat 3.8s ease-in-out infinite,
              vdbFilterBubbleGlow 2.9s ease-in-out infinite alternate!important;
}
body.qcm-standalone .vdb-filter-callout::after{
    background:rgba(255,255,255,.90)!important;
    border-color:rgba(255,255,255,.56)!important;
}
@keyframes vdbFilterBubbleGlow{
    from{box-shadow:0 14px 30px rgba(8,71,122,.14),0 0 0 1px rgba(255,255,255,.25) inset}
    to{box-shadow:0 18px 38px rgba(8,71,122,.24),0 0 24px rgba(56,206,238,.18),0 0 0 1px rgba(255,255,255,.42) inset}
}
body.qcm-standalone .vdb-filter-callout-arrow{
    color:#174A96!important;
    filter:drop-shadow(0 4px 7px rgba(23,74,150,.18))!important;
}

/* Filters stay crisp and tactile */
body.qcm-standalone .vdb-filter-card .qcm-combobox-trigger{
    background:rgba(255,255,255,.94)!important;
    border-color:rgba(255,255,255,.70)!important;
    box-shadow:0 7px 18px rgba(11,76,119,.09)!important;
}
body.qcm-standalone .vdb-filter-card .qcm-combobox-trigger:hover{
    border-color:#FFFFFF!important;
    transform:translateY(-2px)!important;
    box-shadow:0 12px 24px rgba(11,76,119,.15)!important;
}
body.qcm-standalone .vdb-filter-card .vdb-filter-note{
    background:rgba(255,255,255,.62)!important;
    border-color:rgba(255,255,255,.42)!important;
    color:#173C5D!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important;
}

/* Premium badge language across dashboard */
body.qcm-standalone .qcm-shell .qcm-eyebrow,
body.qcm-standalone .qcm-shell .qcm-chip,
body.qcm-standalone .qcm-shell .vdb-practice-badge,
body.qcm-standalone .qcm-shell .vdb-sub-row b,
body.qcm-standalone .qcm-shell .vdb-history-head>span{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(56,124,238,.18)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(237,245,255,.94))!important;
    color:#174A96!important;
    box-shadow:
        0 5px 13px rgba(2,1,52,.055),
        inset 0 1px 0 rgba(255,255,255,.9)!important;
    font-weight:850!important;
    letter-spacing:.045em!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease!important;
}
body.qcm-standalone .qcm-shell .qcm-eyebrow::before,
body.qcm-standalone .qcm-shell .qcm-chip::before,
body.qcm-standalone .qcm-shell .vdb-practice-badge::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.72) 48%,transparent 68%);
    transform:translateX(-135%);
    animation:vdbBadgeShimmer 6.5s ease-in-out infinite;
    pointer-events:none;
}
@keyframes vdbBadgeShimmer{
    0%,72%,100%{transform:translateX(-135%)}
    84%{transform:translateX(135%)}
}
body.qcm-standalone .qcm-shell .qcm-eyebrow:hover,
body.qcm-standalone .qcm-shell .qcm-chip:hover{
    transform:translateY(-1px);
    border-color:rgba(56,124,238,.34)!important;
    box-shadow:0 8px 18px rgba(56,124,238,.10)!important;
}

/* Preserve semantic status badge colors */
body.qcm-standalone .qcm-shell .vdb-sub-row b.is-active{
    border-color:#BDE8CF!important;
    background:linear-gradient(135deg,#F0FBF5,#E8F8EF)!important;
    color:#168451!important;
}
body.qcm-standalone .qcm-shell .vdb-sub-row b.is-locked{
    border-color:#F5CCD5!important;
    background:linear-gradient(135deg,#FFF5F7,#FFF0F3)!important;
    color:#C72F52!important;
}
body.qcm-standalone .qcm-shell .vdb-practice-badge{
    border-color:rgba(255,255,255,.34)!important;
    background:rgba(255,255,255,.13)!important;
    color:#FFFFFF!important;
    box-shadow:0 6px 18px rgba(2,1,52,.12)!important;
    backdrop-filter:blur(10px);
}

/* Average score → Analytics CTA */
body.qcm-standalone .vdb-average-score-card{
    position:relative;
    overflow:hidden;
}
body.qcm-standalone .vdb-average-score-card::after{
    content:"";
    position:absolute;
    right:-42px;
    bottom:-52px;
    width:130px;
    height:130px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(56,206,238,.13),transparent 68%);
    pointer-events:none;
}
body.qcm-standalone .vdb-average-score-copy{
    position:relative;
    z-index:1;
}
body.qcm-standalone .vdb-analytics-cta{
    display:inline-flex;
    align-items:center;
    gap:7px;
    width:max-content;
    margin-top:8px;
    padding:7px 8px 7px 11px;
    border:1px solid #DCE8FA;
    border-radius:999px;
    background:linear-gradient(90deg,#F3F9FF,#EDF5FF);
    color:#2563C7;
    font-size:.59rem;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 5px 14px rgba(56,124,238,.08);
    transition:all .25s cubic-bezier(.2,.8,.2,1);
}
body.qcm-standalone .vdb-analytics-cta-icon{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    border-radius:50%;
    background:linear-gradient(135deg,#38CEEE,#387CEE);
    color:#FFFFFF;
    box-shadow:0 5px 12px rgba(56,124,238,.20);
    transition:transform .35s cubic-bezier(.2,.9,.2,1);
}
body.qcm-standalone .vdb-analytics-cta-icon svg{
    width:13px;
    height:13px;
}
body.qcm-standalone .vdb-analytics-cta:hover{
    border-color:#BFD7F8;
    background:#FFFFFF;
    color:#174A96;
    transform:translateY(-2px);
    box-shadow:0 10px 20px rgba(56,124,238,.15);
}
body.qcm-standalone .vdb-analytics-cta:hover .vdb-analytics-cta-icon{
    transform:translateX(3px) rotate(5deg) scale(1.06);
}
body.qcm-standalone .vdb-analytics-cta:focus-visible{
    outline:0;
    box-shadow:0 0 0 4px rgba(56,124,238,.13),0 8px 18px rgba(56,124,238,.12);
}

@media(max-width:575.98px){
    body.qcm-standalone .vdb-analytics-cta{
        margin-top:6px;
        padding-left:9px;
        font-size:.55rem;
    }
}
@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .vdb-filter-card::before,
    body.qcm-standalone .vdb-filter-card::after,
    body.qcm-standalone .vdb-filter-callout,
    body.qcm-standalone .qcm-shell .qcm-eyebrow::before,
    body.qcm-standalone .qcm-shell .qcm-chip::before,
    body.qcm-standalone .qcm-shell .vdb-practice-badge::before{
        animation:none!important;
    }
}


/* ============================================================
   PERSONALIZED FILTER — FALLBACK START QCM CTA
   ============================================================ */
body.qcm-standalone .vdb-filter-note{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    flex-wrap:wrap!important;
}

body.qcm-standalone .vdb-filter-note-actions{
    display:flex;
    align-items:center;
    gap:10px;
    margin-left:auto;
    flex-wrap:wrap;
}

body.qcm-standalone .vdb-filter-reset-link{
    color:#174A96!important;
    font-size:.64rem;
    font-weight:800;
    text-decoration:none;
    transition:all .2s ease;
}
body.qcm-standalone .vdb-filter-reset-link:hover{
    color:#020134!important;
    transform:translateX(-2px);
}

body.qcm-standalone .vdb-filter-start-qcm{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:40px;
    padding:0 15px;
    overflow:hidden;
    border:1px solid rgba(2,1,52,.12);
    border-radius:12px;
    background:#020134;
    color:#FFFFFF!important;
    font-size:.68rem;
    font-weight:900;
    text-decoration:none!important;
    box-shadow:
        0 8px 18px rgba(2,1,52,.18),
        0 0 0 rgba(56,206,238,0);
    transition:
        transform .24s cubic-bezier(.2,.8,.2,1),
        box-shadow .24s ease,
        background .24s ease;
}

body.qcm-standalone .vdb-filter-start-qcm::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.17) 48%,transparent 72%);
    transform:translateX(-130%);
    transition:transform .55s ease;
}

body.qcm-standalone .vdb-filter-start-qcm:hover{
    background:#10105C;
    transform:translateY(-2px);
    box-shadow:
        0 12px 24px rgba(2,1,52,.24),
        0 0 22px rgba(56,206,238,.12);
}

body.qcm-standalone .vdb-filter-start-qcm:hover::before{
    transform:translateX(130%);
}

body.qcm-standalone .vdb-filter-start-qcm svg{
    position:relative;
    z-index:1;
    width:15px;
    height:15px;
    transition:transform .22s ease;
}
body.qcm-standalone .vdb-filter-start-qcm span{
    position:relative;
    z-index:1;
}
body.qcm-standalone .vdb-filter-start-qcm:hover svg{
    transform:translateX(3px);
}

body.qcm-standalone .vdb-filter-start-qcm.is-disabled{
    background:rgba(255,255,255,.55);
    color:#7B8CA5!important;
    border-color:rgba(2,1,52,.08);
    box-shadow:none;
    cursor:not-allowed;
}
body.qcm-standalone .vdb-filter-start-qcm.is-disabled::before{
    display:none;
}

@media(max-width:720px){
    body.qcm-standalone .vdb-filter-note{
        align-items:stretch!important;
    }
    body.qcm-standalone .vdb-filter-note-actions{
        width:100%;
        margin-left:0;
    }
    body.qcm-standalone .vdb-filter-start-qcm{
        flex:1 1 auto;
    }
}


/* ============================================================
   QCM QUIZ SETUP — ELITE VITALIA INTERACTIVE SYSTEM
   ============================================================ */
body.qcm-standalone .qcm-setup-wrap{
    max-width:1040px!important;
    margin:0 auto!important;
}

/* Header */
body.qcm-standalone .vquiz-setup-head{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) auto!important;
    gap:17px!important;
    align-items:center!important;
    margin-bottom:18px!important;
    padding:22px 24px!important;
    border:1px solid #E5EAF2!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    box-shadow:0 12px 32px rgba(2,1,52,.055)!important;
}
body.qcm-standalone .vquiz-setup-head-icon{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    border:1px solid #DCE8FA;
    border-radius:16px;
    background:linear-gradient(135deg,#EFFBFF,#EEF4FF);
    color:#387CEE;
    box-shadow:0 8px 18px rgba(56,124,238,.08);
}
body.qcm-standalone .vquiz-setup-head-icon svg{width:24px;height:24px}
body.qcm-standalone .vquiz-setup-head h1{
    color:#020134!important;
    font-size:1.18rem!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
}
body.qcm-standalone .vquiz-setup-head p{
    color:#64748B!important;
    font-size:.73rem!important;
}
body.qcm-standalone .vquiz-question-availability{
    display:grid;
    min-width:92px;
    padding:10px 13px;
    border:1px solid #DCE8FA;
    border-radius:14px;
    background:#F4F8FF;
    text-align:center;
}
body.qcm-standalone .vquiz-question-availability strong{
    color:#387CEE;
    font-size:1.05rem;
    font-weight:950;
}
body.qcm-standalone .vquiz-question-availability small{
    color:#64748B;
    font-size:.56rem;
    font-weight:750;
}

/* Form layout */
body.qcm-standalone .vquiz-setup-card{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:18px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
body.qcm-standalone .vquiz-setup-section{
    display:block!important;
    min-width:0;
    margin:0!important;
    padding:22px!important;
    border:1px solid #E5EAF2!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    box-shadow:0 12px 32px rgba(2,1,52,.055)!important;
    transition:
        transform .25s cubic-bezier(.4,0,.2,1),
        border-color .25s ease,
        box-shadow .25s ease!important;
}
body.qcm-standalone .vquiz-setup-section:first-of-type{
    grid-column:1/-1!important;
}
body.qcm-standalone .vquiz-setup-section:hover{
    border-color:#D8E5F5!important;
    transform:translateY(-2px);
    box-shadow:0 17px 38px rgba(2,1,52,.075)!important;
}
body.qcm-standalone .vquiz-setup-section legend{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    width:100%!important;
    margin:0 0 18px!important;
    padding:0 0 15px!important;
    border-bottom:1px solid #EEF2F7!important;
}
body.qcm-standalone .vquiz-section-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    flex:0 0 38px;
    border:1px solid #DCE8FA;
    border-radius:12px;
    background:#F0F7FF;
    color:#387CEE;
}
body.qcm-standalone .vquiz-section-icon svg{width:18px;height:18px}
body.qcm-standalone .vquiz-section-copy{
    display:grid;
    gap:2px;
}
body.qcm-standalone .vquiz-section-copy small{
    color:#94A3B8;
    font-size:.54rem;
    font-weight:900;
    letter-spacing:.08em;
}
body.qcm-standalone .vquiz-section-copy strong{
    color:#020134;
    font-size:.83rem;
    font-weight:900;
}

/* Choice cards */
body.qcm-standalone .vquiz-choice-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card{
    position:relative;
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    gap:11px!important;
    min-height:112px;
    margin:0!important;
    padding:16px!important;
    overflow:hidden;
    border:1px solid #E5EAF2!important;
    border-radius:16px!important;
    background:#FBFCFE!important;
    box-shadow:0 5px 14px rgba(2,1,52,.025)!important;
    cursor:pointer;
    transition:
        transform .25s cubic-bezier(.4,0,.2,1),
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease!important;
}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card:hover{
    border-color:#BFD7F8!important;
    background:#F8FBFF!important;
    transform:translateY(-2px);
    box-shadow:0 9px 20px rgba(56,124,238,.08)!important;
}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card:active{
    transform:scale(.97)!important;
}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card:has(input:checked){
    border-color:transparent!important;
    background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
    box-shadow:0 12px 24px rgba(56,124,238,.20)!important;
}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card input{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
}
body.qcm-standalone .vquiz-choice-marker{
    display:grid;
    place-items:center;
    width:22px;
    height:22px;
    margin-top:1px;
    border:2px solid #CBD5E1;
    border-radius:50%;
    background:#FFFFFF;
    transition:all .2s ease;
}
body.qcm-standalone .qcm-choice-card:has(input:checked) .vquiz-choice-marker{
    border:6px solid #FFFFFF;
    background:#387CEE;
    box-shadow:0 0 0 1px rgba(255,255,255,.35);
}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card>span:last-child{
    display:grid;
    gap:5px;
}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card strong{
    color:#20324E!important;
    font-size:.78rem!important;
    font-weight:850!important;
}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card small{
    color:#71819A!important;
    font-size:.67rem!important;
    line-height:1.5!important;
}
body.qcm-standalone .vquiz-setup-section .qcm-choice-card:has(input:checked) strong,
body.qcm-standalone .vquiz-setup-section .qcm-choice-card:has(input:checked) small{
    color:#FFFFFF!important;
}

/* Number selector */
body.qcm-standalone .vquiz-number-field{
    display:grid!important;
    grid-template-columns:minmax(150px,1fr) auto!important;
    gap:9px 18px!important;
    align-items:center!important;
}
body.qcm-standalone .vquiz-number-field label{
    color:#334155;
    font-size:.72rem;
    font-weight:850;
}
body.qcm-standalone .vquiz-number-field small{
    grid-column:1/-1;
    color:#64748B;
    font-size:.64rem;
}
body.qcm-standalone .vquiz-number-control{
    display:grid;
    grid-template-columns:38px 88px 38px;
    gap:5px;
    align-items:center;
    padding:4px;
    border:1px solid #E5EAF2;
    border-radius:13px;
    background:#F8FAFC;
}
body.qcm-standalone .vquiz-number-control input{
    width:88px!important;
    min-height:38px;
    padding:0 7px!important;
    border:0!important;
    background:transparent!important;
    color:#020134;
    font-size:.88rem;
    font-weight:900;
    text-align:center;
    outline:0;
    -moz-appearance:textfield;
}
body.qcm-standalone .vquiz-number-control input::-webkit-inner-spin-button,
body.qcm-standalone .vquiz-number-control input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0;
}
body.qcm-standalone .vquiz-number-step{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid #E0E7F0;
    border-radius:10px;
    background:#FFFFFF;
    color:#387CEE;
    font-size:1rem;
    font-weight:900;
    cursor:pointer;
    transition:all .2s cubic-bezier(.4,0,.2,1);
}
body.qcm-standalone .vquiz-number-step:hover{
    border-color:#BFD7F8;
    background:#EEF5FF;
    transform:translateY(-2px);
}
body.qcm-standalone .vquiz-number-step:active{
    transform:scale(.97);
}

/* Timer reveal */
body.qcm-standalone .vquiz-timer-reveal{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
    align-items:center!important;
    max-height:0;
    margin-top:0;
    padding-top:0;
    overflow:hidden;
    opacity:0;
    transform:translateY(-6px);
    transition:
        max-height .35s cubic-bezier(.16,1,.3,1),
        opacity .25s ease,
        transform .35s cubic-bezier(.16,1,.3,1),
        margin-top .35s ease,
        padding-top .35s ease!important;
}
body.qcm-standalone .vquiz-timer-reveal[hidden]{
    display:grid!important;
    pointer-events:none;
    visibility:hidden;
}
body.qcm-standalone .vquiz-timer-reveal.is-visible{
    max-height:90px;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid #EEF2F7;
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
}
body.qcm-standalone .vquiz-timer-reveal label{
    color:#334155;
    font-size:.7rem;
    font-weight:850;
}
body.qcm-standalone .vquiz-timer-input-wrap{
    display:flex;
    align-items:center;
    min-width:116px;
    padding:4px 9px;
    border:1px solid #DCE6F3;
    border-radius:12px;
    background:#F8FAFC;
}
body.qcm-standalone .vquiz-timer-input-wrap input{
    width:70px!important;
    padding:7px 4px!important;
    border:0!important;
    background:transparent!important;
    color:#020134;
    font-weight:900;
    outline:0;
}
body.qcm-standalone .vquiz-timer-input-wrap span{
    color:#94A3B8;
    font-size:.62rem;
    font-weight:800;
}

/* Footer */
body.qcm-standalone .vquiz-setup-footer{
    grid-column:1/-1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding:18px 20px!important;
    border:1px solid #E5EAF2!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    box-shadow:0 12px 32px rgba(2,1,52,.055)!important;
}
body.qcm-standalone .vquiz-setup-safe{
    display:flex;
    align-items:center;
    gap:8px;
    color:#64748B;
    font-size:.67rem;
    font-weight:700;
}
body.qcm-standalone .vquiz-setup-safe svg{
    width:18px;
    height:18px;
    padding:3px;
    border-radius:50%;
    background:#ECFDF5;
    color:#16A36A;
}
body.qcm-standalone .vquiz-start-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    min-width:170px!important;
    min-height:46px!important;
    padding:0 17px!important;
    border:0!important;
    border-radius:13px!important;
    background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
    color:#FFFFFF!important;
    box-shadow:0 10px 22px rgba(56,124,238,.22)!important;
    transition:
        transform .25s cubic-bezier(.4,0,.2,1),
        box-shadow .25s ease,
        filter .25s ease!important;
}
body.qcm-standalone .vquiz-start-btn:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 15px 30px rgba(56,124,238,.30)!important;
    filter:saturate(1.08);
}
body.qcm-standalone .vquiz-start-btn:active{
    transform:scale(.97)!important;
}
body.qcm-standalone .vquiz-start-btn svg{
    width:16px;
    height:16px;
    transition:transform .2s ease;
}
body.qcm-standalone .vquiz-start-btn:hover svg{
    transform:translateX(3px);
}

/* Staggered entrance */
body.qcm-standalone .vquiz-enter{
    opacity:0;
    transform:translateY(18px);
    animation:vquizSetupEnter .7s cubic-bezier(.16,1,.3,1) forwards;
    animation-delay:var(--vquiz-delay,0ms);
}
@keyframes vquizSetupEnter{
    to{opacity:1;transform:none}
}

@media(max-width:760px){
    body.qcm-standalone .vquiz-setup-head{
        grid-template-columns:46px minmax(0,1fr)!important;
        padding:18px!important;
    }
    body.qcm-standalone .vquiz-question-availability{
        grid-column:1/-1;
        grid-template-columns:auto auto;
        justify-content:center;
        gap:5px;
    }
    body.qcm-standalone .vquiz-setup-card{
        grid-template-columns:1fr!important;
    }
    body.qcm-standalone .vquiz-setup-section:first-of-type{
        grid-column:auto!important;
    }
    body.qcm-standalone .vquiz-choice-grid{
        grid-template-columns:1fr;
    }
    body.qcm-standalone .vquiz-number-field{
        grid-template-columns:1fr!important;
    }
    body.qcm-standalone .vquiz-number-control{
        width:max-content;
    }
    body.qcm-standalone .vquiz-setup-footer{
        flex-direction:column;
        align-items:stretch!important;
    }
    body.qcm-standalone .vquiz-start-btn{
        width:100%!important;
    }
}
@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .vquiz-enter{
        opacity:1!important;
        transform:none!important;
        animation:none!important;
    }
    body.qcm-standalone .vquiz-setup-section,
    body.qcm-standalone .qcm-choice-card,
    body.qcm-standalone .vquiz-number-step,
    body.qcm-standalone .vquiz-start-btn,
    body.qcm-standalone .vquiz-timer-reveal{
        transition:none!important;
    }
}


/* ============================================================
   QUIZ SETUP — STEP 1 EMPHASIS + SOFT BLUE CARDS + BLUE STATES
   ============================================================ */

/* Give all setup cards a softer blue-tinted surface */
body.qcm-standalone .vquiz-setup-head,
body.qcm-standalone .vquiz-setup-section,
body.qcm-standalone .vquiz-setup-footer{
    background:
        linear-gradient(180deg,#F4F9FF 0%,#EEF6FF 100%)!important;
    border-color:#D7E6F7!important;
    box-shadow:
        0 12px 32px rgba(2,1,52,.055),
        inset 0 1px 0 rgba(255,255,255,.78)!important;
}

/* Step 1 should clearly be the primary configuration card */
body.qcm-standalone .vquiz-setup-section:first-of-type{
    padding:28px 30px!important;
    background:
        radial-gradient(circle at 92% 12%,rgba(56,124,238,.10),transparent 30%),
        linear-gradient(135deg,#EEF7FF 0%,#E6F2FF 100%)!important;
    border-color:#CFE1F7!important;
}

body.qcm-standalone .vquiz-setup-section:first-of-type legend{
    margin-bottom:22px!important;
    padding-bottom:18px!important;
}

body.qcm-standalone .vquiz-setup-section:first-of-type .vquiz-section-icon{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
    border-radius:14px!important;
    background:#E1EEFF!important;
    color:#2563EB!important;
}

body.qcm-standalone .vquiz-setup-section:first-of-type .vquiz-section-icon svg{
    width:21px!important;
    height:21px!important;
}

body.qcm-standalone .vquiz-setup-section:first-of-type .vquiz-section-copy small{
    font-size:.60rem!important;
}

body.qcm-standalone .vquiz-setup-section:first-of-type .vquiz-section-copy strong{
    font-size:1rem!important;
}

/* Make "Number of questions" much more readable */
body.qcm-standalone .vquiz-number-field label{
    color:#020134!important;
    font-size:.92rem!important;
    font-weight:900!important;
    letter-spacing:-.01em;
}

body.qcm-standalone .vquiz-number-field small{
    color:#52637A!important;
    font-size:.72rem!important;
    font-weight:700!important;
}

body.qcm-standalone .vquiz-number-control{
    grid-template-columns:46px 108px 46px!important;
    gap:6px!important;
    padding:5px!important;
    border-color:#C9DAEE!important;
    background:rgba(255,255,255,.80)!important;
    box-shadow:0 7px 18px rgba(56,124,238,.07)!important;
}

body.qcm-standalone .vquiz-number-control input{
    width:108px!important;
    min-height:46px!important;
    color:#020134!important;
    font-size:1.18rem!important;
    font-weight:950!important;
}

body.qcm-standalone .vquiz-number-step{
    width:46px!important;
    height:46px!important;
    border-radius:12px!important;
    border-color:#D5E2F0!important;
    color:#2563EB!important;
    font-size:1.15rem!important;
}

/* Keep regular option cards readable against the blue panel */
body.qcm-standalone .vquiz-setup-section .qcm-choice-card{
    background:rgba(255,255,255,.82)!important;
    border-color:#D5E2F0!important;
}

/* Selected choice: normal Vitalia royal blue, no cyan gradient */
body.qcm-standalone .vquiz-setup-section .qcm-choice-card:has(input:checked){
    border-color:#2563EB!important;
    background:#387CEE!important;
    box-shadow:
        0 12px 24px rgba(56,124,238,.20),
        inset 0 1px 0 rgba(255,255,255,.13)!important;
}

body.qcm-standalone .vquiz-setup-section .qcm-choice-card:has(input:checked) .vquiz-choice-marker{
    border-color:#FFFFFF!important;
    background:#1D4ED8!important;
}

/* Timer reveal uses a pale blue inset panel */
body.qcm-standalone .vquiz-timer-reveal.is-visible{
    border-top-color:#D8E6F6!important;
}

body.qcm-standalone .vquiz-timer-input-wrap{
    background:rgba(255,255,255,.80)!important;
    border-color:#CBDCED!important;
}

/* Start Exam: royal-blue CTA with controlled bounce/pulse */
body.qcm-standalone .vquiz-start-btn{
    position:relative;
    overflow:hidden;
    background:#387CEE!important;
    box-shadow:
        0 10px 24px rgba(56,124,238,.24),
        0 0 0 0 rgba(56,124,238,.18)!important;
    animation:vquizStartAttention 2.4s cubic-bezier(.4,0,.2,1) infinite;
}

body.qcm-standalone .vquiz-start-btn::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        105deg,
        transparent 24%,
        rgba(255,255,255,.20) 48%,
        transparent 72%
    );
    transform:translateX(-140%);
    animation:vquizStartShine 3.1s ease-in-out infinite;
    pointer-events:none;
}

body.qcm-standalone .vquiz-start-btn > *{
    position:relative;
    z-index:1;
}

body.qcm-standalone .vquiz-start-btn:hover{
    background:#2F67CC!important;
    animation-play-state:paused;
    transform:translateY(-3px)!important;
    box-shadow:
        0 16px 30px rgba(56,124,238,.31),
        0 0 0 4px rgba(56,124,238,.08)!important;
}

body.qcm-standalone .vquiz-start-btn:active{
    animation:none!important;
    transform:scale(.97)!important;
}

@keyframes vquizStartAttention{
    0%,72%,100%{
        transform:translateY(0);
        box-shadow:
            0 10px 24px rgba(56,124,238,.24),
            0 0 0 0 rgba(56,124,238,.16);
    }
    78%{
        transform:translateY(-4px);
    }
    83%{
        transform:translateY(0);
        box-shadow:
            0 13px 27px rgba(56,124,238,.28),
            0 0 0 7px rgba(56,124,238,0);
    }
    88%{
        transform:translateY(-2px);
    }
    93%{
        transform:translateY(0);
    }
}

@keyframes vquizStartShine{
    0%,55%{transform:translateX(-140%)}
    75%,100%{transform:translateX(140%)}
}

@media(max-width:760px){
    body.qcm-standalone .vquiz-setup-section:first-of-type{
        padding:22px!important;
    }

    body.qcm-standalone .vquiz-number-control{
        grid-template-columns:44px 96px 44px!important;
    }

    body.qcm-standalone .vquiz-number-control input{
        width:96px!important;
    }
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .vquiz-start-btn,
    body.qcm-standalone .vquiz-start-btn::before{
        animation:none!important;
    }
}


/* ============================================================
   ACTIVE QCM QUIZ — VITALIA HIGH-FOCUS TESTING EXPERIENCE
   ============================================================ */

/* More focused exam canvas */
body.qcm-standalone .qcm-shell:has(.vquiz-question-card){
    background:
        radial-gradient(circle at 8% 3%,rgba(56,206,238,.055),transparent 22%),
        linear-gradient(180deg,#F7FAFD 0%,#F3F7FB 100%)!important;
}
body.qcm-standalone .qcm-quiz-wrap{
    max-width:1040px!important;
    margin:0 auto!important;
}

/* ------------------------------------------------------------
   Personalized QCM header: NORMAL FLOW, never covers questions
   ------------------------------------------------------------ */
body.qcm-standalone .qcm-exam-sticky.vquiz-exam-head,
body.qcm-standalone .vquiz-exam-head-static{
    position:relative!important;
    top:auto!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(190px,280px)!important;
    gap:24px!important;
    align-items:center!important;
    margin-bottom:20px!important;
    padding:20px 22px!important;
    border:1px solid #DCE6F2!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,#F1F7FF 0%,#EAF4FF 100%)!important;
    box-shadow:0 10px 28px rgba(2,1,52,.045)!important;
}
body.qcm-standalone .vquiz-exam-heading{
    display:flex;
    align-items:flex-start;
    gap:13px;
    min-width:0;
}
body.qcm-standalone .vquiz-exam-icon{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    flex:0 0 44px;
    border:1px solid #CFE1F7;
    border-radius:13px;
    background:#FFFFFF;
    color:#387CEE;
    box-shadow:0 5px 14px rgba(56,124,238,.07);
}
body.qcm-standalone .vquiz-exam-icon svg{width:20px;height:20px}
body.qcm-standalone .vquiz-exam-head .qcm-eyebrow{
    color:#387CEE!important;
}
body.qcm-standalone .vquiz-exam-head h1{
    margin-top:5px!important;
    color:#020134!important;
    font-size:1.08rem!important;
    font-weight:900!important;
    letter-spacing:-.018em!important;
}
body.qcm-standalone .vquiz-exam-head p{
    color:#64748B!important;
    font-size:.7rem!important;
    line-height:1.5!important;
}
body.qcm-standalone .qcm-exam-status{
    min-width:0!important;
    text-align:left!important;
}
body.qcm-standalone .vquiz-progress-copy{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
body.qcm-standalone .vquiz-progress-copy span{
    color:#64748B;
    font-size:.61rem;
    font-weight:800;
}
body.qcm-standalone .vquiz-progress-copy strong{
    color:#020134;
    font-size:.72rem;
    font-weight:900;
}
body.qcm-standalone .qcm-progress-track{
    position:relative;
    height:8px!important;
    margin-top:8px!important;
    overflow:hidden;
    border-radius:999px!important;
    background:#DDE7F2!important;
    box-shadow:inset 0 1px 2px rgba(2,1,52,.06);
}
body.qcm-standalone .qcm-progress-track span{
    height:100%!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
    box-shadow:0 0 14px rgba(56,124,238,.28);
    transition:width .42s cubic-bezier(.16,1,.3,1)!important;
}
body.qcm-standalone .qcm-exam-timer{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    margin-top:9px!important;
    padding:6px 9px!important;
    border:1px solid #DCE6F2!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.82)!important;
    color:#314A68!important;
    box-shadow:0 3px 8px rgba(2,1,52,.025)!important;
}

/* ------------------------------------------------------------
   MASTER QUESTION CARD
   ------------------------------------------------------------ */
body.qcm-standalone .vquiz-question-card{
    position:relative!important;
    overflow:hidden!important;
    padding:0!important;
    border:1px solid #E5EAF2!important;
    border-radius:24px!important;
    background:#FFFFFF!important;
    box-shadow:0 16px 40px rgba(2,1,52,.06)!important;
    animation:vquizQuestionEnter .48s cubic-bezier(.16,1,.3,1) both!important;
}
body.qcm-standalone .vquiz-question-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg,#38CEEE,#387CEE);
}
@keyframes vquizQuestionEnter{
    from{opacity:0;transform:translateY(12px) scale(.992)}
    to{opacity:1;transform:none}
}

body.qcm-standalone .vquiz-question-top{
    padding:26px 28px 22px!important;
    border-bottom:1px solid #EEF2F7!important;
    background:
        radial-gradient(circle at 96% 0,rgba(56,206,238,.06),transparent 28%),
        #FFFFFF!important;
}
body.qcm-standalone .vquiz-question-heading{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:18px;
    align-items:flex-start;
    min-width:0;
}
body.qcm-standalone .qcm-question-number{
    display:grid;
    justify-items:center;
    align-content:center;
    width:58px;
    min-height:58px;
    padding:7px;
    border:1px solid #DCE8FA;
    border-radius:16px;
    background:#F0F7FF;
}
body.qcm-standalone .qcm-question-number span{
    color:#7B8CA5;
    font-size:.48rem;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}
body.qcm-standalone .qcm-question-number strong{
    margin-top:2px;
    color:#387CEE;
    font-size:1.18rem;
    font-weight:950;
    line-height:1;
}
body.qcm-standalone .qcm-question-title{
    max-width:820px;
    color:#111F3A!important;
    font-size:clamp(.98rem,1.7vw,1.14rem)!important;
    font-weight:760!important;
    line-height:1.72!important;
    letter-spacing:-.008em!important;
    white-space:pre-line;
}
body.qcm-standalone .qcm-question-actions{
    flex:0 0 auto;
}
body.qcm-standalone .qcm-question-score{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 9px;
    border:1px solid #E5EAF2;
    border-radius:10px;
    background:#F8FAFC;
    color:#52637A;
    font-size:.61rem;
    font-weight:850;
}
body.qcm-standalone .qcm-bookmark-btn{
    width:38px!important;
    height:38px!important;
    border-color:#E5EAF2!important;
    border-radius:11px!important;
    background:#FFFFFF!important;
    box-shadow:0 3px 8px rgba(2,1,52,.025)!important;
}

/* Medical question image */
body.qcm-standalone .vquiz-question-card .qcm-question-image{
    width:calc(100% - 56px)!important;
    max-height:560px!important;
    margin:24px 28px 0!important;
    border:1px solid #E1E8F1!important;
    border-radius:18px!important;
    background:#F4F7FA!important;
    box-shadow:inset 0 0 0 5px #F8FAFC!important;
    object-fit:contain!important;
}

/* ------------------------------------------------------------
   INTERACTIVE ANSWER PILLS
   ------------------------------------------------------------ */
body.qcm-standalone .vquiz-question-card .qcm-option-list{
    display:grid!important;
    gap:11px!important;
    padding:24px 28px 28px!important;
}
body.qcm-standalone .vquiz-question-card .vquiz-option{
    position:relative!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 30px!important;
    gap:14px!important;
    align-items:center!important;
    min-height:64px!important;
    margin:0!important;
    padding:10px 13px!important;
    overflow:hidden;
    border:1px solid #E1E8F1!important;
    border-radius:16px!important;
    background:#FBFCFE!important;
    color:#263852!important;
    cursor:pointer!important;
    box-shadow:0 3px 10px rgba(2,1,52,.02)!important;
    transition:
        transform .22s cubic-bezier(.4,0,.2,1),
        border-color .22s ease,
        background-color .22s ease,
        box-shadow .22s ease,
        color .22s ease!important;
}
body.qcm-standalone .vquiz-question-card .vquiz-option:hover{
    border-color:#387CEE!important;
    background:#F6FAFF!important;
    transform:translateY(-2px)!important;
    box-shadow:0 8px 20px rgba(56,124,238,.08)!important;
}
body.qcm-standalone .vquiz-question-card .vquiz-option:active{
    transform:scale(.985)!important;
}
body.qcm-standalone .vquiz-option input{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
}
body.qcm-standalone .vquiz-option-marker{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid #DCE5F0;
    border-radius:12px;
    background:#FFFFFF;
    color:#52637A;
    font-size:.74rem;
    font-weight:950;
    transition:all .22s ease;
}
body.qcm-standalone .vquiz-option-copy{
    color:inherit!important;
    font-size:.82rem!important;
    font-weight:650!important;
    line-height:1.55!important;
}
body.qcm-standalone .vquiz-option-check{
    display:grid;
    place-items:center;
    width:27px;
    height:27px;
    border:1px solid #DCE5F0;
    border-radius:9px;
    background:#FFFFFF;
    color:transparent;
    transition:all .2s ease;
}
body.qcm-standalone .vquiz-option-check svg{width:15px;height:15px}

/* selected before grading */
body.qcm-standalone .vquiz-option:has(input:checked):not(.is-correct):not(.is-wrong){
    border-color:#387CEE!important;
    background:#F0F6FF!important;
    box-shadow:0 0 0 3px rgba(56,124,238,.08)!important;
}
body.qcm-standalone .vquiz-option:has(input:checked):not(.is-correct):not(.is-wrong) .vquiz-option-marker{
    border-color:#387CEE;
    background:#387CEE;
    color:#FFFFFF;
}
body.qcm-standalone .vquiz-option:has(input:checked):not(.is-correct):not(.is-wrong) .vquiz-option-check{
    border-color:#BFD5F6;
    background:#E9F2FF;
    color:#387CEE;
}

/* Instant-feedback success/error */
body.qcm-standalone .vquiz-question-card .qcm-option.is-correct{
    border-color:#22C55E!important;
    background:#F0FDF4!important;
    color:#166534!important;
    box-shadow:0 0 0 3px rgba(34,197,94,.07)!important;
}
body.qcm-standalone .vquiz-question-card .qcm-option.is-correct .vquiz-option-marker,
body.qcm-standalone .vquiz-question-card .qcm-option.is-correct .vquiz-option-check{
    border-color:#22C55E!important;
    background:#22C55E!important;
    color:#FFFFFF!important;
}
body.qcm-standalone .vquiz-question-card .qcm-option.is-wrong{
    border-color:#EF4444!important;
    background:#FEF2F2!important;
    color:#991B1B!important;
    box-shadow:0 0 0 3px rgba(239,68,68,.06)!important;
}
body.qcm-standalone .vquiz-question-card .qcm-option.is-wrong .vquiz-option-marker,
body.qcm-standalone .vquiz-question-card .qcm-option.is-wrong .vquiz-option-check{
    border-color:#EF4444!important;
    background:#EF4444!important;
    color:#FFFFFF!important;
}

/* Feedback panel */
body.qcm-standalone .vquiz-question-card .qcm-inline-feedback{
    margin:0 28px 22px!important;
    padding:16px 18px!important;
    border:1px solid #DCE8F6!important;
    border-radius:15px!important;
    background:#F5F9FF!important;
}
body.qcm-standalone .vquiz-question-card .qcm-inline-feedback>strong{
    color:#234F91!important;
    font-size:.78rem!important;
}
body.qcm-standalone .vquiz-question-card .qcm-inline-feedback p{
    color:#52637A!important;
    font-size:.74rem!important;
    line-height:1.6!important;
}

/* Study tools become a quieter secondary zone */
body.qcm-standalone .vquiz-study-panel{
    margin:0 28px 24px!important;
    padding:16px!important;
    border:1px solid #E7EDF4!important;
    border-radius:16px!important;
    background:#F8FAFC!important;
}
body.qcm-standalone .vquiz-study-panel .qcm-study-actions{
    gap:7px!important;
}
body.qcm-standalone .vquiz-study-panel .qcm-study-actions button{
    border-radius:10px!important;
    transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
body.qcm-standalone .vquiz-study-panel .qcm-study-actions button:hover{
    transform:translateY(-1px);
}

/* ------------------------------------------------------------
   FIXED-ACCESS NAVIGATION FOOTER
   ------------------------------------------------------------ */
body.qcm-standalone .vquiz-submit-bar{
    position:sticky!important;
    bottom:10px!important;
    z-index:35!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:16px!important;
    align-items:center!important;
    margin:18px 0 4px!important;
    padding:11px 12px 11px 16px!important;
    border:1px solid rgba(207,220,237,.94)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 15px 34px rgba(2,1,52,.13)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    backdrop-filter:blur(16px)!important;
}
body.qcm-standalone .vquiz-submit-bar>span{
    color:#64748B!important;
    font-size:.68rem!important;
    font-weight:800!important;
}
body.qcm-standalone .vquiz-next-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:150px!important;
    min-height:44px!important;
    padding:0 17px!important;
    border:0!important;
    border-radius:12px!important;
    background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
    color:#FFFFFF!important;
    font-size:.71rem!important;
    font-weight:900!important;
    box-shadow:0 9px 20px rgba(56,124,238,.22)!important;
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
body.qcm-standalone .vquiz-next-btn:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 13px 26px rgba(56,124,238,.29)!important;
    filter:saturate(1.08);
}
body.qcm-standalone .vquiz-next-btn:active{
    transform:scale(.97)!important;
}

/* ------------------------------------------------------------
   PHONE / TABLET EXPERIENCE
   ------------------------------------------------------------ */
@media(max-width:767.98px){
    body.qcm-standalone .qcm-quiz-wrap{
        width:100%!important;
    }
    body.qcm-standalone .qcm-exam-sticky.vquiz-exam-head,
    body.qcm-standalone .vquiz-exam-head-static{
        position:relative!important;
        grid-template-columns:1fr!important;
        gap:14px!important;
        margin-bottom:14px!important;
        padding:16px!important;
        border-radius:17px!important;
    }
    body.qcm-standalone .vquiz-exam-icon{
        width:40px;
        height:40px;
        flex-basis:40px;
    }
    body.qcm-standalone .qcm-exam-status{
        width:100%!important;
    }
    body.qcm-standalone .vquiz-question-card{
        border-radius:18px!important;
    }
    body.qcm-standalone .vquiz-question-top{
        display:block!important;
        padding:19px 17px 17px!important;
    }
    body.qcm-standalone .vquiz-question-heading{
        grid-template-columns:46px minmax(0,1fr)!important;
        gap:12px!important;
    }
    body.qcm-standalone .qcm-question-number{
        width:46px;
        min-height:46px;
        border-radius:13px;
    }
    body.qcm-standalone .qcm-question-number strong{
        font-size:.94rem;
    }
    body.qcm-standalone .qcm-question-title{
        font-size:.91rem!important;
        line-height:1.68!important;
    }
    body.qcm-standalone .qcm-question-actions{
        width:100%!important;
        margin-top:13px;
        justify-content:flex-end!important;
    }
    body.qcm-standalone .vquiz-question-card .qcm-question-image{
        width:calc(100% - 34px)!important;
        margin:18px 17px 0!important;
        border-radius:14px!important;
    }
    body.qcm-standalone .vquiz-question-card .qcm-option-list{
        gap:9px!important;
        padding:18px 17px 20px!important;
    }
    body.qcm-standalone .vquiz-question-card .vquiz-option{
        grid-template-columns:38px minmax(0,1fr) 26px!important;
        gap:10px!important;
        min-height:58px!important;
        padding:9px 10px!important;
        border-radius:14px!important;
    }
    body.qcm-standalone .vquiz-option-marker{
        width:38px;
        height:38px;
        border-radius:11px;
    }
    body.qcm-standalone .vquiz-option-copy{
        font-size:.77rem!important;
        line-height:1.5!important;
    }
    body.qcm-standalone .vquiz-option-check{
        width:25px;
        height:25px;
        border-radius:8px;
    }
    body.qcm-standalone .vquiz-question-card .qcm-inline-feedback,
    body.qcm-standalone .vquiz-study-panel{
        margin-left:17px!important;
        margin-right:17px!important;
    }
    body.qcm-standalone .vquiz-submit-bar{
        bottom:7px!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        padding:10px!important;
        border-radius:14px!important;
    }
    body.qcm-standalone .vquiz-submit-bar>span{
        padding:0 4px;
        text-align:center;
    }
    body.qcm-standalone .vquiz-next-btn{
        width:100%!important;
        min-height:46px!important;
    }
}

@media(max-width:420px){
    body.qcm-standalone .vquiz-question-heading{
        grid-template-columns:1fr!important;
    }
    body.qcm-standalone .qcm-question-number{
        width:max-content;
        min-width:58px;
        min-height:38px;
        grid-template-columns:auto auto;
        gap:5px;
        padding:7px 9px;
    }
    body.qcm-standalone .vquiz-question-card .vquiz-option{
        grid-template-columns:34px minmax(0,1fr) 24px!important;
        gap:8px!important;
    }
    body.qcm-standalone .vquiz-option-marker{
        width:34px;
        height:34px;
    }
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .vquiz-question-card{
        animation:none!important;
    }
    body.qcm-standalone .vquiz-option,
    body.qcm-standalone .vquiz-next-btn,
    body.qcm-standalone .qcm-progress-track span{
        transition:none!important;
    }
}


/* ============================================================
   ACTIVE QUIZ — QUESTION HEADER READABILITY FIX (V15)
   Keep question metadata visually separate from the vignette.
   ============================================================ */
body.qcm-standalone .vquiz-question-top{
    align-items:flex-start!important;
}

body.qcm-standalone .vquiz-question-heading{
    grid-template-columns:1fr!important;
    gap:12px!important;
}

/* "Question 02" becomes a compact metadata pill */
body.qcm-standalone .qcm-question-number{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    width:max-content!important;
    min-width:0!important;
    min-height:0!important;
    padding:7px 10px!important;
    border:1px solid #DCE8FA!important;
    border-radius:999px!important;
    background:#F0F7FF!important;
}

body.qcm-standalone .qcm-question-number span{
    color:#64748B!important;
    font-size:.52rem!important;
    font-weight:850!important;
    line-height:1!important;
    letter-spacing:.06em!important;
}

body.qcm-standalone .qcm-question-number strong{
    margin:0!important;
    color:#387CEE!important;
    font-size:.70rem!important;
    font-weight:950!important;
    line-height:1!important;
}

/* Actual question becomes the dominant element */
body.qcm-standalone .qcm-question-title{
    display:block!important;
    margin-top:4px!important;
    padding-right:12px!important;
    color:#111F3A!important;
    font-size:clamp(1rem,1.8vw,1.18rem)!important;
    font-weight:780!important;
    line-height:1.72!important;
}

/* Bookmark / points stay separate */
body.qcm-standalone .vquiz-question-top .qcm-question-actions{
    margin-left:24px!important;
    padding-top:2px!important;
}

/* Mobile */
@media(max-width:767.98px){
    body.qcm-standalone .vquiz-question-top{
        display:block!important;
    }

    body.qcm-standalone .vquiz-question-heading{
        gap:10px!important;
    }

    body.qcm-standalone .qcm-question-number{
        padding:6px 9px!important;
    }

    body.qcm-standalone .qcm-question-title{
        margin-top:2px!important;
        padding-right:0!important;
        font-size:.95rem!important;
        line-height:1.66!important;
    }

    body.qcm-standalone .vquiz-question-top .qcm-question-actions{
        margin:14px 0 0!important;
        padding-top:0!important;
        justify-content:flex-start!important;
    }
}


/* ============================================================
   LECTURE LIBRARY — FULL-WIDTH CAROUSEL + IMAGE CARD SYSTEM
   ============================================================ */
body.qcm-standalone .lecture-library.is-compact{
    padding:20px 0 64px!important;
    background:
        radial-gradient(circle at 6% 0,rgba(56,206,238,.055),transparent 24%),
        linear-gradient(180deg,#F6F9FD 0%,#FFFFFF 72%)!important;
}
body.qcm-standalone .lecture-library.is-compact>.container{
    width:min(100% - 32px,1280px)!important;
    max-width:1280px!important;
}

/* Full-width carousel sits as its own row under the site header/banner */
body.qcm-standalone .lecture-library.is-compact .lecture-carousel{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:clamp(390px,34vw,500px)!important;
    aspect-ratio:auto!important;
    margin:0 0 30px!important;
    overflow:hidden!important;
    border:1px solid rgba(148,163,184,.20)!important;
    border-radius:26px!important;
    background:#06142C!important;
    box-shadow:0 22px 58px rgba(15,42,91,.16)!important;
    isolation:isolate!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-carousel-slide{
    padding:54px 74px 62px!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-carousel-content{
    max-width:680px!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-carousel h1{
    max-width:660px!important;
    margin:13px 0 10px!important;
    font-size:clamp(2rem,3.9vw,3.35rem)!important;
    line-height:1.05!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-carousel p{
    max-width:600px!important;
    color:#E2E8F0!important;
    font-size:.94rem!important;
    line-height:1.62!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-carousel-content a{
    margin-top:18px!important;
    padding:10px 15px!important;
    border-radius:11px!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-carousel-arrow{
    width:42px!important;
    height:42px!important;
    border-radius:50%!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-carousel-arrow.is-prev{left:16px!important}
body.qcm-standalone .lecture-library.is-compact .lecture-carousel-arrow.is-next{right:16px!important}

/* Content columns only begin AFTER the carousel */
body.qcm-standalone .lecture-library.is-compact .lecture-page-columns{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 290px!important;
    gap:26px!important;
    align-items:start!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-main-column{
    min-width:0!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-section-title{
    margin-bottom:8px;
}
body.qcm-standalone .lecture-library.is-compact .lecture-section-title h2{
    color:#020134!important;
    font-size:1.55rem!important;
    font-weight:900!important;
    letter-spacing:-.025em;
}

/* Filter stays compact and light */
body.qcm-standalone .lecture-library.is-compact .lecture-filter{
    margin:14px 0 18px!important;
    padding:11px 13px!important;
    border:1px solid #E5EAF2!important;
    border-radius:14px!important;
    background:#FFFFFF!important;
    box-shadow:0 7px 18px rgba(2,1,52,.035)!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-filter label{
    color:#334155!important;
    font-size:.72rem!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-filter select{
    border-color:#D9E3EF!important;
    background:#F8FAFC!important;
    color:#263852!important;
}

/* ------------------------------------------------------------
   HOMEPAGE-STYLE LECTURE IMAGE CARDS
   ------------------------------------------------------------ */
body.qcm-standalone .lecture-library.is-compact .lecture-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:16px;
}
body.qcm-standalone .lecture-category-card{
    min-width:0;
    border:1px solid #DDE7F3;
    border-radius:15px;
    background:#FFFFFF;
    box-shadow:0 7px 20px rgba(2,1,52,.045);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.qcm-standalone .lecture-category-card:hover{
    border-color:#AFCDF5;
    box-shadow:0 12px 26px rgba(56,124,238,.10);
    transform:translateY(-2px);
}
body.qcm-standalone .lecture-category-card>a{
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto 16px;
    gap:10px;
    align-items:center;
    min-height:82px;
    padding:13px;
    color:inherit;
    text-decoration:none;
}
body.qcm-standalone .lecture-category-card-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:11px;
    background:linear-gradient(135deg,#EAF3FF,#E6FAFF);
    color:#387CEE;
}
body.qcm-standalone .lecture-category-card-icon svg{width:20px;height:20px}
body.qcm-standalone .lecture-category-card-copy{display:grid;gap:3px;min-width:0}
body.qcm-standalone .lecture-category-card-copy strong{overflow:hidden;color:#152A4A;font-size:.82rem;font-weight:880;text-overflow:ellipsis;white-space:nowrap}
body.qcm-standalone .lecture-category-card-copy small{overflow:hidden;color:#7A8BA2;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}
body.qcm-standalone .lecture-category-card-count{padding:5px 8px;border-radius:999px;background:#EEF5FF;color:#387CEE;font-size:.59rem;font-weight:850;white-space:nowrap}
body.qcm-standalone .lecture-category-card-arrow{width:16px;height:16px;color:#94A3B8}
body.qcm-standalone .lecture-library.is-compact .lecture-image-card{
    min-width:0;
    height:auto!important;
    overflow:hidden!important;
    border:1px solid rgba(148,163,184,.20)!important;
    border-radius:20px!important;
    background:#0B1730!important;
    box-shadow:0 12px 30px rgba(2,1,52,.07)!important;
    transition:
        transform .26s cubic-bezier(.4,0,.2,1),
        border-color .26s ease,
        box-shadow .26s ease!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-image-card:hover{
    border-color:rgba(56,124,238,.32)!important;
    transform:translateY(-4px)!important;
    box-shadow:0 19px 40px rgba(2,1,52,.12)!important;
}
body.qcm-standalone .lecture-image-card-link{
    position:relative;
    display:flex;
    min-height:300px;
    overflow:hidden;
    flex-direction:column;
    justify-content:space-between;
    padding:18px;
    background:
        radial-gradient(circle at 75% 20%,rgba(56,206,238,.22),transparent 28%),
        linear-gradient(135deg,#123D72,#2F78D8);
    background-position:center!important;
    background-size:cover!important;
    color:#FFFFFF!important;
    text-decoration:none!important;
    isolation:isolate;
}
body.qcm-standalone .lecture-image-card-link::before{
    content:"";
    position:absolute;
    z-index:-2;
    inset:0;
    background:inherit;
    background-position:center;
    background-size:cover;
    transform:scale(1.01);
    transition:transform .8s cubic-bezier(.16,1,.3,1),filter .35s ease;
}
body.qcm-standalone .lecture-image-card:hover .lecture-image-card-link::before{
    filter:saturate(1.08);
    transform:scale(1.065);
}
body.qcm-standalone .lecture-image-card-shade{
    position:absolute;
    z-index:-1;
    inset:0;
    background:
        linear-gradient(180deg,rgba(2,8,23,.13) 0%,rgba(2,8,23,.12) 32%,rgba(2,8,23,.90) 100%),
        linear-gradient(90deg,rgba(2,8,23,.26),transparent 70%);
}
body.qcm-standalone .lecture-image-card-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
body.qcm-standalone .lecture-image-card-category{
    display:inline-flex;
    max-width:78%;
    align-items:center;
    padding:6px 10px;
    border:1px solid rgba(255,255,255,.30);
    border-radius:999px;
    background:rgba(15,23,42,.40);
    color:#F8FAFC;
    font-size:.60rem;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}
body.qcm-standalone .lecture-image-card-open{
    display:grid;
    place-items:center;
    width:35px;
    height:35px;
    flex:0 0 35px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:11px;
    background:rgba(255,255,255,.13);
    color:#FFFFFF;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    transition:transform .22s ease,background .22s ease;
}
body.qcm-standalone .lecture-image-card-open svg{width:17px;height:17px}
body.qcm-standalone .lecture-image-card:hover .lecture-image-card-open{
    background:#387CEE;
    transform:translateX(2px);
}
body.qcm-standalone .lecture-image-card-copy{
    display:grid;
    gap:8px;
}
body.qcm-standalone .lecture-image-card-copy h2{
    max-width:92%;
    margin:0!important;
    color:#FFFFFF!important;
    font-size:clamp(1.05rem,1.8vw,1.28rem)!important;
    font-weight:900!important;
    line-height:1.18!important;
    letter-spacing:-.018em;
    text-shadow:0 3px 14px rgba(0,0,0,.26);
}
body.qcm-standalone .lecture-image-card-copy p{
    display:-webkit-box;
    max-width:92%;
    margin:0!important;
    overflow:hidden;
    color:rgba(241,245,249,.83)!important;
    font-size:.70rem!important;
    line-height:1.5!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
body.qcm-standalone .lecture-image-card-meta{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:4px;
    color:rgba(255,255,255,.78);
    font-size:.62rem;
    font-weight:750;
}
body.qcm-standalone .lecture-image-card-meta span{
    display:inline-flex;
    align-items:center;
    gap:5px;
}
body.qcm-standalone .lecture-image-card-meta svg{
    width:15px;
    height:15px;
}
body.qcm-standalone .lecture-image-card-meta strong{
    margin-left:auto;
    color:#FFFFFF;
    font-size:.62rem;
    font-weight:850;
}

/* ------------------------------------------------------------
   RIGHT CATEGORY / RECENT COLUMN
   ------------------------------------------------------------ */
body.qcm-standalone .lecture-library.is-compact .lecture-sidebar{
    position:sticky!important;
    top:92px!important;
    display:grid!important;
    gap:16px!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-sidebar section{
    padding:17px!important;
    overflow:hidden;
    border:1px solid #DDE7F3!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
    box-shadow:0 10px 28px rgba(2,1,52,.05)!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-category-panel{
    background:
        radial-gradient(circle at 100% 0,rgba(56,206,238,.13),transparent 30%),
        linear-gradient(180deg,#F1F7FF 0%,#EAF4FF 100%)!important;
    border-color:#CFE0F3!important;
}
body.qcm-standalone .lecture-sidebar-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
}
body.qcm-standalone .lecture-sidebar-icon{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    flex:0 0 34px;
    border:1px solid #CEE0F6;
    border-radius:11px;
    background:#FFFFFF;
    color:#387CEE;
    box-shadow:0 4px 10px rgba(56,124,238,.06);
}
body.qcm-standalone .lecture-sidebar-icon svg{width:17px;height:17px}
body.qcm-standalone .lecture-library.is-compact .lecture-sidebar h2{
    margin:0!important;
    color:#020134!important;
    font-size:.90rem!important;
    font-weight:900!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-sidebar nav{
    gap:6px!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-sidebar nav a{
    min-height:42px;
    padding:9px 10px!important;
    border:1px solid transparent;
    border-radius:12px!important;
    background:rgba(255,255,255,.58);
    color:#52637A!important;
    font-size:.72rem!important;
    font-weight:760;
    transition:
        transform .20s ease,
        background .20s ease,
        border-color .20s ease,
        color .20s ease!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-sidebar nav a:hover{
    border-color:#C9DCF4;
    background:#FFFFFF!important;
    color:#387CEE!important;
    transform:translateX(3px);
}
body.qcm-standalone .lecture-library.is-compact .lecture-sidebar nav a.is-active{
    border-color:#387CEE!important;
    background:#387CEE!important;
    color:#FFFFFF!important;
    box-shadow:0 8px 18px rgba(56,124,238,.18);
}
body.qcm-standalone .lecture-library.is-compact .lecture-sidebar nav svg{
    width:18px!important;
    flex-basis:18px!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-sidebar nav strong{
    display:grid;
    min-width:25px;
    height:25px;
    place-items:center;
    padding:0 5px;
    border-radius:999px;
    background:rgba(56,124,238,.09);
    color:#387CEE;
    font-size:.59rem!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-sidebar nav a.is-active strong{
    background:rgba(255,255,255,.18);
    color:#FFFFFF;
}

/* Recent lecture mini-cards */
body.qcm-standalone .lecture-library.is-compact .lecture-recent-list{
    gap:6px!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-recent-list>a{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center;
    padding:8px!important;
    border:1px solid transparent;
    border-radius:12px;
    color:#334155!important;
    transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
body.qcm-standalone .lecture-library.is-compact .lecture-recent-list>a:hover{
    border-color:#E1E9F3;
    background:#F8FAFC;
    transform:translateX(2px);
}
body.qcm-standalone .lecture-library.is-compact .lecture-recent-thumb{
    width:58px;
    height:48px!important;
    flex-basis:58px!important;
    border-radius:10px!important;
    background-color:#DBEAFE!important;
}
body.qcm-standalone .lecture-library.is-compact .lecture-recent-list strong{
    color:#243752;
    font-size:.72rem!important;
    font-weight:820;
}
body.qcm-standalone .lecture-library.is-compact .lecture-recent-list time{
    margin-top:3px!important;
    color:#94A3B8!important;
    font-size:.60rem!important;
}

/* Responsive */
@media(max-width:991.98px){
    body.qcm-standalone .lecture-library.is-compact>.container{
        width:min(100% - 24px,1280px)!important;
    }
    body.qcm-standalone .lecture-library.is-compact .lecture-page-columns{
        grid-template-columns:1fr!important;
    }
    body.qcm-standalone .lecture-library.is-compact .lecture-sidebar{
        position:static!important;
        grid-template-columns:1fr 1fr!important;
    }
    body.qcm-standalone .lecture-library.is-compact .lecture-category-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:700px){
    body.qcm-standalone .lecture-library.is-compact>.container{
        width:min(100% - 18px,1280px)!important;
    }
    body.qcm-standalone .lecture-library.is-compact .lecture-carousel{
        height:390px!important;
        border-radius:20px!important;
    }
    body.qcm-standalone .lecture-library.is-compact .lecture-carousel-slide{
        padding:36px 46px 56px!important;
    }
    body.qcm-standalone .lecture-library.is-compact .lecture-carousel h1{
        font-size:1.8rem!important;
    }
    body.qcm-standalone .lecture-library.is-compact .lecture-carousel p{
        display:-webkit-box;
        overflow:hidden;
        font-size:.80rem!important;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
    }
    body.qcm-standalone .lecture-library.is-compact .lecture-grid{
        grid-template-columns:1fr!important;
    }
    body.qcm-standalone .lecture-image-card-link{
        min-height:270px;
    }
    body.qcm-standalone .lecture-library.is-compact .lecture-sidebar{
        grid-template-columns:1fr!important;
    }
}
@media(max-width:480px){
    body.qcm-standalone .lecture-library.is-compact .lecture-carousel-slide{
        padding:30px 28px 58px!important;
    }
    body.qcm-standalone .lecture-library.is-compact .lecture-carousel-arrow{
        top:auto!important;
        bottom:14px!important;
        transform:none!important;
    }
    body.qcm-standalone .lecture-library.is-compact .lecture-carousel-arrow:hover{
        transform:scale(1.05)!important;
    }
    body.qcm-standalone .lecture-image-card-link{
        min-height:245px;
        padding:15px;
    }
}
@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .lecture-image-card,
    body.qcm-standalone .lecture-image-card-link::before,
    body.qcm-standalone .lecture-image-card-open,
    body.qcm-standalone .lecture-sidebar nav a{
        transition:none!important;
    }
}



/* ============================================================
   QCM EXAM THEME TOGGLE + HIGHLIGHT UX
   ============================================================ */
body.qcm-standalone [data-highlightable]{
    -webkit-user-select:text!important;
    user-select:text!important;
}
body.qcm-standalone .vquiz-option-copy{
    cursor:text;
}
body.qcm-standalone .qcm-highlight-popover{
    z-index:5000!important;
    border-color:rgba(56,124,238,.25)!important;
    background:#020134!important;
    box-shadow:0 12px 30px rgba(2,1,52,.28)!important;
    cursor:pointer;
    pointer-events:auto!important;
}

body.qcm-standalone .vquiz-head-actions,
body.qcm-standalone .vquiz-exam-status-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    flex-wrap:wrap;
}
body.qcm-standalone .vquiz-theme-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:38px;
    padding:0 11px;
    border:1px solid #D9E4F0;
    border-radius:11px;
    background:#FFFFFF;
    color:#52637A;
    font-size:.64rem;
    font-weight:850;
    box-shadow:0 4px 12px rgba(2,1,52,.035);
    cursor:pointer;
    transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}
body.qcm-standalone .vquiz-theme-toggle:hover{
    border-color:#AFCBF1;
    background:#F7FAFF;
    color:#387CEE;
    transform:translateY(-1px);
}
body.qcm-standalone .vquiz-theme-toggle:active{transform:scale(.97)}
body.qcm-standalone .vquiz-theme-icon{
    display:grid;
    place-items:center;
}
body.qcm-standalone .vquiz-theme-icon svg{width:16px;height:16px}
body.qcm-standalone .vquiz-theme-icon.is-dark{display:none}
body.qcm-standalone.qcm-exam-dark .vquiz-theme-icon.is-light{display:none}
body.qcm-standalone.qcm-exam-dark .vquiz-theme-icon.is-dark{display:grid}

/* ============================================================
   VITALIA DARK EXAM MODE
   Scoped to setup + active quiz components.
   ============================================================ */
body.qcm-standalone.qcm-exam-dark{
    background:#07111F!important;
    color:#E8EEF8!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-shell:has(.vquiz-setup-card),
body.qcm-standalone.qcm-exam-dark .qcm-shell:has(.vquiz-question-card){
    min-height:calc(100vh - 70px);
    background:
        radial-gradient(circle at 10% 0,rgba(56,206,238,.07),transparent 25%),
        radial-gradient(circle at 90% 8%,rgba(56,124,238,.10),transparent 30%),
        #07111F!important;
}

/* top site header */
body.qcm-standalone.qcm-exam-dark .qcm-topbar{
    border-bottom-color:#1D2D43!important;
    background:rgba(8,17,31,.96)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-nav>a{
    color:#B9C7D9!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-nav>a:hover,
body.qcm-standalone.qcm-exam-dark .qcm-nav>a.is-active{
    color:#FFFFFF!important;
    background:#14243A!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-language-menu>summary,
body.qcm-standalone.qcm-exam-dark .qcm-account-menu>summary,
body.qcm-standalone.qcm-exam-dark .qcm-notification-menu>summary{
    border-color:#263A53!important;
    background:#101D2F!important;
    color:#E7EEF8!important;
}

/* setup + quiz hero/header */
body.qcm-standalone.qcm-exam-dark .vquiz-setup-head,
body.qcm-standalone.qcm-exam-dark .vquiz-exam-head{
    border-color:#26384F!important;
    background:
        radial-gradient(circle at 92% 0,rgba(56,124,238,.12),transparent 32%),
        linear-gradient(135deg,#0E1B2D,#122238)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-setup-head h1,
body.qcm-standalone.qcm-exam-dark .vquiz-exam-head h1,
body.qcm-standalone.qcm-exam-dark .vquiz-section-copy strong,
body.qcm-standalone.qcm-exam-dark .vquiz-progress-copy strong{
    color:#F3F7FC!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-setup-head p,
body.qcm-standalone.qcm-exam-dark .vquiz-exam-head p,
body.qcm-standalone.qcm-exam-dark .vquiz-progress-copy span{
    color:#9FB0C5!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-setup-head-icon,
body.qcm-standalone.qcm-exam-dark .vquiz-exam-icon,
body.qcm-standalone.qcm-exam-dark .vquiz-section-icon{
    border-color:#294261!important;
    background:#14263D!important;
    color:#5AB5FF!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-question-availability{
    border-color:#29415C!important;
    background:#13243A!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-question-availability small{
    color:#9FB0C5!important;
}

/* setup cards */
body.qcm-standalone.qcm-exam-dark .vquiz-setup-section,
body.qcm-standalone.qcm-exam-dark .vquiz-setup-footer{
    border-color:#273A52!important;
    background:
        linear-gradient(180deg,#101E31 0%,#0D1A2B 100%)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-setup-section legend{
    border-bottom-color:#24364C!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-number-field label{
    color:#E8EEF8!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-number-field small,
body.qcm-standalone.qcm-exam-dark .vquiz-setup-safe{
    color:#98A9BE!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-number-control,
body.qcm-standalone.qcm-exam-dark .vquiz-timer-input-wrap{
    border-color:#2A405A!important;
    background:#0A1728!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-number-control input,
body.qcm-standalone.qcm-exam-dark .vquiz-timer-input-wrap input{
    color:#F2F6FC!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-number-step{
    border-color:#2B435F!important;
    background:#14243A!important;
    color:#6DB7FF!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-setup-section .qcm-choice-card{
    border-color:#2A3D55!important;
    background:#122137!important;
    box-shadow:none!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-setup-section .qcm-choice-card strong{
    color:#E6EDF7!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-setup-section .qcm-choice-card small{
    color:#9BAEC4!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-setup-section .qcm-choice-card:hover{
    border-color:#387CEE!important;
    background:#162942!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-setup-section .qcm-choice-card:has(input:checked){
    border-color:#4B8AF0!important;
    background:#245EBB!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-choice-marker{
    border-color:#52657B!important;
    background:#0D192A!important;
}

/* active question */
body.qcm-standalone.qcm-exam-dark .vquiz-question-card{
    border-color:#263A52!important;
    background:#0D1A2B!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-question-top{
    border-bottom-color:#26384D!important;
    background:
        radial-gradient(circle at 96% 0,rgba(56,124,238,.09),transparent 28%),
        #0F1E31!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-question-number{
    border-color:#2D4664!important;
    background:#142842!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-question-number span{
    color:#A2B3C7!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-question-number strong{
    color:#6CB7FF!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-question-title{
    color:#F0F5FB!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-question-score,
body.qcm-standalone.qcm-exam-dark .qcm-bookmark-btn,
body.qcm-standalone.qcm-exam-dark .qcm-exam-timer{
    border-color:#2A405A!important;
    background:#132238!important;
    color:#C4D1E1!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-progress-track{
    background:#24364A!important;
}

/* answer options */
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .vquiz-option{
    border-color:#293D55!important;
    background:#111F33!important;
    color:#DDE7F3!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .vquiz-option:hover{
    border-color:#4D8EF4!important;
    background:#152841!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-option-marker,
body.qcm-standalone.qcm-exam-dark .vquiz-option-check{
    border-color:#344C67!important;
    background:#0D192A!important;
    color:#AFC0D4;
}
body.qcm-standalone.qcm-exam-dark .vquiz-option:has(input:checked):not(.is-correct):not(.is-wrong){
    border-color:#4B8DF5!important;
    background:#17345A!important;
    box-shadow:0 0 0 3px rgba(56,124,238,.12)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-option:has(input:checked):not(.is-correct):not(.is-wrong) .vquiz-option-marker{
    border-color:#4B8DF5!important;
    background:#387CEE!important;
    color:#FFFFFF!important;
}

/* feedback remains semantic but dark-compatible */
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .qcm-option.is-correct{
    border-color:#22C55E!important;
    background:#0D3022!important;
    color:#B8F5CF!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .qcm-option.is-wrong{
    border-color:#EF4444!important;
    background:#38191D!important;
    color:#FFC3C3!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .qcm-inline-feedback{
    border-color:#29425F!important;
    background:#11243B!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .qcm-inline-feedback>strong{
    color:#87C4FF!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .qcm-inline-feedback p{
    color:#B1C0D2!important;
}

/* personal study / tools */
body.qcm-standalone.qcm-exam-dark .vquiz-study-panel{
    border-color:#263A52!important;
    background:#101D30!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-study-actions button,
body.qcm-standalone.qcm-exam-dark .vquiz-study-panel details,
body.qcm-standalone.qcm-exam-dark .qcm-study-editor textarea{
    border-color:#2B405A!important;
    background:#14243A!important;
    color:#C6D3E3!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-highlight-hint{
    color:#A4B5C8!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-question-tools{
    border-top-color:#26394F!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-report-tool [data-report-form]{
    border-color:#2B405A!important;
    background:#122238!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-report-tool label{
    color:#C0CDDC!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-report-tool textarea{
    border-color:#344B65!important;
    background:#0B1727!important;
    color:#E2EAF4!important;
}

/* bottom navigation */
body.qcm-standalone.qcm-exam-dark .vquiz-submit-bar{
    border-color:#2A3F58!important;
    background:rgba(12,25,42,.95)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.34)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-submit-bar>span{
    color:#A9B8CA!important;
}

/* theme button itself */
body.qcm-standalone.qcm-exam-dark .vquiz-theme-toggle{
    border-color:#304762!important;
    background:#13243A!important;
    color:#D8E3F0!important;
    box-shadow:none;
}
body.qcm-standalone.qcm-exam-dark .vquiz-theme-toggle:hover{
    border-color:#4B8DF5!important;
    background:#172B45!important;
    color:#FFFFFF!important;
}

/* saved highlight remains highly visible in both themes */
body.qcm-standalone.qcm-exam-dark .qcm-saved-highlight{
    background:#F6D95B!important;
    color:#182033!important;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
}

@media(max-width:767.98px){
    body.qcm-standalone .vquiz-head-actions{
        width:100%;
        justify-content:space-between;
        grid-column:1/-1;
    }
    body.qcm-standalone .vquiz-exam-status-actions{
        justify-content:space-between;
    }
    body.qcm-standalone .vquiz-theme-toggle{
        min-height:36px;
        padding:0 10px;
    }
}


/* ============================================================
   FINAL DARK MODE SCOPE FIX — HEADER ALWAYS LIGHT
   ============================================================ */

/* Global Vitalia header is permanently pristine light */
body.qcm-standalone .qcm-topbar,
body.qcm-standalone.qcm-exam-dark .qcm-topbar{
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    background:#FFFFFF!important;
    border-bottom:1px solid #E5EAF2!important;
    box-shadow:0 6px 20px rgba(2,1,52,.035)!important;
    color:#020134!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-nav>a{
    color:#435571!important;
    background:transparent!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-nav>a:hover{
    color:#387CEE!important;
    background:#F8FAFC!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-nav>a.is-active{
    color:#387CEE!important;
    background:#EEF5FF!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-language-menu>summary,
body.qcm-standalone.qcm-exam-dark .qcm-account-menu>summary,
body.qcm-standalone.qcm-exam-dark .qcm-notification-menu>summary{
    background:#FFFFFF!important;
    border-color:#E5EAF2!important;
    color:#020134!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-language-popover,
body.qcm-standalone.qcm-exam-dark .qcm-account-popover,
body.qcm-standalone.qcm-exam-dark .qcm-notification-popover{
    background:#FFFFFF!important;
    color:#020134!important;
    border-color:#E5EAF2!important;
}

/* Header-level theme toggle */
body.qcm-standalone .qcm-header-theme-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:42px;
    padding:0 12px;
    border:1px solid #E5EAF2;
    border-radius:12px;
    background:#F8FAFC;
    color:#020134;
    font-size:.65rem;
    font-weight:850;
    line-height:1;
    cursor:pointer;
    box-shadow:0 4px 12px rgba(2,1,52,.035);
    transition:all .2s ease;
}
body.qcm-standalone .qcm-header-theme-toggle:hover{
    border-color:#387CEE;
    background:#FFFFFF;
    color:#387CEE;
    transform:translateY(-1px);
    box-shadow:0 7px 18px rgba(56,124,238,.08);
}
body.qcm-standalone .qcm-header-theme-toggle:active{transform:scale(.97)}
body.qcm-standalone .qcm-header-theme-icon{
    display:grid;
    place-items:center;
}
body.qcm-standalone .qcm-header-theme-icon svg{width:16px;height:16px}
body.qcm-standalone .qcm-header-theme-icon.is-dark{display:none}
body.qcm-standalone.qcm-exam-dark .qcm-header-theme-icon.is-light{display:none}
body.qcm-standalone.qcm-exam-dark .qcm-header-theme-icon.is-dark{display:grid}

/* Main page outside quiz remains light; dark mode begins only at exam workspace */
body.qcm-standalone.qcm-exam-dark{
    background:#F4F7FC!important;
    color:#020134!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-standalone-main{
    background:#F4F7FC!important;
}

/* Setup/quiz shell becomes the isolated night workspace */
body.qcm-standalone.qcm-exam-dark .qcm-shell:has(.vquiz-setup-card),
body.qcm-standalone.qcm-exam-dark .qcm-shell:has(.vquiz-question-card){
    min-height:calc(100vh - 72px);
    padding-top:28px!important;
    padding-bottom:44px!important;
    background:
        radial-gradient(circle at 8% 2%,rgba(56,206,238,.07),transparent 24%),
        radial-gradient(circle at 92% 8%,rgba(56,124,238,.11),transparent 28%),
        #080820!important;
}

/* Main quiz/setup cards use supplied navy system */
body.qcm-standalone.qcm-exam-dark .vquiz-setup-head,
body.qcm-standalone.qcm-exam-dark .vquiz-exam-head,
body.qcm-standalone.qcm-exam-dark .vquiz-setup-section,
body.qcm-standalone.qcm-exam-dark .vquiz-setup-footer,
body.qcm-standalone.qcm-exam-dark .vquiz-question-card{
    background:#020134!important;
    border-color:rgba(56,124,238,.28)!important;
    box-shadow:0 22px 52px rgba(2,1,52,.36)!important;
}

/* Quiz card inner hierarchy */
body.qcm-standalone.qcm-exam-dark .vquiz-question-top{
    background:#020134!important;
    border-bottom-color:rgba(148,163,184,.12)!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-question-title,
body.qcm-standalone.qcm-exam-dark .vquiz-setup-head h1,
body.qcm-standalone.qcm-exam-dark .vquiz-exam-head h1,
body.qcm-standalone.qcm-exam-dark .vquiz-section-copy strong{
    color:#F8FAFC!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-setup-head p,
body.qcm-standalone.qcm-exam-dark .vquiz-exam-head p,
body.qcm-standalone.qcm-exam-dark .vquiz-number-field small,
body.qcm-standalone.qcm-exam-dark .vquiz-setup-safe{
    color:#94A3B8!important;
}

/* Question badge / metadata */
body.qcm-standalone.qcm-exam-dark .qcm-question-number{
    background:rgba(56,124,238,.15)!important;
    border-color:rgba(56,124,238,.30)!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-question-number span{color:#94A3B8!important}
body.qcm-standalone.qcm-exam-dark .qcm-question-number strong{color:#38CEEE!important}

/* Dark glass option pills */
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .vquiz-option{
    background:#0F172A!important;
    border-color:rgba(148,163,184,.16)!important;
    color:#F8FAFC!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .vquiz-option:hover{
    border-color:#38CEEE!important;
    background:#111B31!important;
    transform:translateY(-2px)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-option-marker{
    background:#1E293B!important;
    border-color:rgba(148,163,184,.18)!important;
    color:#38CEEE!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-option-check{
    background:#111827!important;
    border-color:#334155!important;
}

/* Selected option */
body.qcm-standalone.qcm-exam-dark .vquiz-option:has(input:checked):not(.is-correct):not(.is-wrong){
    background:rgba(56,124,238,.17)!important;
    border-color:#387CEE!important;
    box-shadow:0 0 0 3px rgba(56,124,238,.10)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-option:has(input:checked):not(.is-correct):not(.is-wrong) .vquiz-option-marker{
    background:#387CEE!important;
    color:#FFFFFF!important;
    border-color:#387CEE!important;
}

/* Feedback / study areas */
body.qcm-standalone.qcm-exam-dark .qcm-inline-feedback,
body.qcm-standalone.qcm-exam-dark .vquiz-study-panel{
    background:#0F172A!important;
    border-color:rgba(148,163,184,.15)!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-inline-feedback>strong{
    color:#38CEEE!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-inline-feedback p{
    color:#F8FAFC!important;
}

/* Dark setup controls */
body.qcm-standalone.qcm-exam-dark .vquiz-setup-section .qcm-choice-card{
    background:#0F172A!important;
    border-color:rgba(148,163,184,.16)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-setup-section .qcm-choice-card:hover{
    border-color:#38CEEE!important;
    background:#111B31!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-setup-section .qcm-choice-card:has(input:checked){
    background:#387CEE!important;
    border-color:#387CEE!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-number-control,
body.qcm-standalone.qcm-exam-dark .vquiz-timer-input-wrap{
    background:#0F172A!important;
    border-color:rgba(148,163,184,.18)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-number-control input,
body.qcm-standalone.qcm-exam-dark .vquiz-timer-input-wrap input,
body.qcm-standalone.qcm-exam-dark .vquiz-number-field label{
    color:#F8FAFC!important;
}

/* Bottom quiz footer */
body.qcm-standalone.qcm-exam-dark .vquiz-submit-bar{
    background:#070617!important;
    border-color:rgba(148,163,184,.14)!important;
    box-shadow:0 16px 36px rgba(2,1,52,.38)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-submit-bar>span{
    color:#94A3B8!important;
}

/* Preserve semantic correct/wrong feedback */
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .qcm-option.is-correct{
    background:rgba(34,197,94,.10)!important;
    border-color:rgba(34,197,94,.42)!important;
    color:#D1FAE5!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .qcm-option.is-wrong{
    background:rgba(239,68,68,.10)!important;
    border-color:rgba(239,68,68,.42)!important;
    color:#FECACA!important;
}

/* Mobile header toggle stays compact and never overlaps content */
@media(max-width:767.98px){
    body.qcm-standalone .qcm-header-theme-toggle{
        min-width:42px;
        width:42px;
        padding:0;
        border-radius:12px;
    }
    body.qcm-standalone .qcm-header-theme-toggle [data-qcm-theme-label]{
        display:none;
    }
}


/* ============================================================
   ACTIVE QCM — STREAMLINED UNIFIED EXAM WORKSPACE
   ============================================================ */

/* Compact session + progress banner */
body.qcm-standalone .vquiz-session-banner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 220px!important;
    gap:22px!important;
    align-items:center!important;
    margin-bottom:18px!important;
    padding:15px 18px!important;
    border:1px solid #E5EAF2!important;
    border-radius:18px!important;
    background:#FFFFFF!important;
    box-shadow:0 8px 24px rgba(2,1,52,.04)!important;
}
body.qcm-standalone .vquiz-session-banner .vquiz-exam-icon{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    border-radius:11px!important;
}
body.qcm-standalone .vquiz-session-banner h1{
    margin-top:2px!important;
    font-size:.98rem!important;
}
body.qcm-standalone .vquiz-session-banner p{
    font-size:.67rem!important;
}
body.qcm-standalone .vquiz-session-banner .qcm-progress-track{
    height:6px!important;
    margin-top:6px!important;
    border-radius:999px!important;
    background:#E2E8F0!important;
}
body.qcm-standalone .vquiz-session-banner .qcm-progress-track span{
    background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
    border-radius:999px!important;
}
body.qcm-standalone .vquiz-session-banner .vquiz-exam-status-actions{
    margin-top:7px;
}

/* Unified master question card */
body.qcm-standalone .vquiz-question-card{
    padding:28px!important;
    border:1px solid #E5EAF2!important;
    border-radius:24px!important;
    background:#FFFFFF!important;
    box-shadow:0 16px 40px rgba(2,1,52,.06)!important;
}
body.qcm-standalone .vquiz-question-card::before{
    display:none!important;
}
body.qcm-standalone .vquiz-question-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:18px!important;
    align-items:start!important;
    margin:0 0 22px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
body.qcm-standalone .vquiz-question-heading{
    gap:12px!important;
}
body.qcm-standalone .qcm-question-number{
    padding:6px 11px!important;
    border:1px solid rgba(56,124,238,.15)!important;
    border-radius:999px!important;
    background:rgba(56,124,238,.08)!important;
}
body.qcm-standalone .qcm-question-title{
    margin-top:3px!important;
    color:#020134!important;
    font-size:clamp(1.05rem,1.8vw,1.28rem)!important;
    font-weight:800!important;
    line-height:1.68!important;
}
body.qcm-standalone .qcm-question-actions{
    margin:0!important;
    padding:0!important;
}

/* Image vignette sits naturally inside same card */
body.qcm-standalone .vquiz-question-card .qcm-question-image{
    width:100%!important;
    max-height:430px!important;
    margin:0 0 24px!important;
    padding:16px!important;
    border:0!important;
    border-radius:16px!important;
    background:#0B0A26!important;
    box-shadow:none!important;
    object-fit:contain!important;
}

/* Options */
body.qcm-standalone .vquiz-question-card .qcm-option-list{
    gap:12px!important;
    padding:0!important;
}
body.qcm-standalone .vquiz-question-card .vquiz-option{
    min-height:58px!important;
    padding:11px 14px!important;
    border:1px solid #E5EAF2!important;
    border-radius:16px!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
}
body.qcm-standalone .vquiz-question-card .vquiz-option:hover{
    border-color:#387CEE!important;
    background:#FAFCFF!important;
    transform:translateY(-2px)!important;
}
body.qcm-standalone .vquiz-option-marker{
    width:34px!important;
    height:34px!important;
    border:0!important;
    border-radius:9px!important;
    background:#020134!important;
    color:#FFFFFF!important;
}
body.qcm-standalone .vquiz-option-copy{
    color:#020134!important;
    font-size:.88rem!important;
    font-weight:650!important;
}

/* Selected state stays blue */
body.qcm-standalone .vquiz-option:has(input:checked):not(.is-correct):not(.is-wrong){
    border-color:#387CEE!important;
    background:#F2F7FF!important;
    box-shadow:0 0 0 3px rgba(56,124,238,.07)!important;
}
body.qcm-standalone .vquiz-option:has(input:checked):not(.is-correct):not(.is-wrong) .vquiz-option-marker{
    background:#387CEE!important;
}

/* Flatten study/actions inside same master card */
body.qcm-standalone .vquiz-study-panel{
    margin:22px 0 0!important;
    padding:16px 0 0!important;
    border:0!important;
    border-top:1px solid #EEF2F7!important;
    border-radius:0!important;
    background:transparent!important;
}
body.qcm-standalone .vquiz-study-panel .qcm-study-actions{
    gap:8px!important;
}
body.qcm-standalone .vquiz-study-panel .qcm-study-actions button{
    min-height:36px!important;
    padding:0 11px!important;
    border:1px solid #E5EAF2!important;
    border-radius:10px!important;
    background:#F8FAFC!important;
    color:#52637A!important;
    box-shadow:none!important;
}
body.qcm-standalone .vquiz-study-panel .qcm-study-actions button:hover{
    border-color:#BFD5F6!important;
    background:#F2F7FF!important;
    color:#387CEE!important;
}

/* Existing highlight/report section becomes visually quiet and part of card */
body.qcm-standalone .qcm-question-tools{
    margin-top:14px!important;
    padding-top:12px!important;
    border-top:1px solid #EEF2F7!important;
}
body.qcm-standalone .qcm-highlight-hint,
body.qcm-standalone .qcm-report-tool>summary{
    font-size:.64rem!important;
}

/* Selection helper pulse */
body.qcm-standalone [data-highlightable].is-highlight-prompt{
    border-radius:6px;
    animation:vquizHighlightPrompt .9s ease;
}
@keyframes vquizHighlightPrompt{
    0%,100%{background:transparent}
    35%,70%{background:rgba(56,206,238,.16)}
}

/* Sticky bottom unified action bar */
body.qcm-standalone .vquiz-submit-bar{
    position:sticky!important;
    bottom:12px!important;
    z-index:40!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:16px!important;
    align-items:center!important;
    margin:18px 0 6px!important;
    padding:12px 14px 12px 16px!important;
    border:1px solid #E5EAF2!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 14px 34px rgba(2,1,52,.14)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
}
body.qcm-standalone .vquiz-footer-left{
    display:flex;
    align-items:center;
    gap:16px;
    min-width:0;
}
body.qcm-standalone .vquiz-footer-left>[data-submit-progress]{
    flex:0 0 auto;
    color:#64748B;
    font-size:.67rem;
    font-weight:800;
}
body.qcm-standalone .vquiz-footer-tools{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
}
body.qcm-standalone .vquiz-footer-tool{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:34px;
    padding:0 9px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#64748B;
    font-size:.63rem;
    font-weight:750;
    cursor:pointer;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
body.qcm-standalone .vquiz-footer-tool:hover{
    background:#F1F5F9;
    color:#387CEE;
    transform:translateY(-1px);
}
body.qcm-standalone .vquiz-footer-tool.is-report:hover{
    background:#FFF1F2;
    color:#E11D48;
}
body.qcm-standalone .vquiz-footer-tool svg{
    width:15px;
    height:15px;
}
body.qcm-standalone .vquiz-next-btn{
    min-width:155px!important;
    min-height:44px!important;
    border-radius:13px!important;
    background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
}

/* Dark mode: preserve isolated dark workspace from previous fix */
body.qcm-standalone.qcm-exam-dark .vquiz-session-banner,
body.qcm-standalone.qcm-exam-dark .vquiz-question-card{
    background:#020134!important;
    border-color:rgba(56,124,238,.26)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .vquiz-option{
    background:#0F172A!important;
    border-color:rgba(148,163,184,.16)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-question-card .vquiz-option:hover{
    background:#111B31!important;
    border-color:#38CEEE!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-option-copy,
body.qcm-standalone.qcm-exam-dark .qcm-question-title{
    color:#F8FAFC!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-study-panel{
    border-top-color:rgba(148,163,184,.14)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-study-panel .qcm-study-actions button{
    background:#0F172A!important;
    border-color:rgba(148,163,184,.16)!important;
    color:#CBD5E1!important;
}
body.qcm-standalone.qcm-exam-dark .qcm-question-tools{
    border-top-color:rgba(148,163,184,.14)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-submit-bar{
    background:rgba(7,6,23,.96)!important;
    border-color:rgba(148,163,184,.15)!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-footer-tool{
    color:#94A3B8!important;
}
body.qcm-standalone.qcm-exam-dark .vquiz-footer-tool:hover{
    background:#0F172A!important;
    color:#38CEEE!important;
}

/* Phone */
@media(max-width:767.98px){
    body.qcm-standalone .vquiz-session-banner{
        grid-template-columns:1fr!important;
        gap:12px!important;
        padding:14px!important;
        border-radius:16px!important;
    }
    body.qcm-standalone .vquiz-question-card{
        padding:18px 15px!important;
        border-radius:18px!important;
    }
    body.qcm-standalone .vquiz-question-top{
        grid-template-columns:1fr!important;
        gap:12px!important;
        margin-bottom:18px!important;
    }
    body.qcm-standalone .qcm-question-actions{
        justify-content:flex-start!important;
    }
    body.qcm-standalone .vquiz-question-card .qcm-question-image{
        max-height:340px!important;
        padding:10px!important;
        margin-bottom:18px!important;
    }
    body.qcm-standalone .vquiz-question-card .vquiz-option{
        grid-template-columns:34px minmax(0,1fr) 24px!important;
        gap:10px!important;
        min-height:56px!important;
        padding:10px!important;
    }
    body.qcm-standalone .vquiz-option-copy{
        font-size:.80rem!important;
    }
    body.qcm-standalone .vquiz-study-panel .qcm-study-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
    }
    body.qcm-standalone .vquiz-submit-bar{
        grid-template-columns:1fr!important;
        gap:9px!important;
        bottom:8px!important;
        padding:10px!important;
        border-radius:15px!important;
    }
    body.qcm-standalone .vquiz-footer-left{
        display:grid;
        gap:7px;
    }
    body.qcm-standalone .vquiz-footer-tools{
        overflow-x:auto;
        scrollbar-width:none;
    }
    body.qcm-standalone .vquiz-footer-tools::-webkit-scrollbar{display:none}
    body.qcm-standalone .vquiz-footer-tool{
        flex:0 0 auto;
        white-space:nowrap;
    }
    body.qcm-standalone .vquiz-next-btn{
        width:100%!important;
    }
}

@media(max-width:420px){
    body.qcm-standalone .vquiz-footer-tool span{
        font-size:.59rem;
    }
}


/* ============================================================
   QCM RESULTS — VITALIA MASTERY DASHBOARD
   ============================================================ */
body.qcm-standalone .qcm-result-page{
    background:
        radial-gradient(circle at 8% 0,rgba(56,206,238,.06),transparent 24%),
        linear-gradient(180deg,#F7FAFD 0%,#F4F7FC 100%)!important;
}
body.qcm-standalone .qcm-result-wrap{
    width:min(100%,1060px);
    margin:0 auto;
}

/* Hero */
body.qcm-standalone .qcm-result-hero{
    position:relative;
    overflow:hidden;
    padding:30px;
    border:1px solid #E5EAF2;
    border-radius:24px;
    background:#FFFFFF;
    box-shadow:0 20px 50px rgba(2,1,52,.07);
}
body.qcm-standalone .qcm-result-hero-glow{
    position:absolute;
    top:-160px;
    right:-120px;
    width:390px;
    height:390px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(56,206,238,.13),rgba(56,124,238,.05) 42%,transparent 70%);
    pointer-events:none;
}
body.qcm-standalone .qcm-result-hero-main{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1fr) 180px;
    gap:40px;
    align-items:center;
}
body.qcm-standalone .qcm-result-hero-copy{
    max-width:680px;
}
body.qcm-standalone .qcm-result-status{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:32px;
    padding:0 11px;
    border:1px solid #BBE7CE;
    border-radius:999px;
    background:#F0FDF4;
    color:#168348;
    font-size:.64rem;
    font-weight:850;
}
body.qcm-standalone .qcm-result-hero.is-review .qcm-result-status{
    border-color:#FED7AA;
    background:#FFF7ED;
    color:#B45309;
}
body.qcm-standalone .qcm-result-status-icon{
    display:grid;
    place-items:center;
    width:19px;
    height:19px;
    border-radius:50%;
    background:#DCFCE7;
}
body.qcm-standalone .qcm-result-hero.is-review .qcm-result-status-icon{
    background:#FFEDD5;
}
body.qcm-standalone .qcm-result-status-icon svg{
    width:12px;
    height:12px;
}
body.qcm-standalone .qcm-result-kicker{
    display:block;
    margin-top:17px;
    color:#387CEE;
    font-size:.59rem;
    font-weight:900;
    letter-spacing:.10em;
    text-transform:uppercase;
}
body.qcm-standalone .qcm-result-hero h1{
    margin:6px 0 8px;
    color:#020134;
    font-size:clamp(1.6rem,3vw,2.4rem);
    font-weight:900;
    line-height:1.08;
    letter-spacing:-.035em;
}
body.qcm-standalone .qcm-result-hero p{
    max-width:610px;
    margin:0;
    color:#64748B;
    font-size:.82rem;
    line-height:1.65;
}

/* Score ring */
body.qcm-standalone .qcm-result-score-visual{
    display:grid;
    place-items:center;
}
body.qcm-standalone .qcm-result-score-ring{
    --size:148px;
    position:relative;
    display:grid;
    place-items:center;
    width:var(--size);
    height:var(--size);
    border-radius:50%;
    background:
        conic-gradient(from -90deg,#38CEEE 0%,#387CEE calc(var(--score) * 1%),#E8EEF6 calc(var(--score) * 1%),#E8EEF6 100%);
    box-shadow:
        0 14px 30px rgba(56,124,238,.15),
        0 0 30px rgba(56,206,238,.10);
}
body.qcm-standalone .qcm-result-score-ring::after{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:50%;
    background:#FFFFFF;
    box-shadow:inset 0 0 0 1px #EEF2F7;
}
body.qcm-standalone .qcm-result-score-ring>div{
    position:relative;
    z-index:1;
    display:grid;
    justify-items:center;
    gap:3px;
}
body.qcm-standalone .qcm-result-score-ring strong{
    background:linear-gradient(90deg,#38CEEE,#387CEE);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    font-size:1.8rem;
    font-weight:950;
    line-height:1;
}
body.qcm-standalone .qcm-result-score-ring span{
    color:#64748B;
    font-size:.59rem;
    font-weight:800;
}

/* Metrics */
body.qcm-standalone .qcm-result-metrics{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:26px;
}
body.qcm-standalone .qcm-result-metric{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:11px;
    align-items:center;
    min-height:78px;
    padding:13px 15px;
    border:1px solid #EEF2F7;
    border-radius:16px;
    background:#F8FAFC;
}
body.qcm-standalone .qcm-result-metric-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid #DCE8FA;
    border-radius:11px;
    background:#FFFFFF;
    color:#387CEE;
}
body.qcm-standalone .qcm-result-metric-icon svg{
    width:18px;
    height:18px;
}
body.qcm-standalone .qcm-result-metric div{
    display:grid;
    gap:4px;
}
body.qcm-standalone .qcm-result-metric small{
    color:#7B8CA5;
    font-size:.58rem;
    font-weight:800;
}
body.qcm-standalone .qcm-result-metric strong{
    color:#020134;
    font-size:1rem;
    font-weight:900;
}
body.qcm-standalone .qcm-result-metric strong em{
    color:#94A3B8;
    font-size:.68rem;
    font-style:normal;
    font-weight:750;
}

/* Review heading */
body.qcm-standalone .qcm-result-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:30px 0 14px;
}
body.qcm-standalone .qcm-result-section-head>div{
    display:flex;
    align-items:center;
    gap:11px;
}
body.qcm-standalone .qcm-result-section-icon{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border:1px solid #DCE8FA;
    border-radius:12px;
    background:#EEF6FF;
    color:#387CEE;
}
body.qcm-standalone .qcm-result-section-icon svg{
    width:19px;
    height:19px;
}
body.qcm-standalone .qcm-result-section-head>div>div{
    display:grid;
    gap:2px;
}
body.qcm-standalone .qcm-result-section-head span:not(.qcm-result-section-icon){
    color:#387CEE;
    font-size:.55rem;
    font-weight:900;
    letter-spacing:.08em;
}
body.qcm-standalone .qcm-result-section-head h2{
    margin:0;
    color:#020134;
    font-size:1.04rem;
    font-weight:900;
}
body.qcm-standalone .qcm-result-section-head>strong{
    padding:6px 9px;
    border-radius:999px;
    background:#EEF4FF;
    color:#387CEE;
    font-size:.62rem;
    font-weight:850;
}

/* Review cards */
body.qcm-standalone .qcm-result-review-list{
    display:grid;
    gap:13px;
}
body.qcm-standalone .qcm-result-review-card{
    padding:20px!important;
    margin:0!important;
    border:1px solid #E5EAF2!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    box-shadow:0 8px 24px rgba(2,1,52,.035)!important;
}
body.qcm-standalone .qcm-result-review-card.is-correct{
    border-color:#BBE7CE!important;
    background:linear-gradient(180deg,#FFFFFF,#FCFFFD)!important;
}
body.qcm-standalone .qcm-result-review-card.is-wrong{
    border-color:#FECACA!important;
    background:linear-gradient(180deg,#FFFFFF,#FFFCFC)!important;
}
body.qcm-standalone .qcm-result-review-top{
    display:grid;
    grid-template-columns:76px minmax(0,1fr) auto;
    gap:15px;
    align-items:start;
}
body.qcm-standalone .qcm-result-question-index{
    display:inline-grid;
    justify-items:start;
    gap:2px;
    width:max-content;
    padding:7px 10px;
    border:1px solid #DCE8FA;
    border-radius:11px;
    background:#F4F8FF;
}
body.qcm-standalone .qcm-result-question-index span{
    color:#7B8CA5;
    font-size:.48rem;
    font-weight:800;
}
body.qcm-standalone .qcm-result-question-index strong{
    color:#387CEE;
    font-size:.78rem;
    font-weight:950;
}
body.qcm-standalone .qcm-result-review-card .qcm-question-title{
    margin:3px 0 0!important;
    color:#172742!important;
    font-size:.91rem!important;
    font-weight:780!important;
    line-height:1.58!important;
}
body.qcm-standalone .qcm-result-review-outcome{
    display:grid;
    justify-items:end;
    gap:6px;
}
body.qcm-standalone .qcm-result-review-outcome .qcm-answer-state{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:6px 9px;
    border:1px solid #BBE7CE;
    border-radius:999px;
    background:#F0FDF4;
    color:#168348;
    font-size:.59rem;
    font-weight:850;
}
body.qcm-standalone .qcm-result-review-card.is-wrong .qcm-answer-state{
    border-color:#FECACA;
    background:#FEF2F2;
    color:#DC2626;
}
body.qcm-standalone .qcm-result-review-outcome .qcm-answer-state svg{
    width:13px;
    height:13px;
}
body.qcm-standalone .qcm-result-review-outcome>small{
    color:#94A3B8;
    font-size:.57rem;
    font-weight:750;
}
body.qcm-standalone .qcm-result-review-image{
    display:grid;
    place-items:center;
    margin-top:16px;
    overflow:hidden;
    padding:12px;
    border-radius:14px;
    background:#F5F7FA;
}
body.qcm-standalone .qcm-result-review-image img{
    display:block;
    max-width:100%;
    max-height:420px;
    border-radius:10px;
    object-fit:contain;
}
body.qcm-standalone .qcm-result-answer-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:16px;
}
body.qcm-standalone .qcm-result-answer-grid>div{
    display:grid;
    gap:4px;
    min-height:60px;
    padding:11px 13px;
    border:1px solid #E9EEF5;
    border-radius:13px;
    background:#F8FAFC;
}
body.qcm-standalone .qcm-result-answer-grid>div.is-correct-answer{
    border-color:#CDECD9;
    background:#F0FDF4;
}
body.qcm-standalone .qcm-result-answer-grid small{
    color:#7B8CA5;
    font-size:.54rem;
    font-weight:800;
}
body.qcm-standalone .qcm-result-answer-grid strong{
    color:#233752;
    font-size:.72rem;
    font-weight:800;
    line-height:1.45;
}
body.qcm-standalone .qcm-result-answer-grid .is-correct-answer strong{
    color:#168348;
}
body.qcm-standalone .qcm-result-explanation{
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    gap:10px;
    margin-top:10px;
    padding:12px 13px;
    border:1px solid #DCE8F6;
    border-radius:13px;
    background:#F5F9FF;
}
body.qcm-standalone .qcm-result-explanation-icon{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border-radius:10px;
    background:#FFFFFF;
    color:#387CEE;
}
body.qcm-standalone .qcm-result-explanation-icon svg{
    width:17px;
    height:17px;
}
body.qcm-standalone .qcm-result-explanation div{
    display:grid;
    gap:3px;
}
body.qcm-standalone .qcm-result-explanation small{
    color:#387CEE;
    font-size:.55rem;
    font-weight:850;
}
body.qcm-standalone .qcm-result-explanation p{
    margin:0;
    color:#52637A;
    font-size:.69rem;
    line-height:1.55;
}

/* Footer */
body.qcm-standalone .qcm-result-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:20px;
    padding:17px 18px;
    border:1px solid #E5EAF2;
    border-radius:18px;
    background:#FFFFFF;
    box-shadow:0 12px 30px rgba(2,1,52,.05);
}
body.qcm-standalone .qcm-result-actions>div:first-child{
    display:grid;
    gap:2px;
}
body.qcm-standalone .qcm-result-actions>div:first-child span{
    color:#94A3B8;
    font-size:.55rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.07em;
}
body.qcm-standalone .qcm-result-actions>div:first-child strong{
    color:#020134;
    font-size:.76rem;
    font-weight:850;
}
body.qcm-standalone .qcm-result-actions-buttons{
    display:flex;
    align-items:center;
    gap:9px;
}
body.qcm-standalone .qcm-result-secondary-btn,
body.qcm-standalone .qcm-result-primary-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:43px;
    padding:0 14px;
    border-radius:12px;
    font-size:.67rem;
    font-weight:850;
    text-decoration:none!important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
body.qcm-standalone .qcm-result-secondary-btn{
    border:1px solid #D8E2EF;
    background:#FFFFFF;
    color:#52637A;
}
body.qcm-standalone .qcm-result-secondary-btn:hover{
    border-color:#387CEE;
    color:#387CEE;
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(56,124,238,.08);
}
body.qcm-standalone .qcm-result-primary-btn{
    border:0;
    background:linear-gradient(90deg,#38CEEE,#387CEE);
    color:#FFFFFF!important;
    box-shadow:
        0 9px 20px rgba(56,124,238,.23),
        0 3px 7px rgba(2,1,52,.08);
}
body.qcm-standalone .qcm-result-primary-btn:hover{
    color:#FFFFFF!important;
    transform:translateY(-2px);
    box-shadow:
        0 14px 28px rgba(56,124,238,.30),
        0 4px 10px rgba(2,1,52,.10);
}
body.qcm-standalone .qcm-result-secondary-btn svg,
body.qcm-standalone .qcm-result-primary-btn svg{
    width:16px;
    height:16px;
}

/* Mobile */
@media(max-width:767.98px){
    body.qcm-standalone .qcm-result-hero{
        padding:21px 17px;
        border-radius:19px;
    }
    body.qcm-standalone .qcm-result-hero-main{
        grid-template-columns:1fr;
        gap:22px;
    }
    body.qcm-standalone .qcm-result-score-visual{
        justify-content:start;
    }
    body.qcm-standalone .qcm-result-score-ring{
        --size:128px;
    }
    body.qcm-standalone .qcm-result-metrics{
        grid-template-columns:1fr;
    }
    body.qcm-standalone .qcm-result-section-head{
        align-items:flex-start;
    }
    body.qcm-standalone .qcm-result-review-card{
        padding:16px!important;
        border-radius:17px!important;
    }
    body.qcm-standalone .qcm-result-review-top{
        grid-template-columns:1fr auto;
    }
    body.qcm-standalone .qcm-result-question-index{
        grid-column:1;
    }
    body.qcm-standalone .qcm-result-review-title{
        grid-column:1/-1;
        grid-row:2;
    }
    body.qcm-standalone .qcm-result-review-outcome{
        grid-column:2;
        grid-row:1;
    }
    body.qcm-standalone .qcm-result-answer-grid{
        grid-template-columns:1fr;
    }
    body.qcm-standalone .qcm-result-actions{
        align-items:stretch;
        flex-direction:column;
    }
    body.qcm-standalone .qcm-result-actions-buttons{
        display:grid;
        grid-template-columns:1fr;
    }
    body.qcm-standalone .qcm-result-secondary-btn,
    body.qcm-standalone .qcm-result-primary-btn{
        width:100%;
    }
}


/* ============================================================
   RESULTS — PER-QUESTION STUDY ACTIONS
   ============================================================ */
body.qcm-standalone .qcm-result-study-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:14px;
    padding-top:13px;
    border-top:1px solid #EEF2F7;
}

body.qcm-standalone .qcm-result-study-actions button{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:0 11px;
    border:1px solid #E5EAF2;
    border-radius:11px;
    background:#FFFFFF;
    color:#52637A;
    font-size:.63rem;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 3px 9px rgba(2,1,52,.025);
    transition:
        transform .2s cubic-bezier(.4,0,.2,1),
        border-color .2s ease,
        background .2s ease,
        color .2s ease,
        box-shadow .2s ease;
}

body.qcm-standalone .qcm-result-study-actions button:hover{
    border-color:#BFD5F6;
    background:#F7FAFF;
    color:#387CEE;
    transform:translateY(-1px);
    box-shadow:0 7px 16px rgba(56,124,238,.07);
}

body.qcm-standalone .qcm-result-study-actions button:active{
    transform:scale(.97);
}

body.qcm-standalone .qcm-result-study-icon{
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    border-radius:8px;
    background:#F1F5F9;
    color:#64748B;
    transition:all .2s ease;
}

body.qcm-standalone .qcm-result-study-icon svg{
    width:14px;
    height:14px;
}

/* Already know active */
body.qcm-standalone .qcm-result-study-actions button[data-state="known"].is-active{
    border-color:#BBE7CE;
    background:#F0FDF4;
    color:#168348;
}
body.qcm-standalone .qcm-result-study-actions button[data-state="known"].is-active .qcm-result-study-icon{
    background:#DCFCE7;
    color:#168348;
}

/* Difficult active */
body.qcm-standalone .qcm-result-study-actions button[data-state="difficult"].is-active{
    border-color:#BFDBFE;
    background:#EFF6FF;
    color:#2563EB;
}
body.qcm-standalone .qcm-result-study-actions button[data-state="difficult"].is-active .qcm-result-study-icon{
    background:#DBEAFE;
    color:#2563EB;
}

/* Bookmark active */
body.qcm-standalone .qcm-result-study-actions button[data-bookmark].is-active{
    border-color:#C7D2FE;
    background:#EEF2FF;
    color:#4F46E5;
}
body.qcm-standalone .qcm-result-study-actions button[data-bookmark].is-active .qcm-result-study-icon{
    background:#E0E7FF;
    color:#4F46E5;
}

/* Keep highlight/report visually secondary beneath study controls */
body.qcm-standalone .qcm-result-review-card .qcm-question-tools{
    margin-top:10px!important;
    padding-top:10px!important;
    border-top:1px dashed #E8EEF5!important;
}

/* Dark compatibility */
body.qcm-standalone.qcm-exam-dark .qcm-result-study-actions{
    border-top-color:rgba(148,163,184,.14);
}
body.qcm-standalone.qcm-exam-dark .qcm-result-study-actions button{
    border-color:#2B405A;
    background:#0F172A;
    color:#CBD5E1;
}
body.qcm-standalone.qcm-exam-dark .qcm-result-study-actions button:hover{
    border-color:#387CEE;
    background:#14243A;
    color:#FFFFFF;
}
body.qcm-standalone.qcm-exam-dark .qcm-result-study-icon{
    background:#172033;
    color:#94A3B8;
}

@media(max-width:575.98px){
    body.qcm-standalone .qcm-result-study-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    body.qcm-standalone .qcm-result-study-actions button{
        width:100%;
        justify-content:flex-start;
        min-height:42px;
    }
}


/* ============================================================
   RESULTS — FUNCTIONAL STUDY BUTTON STATES
   ============================================================ */
body.qcm-standalone .qcm-result-study-actions button.active-know,
body.qcm-standalone .qcm-result-study-actions button[data-state="known"].is-active{
    border-color:#BBE7CE!important;
    background:#F0FDF4!important;
    color:#168348!important;
}
body.qcm-standalone .qcm-result-study-actions button.active-difficult,
body.qcm-standalone .qcm-result-study-actions button[data-state="difficult"].is-active{
    border-color:#BFDBFE!important;
    background:#EFF6FF!important;
    color:#2563EB!important;
}
body.qcm-standalone .qcm-result-study-actions button.active-bookmark,
body.qcm-standalone .qcm-result-study-actions button[data-bookmark].is-active{
    border-color:#C7D2FE!important;
    background:#EEF2FF!important;
    color:#4F46E5!important;
}

body.qcm-standalone .qcm-result-study-actions button.is-saving{
    cursor:wait!important;
    opacity:.72;
    pointer-events:none;
}
body.qcm-standalone .qcm-result-study-actions button.is-saving .qcm-result-study-icon{
    animation:qcmResultStudySaving .7s linear infinite;
}
body.qcm-standalone .qcm-result-study-actions button.is-synced{
    animation:qcmResultStudySynced .55s ease;
}
body.qcm-standalone .qcm-result-study-actions.has-sync-error button,
body.qcm-standalone .qcm-result-study-actions button.has-sync-error{
    border-color:#FCA5A5!important;
}

@keyframes qcmResultStudySaving{
    to{transform:rotate(360deg)}
}
@keyframes qcmResultStudySynced{
    0%,100%{transform:none}
    50%{transform:translateY(-2px)}
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .qcm-result-study-actions button.is-saving .qcm-result-study-icon,
    body.qcm-standalone .qcm-result-study-actions button.is-synced{
        animation:none!important;
    }
}


/* ============================================================
   DIAGNOSIS CHALLENGE — VITALIA CLINICAL DASHBOARD
   ============================================================ */
body.qcm-standalone .diagnosis-game-shell{
    min-height:calc(100vh - 72px);
    background:
        radial-gradient(circle at 8% 2%,rgba(56,206,238,.055),transparent 25%),
        linear-gradient(180deg,#F6F9FD 0%,#F3F7FB 100%)!important;
}
body.qcm-standalone .diagnosis-play{
    max-width:1040px!important;
}

/* Top floating control bar */
body.qcm-standalone .diagnosis-game-top{
    position:relative;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-height:58px;
    margin-bottom:18px!important;
    padding:8px 10px!important;
    border:1px solid #E5EAF2;
    border-radius:17px;
    background:rgba(255,255,255,.94);
    box-shadow:0 10px 28px rgba(2,1,52,.055);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
}
body.qcm-standalone .diagnosis-top-spacer{flex:1}
body.qcm-standalone .diagnosis-leave-game,
body.qcm-standalone .diagnosis-save-case,
body.qcm-standalone .diagnosis-specialty-pill,
body.qcm-standalone .diagnosis-mistake-pill{
    min-height:40px;
    border-radius:11px;
}
body.qcm-standalone .diagnosis-leave-game{
    display:inline-flex!important;
    align-items:center;
    gap:7px!important;
    padding:0 10px;
    border:1px solid transparent;
    color:#52637A!important;
    font-size:.65rem!important;
    font-weight:800!important;
    transition:all .2s ease;
}
body.qcm-standalone .diagnosis-leave-game:hover{
    border-color:#D9E4F0;
    background:#F8FAFC;
    color:#387CEE!important;
}
body.qcm-standalone .diagnosis-leave-game svg{width:16px!important;height:16px!important}
body.qcm-standalone .diagnosis-specialty-pill{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:0 11px;
    border:1px solid #D9E7F8;
    background:#F2F7FF;
    color:#285FAE;
    font-size:.63rem;
    font-weight:850;
}
body.qcm-standalone .diagnosis-specialty-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#38CEEE;
    box-shadow:0 0 0 4px rgba(56,206,238,.10);
}
body.qcm-standalone .diagnosis-save-case{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:0 11px;
    border:1px solid #DCE5F0;
    background:#FFFFFF;
    color:#52637A;
    font-size:.63rem;
    font-weight:800;
    transition:all .2s ease;
}
body.qcm-standalone .diagnosis-save-case:hover{
    border-color:#AFCBF1;
    color:#387CEE;
    transform:translateY(-1px);
}
body.qcm-standalone .diagnosis-save-case.is-saved{
    border-color:#BFDBFE;
    background:#EFF6FF;
    color:#2563EB;
}
body.qcm-standalone .diagnosis-save-case svg{width:16px!important;height:16px!important}
body.qcm-standalone .diagnosis-mistake-pill{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:0 11px;
    border:1px solid #BBE7CE;
    background:#F0FDF4;
    color:#168348;
    font-size:.62rem;
    font-weight:850;
    transition:all .28s ease;
}
body.qcm-standalone .diagnosis-mistake-pill.is-warning{
    border-color:#FDE68A;
    background:#FFFBEB;
    color:#B7791F;
}
body.qcm-standalone .diagnosis-mistake-pill.is-danger{
    border-color:#FECACA;
    background:#FEF2F2;
    color:#DC2626;
}
body.qcm-standalone .diagnosis-mistake-icon{
    display:grid;
    place-items:center;
}
body.qcm-standalone .diagnosis-mistake-icon svg{
    width:15px!important;
    height:15px!important;
}

/* Patient presentation master card */
body.qcm-standalone .diagnosis-case-card{
    position:relative;
    overflow:hidden;
    margin-bottom:18px!important;
    padding:28px!important;
    border:1px solid #E5EAF2!important;
    border-radius:24px!important;
    background:#FFFFFF!important;
    box-shadow:0 16px 40px rgba(2,1,52,.06)!important;
}
body.qcm-standalone .diagnosis-case-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg,#38CEEE,#387CEE);
}
body.qcm-standalone .diagnosis-case-label{
    display:inline-flex!important;
    align-items:center;
    gap:8px!important;
    color:#387CEE!important;
    font-size:.60rem!important;
    font-weight:900!important;
    letter-spacing:.09em!important;
}
body.qcm-standalone .diagnosis-case-label-icon{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border:1px solid #DCE8FA;
    border-radius:10px;
    background:#F0F7FF;
    color:#387CEE;
}
body.qcm-standalone .diagnosis-case-label-icon svg{
    width:17px!important;
    height:17px!important;
}
body.qcm-standalone .diagnosis-case-card h1{
    margin:17px 0 10px!important;
    color:#020134!important;
    font-size:clamp(1.35rem,2.5vw,1.8rem)!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:-.025em!important;
}
body.qcm-standalone .diagnosis-case-card>p{
    max-width:900px;
    margin:0!important;
    color:#40536C!important;
    font-size:.88rem!important;
    line-height:1.78!important;
}
body.qcm-standalone .diagnosis-image-button{
    margin-top:22px;
    border:1px solid #E1E8F1!important;
    border-radius:18px!important;
    background:#F4F7FA!important;
    box-shadow:inset 0 0 0 5px #F8FAFC;
}

/* Diagnostic input card */
body.qcm-standalone .diagnosis-guess-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:15px!important;
    align-items:end!important;
    padding:22px!important;
    border:1px solid #E5EAF2!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    box-shadow:0 12px 32px rgba(2,1,52,.05)!important;
}
body.qcm-standalone .diagnosis-section-head{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    gap:11px;
    margin:0 0 2px!important;
}
body.qcm-standalone .diagnosis-section-head>span{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    flex:0 0 38px;
    border:1px solid #DCE8FA;
    border-radius:12px;
    background:#F0F7FF;
    color:#387CEE;
}
body.qcm-standalone .diagnosis-section-head>span svg{width:19px;height:19px}
body.qcm-standalone .diagnosis-section-head h2{
    margin:0;
    color:#020134;
    font-size:.93rem;
    font-weight:900;
}
body.qcm-standalone .diagnosis-section-head p{
    margin:3px 0 0;
    color:#7B8CA5;
    font-size:.65rem;
}
body.qcm-standalone .diagnosis-search-select{
    position:relative;
}
body.qcm-standalone .diagnosis-search-input{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr) 30px!important;
    align-items:center!important;
    gap:9px!important;
    min-height:54px;
    padding:0 12px!important;
    border:1px solid #DCE5F0!important;
    border-radius:14px!important;
    background:#FAFCFF!important;
    box-shadow:0 3px 10px rgba(2,1,52,.025);
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
body.qcm-standalone .diagnosis-search-input:focus-within{
    border-color:#38CEEE!important;
    background:#FFFFFF!important;
    box-shadow:0 0 0 4px rgba(56,206,238,.10),0 8px 20px rgba(56,124,238,.06)!important;
}
body.qcm-standalone .diagnosis-search-input>svg{
    width:19px!important;
    height:19px!important;
    color:#7C8EA6!important;
}
body.qcm-standalone .diagnosis-search-input input{
    width:100%;
    min-width:0;
    height:52px;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#020134!important;
    font-size:.78rem!important;
    font-weight:700;
}
body.qcm-standalone .diagnosis-search-input input::placeholder{
    color:#94A3B8;
    font-weight:600;
}
body.qcm-standalone .diagnosis-suggestions{
    top:calc(100% + 7px)!important;
    overflow:hidden;
    border:1px solid #DDE7F3!important;
    border-radius:14px!important;
    background:#FFFFFF!important;
    box-shadow:0 16px 34px rgba(2,1,52,.12)!important;
}
body.qcm-standalone .diagnosis-suggestions button{
    padding:11px 13px!important;
}

/* Lock in CTA */
body.qcm-standalone .diagnosis-lock-btn{
    min-width:180px!important;
    min-height:54px!important;
    padding:0 18px!important;
    border-radius:14px!important;
    background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
    box-shadow:
        0 12px 28px rgba(56,124,238,.26),
        0 4px 10px rgba(2,1,52,.08)!important;
    transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease,filter .22s ease!important;
}
body.qcm-standalone .diagnosis-lock-btn:hover:not(:disabled){
    transform:translateY(-2px)!important;
    filter:saturate(1.08);
    box-shadow:
        0 16px 34px rgba(56,124,238,.34),
        0 5px 12px rgba(2,1,52,.10)!important;
}
body.qcm-standalone .diagnosis-lock-btn:active:not(:disabled){
    transform:scale(.98)!important;
}
body.qcm-standalone .diagnosis-lock-btn svg{
    width:17px!important;
    height:17px!important;
    transition:transform .2s ease;
}
body.qcm-standalone .diagnosis-lock-btn:hover:not(:disabled) svg{
    transform:translateX(2px);
}
body.qcm-standalone .diagnosis-guess-status{
    grid-column:1/-1!important;
    min-height:18px;
    color:#B45309!important;
    font-size:.68rem!important;
    font-weight:800!important;
}

/* Progressive clinical assistant / hint area */
body.qcm-standalone .diagnosis-hints{
    display:grid!important;
    gap:10px!important;
    margin-top:16px!important;
}
body.qcm-standalone .diagnosis-hints-empty{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-height:68px;
    padding:13px 15px!important;
    border:1px solid #D8E7F8!important;
    border-radius:16px!important;
    background:
        radial-gradient(circle at 94% 10%,rgba(56,206,238,.10),transparent 26%),
        linear-gradient(135deg,#F5FAFF,#EEF6FF)!important;
    color:#52637A!important;
    box-shadow:0 8px 22px rgba(56,124,238,.04);
    animation:diagnosisAssistantPulse 3.6s ease-in-out infinite;
}
body.qcm-standalone .diagnosis-hint-assistant-icon{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:1px solid #CFE1F7;
    border-radius:12px;
    background:#FFFFFF;
    color:#387CEE;
    box-shadow:0 5px 12px rgba(56,124,238,.07);
}
body.qcm-standalone .diagnosis-hint-assistant-icon svg{
    width:21px!important;
    height:21px!important;
}
body.qcm-standalone .diagnosis-hints-empty>div{
    display:grid;
    gap:3px;
}
body.qcm-standalone .diagnosis-hints-empty strong{
    color:#387CEE;
    font-size:.56rem;
    font-weight:900;
    letter-spacing:.08em;
}
body.qcm-standalone .diagnosis-hints-empty span:last-child{
    color:#64748B;
    font-size:.68rem;
    font-weight:700;
}
body.qcm-standalone .diagnosis-hints article{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:start!important;
    padding:14px 15px!important;
    border:1px solid #F2D795!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#FFFCF4,#FFF8E7)!important;
    box-shadow:0 7px 18px rgba(180,120,15,.05);
}
body.qcm-standalone .diagnosis-hints article>span{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    background:#F59E0B!important;
    box-shadow:0 6px 14px rgba(245,158,11,.18);
}
body.qcm-standalone .diagnosis-hints article strong{
    color:#A16207!important;
    font-size:.63rem!important;
}
body.qcm-standalone .diagnosis-hints article p{
    color:#65563C!important;
    font-size:.76rem!important;
    line-height:1.55;
}
body.qcm-standalone .diagnosis-hint-reveal{
    opacity:0;
    transform:translateY(8px);
    transition:opacity .36s cubic-bezier(.16,1,.3,1),transform .36s cubic-bezier(.16,1,.3,1);
}
body.qcm-standalone .diagnosis-hint-reveal.is-visible{
    opacity:1;
    transform:none;
}
@keyframes diagnosisAssistantPulse{
    0%,100%{box-shadow:0 8px 22px rgba(56,124,238,.04)}
    50%{box-shadow:0 10px 28px rgba(56,124,238,.10),0 0 0 4px rgba(56,206,238,.025)}
}

/* Mobile */
@media(max-width:767.98px){
    body.qcm-standalone .diagnosis-game-top{
        display:grid!important;
        grid-template-columns:1fr auto!important;
        gap:7px!important;
        padding:8px!important;
    }
    body.qcm-standalone .diagnosis-top-spacer{display:none}
    body.qcm-standalone .diagnosis-specialty-pill{
        justify-self:end;
    }
    body.qcm-standalone .diagnosis-save-case,
    body.qcm-standalone .diagnosis-mistake-pill{
        width:100%;
        justify-content:center;
    }
    body.qcm-standalone .diagnosis-case-card{
        padding:20px 17px!important;
        border-radius:19px!important;
    }
    body.qcm-standalone .diagnosis-case-card h1{
        font-size:1.28rem!important;
    }
    body.qcm-standalone .diagnosis-case-card>p{
        font-size:.82rem!important;
        line-height:1.7!important;
    }
    body.qcm-standalone .diagnosis-guess-card{
        grid-template-columns:1fr!important;
        padding:17px!important;
        border-radius:18px!important;
    }
    body.qcm-standalone .diagnosis-lock-btn{
        width:100%!important;
        min-width:0!important;
    }
}
@media(max-width:480px){
    body.qcm-standalone .diagnosis-game-top{
        grid-template-columns:1fr!important;
    }
    body.qcm-standalone .diagnosis-specialty-pill{
        justify-self:stretch;
        justify-content:center;
    }
}
@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .diagnosis-hints-empty{
        animation:none!important;
    }
    body.qcm-standalone .diagnosis-hint-reveal,
    body.qcm-standalone .diagnosis-lock-btn{
        transition:none!important;
    }
}


/* ============================================================
   DIAGNOSIS CHALLENGE — REFINED INPUT / HINTS / RESULT MODAL
   ============================================================ */

/* Slight blue tint for the diagnostic question/input card */
body.qcm-standalone .diagnosis-guess-card{
    background:
        radial-gradient(circle at 96% 0,rgba(56,206,238,.10),transparent 28%),
        linear-gradient(135deg,#F3F9FF 0%,#EAF5FF 100%)!important;
    border-color:#D5E6F8!important;
    box-shadow:
        0 14px 34px rgba(2,1,52,.055),
        inset 0 1px 0 rgba(255,255,255,.72)!important;
}

/* Keep search field itself crisp and readable */
body.qcm-standalone .diagnosis-guess-card .diagnosis-search-input{
    background:rgba(255,255,255,.94)!important;
    border-color:#CBDEEF!important;
}
body.qcm-standalone .diagnosis-guess-card .diagnosis-search-input:focus-within{
    background:#FFFFFF!important;
    border-color:#38CEEE!important;
}

/* Bigger hint content, remove "Hint 1 / Hint 2" label visually */
body.qcm-standalone .diagnosis-hints article{
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    min-height:76px;
    padding:15px 17px!important;
}

body.qcm-standalone .diagnosis-hints article>span{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
    font-size:.82rem!important;
}

body.qcm-standalone .diagnosis-hints article>div{
    display:block!important;
}

body.qcm-standalone .diagnosis-hints article strong{
    display:none!important;
}

body.qcm-standalone .diagnosis-hints article p{
    margin:0!important;
    color:#5A4D35!important;
    font-size:.88rem!important;
    font-weight:700!important;
    line-height:1.62!important;
}

/* ------------------------------------------------------------
   RESULT / TREATMENT MODAL
   ------------------------------------------------------------ */
body.qcm-standalone .diagnosis-modal{
    z-index:9999!important;
    padding:24px!important;
    background:rgba(2,1,52,.62)!important;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    opacity:0;
    transition:opacity .30s ease;
}

body.qcm-standalone .diagnosis-modal.is-visible{
    opacity:1;
}

body.qcm-standalone .diagnosis-result-panel{
    position:relative;
    width:min(780px,100%)!important;
    max-height:min(88vh,760px)!important;
    overflow:auto!important;
    padding:0!important;
    border:1px solid rgba(148,163,184,.18)!important;
    border-radius:26px!important;
    background:
        radial-gradient(circle at 90% 4%,rgba(56,206,238,.11),transparent 26%),
        #FFFFFF!important;
    box-shadow:
        0 36px 90px rgba(2,1,52,.30),
        0 12px 30px rgba(56,124,238,.12)!important;
    text-align:left!important;
    opacity:0;
    transform:translateY(22px) scale(.975);
    transition:
        opacity .42s cubic-bezier(.16,1,.3,1),
        transform .42s cubic-bezier(.16,1,.3,1);
}

body.qcm-standalone .diagnosis-modal.is-visible .diagnosis-result-panel{
    opacity:1;
    transform:none;
}

body.qcm-standalone .diagnosis-result-panel::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg,#38CEEE,#387CEE);
}

body.qcm-standalone .diagnosis-result-top{
    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:14px;
    align-items:center;
    padding:28px 30px 22px;
}

body.qcm-standalone .diagnosis-result-icon{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    border-radius:16px;
    background:linear-gradient(135deg,#38CEEE,#387CEE);
    color:#FFFFFF;
    box-shadow:0 10px 24px rgba(56,124,238,.22);
}

body.qcm-standalone .diagnosis-result-icon svg{
    width:24px;
    height:24px;
}

body.qcm-standalone .diagnosis-result-kicker{
    display:block;
    color:#387CEE;
    font-size:.60rem;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}

body.qcm-standalone .diagnosis-result-panel h2{
    margin:5px 0 0!important;
    color:#020134!important;
    font-size:clamp(1.45rem,3vw,2rem)!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:-.025em!important;
}

body.qcm-standalone .diagnosis-result-divider{
    height:1px;
    margin:0 30px;
    background:#E9EEF5;
}

/* Treatment and management cards */
body.qcm-standalone .diagnosis-result-panel .diagnosis-learning{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
    margin:0!important;
    padding:22px 30px 10px!important;
}

body.qcm-standalone .diagnosis-result-panel .diagnosis-learning-card{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:11px;
    align-items:start;
    min-height:170px;
    padding:17px!important;
    border:1px solid #E4EBF4!important;
    border-radius:17px!important;
    background:#F8FAFC!important;
    box-shadow:0 6px 18px rgba(2,1,52,.025);
}

body.qcm-standalone .diagnosis-result-panel .diagnosis-learning-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid #D8E7F8;
    border-radius:11px;
    background:#FFFFFF;
    color:#387CEE;
}

body.qcm-standalone .diagnosis-result-panel .diagnosis-learning-icon svg{
    width:18px;
    height:18px;
}

body.qcm-standalone .diagnosis-result-panel .diagnosis-learning-card h3{
    margin:1px 0 7px!important;
    color:#174A96!important;
    font-size:.70rem!important;
    font-weight:900!important;
    letter-spacing:.04em;
    text-transform:uppercase;
}

body.qcm-standalone .diagnosis-result-panel .diagnosis-learning-card p{
    margin:0!important;
    color:#4B5F79!important;
    font-size:.78rem!important;
    line-height:1.67!important;
    white-space:pre-line;
}

/* Modal footer / next case CTA */
body.qcm-standalone .diagnosis-result-actions{
    display:flex;
    justify-content:flex-end;
    padding:14px 30px 28px;
}

body.qcm-standalone .diagnosis-result-next{
    min-width:190px;
    min-height:48px;
    border-radius:14px!important;
    background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
    box-shadow:
        0 12px 28px rgba(56,124,238,.25),
        0 4px 10px rgba(2,1,52,.08)!important;
    transition:
        transform .22s ease,
        box-shadow .22s ease!important;
}

body.qcm-standalone .diagnosis-result-next:hover{
    transform:translateY(-2px);
    box-shadow:
        0 16px 34px rgba(56,124,238,.34),
        0 5px 12px rgba(2,1,52,.10)!important;
}

body.qcm-standalone .diagnosis-result-next svg{
    width:17px!important;
    height:17px!important;
    transition:transform .2s ease;
}

body.qcm-standalone .diagnosis-result-next:hover svg{
    transform:translateX(3px);
}

/* Distinguish exhausted-hints outcome slightly */
body.qcm-standalone .diagnosis-modal[data-status="exhausted"] .diagnosis-result-icon{
    background:linear-gradient(135deg,#F59E0B,#E11D48);
}

body.qcm-standalone .diagnosis-modal[data-status="correct"] .diagnosis-result-icon{
    background:linear-gradient(135deg,#22C55E,#16A34A);
}

/* Mobile */
@media(max-width:700px){
    body.qcm-standalone .diagnosis-modal{
        padding:14px!important;
    }

    body.qcm-standalone .diagnosis-result-panel{
        max-height:92vh!important;
        border-radius:21px!important;
    }

    body.qcm-standalone .diagnosis-result-top{
        grid-template-columns:46px minmax(0,1fr);
        gap:11px;
        padding:22px 18px 18px;
    }

    body.qcm-standalone .diagnosis-result-icon{
        width:46px;
        height:46px;
        border-radius:14px;
    }

    body.qcm-standalone .diagnosis-result-divider{
        margin:0 18px;
    }

    body.qcm-standalone .diagnosis-result-panel .diagnosis-learning{
        grid-template-columns:1fr!important;
        padding:18px 18px 8px!important;
    }

    body.qcm-standalone .diagnosis-result-panel .diagnosis-learning-card{
        min-height:0;
    }

    body.qcm-standalone .diagnosis-result-actions{
        padding:12px 18px 20px;
    }

    body.qcm-standalone .diagnosis-result-next{
        width:100%;
    }
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .diagnosis-modal,
    body.qcm-standalone .diagnosis-result-panel,
    body.qcm-standalone .diagnosis-result-next{
        transition:none!important;
    }
}


/* ============================================================
   DIAGNOSIS CHALLENGE — LARGER, MORE READABLE ANIMATED HINTS
   ============================================================ */

body.qcm-standalone .diagnosis-hints{
    gap:14px!important;
    margin-top:20px!important;
}

/* Larger premium hint cards */
body.qcm-standalone .diagnosis-hints article{
    position:relative;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:center!important;
    min-height:96px!important;
    padding:19px 21px!important;
    overflow:hidden;
    border:1px solid #F1D48A!important;
    border-radius:19px!important;
    background:
        radial-gradient(circle at 96% 8%,rgba(245,158,11,.10),transparent 25%),
        linear-gradient(135deg,#FFFDF7 0%,#FFF7E4 100%)!important;
    box-shadow:
        0 12px 28px rgba(180,120,15,.07),
        inset 0 1px 0 rgba(255,255,255,.78)!important;
}

/* Subtle animated accent line */
body.qcm-standalone .diagnosis-hints article::before{
    content:"";
    position:absolute;
    left:0;
    top:12px;
    bottom:12px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,#FBBF24,#F59E0B);
    opacity:.9;
}

/* Larger number badge */
body.qcm-standalone .diagnosis-hints article>span{
    width:52px!important;
    height:52px!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#FBBF24,#F59E0B)!important;
    color:#FFFFFF!important;
    font-size:1rem!important;
    font-weight:950!important;
    box-shadow:
        0 9px 18px rgba(245,158,11,.22),
        inset 0 1px 0 rgba(255,255,255,.24)!important;
}

/* Make hint copy much easier to read */
body.qcm-standalone .diagnosis-hints article p{
    margin:0!important;
    color:#4F4532!important;
    font-size:1rem!important;
    font-weight:720!important;
    line-height:1.72!important;
    letter-spacing:-.005em;
}

/* Reveal animation: fade + lift + gentle scale */
body.qcm-standalone .diagnosis-hint-reveal{
    opacity:0!important;
    transform:translateY(18px) scale(.985)!important;
    filter:blur(2px);
    transition:
        opacity .48s cubic-bezier(.16,1,.3,1),
        transform .52s cubic-bezier(.16,1,.3,1),
        filter .42s ease!important;
}

body.qcm-standalone .diagnosis-hint-reveal.is-visible{
    opacity:1!important;
    transform:translateY(0) scale(1)!important;
    filter:blur(0);
    animation:diagnosisHintGlowIn 1.25s ease-out 1;
}

/* Gentle highlight pulse after appearing */
@keyframes diagnosisHintGlowIn{
    0%{
        box-shadow:
            0 12px 28px rgba(180,120,15,.07),
            0 0 0 0 rgba(245,158,11,.18);
    }
    45%{
        box-shadow:
            0 16px 34px rgba(180,120,15,.12),
            0 0 0 7px rgba(245,158,11,.07);
    }
    100%{
        box-shadow:
            0 12px 28px rgba(180,120,15,.07),
            0 0 0 0 rgba(245,158,11,0);
    }
}

/* Slight content emphasis on hover */
body.qcm-standalone .diagnosis-hints article:hover{
    border-color:#F0C45C!important;
    transform:translateY(-2px);
    box-shadow:
        0 16px 34px rgba(180,120,15,.11),
        inset 0 1px 0 rgba(255,255,255,.85)!important;
}

/* Mobile */
@media(max-width:575.98px){
    body.qcm-standalone .diagnosis-hints article{
        grid-template-columns:46px minmax(0,1fr)!important;
        gap:13px!important;
        min-height:88px!important;
        padding:16px 16px!important;
        border-radius:17px!important;
    }

    body.qcm-standalone .diagnosis-hints article>span{
        width:46px!important;
        height:46px!important;
        border-radius:13px!important;
        font-size:.92rem!important;
    }

    body.qcm-standalone .diagnosis-hints article p{
        font-size:.92rem!important;
        line-height:1.68!important;
    }
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .diagnosis-hint-reveal,
    body.qcm-standalone .diagnosis-hint-reveal.is-visible,
    body.qcm-standalone .diagnosis-hints article{
        animation:none!important;
        transition:none!important;
        filter:none!important;
        transform:none!important;
        opacity:1!important;
    }
}


/* ============================================================
   DIAGNOSIS HINTS — COMPACT CARDS, LARGE TEXT, AUTO-FOCUS GLOW
   ============================================================ */

/* Keep the original card dimensions; only improve clue readability. */
body.qcm-standalone .diagnosis-hints article p{
    margin:0!important;
    color:#4F4532!important;
    font-size:1.06rem!important;
    font-weight:760!important;
    line-height:1.72!important;
    letter-spacing:-.005em!important;
}

/* Make reveal smooth without enlarging the hint card itself. */
body.qcm-standalone .diagnosis-hint-reveal{
    opacity:0;
    transform:translateY(10px);
    transition:
        opacity .40s cubic-bezier(.16,1,.3,1),
        transform .44s cubic-bezier(.16,1,.3,1),
        border-color .25s ease,
        box-shadow .25s ease!important;
}

body.qcm-standalone .diagnosis-hint-reveal.is-visible{
    opacity:1;
    transform:none;
}

/* New clue glows for ~2.6 seconds, then returns to normal. */
body.qcm-standalone .diagnosis-hint-reveal.is-new-hint-glow{
    animation:diagnosisNewHintGlow 2.6s cubic-bezier(.16,1,.3,1) 1!important;
}

@keyframes diagnosisNewHintGlow{
    0%{
        border-color:#F1D48A;
        box-shadow:
            0 8px 20px rgba(180,120,15,.06),
            0 0 0 0 rgba(245,158,11,0);
    }
    18%{
        border-color:#F59E0B;
        box-shadow:
            0 14px 34px rgba(180,120,15,.15),
            0 0 0 7px rgba(245,158,11,.10),
            0 0 26px rgba(245,158,11,.18);
    }
    58%{
        border-color:#F4C35F;
        box-shadow:
            0 12px 30px rgba(180,120,15,.12),
            0 0 0 4px rgba(245,158,11,.06),
            0 0 20px rgba(245,158,11,.12);
    }
    100%{
        border-color:#F1D48A;
        box-shadow:
            0 8px 20px rgba(180,120,15,.06),
            0 0 0 0 rgba(245,158,11,0);
    }
}

@media(max-width:575.98px){
    body.qcm-standalone .diagnosis-hints article p{
        font-size:.96rem!important;
        line-height:1.68!important;
    }
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .diagnosis-hint-reveal,
    body.qcm-standalone .diagnosis-hint-reveal.is-visible,
    body.qcm-standalone .diagnosis-hint-reveal.is-new-hint-glow{
        animation:none!important;
        transition:none!important;
        opacity:1!important;
        transform:none!important;
    }
}


/* ============================================================
   PREMIUM CTA — PERMANENT TEXT-ONLY MODE
   Prevent accidental SVG/icon reintroduction from affecting size.
   ============================================================ */
body.qcm-standalone .vitalia-premium-cta{
    gap:0!important;
}
body.qcm-standalone .vitalia-premium-cta .vitalia-premium-cta-icon,
body.qcm-standalone .vitalia-premium-cta > svg{
    display:none!important;
}


/* ============================================================
   LECTURE DETAIL — VITALIA INTERACTION HUB
   ============================================================ */
body.qcm-standalone .lecture-detail{
    padding:24px 0 64px!important;
    background:
        radial-gradient(circle at 8% 0,rgba(56,206,238,.055),transparent 24%),
        linear-gradient(180deg,#F7FAFD 0%,#F4F7FC 100%)!important;
}
body.qcm-standalone .lecture-detail .container{
    max-width:1160px!important;
}

/* Header */
body.qcm-standalone .lecture-detail-hero{
    position:relative;
    overflow:hidden;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:28px!important;
    align-items:center!important;
    padding:28px 30px!important;
    border:1px solid #DDE7F3!important;
    border-radius:22px!important;
    background:
        radial-gradient(circle at 94% 5%,rgba(56,206,238,.11),transparent 28%),
        linear-gradient(135deg,#FFFFFF 0%,#F2F8FF 100%)!important;
    box-shadow:0 16px 40px rgba(2,1,52,.055)!important;
}
body.qcm-standalone .lecture-detail-hero::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg,#38CEEE,#387CEE);
}
body.qcm-standalone .lecture-detail-copy{
    min-width:0;
}
body.qcm-standalone .lecture-detail .lecture-module{
    display:inline-flex!important;
    align-items:center;
    min-height:30px;
    padding:0 10px;
    border:1px solid #CFE1F7;
    border-radius:999px;
    background:#EEF6FF;
    color:#387CEE!important;
    font-size:.60rem!important;
    font-weight:900!important;
    letter-spacing:.07em!important;
}
body.qcm-standalone .lecture-detail-hero h1{
    margin:10px 0 8px!important;
    color:#020134!important;
    font-size:clamp(1.55rem,3vw,2.25rem)!important;
    font-weight:900!important;
    letter-spacing:-.03em!important;
    line-height:1.08!important;
}
body.qcm-standalone .lecture-detail-hero p{
    max-width:720px;
    margin:0!important;
    color:#64748B!important;
    font-size:.82rem!important;
    line-height:1.62!important;
}

body.qcm-standalone .lecture-detail .lecture-head-actions{
    display:grid!important;
    grid-template-columns:repeat(3,auto);
    gap:8px!important;
    align-items:center;
}
body.qcm-standalone .lecture-detail .lecture-head-actions a,
body.qcm-standalone .lecture-detail .lecture-head-actions button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:42px;
    padding:0 12px!important;
    border:1px solid #DCE6F1!important;
    border-radius:11px!important;
    background:#FFFFFF!important;
    color:#435571!important;
    font-size:.65rem!important;
    font-weight:850!important;
    box-shadow:0 4px 12px rgba(2,1,52,.025)!important;
    transition:all .2s ease!important;
}
body.qcm-standalone .lecture-detail .lecture-head-actions a:hover,
body.qcm-standalone .lecture-detail .lecture-head-actions button:hover{
    border-color:#387CEE!important;
    background:#F8FBFF!important;
    color:#387CEE!important;
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(56,124,238,.08)!important;
}
body.qcm-standalone .lecture-detail .lecture-head-actions .lecture-action-primary{
    border-color:transparent!important;
    background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
    color:#FFFFFF!important;
    box-shadow:0 8px 20px rgba(56,124,238,.22)!important;
}
body.qcm-standalone .lecture-detail .lecture-head-actions .lecture-action-primary:hover{
    color:#FFFFFF!important;
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(56,124,238,.30)!important;
}
body.qcm-standalone .lecture-detail .lecture-head-actions svg{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px;
}

/* Interaction hub cards */
body.qcm-standalone .lecture-interaction-hub{
    display:grid!important;
    grid-template-columns:.85fr 1.5fr!important;
    gap:18px!important;
    align-items:start;
}
body.qcm-standalone .lecture-interaction-hub .lecture-reactions,
body.qcm-standalone .lecture-interaction-hub .lecture-comments{
    padding:22px!important;
    border:1px solid #E5EAF2!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    box-shadow:0 12px 30px rgba(2,1,52,.045)!important;
}
body.qcm-standalone .lecture-community-head{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:16px;
}
body.qcm-standalone .lecture-community-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    flex:0 0 38px;
    border:1px solid #DCE8FA;
    border-radius:12px;
    background:#EEF6FF;
    color:#387CEE;
}
body.qcm-standalone .lecture-community-icon svg{
    width:18px;
    height:18px;
}
body.qcm-standalone .lecture-community-head>div{
    display:grid;
    gap:2px;
}
body.qcm-standalone .lecture-community-head>div>span{
    color:#387CEE;
    font-size:.52rem;
    font-weight:900;
    letter-spacing:.08em;
}
body.qcm-standalone .lecture-community-head h2{
    margin:0!important;
    color:#020134!important;
    font-size:.96rem!important;
    font-weight:900!important;
}
body.qcm-standalone .lecture-community-head h2 small{
    display:inline-grid;
    place-items:center;
    min-width:24px;
    height:24px;
    margin-left:4px;
    padding:0 6px;
    border-radius:999px;
    background:#EEF4FF;
    color:#387CEE;
    font-size:.58rem;
    font-weight:850;
}

/* Rating pills */
body.qcm-standalone .lecture-reaction-pills{
    display:grid!important;
    gap:9px!important;
}
body.qcm-standalone .lecture-reaction-pills button{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    width:100%;
    min-height:58px;
    padding:11px 13px!important;
    border:1px solid #E5EAF2!important;
    border-radius:14px!important;
    background:#FFFFFF!important;
    color:#52637A!important;
    box-shadow:none!important;
    cursor:pointer;
    transition:all .22s cubic-bezier(.4,0,.2,1)!important;
}
body.qcm-standalone .lecture-reaction-pills button:hover{
    border-color:#387CEE!important;
    background:#F8FBFF!important;
    color:#387CEE!important;
    transform:translateY(-2px)!important;
    box-shadow:0 8px 18px rgba(56,124,238,.08)!important;
}
body.qcm-standalone .lecture-reaction-icon{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:10px;
    background:#F1F5F9;
    color:#64748B;
    transition:all .2s ease;
}
body.qcm-standalone .lecture-reaction-icon svg{
    width:17px!important;
    height:17px!important;
}
body.qcm-standalone .lecture-reaction-pills button>span:nth-child(2){
    text-align:left;
    font-size:.70rem;
    font-weight:820;
}
body.qcm-standalone .lecture-reaction-pills button strong{
    display:grid;
    place-items:center;
    min-width:29px;
    height:29px;
    padding:0 6px;
    border-radius:999px;
    background:#F1F5F9;
    color:#64748B;
    font-size:.62rem;
    font-weight:900;
}
body.qcm-standalone .lecture-reaction-pills button.is-selected{
    border-color:#A7D8BF!important;
    background:#F0FDF4!important;
    color:#168348!important;
    box-shadow:0 7px 18px rgba(22,131,72,.07)!important;
}
body.qcm-standalone .lecture-reaction-pills button.is-selected .lecture-reaction-icon,
body.qcm-standalone .lecture-reaction-pills button.is-selected strong{
    background:#DCFCE7;
    color:#168348;
}

/* Comment composer */
body.qcm-standalone .lecture-comment-composer{
    padding:14px;
    border:1px solid #E5EAF2;
    border-radius:16px;
    background:#F8FAFC;
}
body.qcm-standalone .lecture-comment-field{
    overflow:hidden;
    border:1px solid #DCE5F0;
    border-radius:13px;
    background:#FFFFFF;
    transition:border-color .2s ease,box-shadow .2s ease;
}
body.qcm-standalone .lecture-comment-field:focus-within{
    border-color:#387CEE;
    box-shadow:0 0 0 4px rgba(56,124,238,.08);
}
body.qcm-standalone .lecture-comment-field textarea{
    display:block;
    width:100%;
    min-height:118px;
    padding:13px 14px!important;
    border:0!important;
    outline:0!important;
    resize:vertical;
    background:transparent!important;
    color:#263852!important;
    font-size:.76rem!important;
    line-height:1.58;
}
body.qcm-standalone .lecture-comment-field textarea::placeholder{
    color:#94A3B8;
}
body.qcm-standalone .lecture-comment-submit-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:10px;
}
body.qcm-standalone .lecture-comment-submit-row>span{
    color:#94A3B8;
    font-size:.60rem;
    font-weight:650;
}
body.qcm-standalone .lecture-comment-submit-row>button{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:42px;
    padding:0 14px!important;
    border:0!important;
    border-radius:12px!important;
    background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
    color:#FFFFFF!important;
    font-size:.66rem!important;
    font-weight:900!important;
    box-shadow:
        0 8px 20px rgba(56,124,238,.30),
        0 3px 8px rgba(2,1,52,.07)!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
}
body.qcm-standalone .lecture-comment-submit-row>button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 12px 28px rgba(56,124,238,.38),
        0 4px 10px rgba(2,1,52,.09)!important;
}
body.qcm-standalone .lecture-comment-submit-row>button svg{
    width:15px;
    height:15px;
}

/* Comment list */
body.qcm-standalone .lecture-comment-list{
    margin-top:16px!important;
}
body.qcm-standalone .lecture-comment-list article{
    gap:12px!important;
    padding:14px 0!important;
    border-top:1px solid #EEF2F7!important;
}
body.qcm-standalone .lecture-comment-avatar{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    border-radius:12px!important;
    background:#EAF3FF!important;
    color:#387CEE!important;
}
body.qcm-standalone .lecture-comment-list header strong{
    color:#263852;
    font-size:.72rem;
    font-weight:850;
}
body.qcm-standalone .lecture-comment-list time{
    color:#94A3B8!important;
    font-size:.60rem!important;
}
body.qcm-standalone .lecture-comment-list p{
    margin:6px 0!important;
    color:#52637A!important;
    font-size:.70rem!important;
    line-height:1.55;
}

/* Responsive */
@media(max-width:991.98px){
    body.qcm-standalone .lecture-detail-hero{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }
    body.qcm-standalone .lecture-detail .lecture-head-actions{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    body.qcm-standalone .lecture-interaction-hub{
        grid-template-columns:1fr!important;
    }
}
@media(max-width:640px){
    body.qcm-standalone .lecture-detail-hero{
        padding:21px 17px!important;
        border-radius:18px!important;
    }
    body.qcm-standalone .lecture-detail .lecture-head-actions{
        grid-template-columns:1fr!important;
        width:100%;
    }
    body.qcm-standalone .lecture-detail .lecture-head-actions a,
    body.qcm-standalone .lecture-detail .lecture-head-actions button{
        width:100%;
    }
    body.qcm-standalone .lecture-interaction-hub .lecture-reactions,
    body.qcm-standalone .lecture-interaction-hub .lecture-comments{
        padding:17px!important;
        border-radius:17px!important;
    }
    body.qcm-standalone .lecture-comment-submit-row{
        align-items:stretch;
        flex-direction:column;
    }
    body.qcm-standalone .lecture-comment-submit-row>button{
        width:100%;
    }
}


/* ============================================================
   LECTURE DISCUSSION — THREADED SOCIAL INTERACTION SYSTEM
   ============================================================ */
body.qcm-standalone .lecture-threaded-comments{
    min-width:0;
}

body.qcm-standalone .lecture-comment-limit-alert{
    margin-bottom:12px;
    padding:10px 12px;
    border:1px solid #FECACA;
    border-radius:11px;
    background:#FFF1F2;
    color:#BE123C;
    font-size:.67rem;
    font-weight:750;
}

body.qcm-standalone .lecture-comment-composer textarea:disabled{
    cursor:not-allowed;
    background:#F1F5F9!important;
    color:#94A3B8!important;
}

body.qcm-standalone .lecture-comment-submit-row button:disabled{
    cursor:not-allowed!important;
    opacity:.48!important;
    transform:none!important;
    box-shadow:none!important;
}

body.qcm-standalone .lecture-thread-list{
    display:grid;
    gap:12px;
    margin-top:18px!important;
}

body.qcm-standalone .lecture-thread-card{
    padding:16px!important;
    border:1px solid #E5EAF2!important;
    border-radius:20px!important;
    background:#FFFFFF!important;
    box-shadow:0 8px 22px rgba(2,1,52,.035)!important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

body.qcm-standalone .lecture-thread-card:hover{
    border-color:#D6E3F1!important;
    box-shadow:0 12px 28px rgba(2,1,52,.055)!important;
}

body.qcm-standalone .lecture-comment-main,
body.qcm-standalone .lecture-reply-card{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    align-items:start;
}

body.qcm-standalone .lecture-comment-content{
    min-width:0;
}

body.qcm-standalone .lecture-comment-content>header{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

body.qcm-standalone .lecture-comment-content>header strong{
    color:#142642!important;
    font-size:.72rem!important;
    font-weight:880!important;
}

body.qcm-standalone .lecture-comment-content>header time{
    color:#94A3B8!important;
    font-size:.58rem!important;
}

body.qcm-standalone .lecture-comment-content>p{
    margin:7px 0 9px!important;
    color:#465B75!important;
    font-size:.72rem!important;
    line-height:1.62!important;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
}

body.qcm-standalone .lecture-comment-avatar{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    overflow:hidden;
    border:1px solid #DCE8F7;
    border-radius:13px!important;
    background:#EAF3FF!important;
    color:#387CEE!important;
    font-size:.72rem!important;
    font-weight:900!important;
}

body.qcm-standalone .lecture-comment-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

body.qcm-standalone .lecture-comment-avatar.is-reply{
    width:35px!important;
    height:35px!important;
    border-radius:11px!important;
    font-size:.62rem!important;
}

/* action pills */
body.qcm-standalone .lecture-comment-actions{
    display:flex;
    align-items:center;
    gap:5px;
    flex-wrap:wrap;
}

body.qcm-standalone .lecture-comment-vote,
body.qcm-standalone .lecture-reply-trigger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:31px;
    padding:0 8px;
    border:1px solid transparent;
    border-radius:9px;
    background:transparent;
    color:#718198;
    font-size:.59rem;
    font-weight:790;
    cursor:pointer;
    transition:all .18s ease;
}

body.qcm-standalone .lecture-comment-vote:hover,
body.qcm-standalone .lecture-reply-trigger:hover{
    border-color:#D9E6F5;
    background:#F5F9FF;
    color:#387CEE;
    transform:translateY(-1px);
}

body.qcm-standalone .lecture-comment-vote svg,
body.qcm-standalone .lecture-reply-trigger svg{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px;
}

body.qcm-standalone .lecture-comment-vote strong{
    min-width:14px;
    color:inherit;
    font-size:.57rem;
    font-weight:900;
}

body.qcm-standalone .lecture-comment-vote.is-like-active{
    border-color:#BFDBFE;
    background:#EFF6FF;
    color:#2563EB;
}

body.qcm-standalone .lecture-comment-vote.is-dislike-active{
    border-color:#FECACA;
    background:#FFF1F2;
    color:#E11D48;
}

body.qcm-standalone .lecture-comment-vote.is-saving{
    opacity:.65;
}

body.qcm-standalone .lecture-comment-delete{
    display:inline-flex!important;
    margin:0!important;
}

body.qcm-standalone .lecture-comment-delete button{
    min-height:31px!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#94A3B8!important;
    font-size:.58rem!important;
    font-weight:760!important;
}

body.qcm-standalone .lecture-comment-delete button:hover{
    background:#FFF1F2!important;
    color:#E11D48!important;
}

/* inline reply composer */
body.qcm-standalone .lecture-inline-reply{
    margin-top:10px;
    opacity:0;
    transform:translateY(-5px);
}

body.qcm-standalone .lecture-inline-reply.is-open{
    opacity:1;
    transform:none;
    animation:lectureReplyOpen .28s cubic-bezier(.16,1,.3,1);
}

body.qcm-standalone .lecture-inline-reply-field{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:end;
    padding:8px;
    border:1px solid #DCE6F1;
    border-radius:13px;
    background:#F8FAFC;
}

body.qcm-standalone .lecture-inline-reply-field:focus-within{
    border-color:#8AB7F7;
    box-shadow:0 0 0 3px rgba(56,124,238,.07);
}

body.qcm-standalone .lecture-inline-reply textarea{
    min-height:58px;
    max-height:150px;
    padding:9px 10px;
    resize:vertical;
    border:0;
    outline:0;
    background:transparent;
    color:#263852;
    font-size:.69rem;
    line-height:1.5;
}

body.qcm-standalone .lecture-inline-reply button{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:38px;
    padding:0 11px;
    border:0;
    border-radius:10px;
    background:linear-gradient(90deg,#38CEEE,#387CEE);
    color:#FFFFFF;
    font-size:.61rem;
    font-weight:850;
    box-shadow:0 6px 16px rgba(56,124,238,.20);
    transition:transform .18s ease,box-shadow .18s ease;
}

body.qcm-standalone .lecture-inline-reply button:hover{
    transform:translateY(-1px);
    box-shadow:0 9px 20px rgba(56,124,238,.28);
}

body.qcm-standalone .lecture-inline-reply button svg{
    width:14px;
    height:14px;
}

/* nested replies drawer */
body.qcm-standalone .lecture-replies-block{
    margin-top:10px;
}

body.qcm-standalone .lecture-replies-toggle{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:32px;
    padding:0 8px;
    border:0;
    border-radius:9px;
    background:#F4F8FF;
    color:#387CEE;
    font-size:.60rem;
    font-weight:820;
    cursor:pointer;
    transition:background .18s ease,transform .18s ease;
}

body.qcm-standalone .lecture-replies-toggle:hover{
    background:#EAF3FF;
    transform:translateY(-1px);
}

body.qcm-standalone .lecture-replies-toggle svg{
    width:14px;
    height:14px;
    transition:transform .22s ease;
}

body.qcm-standalone .lecture-replies-toggle[aria-expanded="true"] svg{
    transform:rotate(180deg);
}

body.qcm-standalone .lecture-replies{
    display:grid;
    gap:8px;
    max-height:1600px;
    margin-top:9px;
    padding-left:13px;
    overflow:hidden;
    border-left:2px solid #E1EBF7;
    opacity:1;
    transition:max-height .36s cubic-bezier(.16,1,.3,1),opacity .28s ease,margin .28s ease;
}

body.qcm-standalone .lecture-replies.is-collapsed{
    max-height:0;
    margin-top:0;
    opacity:0;
}

body.qcm-standalone .lecture-reply-card{
    grid-template-columns:35px minmax(0,1fr);
    gap:10px;
    padding:11px 12px;
    border:1px solid #E9EEF5;
    border-radius:14px;
    background:#F9FBFD;
}

body.qcm-standalone .lecture-reply-card .lecture-comment-content>p{
    font-size:.68rem!important;
}

body.qcm-standalone .lecture-no-comments{
    padding:24px;
    border:1px dashed #D8E3F0;
    border-radius:15px;
    background:#FAFCFF;
    color:#7B8CA5;
    text-align:center;
    font-size:.68rem;
    font-weight:700;
}

@keyframes lectureReplyOpen{
    from{opacity:0;transform:translateY(-7px)}
    to{opacity:1;transform:none}
}

@media(max-width:640px){
    body.qcm-standalone .lecture-thread-card{
        padding:13px!important;
        border-radius:16px!important;
    }

    body.qcm-standalone .lecture-comment-main{
        grid-template-columns:36px minmax(0,1fr);
        gap:9px;
    }

    body.qcm-standalone .lecture-comment-avatar{
        width:36px!important;
        height:36px!important;
        border-radius:11px!important;
    }

    body.qcm-standalone .lecture-comment-actions{
        gap:3px;
    }

    body.qcm-standalone .lecture-comment-vote,
    body.qcm-standalone .lecture-reply-trigger{
        padding:0 6px;
    }

    body.qcm-standalone .lecture-inline-reply-field{
        grid-template-columns:1fr;
    }

    body.qcm-standalone .lecture-inline-reply button{
        width:100%;
        justify-content:center;
    }

    body.qcm-standalone .lecture-replies{
        padding-left:8px;
    }
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .lecture-inline-reply,
    body.qcm-standalone .lecture-replies,
    body.qcm-standalone .lecture-comment-vote,
    body.qcm-standalone .lecture-reply-trigger{
        animation:none!important;
        transition:none!important;
    }
}


/* ============================================================
   LECTURE DISCUSSION — NOTIFICATION DEEP-LINK FOCUS
   ============================================================ */
body.qcm-standalone .lecture-thread-card{
    scroll-margin-top:105px;
}
body.qcm-standalone .lecture-thread-card:target{
    border-color:#73A9F5!important;
    animation:lectureThreadNotificationFocus 2.6s cubic-bezier(.16,1,.3,1) 1;
}
@keyframes lectureThreadNotificationFocus{
    0%{
        box-shadow:0 8px 22px rgba(2,1,52,.035),0 0 0 0 rgba(56,124,238,0);
        background:#FFFFFF;
    }
    28%{
        box-shadow:0 16px 38px rgba(56,124,238,.15),0 0 0 6px rgba(56,206,238,.10);
        background:#F4F9FF;
    }
    100%{
        box-shadow:0 8px 22px rgba(2,1,52,.035),0 0 0 0 rgba(56,124,238,0);
        background:#FFFFFF;
    }
}
@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .lecture-thread-card:target{animation:none!important}
}


/* ============================================================
   VITALIA QCM — MOBILE/TABLET APP NAVIGATION (<= 768px)
   ============================================================ */
body.qcm-standalone .qcm-brand-picture{
    display:block;
    line-height:0;
}
body.qcm-standalone .qcm-mobile-menu-toggle,
body.qcm-standalone .qcm-mobile-menu-panel,
body.qcm-standalone .qcm-mobile-menu-backdrop,
body.qcm-standalone .qcm-mobile-bottom-dock{
    display:none;
}

@media(max-width:768px){
    :root{
        --qcm-mobile-header-height:64px;
        --qcm-mobile-dock-height:72px;
    }

    body.qcm-standalone{
        overflow-x:hidden!important;
        padding-bottom:calc(var(--qcm-mobile-dock-height) + 18px);
    }
    body.qcm-standalone.qcm-mobile-menu-open{
        overflow:hidden!important;
    }

    /* fixed app-like white header */
    body.qcm-standalone .qcm-topbar,
    body.qcm-standalone.qcm-exam-dark .qcm-topbar{
        position:sticky!important;
        top:0!important;
        z-index:1100!important;
        height:var(--qcm-mobile-header-height)!important;
        min-height:var(--qcm-mobile-header-height)!important;
        background:rgba(255,255,255,.97)!important;
        border-bottom:1px solid #E8EDF4!important;
        box-shadow:0 5px 18px rgba(2,1,52,.045)!important;
        -webkit-backdrop-filter:blur(16px);
        backdrop-filter:blur(16px);
    }
    body.qcm-standalone .qcm-topbar-inner{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto auto!important;
        gap:8px!important;
        align-items:center!important;
        width:100%!important;
        max-width:none!important;
        min-height:var(--qcm-mobile-header-height)!important;
        padding:0 12px!important;
    }

    /* mobile logo asset */
    body.qcm-standalone .qcm-brand{
        min-width:0!important;
        width:max-content!important;
        max-width:124px!important;
        margin:0!important;
    }
    body.qcm-standalone .qcm-brand-logo{
        display:block!important;
        width:auto!important;
        max-width:118px!important;
        height:38px!important;
        max-height:38px!important;
        object-fit:contain!important;
        object-position:left center!important;
    }
    body.qcm-standalone .qcm-brand-fallback{
        font-size:.84rem!important;
    }

    /* Existing qcm-nav becomes utilities-only: bell + avatar */
    body.qcm-standalone .qcm-nav{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:6px!important;
        min-width:0!important;
        margin-left:auto!important;
        overflow:visible!important;
    }
    body.qcm-standalone .qcm-nav>a,
    body.qcm-standalone .qcm-nav>.qcm-language-menu,
    body.qcm-standalone .qcm-nav>.qcm-header-theme-toggle{
        display:none!important;
    }
    body.qcm-standalone .qcm-nav>.qcm-notification-menu,
    body.qcm-standalone .qcm-nav>.qcm-account-menu{
        display:block!important;
        flex:0 0 auto!important;
    }

    /* compact bell */
    body.qcm-standalone .qcm-notification-menu>summary{
        width:42px!important;
        min-width:42px!important;
        height:42px!important;
        min-height:42px!important;
        padding:0!important;
        border:1px solid #E5EAF2!important;
        border-radius:13px!important;
        background:#FFFFFF!important;
        box-shadow:0 4px 12px rgba(2,1,52,.035)!important;
    }
    body.qcm-standalone .qcm-notification-menu>summary>svg{
        width:18px!important;
        height:18px!important;
    }
    body.qcm-standalone .qcm-notification-badge{
        top:-5px!important;
        right:-5px!important;
        min-width:18px!important;
        height:18px!important;
        padding:0 4px!important;
        font-size:.50rem!important;
    }

    /* avatar-only profile trigger */
    body.qcm-standalone .qcm-account-menu>summary{
        width:42px!important;
        min-width:42px!important;
        height:42px!important;
        min-height:42px!important;
        padding:3px!important;
        border:1px solid #E5EAF2!important;
        border-radius:13px!important;
        background:#FFFFFF!important;
        box-shadow:0 4px 12px rgba(2,1,52,.035)!important;
    }
    body.qcm-standalone .qcm-account-avatar{
        width:34px!important;
        height:34px!important;
        flex:0 0 34px!important;
        margin:0!important;
    }
    body.qcm-standalone .qcm-account-trigger-copy,
    body.qcm-standalone .qcm-account-chevron{
        display:none!important;
    }

    /* Keep dropdowns inside viewport */
    body.qcm-standalone .qcm-notification-popover,
    body.qcm-standalone .qcm-account-popover{
        position:fixed!important;
        top:calc(var(--qcm-mobile-header-height) + 7px)!important;
        right:9px!important;
        left:9px!important;
        width:auto!important;
        max-width:none!important;
        max-height:calc(100dvh - var(--qcm-mobile-header-height) - 22px)!important;
        overflow-y:auto!important;
        border-radius:18px!important;
        z-index:1250!important;
    }

    /* Hamburger */
    body.qcm-standalone .qcm-mobile-menu-toggle{
        display:flex!important;
        width:42px;
        height:42px;
        flex:0 0 42px;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        gap:4px;
        padding:0;
        border:1px solid #E5EAF2;
        border-radius:13px;
        background:#FFFFFF;
        color:#020134;
        box-shadow:0 4px 12px rgba(2,1,52,.035);
        cursor:pointer;
        transition:border-color .2s ease,background .2s ease,transform .2s ease;
    }
    body.qcm-standalone .qcm-mobile-menu-toggle:hover{
        border-color:#BFD6F5;
        background:#F8FBFF;
    }
    body.qcm-standalone .qcm-mobile-menu-toggle span{
        display:block;
        width:17px;
        height:2px;
        border-radius:99px;
        background:#243752;
        transition:transform .22s ease,opacity .18s ease;
    }
    body.qcm-standalone .qcm-mobile-menu-toggle.is-open span:nth-child(1){
        transform:translateY(6px) rotate(45deg);
    }
    body.qcm-standalone .qcm-mobile-menu-toggle.is-open span:nth-child(2){
        opacity:0;
    }
    body.qcm-standalone .qcm-mobile-menu-toggle.is-open span:nth-child(3){
        transform:translateY(-6px) rotate(-45deg);
    }

    /* Drawer backdrop */
    body.qcm-standalone .qcm-mobile-menu-backdrop{
        display:block;
        position:fixed;
        inset:var(--qcm-mobile-header-height) 0 0;
        z-index:1160;
        background:rgba(2,1,52,.28);
        opacity:0;
        -webkit-backdrop-filter:blur(3px);
        backdrop-filter:blur(3px);
        transition:opacity .25s ease;
    }
    body.qcm-standalone .qcm-mobile-menu-backdrop[hidden]{
        display:none!important;
    }
    body.qcm-standalone .qcm-mobile-menu-backdrop.is-open{
        opacity:1;
    }

    /* slide-out menu */
    body.qcm-standalone .qcm-mobile-menu-panel{
        display:flex;
        position:fixed;
        z-index:1180;
        top:calc(var(--qcm-mobile-header-height) + 8px);
        right:10px;
        bottom:calc(var(--qcm-mobile-dock-height) + 14px);
        width:min(88vw,360px);
        overflow-y:auto;
        flex-direction:column;
        padding:14px;
        border:1px solid #E5EAF2;
        border-radius:22px;
        background:#FFFFFF;
        box-shadow:0 24px 60px rgba(2,1,52,.19);
        opacity:0;
        pointer-events:none;
        transform:translateX(calc(100% + 22px));
        transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .24s ease;
    }
    body.qcm-standalone .qcm-mobile-menu-panel.is-open{
        opacity:1;
        pointer-events:auto;
        transform:none;
    }
    body.qcm-standalone .qcm-mobile-menu-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        padding:4px 3px 12px;
        border-bottom:1px solid #EEF2F7;
    }
    body.qcm-standalone .qcm-mobile-menu-head>div{
        display:grid;
        gap:2px;
    }
    body.qcm-standalone .qcm-mobile-menu-head span{
        color:#387CEE;
        font-size:.52rem;
        font-weight:900;
        letter-spacing:.10em;
    }
    body.qcm-standalone .qcm-mobile-menu-head strong{
        color:#020134;
        font-size:.88rem;
        font-weight:900;
    }
    body.qcm-standalone .qcm-mobile-menu-head button{
        display:grid;
        width:36px;
        height:36px;
        place-items:center;
        border:1px solid #E5EAF2;
        border-radius:11px;
        background:#F8FAFC;
        color:#64748B;
    }
    body.qcm-standalone .qcm-mobile-menu-head button svg{
        width:17px;
        height:17px;
    }
    body.qcm-standalone .qcm-mobile-menu-links{
        display:grid;
        gap:5px;
        padding:12px 0;
    }
    body.qcm-standalone .qcm-mobile-menu-links>a{
        display:grid;
        grid-template-columns:38px minmax(0,1fr);
        gap:10px;
        align-items:center;
        min-height:48px;
        padding:5px 8px;
        border:1px solid transparent;
        border-radius:13px;
        color:#465A75;
        text-decoration:none;
        transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
    }
    body.qcm-standalone .qcm-mobile-menu-links>a:hover,
    body.qcm-standalone .qcm-mobile-menu-links>a.is-active{
        border-color:#D8E7F8;
        background:#F2F7FF;
        color:#387CEE;
        transform:translateX(2px);
    }
    body.qcm-standalone .qcm-mobile-menu-links>a>span{
        display:grid;
        width:38px;
        height:38px;
        place-items:center;
        border-radius:11px;
        background:#F1F5F9;
        color:#64748B;
    }
    body.qcm-standalone .qcm-mobile-menu-links>a.is-active>span{
        background:#E0ECFF;
        color:#387CEE;
    }
    body.qcm-standalone .qcm-mobile-menu-links svg{
        width:18px;
        height:18px;
    }
    body.qcm-standalone .qcm-mobile-menu-links strong{
        font-size:.72rem;
        font-weight:850;
    }
    body.qcm-standalone .qcm-mobile-menu-language{
        margin-top:auto;
        padding-top:12px;
        border-top:1px solid #EEF2F7;
    }
    body.qcm-standalone .qcm-mobile-menu-language>span{
        display:block;
        margin-bottom:7px;
        color:#94A3B8;
        font-size:.55rem;
        font-weight:850;
        text-transform:uppercase;
        letter-spacing:.08em;
    }
    body.qcm-standalone .qcm-mobile-menu-language>div{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:7px;
    }
    body.qcm-standalone .qcm-mobile-menu-language form{
        margin:0;
    }
    body.qcm-standalone .qcm-mobile-menu-language button{
        width:100%;
        min-height:40px;
        border:1px solid #E5EAF2;
        border-radius:11px;
        background:#FFFFFF;
        color:#52637A;
        font-size:.64rem;
        font-weight:800;
    }
    body.qcm-standalone .qcm-mobile-menu-language button.is-active{
        border-color:#BFD8F8;
        background:#EEF6FF;
        color:#387CEE;
    }

    /* floating bottom app dock */
    body.qcm-standalone .qcm-mobile-bottom-dock{
        display:grid;
        position:fixed;
        z-index:1080;
        right:10px;
        bottom:max(10px,env(safe-area-inset-bottom));
        left:10px;
        grid-template-columns:repeat(4,1fr);
        gap:3px;
        min-height:64px;
        padding:6px;
        border:1px solid rgba(218,228,240,.95);
        border-radius:20px;
        background:rgba(255,255,255,.95);
        box-shadow:0 16px 38px rgba(2,1,52,.14);
        -webkit-backdrop-filter:blur(18px);
        backdrop-filter:blur(18px);
    }
    body.qcm-standalone .qcm-mobile-bottom-dock>a{
        position:relative;
        display:flex;
        min-width:0;
        min-height:50px;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        gap:3px;
        border-radius:14px;
        color:#718198;
        text-decoration:none;
        font-size:.52rem;
        font-weight:820;
        transition:background .18s ease,color .18s ease,transform .18s ease;
    }
    body.qcm-standalone .qcm-mobile-bottom-dock>a:hover,
    body.qcm-standalone .qcm-mobile-bottom-dock>a.is-active{
        background:#F1F6FF;
        color:#387CEE;
    }
    body.qcm-standalone .qcm-mobile-bottom-dock>a:active{
        transform:scale(.96);
    }
    body.qcm-standalone .qcm-mobile-bottom-dock>a>svg{
        width:20px;
        height:20px;
    }
    body.qcm-standalone .qcm-mobile-dock-primary-icon{
        display:grid;
        width:37px;
        height:37px;
        place-items:center;
        margin-top:-18px;
        border:4px solid #FFFFFF;
        border-radius:13px;
        background:linear-gradient(135deg,#38CEEE,#387CEE);
        color:#FFFFFF;
        box-shadow:0 8px 18px rgba(56,124,238,.28);
    }
    body.qcm-standalone .qcm-mobile-dock-primary-icon svg{
        width:18px;
        height:18px;
    }
    body.qcm-standalone .qcm-mobile-bottom-dock .is-qcm-primary{
        padding-top:6px;
    }

    /* prevent fixed dock from covering content / AI */
    body.qcm-standalone .qcm-standalone-main{
        min-width:0!important;
        overflow-x:clip;
    }
    body.qcm-standalone .qcm-ai-launcher{
        bottom:calc(var(--qcm-mobile-dock-height) + 20px)!important;
        max-width:48px!important;
        width:48px!important;
        height:48px!important;
        padding:0!important;
        overflow:hidden;
        font-size:0!important;
        border-radius:50%!important;
    }
    body.qcm-standalone .qcm-ai-launcher>span{
        margin:0!important;
    }
}

/* extra-tight phones */
@media(max-width:390px){
    body.qcm-standalone .qcm-topbar-inner{
        gap:5px!important;
        padding:0 8px!important;
    }
    body.qcm-standalone .qcm-brand{
        max-width:92px!important;
    }
    body.qcm-standalone .qcm-brand-logo{
        max-width:88px!important;
        height:34px!important;
    }
    body.qcm-standalone .qcm-notification-menu>summary,
    body.qcm-standalone .qcm-account-menu>summary,
    body.qcm-standalone .qcm-mobile-menu-toggle{
        width:39px!important;
        min-width:39px!important;
        height:39px!important;
        min-height:39px!important;
    }
    body.qcm-standalone .qcm-mobile-menu-panel{
        right:7px;
        width:calc(100vw - 14px);
    }
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .qcm-mobile-menu-toggle span,
    body.qcm-standalone .qcm-mobile-menu-panel,
    body.qcm-standalone .qcm-mobile-menu-backdrop,
    body.qcm-standalone .qcm-mobile-bottom-dock>a{
        transition:none!important;
    }
}


/* ============================================================
   MOBILE NAV DROPDOWN — FULL-WIDTH EXPANDED STACK
   Replaces the cramped side-panel behavior at <= 768px.
   ============================================================ */
@media(max-width:768px){

    /* Full-width dropdown directly below header */
    body.qcm-standalone .qcm-mobile-menu-panel{
        display:block!important;
        position:fixed!important;
        z-index:1180!important;
        top:var(--qcm-mobile-header-height)!important;
        right:0!important;
        bottom:auto!important;
        left:0!important;
        width:100%!important;
        max-width:none!important;
        max-height:calc(100dvh - var(--qcm-mobile-header-height) - 16px)!important;
        overflow-y:auto!important;
        padding:14px 14px 18px!important;
        border:0!important;
        border-bottom:1px solid #E5EAF2!important;
        border-radius:0 0 20px 20px!important;
        background:#FFFFFF!important;
        box-shadow:0 18px 38px rgba(2,1,52,.10)!important;

        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        transform:translateY(-18px)!important;
        transform-origin:top center!important;

        transition:
            opacity .24s ease,
            transform .32s cubic-bezier(.16,1,.3,1),
            visibility 0s linear .32s!important;
    }

    body.qcm-standalone .qcm-mobile-menu-panel.is-open{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:translateY(0)!important;
        transition:
            opacity .24s ease,
            transform .32s cubic-bezier(.16,1,.3,1),
            visibility 0s linear 0s!important;
    }

    /* Backdrop begins below header */
    body.qcm-standalone .qcm-mobile-menu-backdrop{
        inset:var(--qcm-mobile-header-height) 0 0!important;
        z-index:1160!important;
        background:rgba(2,1,52,.22)!important;
    }

    /* Cleaner compact drawer header */
    body.qcm-standalone .qcm-mobile-menu-head{
        min-height:46px!important;
        padding:2px 2px 10px!important;
        margin-bottom:4px!important;
        border-bottom:1px solid #EEF2F7!important;
    }

    body.qcm-standalone .qcm-mobile-menu-head>div{
        gap:1px!important;
    }

    body.qcm-standalone .qcm-mobile-menu-head strong{
        font-size:.82rem!important;
    }

    /* Navigation is always one vertical column */
    body.qcm-standalone .qcm-mobile-menu-links{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        width:100%!important;
        gap:7px!important;
        padding:10px 0!important;
        margin:0!important;
    }

    body.qcm-standalone .qcm-mobile-menu-links>a{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        width:100%!important;
        min-width:0!important;
        min-height:54px!important;
        flex:0 0 auto!important;
        gap:12px!important;
        padding:8px 12px!important;

        border:1px solid #EEF2F7!important;
        border-radius:14px!important;
        background:#FFFFFF!important;
        color:#40536C!important;

        overflow:visible!important;
        white-space:normal!important;
        text-decoration:none!important;

        transition:
            background .18s ease,
            border-color .18s ease,
            color .18s ease,
            transform .18s ease,
            box-shadow .18s ease!important;
    }

    body.qcm-standalone .qcm-mobile-menu-links>a:hover,
    body.qcm-standalone .qcm-mobile-menu-links>a.is-active{
        border-color:#CFE0F5!important;
        background:#F5F9FF!important;
        color:#387CEE!important;
        transform:translateY(-1px)!important;
        box-shadow:0 6px 16px rgba(56,124,238,.06)!important;
    }

    /* Icon tile never shrinks */
    body.qcm-standalone .qcm-mobile-menu-links>a>span{
        display:grid!important;
        place-items:center!important;
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        min-height:40px!important;
        flex:0 0 40px!important;
        border-radius:11px!important;
        background:#F1F5F9!important;
        color:#64748B!important;
    }

    body.qcm-standalone .qcm-mobile-menu-links>a.is-active>span{
        background:#E7F0FF!important;
        color:#387CEE!important;
    }

    body.qcm-standalone .qcm-mobile-menu-links>a strong{
        display:block!important;
        min-width:0!important;
        flex:1 1 auto!important;
        font-size:.76rem!important;
        line-height:1.3!important;
        font-weight:850!important;
        overflow:visible!important;
        text-overflow:clip!important;
        white-space:normal!important;
    }

    body.qcm-standalone .qcm-mobile-menu-links svg{
        width:18px!important;
        height:18px!important;
        min-width:18px!important;
        min-height:18px!important;
    }

    /* Language area remains full width and uncluttered */
    body.qcm-standalone .qcm-mobile-menu-language{
        margin-top:6px!important;
        padding-top:12px!important;
        border-top:1px solid #EEF2F7!important;
    }

    body.qcm-standalone .qcm-mobile-menu-language>div{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
    }

    body.qcm-standalone .qcm-mobile-menu-language button{
        min-height:44px!important;
        padding:0 10px!important;
        border-radius:12px!important;
    }
}

/* Very small phones: preserve the same single-column stack */
@media(max-width:390px){
    body.qcm-standalone .qcm-mobile-menu-panel{
        right:0!important;
        left:0!important;
        width:100%!important;
        padding:12px 10px 16px!important;
        border-radius:0 0 18px 18px!important;
    }

    body.qcm-standalone .qcm-mobile-menu-links>a{
        min-height:52px!important;
        padding:7px 10px!important;
    }
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .qcm-mobile-menu-panel{
        transition:none!important;
        transform:none!important;
    }
}


/* ============================================================
   MOBILE/TABLET FINAL LAYOUT FIX
   Header logo, bottom dock alignment, AI launcher clearance
   ============================================================ */

@media(max-width:768px){

    /* --------------------------------------------------------
       HEADER: strict vertical centering + larger logo
       -------------------------------------------------------- */
    body.qcm-standalone .qcm-topbar-inner{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        width:100%!important;
        min-height:64px!important;
        padding:0 12px!important;
        gap:8px!important;
    }

    body.qcm-standalone .qcm-brand{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        flex:0 1 auto!important;
        min-width:0!important;
        margin:0!important;
    }

    body.qcm-standalone .qcm-brand-picture{
        display:flex!important;
        align-items:center!important;
        line-height:0!important;
    }

    body.qcm-standalone .qcm-brand-logo{
        display:block!important;
        width:auto!important;
        height:38px!important;
        max-height:38px!important;
        max-width:132px!important;
        object-fit:contain!important;
        object-position:left center!important;
    }

    body.qcm-standalone .qcm-nav{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:6px!important;
        margin-left:auto!important;
        flex:0 0 auto!important;
    }

    body.qcm-standalone .qcm-mobile-menu-toggle{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:0 0 42px!important;
        margin:0!important;
    }

    /* --------------------------------------------------------
       BOTTOM NAV: all four items share the same baseline
       -------------------------------------------------------- */
    body.qcm-standalone .qcm-mobile-bottom-dock{
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        align-items:stretch!important;
        gap:4px!important;
        min-height:68px!important;
        padding:6px!important;
    }

    body.qcm-standalone .qcm-mobile-bottom-dock>a{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex-direction:column!important;
        gap:4px!important;
        min-width:0!important;
        min-height:54px!important;
        padding:5px 3px!important;
        margin:0!important;
        border-radius:14px!important;
        line-height:1!important;
    }

    body.qcm-standalone .qcm-mobile-bottom-dock>a>svg,
    body.qcm-standalone .qcm-mobile-dock-primary-icon{
        width:22px!important;
        height:22px!important;
        min-width:22px!important;
        min-height:22px!important;
        margin:0!important;
        padding:0!important;
        flex:0 0 22px!important;
    }

    body.qcm-standalone .qcm-mobile-bottom-dock>a>svg{
        display:block!important;
    }

    body.qcm-standalone .qcm-mobile-dock-primary-icon{
        display:grid!important;
        place-items:center!important;
        border:0!important;
        border-radius:8px!important;
        background:linear-gradient(135deg,#38CEEE,#387CEE)!important;
        color:#FFFFFF!important;
        box-shadow:0 6px 14px rgba(56,124,238,.22)!important;
        transform:none!important;
    }

    body.qcm-standalone .qcm-mobile-dock-primary-icon svg{
        width:15px!important;
        height:15px!important;
        margin:0!important;
    }

    body.qcm-standalone .qcm-mobile-bottom-dock .is-qcm-primary{
        padding:5px 3px!important;
        margin:0!important;
    }

    body.qcm-standalone .qcm-mobile-bottom-dock>a>span:last-child{
        display:block!important;
        margin:0!important;
        padding:0!important;
        font-size:.52rem!important;
        line-height:1.1!important;
        white-space:nowrap!important;
    }

    /* --------------------------------------------------------
       AI: guaranteed clearance above bottom dock
       -------------------------------------------------------- */
    body.qcm-standalone .qcm-ai-launcher{
        position:fixed!important;
        bottom:90px!important;
        right:20px!important;
        left:auto!important;
        z-index:1050!important;
        width:48px!important;
        height:48px!important;
        max-width:48px!important;
        min-width:48px!important;
        padding:0!important;
        margin:0!important;
        border-radius:50%!important;
        display:grid!important;
        place-items:center!important;
        overflow:hidden!important;
        font-size:0!important;
    }

    body.qcm-standalone .qcm-ai-launcher>span{
        display:grid!important;
        place-items:center!important;
        width:22px!important;
        height:22px!important;
        margin:0!important;
        padding:0!important;
    }

    body.qcm-standalone .qcm-ai-launcher svg{
        width:20px!important;
        height:20px!important;
    }

    body.qcm-standalone .qcm-ai-panel{
        z-index:1060!important;
    }

    body.qcm-standalone .qcm-ai-backdrop{
        z-index:1055!important;
    }
}

@media(max-width:390px){
    body.qcm-standalone .qcm-brand-logo{
        height:36px!important;
        max-height:36px!important;
        max-width:112px!important;
    }

    body.qcm-standalone .qcm-topbar-inner{
        padding:0 8px!important;
        gap:5px!important;
    }

    body.qcm-standalone .qcm-ai-launcher{
        right:14px!important;
        bottom:88px!important;
    }
}


/* ============================================================
   FINAL MOBILE HEADER STRUCTURE + AI PANEL BOUNDARIES
   ============================================================ */

/* Desktop-safe structure */
body.qcm-standalone .nav-brand-container{
    display:flex;
    align-items:center;
    flex:0 0 auto;
}
body.qcm-standalone .nav-right-controls{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-width:0;
    margin-left:auto;
}
body.qcm-standalone .qcm-mobile-menu-toggle{
    flex:0 0 auto;
}

@media(max-width:768px){
    /* Header is exactly: brand left | utilities right */
    body.qcm-standalone .qcm-topbar-inner{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        width:100%!important;
        max-width:none!important;
        min-height:64px!important;
        padding:0 12px!important;
        gap:12px!important;
    }

    body.qcm-standalone .nav-brand-container{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        height:64px!important;
        min-width:0!important;
        flex:1 1 auto!important;
        overflow:hidden!important;
    }

    body.qcm-standalone .nav-brand-container .qcm-brand{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        width:auto!important;
        min-width:0!important;
        max-width:150px!important;
        margin:0!important;
        padding:0!important;
        line-height:0!important;
    }

    body.qcm-standalone .nav-brand-container .qcm-brand-picture{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        height:38px!important;
        line-height:0!important;
    }

    body.qcm-standalone .nav-brand-container .qcm-brand-logo{
        display:block!important;
        width:auto!important;
        height:38px!important;
        min-height:38px!important;
        max-height:38px!important;
        max-width:142px!important;
        object-fit:contain!important;
        object-position:left center!important;
        margin:0!important;
    }

    /* Bell + profile + hamburger are one tight unit */
    body.qcm-standalone .nav-right-controls{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        flex:0 0 auto!important;
        gap:10px!important;
        margin-left:auto!important;
        white-space:nowrap!important;
    }

    body.qcm-standalone .nav-right-controls .qcm-nav{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:10px!important;
        flex:0 0 auto!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
    }

    /* Hide desktop links/utilities except bell + profile */
    body.qcm-standalone .nav-right-controls .qcm-nav>a,
    body.qcm-standalone .nav-right-controls .qcm-nav>.qcm-language-menu,
    body.qcm-standalone .nav-right-controls .qcm-nav>.qcm-header-theme-toggle{
        display:none!important;
    }

    body.qcm-standalone .nav-right-controls .qcm-nav>.qcm-notification-menu,
    body.qcm-standalone .nav-right-controls .qcm-nav>.qcm-account-menu{
        display:block!important;
        flex:0 0 42px!important;
        width:42px!important;
        margin:0!important;
    }

    body.qcm-standalone .nav-right-controls .qcm-notification-menu>summary,
    body.qcm-standalone .nav-right-controls .qcm-account-menu>summary,
    body.qcm-standalone .nav-right-controls .qcm-mobile-menu-toggle{
        width:42px!important;
        min-width:42px!important;
        max-width:42px!important;
        height:42px!important;
        min-height:42px!important;
        max-height:42px!important;
        margin:0!important;
        flex:0 0 42px!important;
        box-sizing:border-box!important;
    }

    body.qcm-standalone .nav-right-controls .qcm-mobile-menu-toggle{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }

    /* AI window occupies only the safe viewport between the two nav bars. */
    body.qcm-standalone .qcm-ai-panel{
        position:fixed!important;
        top:calc(var(--qcm-mobile-header-height,64px) + 8px)!important;
        right:10px!important;
        bottom:calc(var(--qcm-mobile-dock-height,72px) + 18px)!important;
        left:10px!important;
        z-index:1070!important;

        width:auto!important;
        max-width:none!important;
        height:auto!important;
        max-height:none!important;
        min-height:0!important;

        border-radius:20px!important;
        overflow:hidden!important;
        box-sizing:border-box!important;
    }

    body.qcm-standalone .qcm-ai-panel.is-open{
        transform:none!important;
    }

    /* Backdrop is also restricted so header/dock remain visually distinct. */
    body.qcm-standalone .qcm-ai-backdrop{
        position:fixed!important;
        top:var(--qcm-mobile-header-height,64px)!important;
        right:0!important;
        bottom:var(--qcm-mobile-dock-height,72px)!important;
        left:0!important;
        z-index:1060!important;
    }

    /* Launcher stays above dock but below the panel. */
    body.qcm-standalone .qcm-ai-launcher{
        bottom:90px!important;
        right:20px!important;
        z-index:1050!important;
    }

    /* Ensure internal AI content can shrink/scroll instead of pushing under dock. */
    body.qcm-standalone .qcm-ai-messages{
        min-height:0!important;
        overflow-y:auto!important;
        overscroll-behavior:contain;
    }

    body.qcm-standalone .qcm-ai-form{
        flex:0 0 auto!important;
    }
}

@media(max-width:390px){
    body.qcm-standalone .qcm-topbar-inner{
        padding:0 8px!important;
        gap:7px!important;
    }
    body.qcm-standalone .nav-right-controls,
    body.qcm-standalone .nav-right-controls .qcm-nav{
        gap:7px!important;
    }
    body.qcm-standalone .nav-brand-container .qcm-brand{
        max-width:105px!important;
    }
    body.qcm-standalone .nav-brand-container .qcm-brand-logo{
        height:36px!important;
        min-height:36px!important;
        max-height:36px!important;
        max-width:105px!important;
    }
    body.qcm-standalone .qcm-ai-panel{
        top:calc(var(--qcm-mobile-header-height,64px) + 6px)!important;
        right:7px!important;
        left:7px!important;
        bottom:calc(var(--qcm-mobile-dock-height,72px) + 14px)!important;
        border-radius:17px!important;
    }
}


/* ============================================================
   MOBILE HEADER — FORCE TRUE SINGLE-ROW TOPBAR
   Logo left | Bell + Profile + Menu right
   ============================================================ */
@media(max-width:768px){

    body.qcm-standalone .qcm-topbar{
        position:sticky!important;
        top:0!important;
        z-index:1200!important;
        width:100%!important;
        height:64px!important;
        min-height:64px!important;
        max-height:64px!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
        background:#FFFFFF!important;
        border-bottom:1px solid #E5EAF2!important;
    }

    body.qcm-standalone .qcm-topbar > .qcm-topbar-inner,
    body.qcm-standalone .qcm-topbar .container.qcm-topbar-inner{
        position:relative!important;
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:space-between!important;
        width:100%!important;
        max-width:100%!important;
        height:64px!important;
        min-height:64px!important;
        margin:0!important;
        padding:0 12px!important;
        gap:10px!important;
        box-sizing:border-box!important;
    }

    /* LEFT: logo */
    body.qcm-standalone .qcm-topbar .nav-brand-container{
        position:static!important;
        inset:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        flex:1 1 auto!important;
        width:auto!important;
        min-width:0!important;
        height:64px!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
        text-align:left!important;
    }

    body.qcm-standalone .qcm-topbar .nav-brand-container .qcm-brand{
        position:static!important;
        inset:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        width:auto!important;
        height:auto!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
    }

    body.qcm-standalone .qcm-topbar .nav-brand-container .qcm-brand-picture{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        width:auto!important;
        height:38px!important;
        margin:0!important;
        padding:0!important;
    }

    body.qcm-standalone .qcm-topbar .nav-brand-container .qcm-brand-logo{
        position:static!important;
        display:block!important;
        width:auto!important;
        height:38px!important;
        min-height:38px!important;
        max-height:38px!important;
        max-width:140px!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
        object-fit:contain!important;
        object-position:left center!important;
    }

    /* RIGHT: one compact utility cluster */
    body.qcm-standalone .qcm-topbar .nav-right-controls{
        position:static!important;
        inset:auto!important;
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:flex-end!important;
        flex:0 0 auto!important;
        width:auto!important;
        height:64px!important;
        margin:0!important;
        padding:0!important;
        gap:10px!important;
        transform:none!important;
        white-space:nowrap!important;
    }

    body.qcm-standalone .qcm-topbar .nav-right-controls .qcm-nav{
        position:static!important;
        inset:auto!important;
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:flex-end!important;
        flex:0 0 auto!important;
        width:auto!important;
        height:auto!important;
        margin:0!important;
        padding:0!important;
        gap:10px!important;
        transform:none!important;
        overflow:visible!important;
    }

    /* Hide all desktop navigation links/language on mobile */
    body.qcm-standalone .qcm-topbar .nav-right-controls .qcm-nav > a,
    body.qcm-standalone .qcm-topbar .nav-right-controls .qcm-language-menu,
    body.qcm-standalone .qcm-topbar .nav-right-controls .qcm-header-theme-toggle{
        display:none!important;
    }

    /* Bell/Profile stay inside the header, never absolute/fixed */
    body.qcm-standalone .qcm-topbar .qcm-notification-menu,
    body.qcm-standalone .qcm-topbar .qcm-account-menu,
    body.qcm-standalone .qcm-topbar .qcm-mobile-menu-toggle{
        position:relative!important;
        top:auto!important;
        right:auto!important;
        bottom:auto!important;
        left:auto!important;
        inset:auto!important;
        float:none!important;
        transform:none!important;
        margin:0!important;
        flex:0 0 42px!important;
        width:42px!important;
        min-width:42px!important;
        max-width:42px!important;
        height:42px!important;
        min-height:42px!important;
        max-height:42px!important;
        align-self:center!important;
    }

    body.qcm-standalone .qcm-topbar .qcm-notification-menu>summary,
    body.qcm-standalone .qcm-topbar .qcm-account-menu>summary{
        position:relative!important;
        inset:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:42px!important;
        min-width:42px!important;
        max-width:42px!important;
        height:42px!important;
        min-height:42px!important;
        max-height:42px!important;
        margin:0!important;
        padding:3px!important;
        transform:none!important;
        box-sizing:border-box!important;
    }

    body.qcm-standalone .qcm-topbar .qcm-mobile-menu-toggle{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        box-sizing:border-box!important;
    }

    /* Keep dropdown/popover layers below header controls but attached to viewport */
    body.qcm-standalone .qcm-notification-popover,
    body.qcm-standalone .qcm-account-popover{
        top:72px!important;
    }

    /* Hero/content must begin after the real header, not beneath controls */
    body.qcm-standalone .qcm-standalone-main{
        position:relative!important;
        z-index:1!important;
    }
}

@media(max-width:430px){
    body.qcm-standalone .qcm-topbar > .qcm-topbar-inner,
    body.qcm-standalone .qcm-topbar .container.qcm-topbar-inner{
        padding:0 9px!important;
        gap:7px!important;
    }

    body.qcm-standalone .qcm-topbar .nav-right-controls,
    body.qcm-standalone .qcm-topbar .nav-right-controls .qcm-nav{
        gap:7px!important;
    }

    body.qcm-standalone .qcm-topbar .nav-brand-container .qcm-brand-logo{
        max-width:108px!important;
        height:36px!important;
        min-height:36px!important;
        max-height:36px!important;
    }

    body.qcm-standalone .qcm-topbar .qcm-notification-menu,
    body.qcm-standalone .qcm-topbar .qcm-account-menu,
    body.qcm-standalone .qcm-topbar .qcm-mobile-menu-toggle,
    body.qcm-standalone .qcm-topbar .qcm-notification-menu>summary,
    body.qcm-standalone .qcm-topbar .qcm-account-menu>summary{
        width:40px!important;
        min-width:40px!important;
        max-width:40px!important;
        height:40px!important;
        min-height:40px!important;
        max-height:40px!important;
        flex-basis:40px!important;
    }
}


/* ============================================================
   LECTURE LIBRARY — REAL-TIME VITALIA SEARCH
   ============================================================ */
body.qcm-standalone .lecture-search-shell{
    width:min(100%,860px);
    margin:18px auto 22px;
}

body.qcm-standalone .lecture-search-box{
    position:relative;
    display:grid;
    grid-template-columns:24px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-height:58px;
    padding:8px 12px 8px 16px;
    border:1px solid #E5EAF2;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 9px 24px rgba(2,1,52,.045);
    transition:
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}

body.qcm-standalone .lecture-search-box:focus-within{
    border-color:#387CEE;
    box-shadow:
        0 0 0 4px rgba(56,124,238,.08),
        0 12px 28px rgba(2,1,52,.055);
}

body.qcm-standalone .lecture-search-icon{
    display:grid;
    width:24px;
    height:24px;
    place-items:center;
    color:#71839B;
}

body.qcm-standalone .lecture-search-icon svg{
    width:20px;
    height:20px;
}

body.qcm-standalone .lecture-search-box input{
    width:100%;
    min-width:0;
    height:40px;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    color:#020134;
    font-size:.82rem;
    font-weight:700;
}

body.qcm-standalone .lecture-search-box input::placeholder{
    color:#94A3B8;
    font-weight:600;
}

body.qcm-standalone .lecture-search-clear{
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    padding:0;
    border:1px solid #E5EAF2;
    border-radius:10px;
    background:#F8FAFC;
    color:#718198;
    cursor:pointer;
    transition:all .18s ease;
}

body.qcm-standalone .lecture-search-clear:hover{
    border-color:#C7DBF6;
    background:#EEF6FF;
    color:#387CEE;
    transform:translateY(-1px);
}

body.qcm-standalone .lecture-search-clear svg{
    width:15px;
    height:15px;
}

body.qcm-standalone .lecture-search-loader{
    width:18px;
    height:18px;
    margin:0 7px 0 4px;
    border:2px solid #D9E6F6;
    border-top-color:#387CEE;
    border-radius:50%;
    animation:lectureSearchSpin .65s linear infinite;
}

body.qcm-standalone .lecture-search-box.is-loading .lecture-search-clear{
    display:none;
}

body.qcm-standalone .lecture-search-meta{
    display:flex;
    align-items:center;
    min-height:24px;
    padding:6px 5px 0;
    color:#7B8CA5;
    font-size:.61rem;
    font-weight:700;
}

body.qcm-standalone .lecture-pagination:empty{
    display:none;
}

body.qcm-standalone .lecture-empty{
    grid-column:1/-1;
    display:grid;
    justify-items:center;
    gap:7px;
    padding:34px 20px!important;
    border:1px dashed #D8E4F1;
    border-radius:18px;
    background:#FAFCFF;
    text-align:center;
}

body.qcm-standalone .lecture-empty-search-icon{
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    border-radius:13px;
    background:#EEF6FF;
    color:#387CEE;
}

body.qcm-standalone .lecture-empty-search-icon svg{
    width:21px;
    height:21px;
}

body.qcm-standalone .lecture-empty h2{
    margin:0!important;
}

body.qcm-standalone .lecture-empty p{
    margin:0;
    color:#94A3B8;
    font-size:.67rem;
}

@keyframes lectureSearchSpin{
    to{transform:rotate(360deg)}
}

@media(max-width:768px){
    body.qcm-standalone .lecture-search-shell{
        width:100%;
        margin:14px 0 18px;
    }

    body.qcm-standalone .lecture-search-box{
        width:100%;
        min-height:56px;
        padding:7px 10px 7px 14px;
        border-radius:15px;
    }

    body.qcm-standalone .lecture-search-box input{
        font-size:.78rem;
    }
}

@media(max-width:480px){
    body.qcm-standalone .lecture-search-box{
        grid-template-columns:22px minmax(0,1fr) auto;
        gap:8px;
    }

    body.qcm-standalone .lecture-search-icon svg{
        width:18px;
        height:18px;
    }

    body.qcm-standalone .lecture-search-box input{
        font-size:.74rem;
    }
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .lecture-search-loader{
        animation:none!important;
    }
}


/* ============================================================
   LECTURES — VITALIA COMMAND PALETTE SEARCH
   ============================================================ */
body.qcm-standalone .lecture-command-search{
    position:relative;
    z-index:80;
    width:min(100%,900px);
    margin:20px auto 24px;
}

body.qcm-standalone .lecture-command-frame{
    position:relative;
    width:100%;
}

body.qcm-standalone .lecture-command-search .lecture-search-box{
    position:relative;
    display:grid;
    grid-template-columns:24px minmax(0,1fr) auto auto;
    align-items:center;
    gap:10px;
    min-height:62px;
    padding:9px 12px 9px 17px;
    border:1px solid transparent!important;
    border-radius:18px!important;
    background:
        linear-gradient(#FFFFFF,#FFFFFF) padding-box,
        linear-gradient(90deg,#E5EAF2,#E5EAF2) border-box!important;
    box-shadow:
        0 10px 28px rgba(2,1,52,.055),
        inset 0 1px 0 rgba(255,255,255,.9)!important;
    transition:
        box-shadow .24s ease,
        transform .24s ease,
        background .24s ease!important;
}

body.qcm-standalone .lecture-command-search .lecture-search-box:focus-within,
body.qcm-standalone .lecture-command-search .lecture-search-box.is-focused{
    background:
        linear-gradient(#FFFFFF,#FFFFFF) padding-box,
        linear-gradient(90deg,#38CEEE,#387CEE) border-box!important;
    box-shadow:
        0 0 0 4px rgba(56,124,238,.07),
        0 14px 34px rgba(56,124,238,.10),
        0 0 28px rgba(56,206,238,.08)!important;
    transform:translateY(-1px);
}

body.qcm-standalone .lecture-command-search .lecture-search-icon{
    color:#58708D!important;
}

body.qcm-standalone .lecture-command-search .lecture-search-icon svg{
    width:21px!important;
    height:21px!important;
}

body.qcm-standalone .lecture-command-search .lecture-search-box input{
    height:42px!important;
    font-size:.87rem!important;
    font-weight:720!important;
    color:#020134!important;
}

body.qcm-standalone .lecture-search-shortcut{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:0 9px;
    border:1px solid #DDE5EF;
    border-bottom-width:2px;
    border-radius:9px;
    background:#F8FAFC;
    color:#718198;
    font-family:inherit;
    font-size:.56rem;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    box-shadow:0 2px 5px rgba(2,1,52,.03);
}

/* floating command dropdown */
body.qcm-standalone .lecture-command-dropdown{
    position:absolute;
    top:calc(100% + 9px);
    right:0;
    left:0;
    z-index:100;
    overflow:hidden;
    max-height:min(560px,70vh);
    border:1px solid #E3EAF3;
    border-radius:18px;
    background:#FFFFFF;
    box-shadow:
        0 24px 55px rgba(2,1,52,.15),
        0 8px 22px rgba(56,124,238,.07);
    opacity:0;
    transform:translateY(-8px) scale(.99);
    transform-origin:top center;
    transition:
        opacity .20s ease,
        transform .24s cubic-bezier(.16,1,.3,1);
}

body.qcm-standalone .lecture-command-dropdown[hidden]{
    display:none!important;
}

body.qcm-standalone .lecture-command-dropdown.is-open{
    opacity:1;
    transform:none;
}

body.qcm-standalone .lecture-command-dropdown-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 14px;
    border-bottom:1px solid #EEF2F7;
    background:#FBFCFE;
}

body.qcm-standalone .lecture-command-dropdown-head>span{
    color:#387CEE;
    font-size:.53rem;
    font-weight:900;
    letter-spacing:.09em;
}

body.qcm-standalone .lecture-command-dropdown-head>small{
    color:#94A3B8;
    font-size:.52rem;
    font-weight:700;
}

body.qcm-standalone .lecture-command-results{
    max-height:470px;
    overflow-y:auto;
    padding:7px;
    scrollbar-width:thin;
    scrollbar-color:#CBD5E1 transparent;
}

body.qcm-standalone .lecture-command-result{
    display:grid;
    grid-template-columns:54px minmax(0,1fr) 30px;
    gap:12px;
    align-items:center;
    min-height:72px;
    padding:9px 11px;
    border:1px solid transparent;
    border-radius:13px;
    color:inherit;
    text-decoration:none;
    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

body.qcm-standalone .lecture-command-result:hover,
body.qcm-standalone .lecture-command-result.is-active{
    border-color:#E4EBF4;
    background:#F8FAFC;
    transform:translateX(3px);
}

body.qcm-standalone .lecture-command-result-media{
    display:grid;
    width:54px;
    height:54px;
    place-items:center;
    overflow:hidden;
    border:1px solid #E5EAF2;
    border-radius:12px;
    background:
        linear-gradient(135deg,#EEF6FF,#E2EDFB);
    background-size:cover;
    background-position:center;
    color:#387CEE;
}

body.qcm-standalone .lecture-command-result-media svg{
    width:21px;
    height:21px;
}

body.qcm-standalone .lecture-command-result-copy{
    display:grid;
    min-width:0;
    gap:3px;
}

body.qcm-standalone .lecture-command-result-tag{
    justify-self:start;
    max-width:100%;
    padding:4px 7px;
    overflow:hidden;
    border:1px solid #D5E5F8;
    border-radius:999px;
    background:#EEF6FF;
    color:#387CEE;
    font-size:.50rem;
    font-weight:850;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

body.qcm-standalone .lecture-command-result-copy strong{
    overflow:hidden;
    color:#12233E;
    font-size:.72rem;
    font-weight:880;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
}

body.qcm-standalone .lecture-command-result-copy small{
    overflow:hidden;
    color:#7A8AA1;
    font-size:.58rem;
    font-weight:600;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}

body.qcm-standalone .lecture-command-result-arrow{
    display:grid;
    width:30px;
    height:30px;
    place-items:center;
    border-radius:9px;
    color:#94A3B8;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}

body.qcm-standalone .lecture-command-result:hover .lecture-command-result-arrow,
body.qcm-standalone .lecture-command-result.is-active .lecture-command-result-arrow{
    background:#EAF3FF;
    color:#387CEE;
    transform:translateX(2px);
}

body.qcm-standalone .lecture-command-result-arrow svg{
    width:15px;
    height:15px;
}

body.qcm-standalone .lecture-command-empty{
    display:grid;
    justify-items:center;
    gap:5px;
    padding:30px 18px 32px;
    text-align:center;
}

body.qcm-standalone .lecture-command-empty[hidden]{
    display:none!important;
}

body.qcm-standalone .lecture-command-empty-icon{
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    margin-bottom:3px;
    border-radius:13px;
    background:#EEF6FF;
    color:#387CEE;
}

body.qcm-standalone .lecture-command-empty-icon svg{
    width:20px;
    height:20px;
}

body.qcm-standalone .lecture-command-empty strong{
    color:#243752;
    font-size:.72rem;
    font-weight:850;
}

body.qcm-standalone .lecture-command-empty>span:last-child{
    color:#94A3B8;
    font-size:.60rem;
}

/* mobile native-search behavior */
@media(max-width:768px){
    body.qcm-standalone .lecture-command-search{
        width:100%!important;
        margin:14px 0 19px!important;
        z-index:95;
    }

    body.qcm-standalone .lecture-command-search .lecture-search-box{
        grid-template-columns:22px minmax(0,1fr) auto!important;
        min-height:58px!important;
        padding:8px 10px 8px 14px!important;
        border-radius:16px!important;
    }

    body.qcm-standalone .lecture-search-shortcut{
        display:none!important;
    }

    body.qcm-standalone .lecture-command-dropdown{
        position:absolute!important;
        top:calc(100% + 7px)!important;
        right:0!important;
        left:0!important;
        width:100%!important;
        max-height:min(64vh,520px)!important;
        border-radius:16px!important;
    }

    body.qcm-standalone .lecture-command-result{
        grid-template-columns:48px minmax(0,1fr) 28px!important;
        min-height:68px!important;
        padding:8px 9px!important;
    }

    body.qcm-standalone .lecture-command-result-media{
        width:48px!important;
        height:48px!important;
        border-radius:11px!important;
    }

    body.qcm-standalone .lecture-command-result-copy strong{
        font-size:.70rem!important;
    }
}

@media(max-width:430px){
    body.qcm-standalone .lecture-command-dropdown-head>small{
        display:none;
    }

    body.qcm-standalone .lecture-command-result{
        grid-template-columns:46px minmax(0,1fr) 26px!important;
        gap:9px!important;
    }

    body.qcm-standalone .lecture-command-result-media{
        width:46px!important;
        height:46px!important;
    }

    body.qcm-standalone .lecture-command-result-copy small{
        display:none;
    }
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .lecture-command-dropdown,
    body.qcm-standalone .lecture-command-result,
    body.qcm-standalone .lecture-command-search .lecture-search-box{
        transition:none!important;
    }
}


/* ============================================================
   VITALIA AI TUTOR — EMBEDDABLE WIDGET DESIGN
   ============================================================ */
:root{
    --vitalia-ai-gradient:linear-gradient(90deg,#38CEEE,#387CEE);
    --vitalia-ai-bg:#FFFFFF;
    --vitalia-ai-border:#E5EAF2;
    --vitalia-ai-text:#020134;
    --vitalia-ai-muted:#64748B;
}

/* Floating circular launcher */
body.qcm-standalone .vitalia-chat-launcher{
    position:fixed!important;
    right:24px!important;
    bottom:24px!important;
    z-index:1040!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:50%!important;
    background:var(--vitalia-ai-gradient)!important;
    color:#FFFFFF!important;
    box-shadow:0 12px 30px rgba(56,124,238,.40)!important;
    cursor:pointer!important;
    transition:all .30s cubic-bezier(.16,1,.3,1)!important;
}

body.qcm-standalone .vitalia-chat-launcher:hover{
    transform:scale(1.08) translateY(-2px)!important;
    box-shadow:0 16px 40px rgba(56,124,238,.55)!important;
}

body.qcm-standalone .vitalia-ai-launcher-logo{
    display:block!important;
    width:44px!important;
    height:44px!important;
    object-fit:cover!important;
    border-radius:50%!important;
    border:2px solid rgba(255,255,255,.82)!important;
    background:#FFFFFF!important;
}

body.qcm-standalone .vitalia-ai-fallback-icon{
    width:27px!important;
    height:27px!important;
}

/* Chat window */
body.qcm-standalone .vitalia-chat-container{
    position:fixed!important;
    right:24px!important;
    bottom:100px!important;
    z-index:1060!important;
    display:flex!important;
    width:380px!important;
    max-width:calc(100vw - 48px)!important;
    height:520px!important;
    max-height:calc(100dvh - 125px)!important;
    overflow:hidden!important;
    flex-direction:column!important;
    border:1px solid var(--vitalia-ai-border)!important;
    border-radius:24px!important;
    background:var(--vitalia-ai-bg)!important;
    box-shadow:0 20px 50px rgba(2,1,52,.15)!important;
    font-family:'PP Mori',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important;

    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(15px) scale(.95)!important;
    transform-origin:bottom right!important;
    transition:
        opacity .25s ease,
        transform .25s cubic-bezier(.16,1,.3,1),
        visibility 0s linear .25s!important;
}

body.qcm-standalone .vitalia-chat-container.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:
        opacity .25s ease,
        transform .25s cubic-bezier(.16,1,.3,1),
        visibility 0s!important;
}

/* Header */
body.qcm-standalone .vitalia-chat-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:70px!important;
    padding:14px 16px!important;
    border-bottom:1px solid var(--vitalia-ai-border)!important;
    background:#FAFCFF!important;
}

body.qcm-standalone .vitalia-chat-header-brand{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
}

body.qcm-standalone .vitalia-chat-header-avatar{
    display:grid!important;
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    place-items:center!important;
    overflow:hidden!important;
    border:1px solid #D9E5F4!important;
    border-radius:13px!important;
    background:#FFFFFF!important;
    color:#387CEE!important;
}

body.qcm-standalone .vitalia-chat-header-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}

body.qcm-standalone .vitalia-chat-header-avatar svg{
    width:21px!important;
    height:21px!important;
}

body.qcm-standalone .vitalia-header-info{
    min-width:0!important;
}

body.qcm-standalone .vitalia-header-info h4{
    margin:0 0 3px!important;
    color:var(--vitalia-ai-text)!important;
    font-size:.90rem!important;
    font-weight:850!important;
    line-height:1.15!important;
}

body.qcm-standalone .vitalia-header-info p{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin:0!important;
    overflow:hidden!important;
    color:var(--vitalia-ai-muted)!important;
    font-size:.63rem!important;
    font-weight:650!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

body.qcm-standalone .vitalia-status-dot{
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
    border-radius:50%!important;
    background:#22C55E!important;
    box-shadow:0 0 0 3px rgba(34,197,94,.10)!important;
}

body.qcm-standalone .vitalia-chat-head-actions{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
}

body.qcm-standalone .vitalia-clear-btn,
body.qcm-standalone .vitalia-close-btn{
    display:grid!important;
    width:34px!important;
    height:34px!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:var(--vitalia-ai-muted)!important;
    cursor:pointer!important;
    transition:background .18s ease,color .18s ease!important;
}

body.qcm-standalone .vitalia-clear-btn:hover,
body.qcm-standalone .vitalia-close-btn:hover{
    background:#EEF3F9!important;
    color:var(--vitalia-ai-text)!important;
}

body.qcm-standalone .vitalia-clear-btn svg,
body.qcm-standalone .vitalia-close-btn svg{
    width:16px!important;
    height:16px!important;
}

/* Disclaimer */
body.qcm-standalone .vitalia-disclaimer{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:8px 14px!important;
    border-bottom:1px solid var(--vitalia-ai-border)!important;
    background:#F8FAFC!important;
    color:var(--vitalia-ai-muted)!important;
    font-size:.58rem!important;
    font-weight:650!important;
    line-height:1.35!important;
    text-align:center!important;
}

body.qcm-standalone .vitalia-disclaimer-icon{
    display:grid!important;
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
    place-items:center!important;
    border-radius:7px!important;
    background:#EEF6FF!important;
    color:#387CEE!important;
}

body.qcm-standalone .vitalia-disclaimer-icon svg{
    width:12px!important;
    height:12px!important;
}

/* Messages */
body.qcm-standalone .vitalia-chat-messages{
    display:flex!important;
    min-height:0!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:16px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:#F4F7FC!important;
    scrollbar-width:thin!important;
    scrollbar-color:#CBD5E1 transparent!important;
}

body.qcm-standalone .vitalia-msg{
    width:fit-content!important;
    max-width:82%!important;
    padding:12px 16px!important;
    border-radius:16px!important;
    font-size:.76rem!important;
    font-weight:600!important;
    line-height:1.5!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
}

body.qcm-standalone .vitalia-msg.ai,
body.qcm-standalone .qcm-ai-message.is-assistant{
    align-self:flex-start!important;
    border:1px solid var(--vitalia-ai-border)!important;
    border-bottom-left-radius:4px!important;
    background:#FFFFFF!important;
    color:var(--vitalia-ai-text)!important;
}

body.qcm-standalone .vitalia-msg.user,
body.qcm-standalone .qcm-ai-message.is-user{
    align-self:flex-end!important;
    border:0!important;
    border-bottom-right-radius:4px!important;
    background:var(--vitalia-ai-gradient)!important;
    color:#FFFFFF!important;
    box-shadow:0 4px 15px rgba(56,124,238,.25)!important;
}

/* Footer input */
body.qcm-standalone .vitalia-chat-footer{
    flex:0 0 auto!important;
    padding:14px 16px!important;
    border-top:1px solid var(--vitalia-ai-border)!important;
    background:#FFFFFF!important;
}

body.qcm-standalone .vitalia-chat-form{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
}

body.qcm-standalone .vitalia-chat-input{
    min-width:0!important;
    height:42px!important;
    flex:1 1 auto!important;
    padding:10px 14px!important;
    border:1px solid var(--vitalia-ai-border)!important;
    border-radius:14px!important;
    outline:0!important;
    background:#F8FAFC!important;
    color:var(--vitalia-ai-text)!important;
    font-family:inherit!important;
    font-size:.75rem!important;
    font-weight:600!important;
    transition:all .2s ease!important;
}

body.qcm-standalone .vitalia-chat-input:focus{
    border-color:#387CEE!important;
    background:#FFFFFF!important;
    box-shadow:0 0 0 3px rgba(56,124,238,.10)!important;
}

body.qcm-standalone .vitalia-chat-input::placeholder{
    color:#94A3B8!important;
}

body.qcm-standalone .vitalia-send-btn{
    display:flex!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
    background:var(--vitalia-ai-gradient)!important;
    color:#FFFFFF!important;
    box-shadow:0 4px 12px rgba(56,124,238,.30)!important;
    cursor:pointer!important;
    transition:all .2s ease!important;
}

body.qcm-standalone .vitalia-send-btn:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 8px 18px rgba(56,124,238,.38)!important;
}

body.qcm-standalone .vitalia-send-btn svg{
    width:18px!important;
    height:18px!important;
}

/* Backdrop */
body.qcm-standalone .vitalia-chat-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:1050!important;
    background:rgba(2,1,52,.10)!important;
    -webkit-backdrop-filter:blur(1px)!important;
    backdrop-filter:blur(1px)!important;
}

/* Mobile/tablet: above bottom navigation, below header */
@media(max-width:768px){
    body.qcm-standalone .vitalia-chat-launcher{
        right:16px!important;
        bottom:92px!important;
        width:56px!important;
        min-width:56px!important;
        max-width:56px!important;
        height:56px!important;
        min-height:56px!important;
        max-height:56px!important;
    }

    body.qcm-standalone .vitalia-ai-launcher-logo{
        width:41px!important;
        height:41px!important;
    }

    body.qcm-standalone .vitalia-chat-container{
        top:calc(var(--qcm-mobile-header-height,64px) + 8px)!important;
        right:8px!important;
        bottom:calc(var(--qcm-mobile-dock-height,72px) + 14px)!important;
        left:8px!important;
        width:auto!important;
        max-width:none!important;
        height:auto!important;
        max-height:none!important;
        border-radius:20px!important;
        transform:translateY(12px) scale(.98)!important;
        transform-origin:bottom center!important;
    }

    body.qcm-standalone .vitalia-chat-container.is-open{
        transform:none!important;
    }

    body.qcm-standalone .vitalia-chat-header{
        min-height:66px!important;
        padding:12px 13px!important;
    }

    body.qcm-standalone .vitalia-chat-messages{
        padding:13px!important;
    }

    body.qcm-standalone .vitalia-msg{
        max-width:88%!important;
        font-size:.73rem!important;
    }

    body.qcm-standalone .vitalia-chat-footer{
        padding:11px 12px max(12px,env(safe-area-inset-bottom))!important;
    }

    body.qcm-standalone .vitalia-chat-backdrop{
        top:var(--qcm-mobile-header-height,64px)!important;
        bottom:var(--qcm-mobile-dock-height,72px)!important;
    }
}

@media(max-width:390px){
    body.qcm-standalone .vitalia-header-info p{
        max-width:175px!important;
    }

    body.qcm-standalone .vitalia-disclaimer{
        align-items:flex-start!important;
        text-align:left!important;
    }

    body.qcm-standalone .vitalia-msg{
        max-width:92%!important;
    }
}

@media(prefers-reduced-motion:reduce){
    body.qcm-standalone .vitalia-chat-launcher,
    body.qcm-standalone .vitalia-chat-container{
        transition:none!important;
    }
}


/* ============================================================
   MOBILE GUEST QUICK ACCESS
   Guest: Logo | Become a Student | Pricing | Menu
   Logged-in student: existing compact student controls only
   ============================================================ */
body.qcm-standalone .qcm-mobile-guest-quick-actions{
    display:none;
}

@media(max-width:768px){
    body.qcm-standalone .qcm-mobile-guest-quick-actions{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:6px!important;
        flex:0 0 auto!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        white-space:nowrap!important;
    }

    body.qcm-standalone .qcm-mobile-guest-action{
        appearance:none!important;
        -webkit-appearance:none!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-height:36px!important;
        width:auto!important;
        margin:0!important;
        padding:0 10px!important;
        border-radius:11px!important;
        font-family:inherit!important;
        font-size:.61rem!important;
        line-height:1!important;
        font-weight:900!important;
        letter-spacing:-.01em!important;
        text-decoration:none!important;
        white-space:nowrap!important;
        box-sizing:border-box!important;
        transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
    }

    body.qcm-standalone .qcm-mobile-guest-action.is-student{
        border:1px solid transparent!important;
        background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
        color:#FFFFFF!important;
        box-shadow:0 6px 16px rgba(56,124,238,.22)!important;
    }

    body.qcm-standalone .qcm-mobile-guest-action.is-pricing{
        border:1px solid #D8E5F4!important;
        background:#FFFFFF!important;
        color:#020134!important;
        box-shadow:0 4px 12px rgba(2,1,52,.05)!important;
    }

    body.qcm-standalone .qcm-mobile-guest-action:active{
        transform:scale(.97)!important;
    }

    /* Guests do not have bell/profile, so use the available width for CTAs. */
    body.qcm-standalone .nav-right-controls:has(.qcm-mobile-guest-quick-actions){
        gap:6px!important;
        min-width:0!important;
        flex:0 0 auto!important;
    }

    body.qcm-standalone .nav-right-controls:has(.qcm-mobile-guest-quick-actions) .qcm-nav{
        display:none!important;
    }

    body.qcm-standalone .nav-right-controls:has(.qcm-mobile-guest-quick-actions) .qcm-mobile-menu-toggle{
        flex:0 0 38px!important;
        width:38px!important;
        min-width:38px!important;
        max-width:38px!important;
        height:38px!important;
        min-height:38px!important;
        max-height:38px!important;
    }

    body.qcm-standalone .qcm-topbar-inner:has(.qcm-mobile-guest-quick-actions) .nav-brand-container{
        flex:1 1 auto!important;
        min-width:48px!important;
    }

    body.qcm-standalone .qcm-topbar-inner:has(.qcm-mobile-guest-quick-actions) .nav-brand-container .qcm-brand{
        max-width:108px!important;
    }

    body.qcm-standalone .qcm-topbar-inner:has(.qcm-mobile-guest-quick-actions) .nav-brand-container .qcm-brand-logo{
        max-width:108px!important;
        object-fit:contain!important;
        object-position:left center!important;
    }
}

@media(max-width:430px){
    body.qcm-standalone .qcm-topbar-inner:has(.qcm-mobile-guest-quick-actions){
        padding-left:8px!important;
        padding-right:8px!important;
        gap:5px!important;
    }

    body.qcm-standalone .qcm-mobile-guest-quick-actions{
        gap:4px!important;
    }

    body.qcm-standalone .qcm-mobile-guest-action{
        min-height:34px!important;
        padding:0 7px!important;
        border-radius:10px!important;
        font-size:.56rem!important;
    }

    body.qcm-standalone .nav-right-controls:has(.qcm-mobile-guest-quick-actions){
        gap:4px!important;
    }

    body.qcm-standalone .nav-right-controls:has(.qcm-mobile-guest-quick-actions) .qcm-mobile-menu-toggle{
        flex-basis:36px!important;
        width:36px!important;
        min-width:36px!important;
        max-width:36px!important;
        height:36px!important;
        min-height:36px!important;
        max-height:36px!important;
    }

    body.qcm-standalone .qcm-topbar-inner:has(.qcm-mobile-guest-quick-actions) .nav-brand-container .qcm-brand,
    body.qcm-standalone .qcm-topbar-inner:has(.qcm-mobile-guest-quick-actions) .nav-brand-container .qcm-brand-logo{
        max-width:82px!important;
    }
}

@media(max-width:360px){
    body.qcm-standalone .qcm-mobile-guest-action{
        padding:0 6px!important;
        font-size:.52rem!important;
    }

    body.qcm-standalone .qcm-topbar-inner:has(.qcm-mobile-guest-quick-actions) .nav-brand-container .qcm-brand,
    body.qcm-standalone .qcm-topbar-inner:has(.qcm-mobile-guest-quick-actions) .nav-brand-container .qcm-brand-logo{
        max-width:64px!important;
    }
}


/* ============================================================
   FINAL GUEST HEADER FIX — DESKTOP + MOBILE
   Prevent desktop duplication and force two distinct mobile pills.
   ============================================================ */

/* Critical: these guest quick actions belong ONLY to <=768px header. */
body.qcm-standalone .qcm-mobile-guest-quick-actions{
    display:none!important;
}

@media(min-width:769px){
    body.qcm-standalone .qcm-mobile-guest-quick-actions{
        display:none!important;
    }
}

/* Desktop guest navigation keeps the existing single Pricing link + Sign up.
   No additional Become Student/Pricing text is injected beside language menu. */
@media(max-width:768px){
    body.qcm-standalone .qcm-mobile-guest-quick-actions{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:8px!important;
        flex:0 1 auto!important;
        min-width:0!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        white-space:nowrap!important;
        overflow:visible!important;
    }

    body.qcm-standalone .qcm-mobile-guest-quick-actions .qcm-mobile-guest-action{
        -webkit-appearance:none!important;
        appearance:none!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:auto!important;
        min-width:0!important;
        min-height:34px!important;
        max-width:132px!important;
        margin:0!important;
        padding:6px 12px!important;
        border-radius:10px!important;
        font-family:inherit!important;
        font-size:.78rem!important;
        line-height:1!important;
        font-weight:700!important;
        text-decoration:none!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        box-sizing:border-box!important;
        cursor:pointer!important;
        flex:0 1 auto!important;
    }

    body.qcm-standalone .qcm-mobile-guest-quick-actions .qcm-mobile-guest-action.is-student{
        color:#fff!important;
        background:linear-gradient(90deg,#38CEEE,#387CEE)!important;
        border:1px solid transparent!important;
        box-shadow:0 6px 16px rgba(56,124,238,.28)!important;
    }

    body.qcm-standalone .qcm-mobile-guest-quick-actions .qcm-mobile-guest-action.is-pricing{
        color:#2458A6!important;
        background:#F3F8FF!important;
        border:1px solid #CFE0F7!important;
        box-shadow:none!important;
    }

    body.qcm-standalone .qcm-mobile-guest-quick-actions .qcm-mobile-guest-action:active{
        transform:scale(.97)!important;
    }

    body.qcm-standalone .nav-right-controls:has(.qcm-mobile-guest-quick-actions){
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:8px!important;
        flex:0 1 auto!important;
        min-width:0!important;
        max-width:calc(100% - 70px)!important;
        margin-left:auto!important;
        white-space:nowrap!important;
    }

    /* Guest desktop nav is irrelevant on mobile; topbar pills replace its Pricing/signup. */
    body.qcm-standalone .nav-right-controls:has(.qcm-mobile-guest-quick-actions) > .qcm-nav{
        display:none!important;
    }

    body.qcm-standalone .nav-right-controls:has(.qcm-mobile-guest-quick-actions) .qcm-mobile-menu-toggle{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:0 0 40px!important;
        width:40px!important;
        min-width:40px!important;
        max-width:40px!important;
        height:40px!important;
        min-height:40px!important;
        max-height:40px!important;
        margin:0!important;
    }
}

@media(max-width:480px){
    body.qcm-standalone .qcm-mobile-guest-quick-actions{
        gap:5px!important;
    }

    body.qcm-standalone .qcm-mobile-guest-quick-actions .qcm-mobile-guest-action{
        padding:6px 8px!important;
        font-size:.68rem!important;
        max-width:112px!important;
    }

    body.qcm-standalone .nav-right-controls:has(.qcm-mobile-guest-quick-actions){
        gap:5px!important;
    }
}

@media(max-width:390px){
    body.qcm-standalone .qcm-mobile-guest-quick-actions .qcm-mobile-guest-action{
        padding:6px 7px!important;
        font-size:.62rem!important;
        max-width:96px!important;
    }

    body.qcm-standalone .qcm-topbar-inner:has(.qcm-mobile-guest-quick-actions) .nav-brand-container .qcm-brand,
    body.qcm-standalone .qcm-topbar-inner:has(.qcm-mobile-guest-quick-actions) .nav-brand-container .qcm-brand-logo{
        max-width:70px!important;
    }
}

@media(max-width:350px){
    body.qcm-standalone .qcm-mobile-guest-quick-actions .qcm-mobile-guest-action.is-student{
        max-width:82px!important;
    }
    body.qcm-standalone .qcm-mobile-guest-quick-actions .qcm-mobile-guest-action.is-pricing{
        max-width:60px!important;
    }
}
/* ===== Unified project dropdown identity ===== */
:root{
  --v-dropdown-line:#DCE6F3;
  --v-dropdown-text:#29435E;
  --v-dropdown-muted:#7B8BA1;
  --v-dropdown-hover:#F3F8FF;
  --v-dropdown-selected:#EAF3FF;
  --v-dropdown-accent:#387CEE;
  --v-dropdown-shadow:0 18px 44px rgba(25,53,96,.14);
}

/* Native selects used throughout the public, store and QCM screens. */
body select:not([multiple]):not([size]){
  appearance:none;
  -webkit-appearance:none;
  min-height:50px;
  padding:0 48px 0 15px;
  border:1px solid #D9E5F2;
  border-radius:14px;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='8' fill='%23EEF6FF'/%3E%3Cpath d='m8 10 4 4 4-4' stroke='%23387CEE' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,#FFFFFF,#F8FBFF);
  background-repeat:no-repeat,no-repeat;
  background-position:right 14px center,center;
  background-size:22px 22px,100% 100%;
  color:#020134;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(2,1,52,.035);
  transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease;
}
body select:not([multiple]):not([size]):hover{border-color:#BFD8F5}
body select:not([multiple]):not([size]):focus{border-color:var(--v-dropdown-accent);outline:0;box-shadow:0 0 0 4px rgba(56,124,238,.10)}
body select:disabled{cursor:not-allowed;opacity:.62}
body select option{padding:10px 12px;background:#fff;color:#29435E;font-weight:700}

/* Shared identity for searchable/custom dropdown surfaces. */
.qcm-combobox-trigger,
.diagnosis-combobox>button,
.choices__inner,
.dropdown-toggle{
  min-height:50px!important;
  border:1px solid #D9E5F2!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFF)!important;
  color:#020134!important;
  font-weight:800!important;
  box-shadow:0 5px 14px rgba(2,1,52,.035)!important;
  transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease!important;
}
.qcm-combobox-trigger:hover,
.diagnosis-combobox>button:hover,
.choices:hover .choices__inner,
.dropdown-toggle:hover{border-color:#BFD8F5!important}
.qcm-combobox-trigger[aria-expanded="true"],
.diagnosis-combobox>button[aria-expanded="true"],
.choices.is-open .choices__inner,
.dropdown-toggle[aria-expanded="true"]{border-color:#387CEE!important;background:#fff!important;box-shadow:0 0 0 4px rgba(56,124,238,.10)!important}
.qcm-combobox-chevron{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:8px;background:#EEF6FF;color:#387CEE}

.qcm-combobox-menu,
.diagnosis-combobox-menu,
.diagnosis-suggestions,
.sim-diagnosis-options,
.choices__list--dropdown,
.choices__list[aria-expanded],
.dropdown-menu{
  overflow-x:hidden!important;
  border:1px solid var(--v-dropdown-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:var(--v-dropdown-shadow)!important;
}
.qcm-combobox-suggestions,
.diagnosis-combobox-menu [data-specialty-options],
.diagnosis-suggestions,
.sim-diagnosis-options,
.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list{
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#B8CAE2 transparent;
}
.qcm-combobox-suggestions::-webkit-scrollbar,
.diagnosis-combobox-menu [data-specialty-options]::-webkit-scrollbar,
.diagnosis-suggestions::-webkit-scrollbar,
.sim-diagnosis-options::-webkit-scrollbar,
.choices__list--dropdown .choices__list::-webkit-scrollbar,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar{width:7px;height:0}
.qcm-combobox-suggestions::-webkit-scrollbar-thumb,
.diagnosis-combobox-menu [data-specialty-options]::-webkit-scrollbar-thumb,
.diagnosis-suggestions::-webkit-scrollbar-thumb,
.sim-diagnosis-options::-webkit-scrollbar-thumb,
.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar-thumb{border-radius:999px;background:#B8CAE2}

/* Options keep the same spacing, hover and selected language as Exams. */
.qcm-combobox-option,
.diagnosis-combobox-menu [data-specialty-options] button,
.diagnosis-suggestions button,
.sim-diagnosis-options button,
.choices__item--choice,
.dropdown-menu .dropdown-item{
  min-width:0;
  border-radius:10px!important;
  color:var(--v-dropdown-text)!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.qcm-combobox-option:hover,
.diagnosis-combobox-menu [data-specialty-options] button:hover,
.diagnosis-suggestions button:hover,
.sim-diagnosis-options button:hover,
.choices__item--choice.is-highlighted,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus{background:var(--v-dropdown-hover)!important;color:var(--v-dropdown-text)!important}
.qcm-combobox-option[aria-selected="true"],
.choices__item--choice.is-selected,
.dropdown-menu .dropdown-item.active{background:var(--v-dropdown-selected)!important;color:#245FAE!important}
.qcm-combobox-option>span,
.diagnosis-combobox-menu [data-specialty-options] button>span,
.diagnosis-suggestions button>span,
.sim-diagnosis-options button>span,
.choices__item--choice,
.dropdown-menu .dropdown-item{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}

/* Search fields inside dropdowns follow the same input identity. */
.qcm-combobox-search,
.diagnosis-combobox-search,
.choices__list--dropdown .choices__input,
.choices__list[aria-expanded] .choices__input{
  border:1px solid var(--v-dropdown-line)!important;
  border-radius:10px!important;
  background:#F8FAFC!important;
  color:var(--v-dropdown-text)!important;
  box-shadow:none!important;
}
.qcm-combobox-search:focus,
.diagnosis-combobox-search:focus-within,
.choices__list--dropdown .choices__input:focus,
.choices__list[aria-expanded] .choices__input:focus{border-color:var(--v-dropdown-accent)!important;background:#fff!important;outline:0!important}

[dir="rtl"] body select:not([multiple]):not([size]){padding-right:15px;padding-left:48px;background-position:left 14px center,center}
+/* Vitalia custom select: replaces the browser's legacy option popup site-wide. */
.vitalia-select{position:relative;width:100%;min-width:0}
.vitalia-select-native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.vitalia-select-trigger{display:flex;width:100%;min-height:50px;align-items:center;justify-content:space-between;gap:12px;padding:0 14px 0 15px;border:1px solid #D9E5F2;border-radius:14px;background:linear-gradient(180deg,#FFF,#F8FBFF);color:#020134;text-align:left;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer;box-shadow:0 5px 14px rgba(2,1,52,.035);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.vitalia-select-trigger:hover{border-color:#BFD8F5;background:#fff}
.vitalia-select-trigger[aria-expanded="true"]{border-color:#387CEE;background:#fff;box-shadow:0 0 0 4px rgba(56,124,238,.10)}
.vitalia-select-trigger:disabled{cursor:not-allowed;opacity:.62}
.vitalia-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vitalia-select-chevron{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:8px;background:#EEF6FF;color:#387CEE;transition:transform .18s ease}
.vitalia-select-chevron svg{width:14px;height:14px}
.vitalia-select.is-open .vitalia-select-chevron{transform:rotate(180deg)}
.vitalia-select-popover{position:absolute;z-index:5100;top:calc(100% + 7px);left:0;width:100%;min-width:min(280px,calc(100vw - 24px));padding:8px;overflow:hidden;border:1px solid #DCE6F3;border-radius:15px;background:#fff;box-shadow:0 20px 48px rgba(25,53,96,.18);animation:vitaliaSelectIn .18s cubic-bezier(.16,1,.3,1)}
.vitalia-select.opens-up .vitalia-select-popover{top:auto;bottom:calc(100% + 7px);transform-origin:bottom}
.vitalia-select-popover[hidden]{display:none!important}
@keyframes vitaliaSelectIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
.vitalia-select-search{display:flex;align-items:center;gap:8px;margin-bottom:7px;padding:9px 11px;border:1px solid #DCE6F3;border-radius:11px;background:#F8FAFC;color:#7B8BA1}
.vitalia-select-search[hidden]{display:none}
.vitalia-select-search svg{width:17px;height:17px;flex:0 0 17px}
.vitalia-select-search input{width:100%;min-width:0;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#29435E!important;font:inherit;font-size:.72rem!important;box-shadow:none!important}
.vitalia-select-options{display:grid;gap:3px;max-height:270px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#B8CAE2 transparent}
.vitalia-select-options::-webkit-scrollbar{width:7px;height:0}.vitalia-select-options::-webkit-scrollbar-thumb{border-radius:999px;background:#B8CAE2}
.vitalia-select-option{display:flex;width:100%;min-height:42px;min-width:0;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:#fff;color:#29435E;text-align:left;font:inherit;font-size:.72rem;font-weight:750;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}
.vitalia-select-option span{min-width:0;overflow-wrap:anywhere}
.vitalia-select-option i{visibility:hidden;flex:0 0 auto;color:#387CEE;font-style:normal;font-weight:950}
.vitalia-select-option:hover,.vitalia-select-option:focus-visible{border-color:#E3ECF7;outline:0;background:#F3F8FF}
.vitalia-select-option[aria-selected="true"]{border-color:#D5E6FA;background:linear-gradient(90deg,rgba(56,206,238,.09),rgba(56,124,238,.10));color:#245FAE}
.vitalia-select-option[aria-selected="true"] i{visibility:visible}
.vitalia-select-option:disabled{cursor:not-allowed;color:#A0AEC0;opacity:.65}
[dir="rtl"] .vitalia-select-trigger{text-align:right}
@media(max-width:575.98px){.vitalia-select-popover{min-width:100%}.vitalia-select-options{max-height:240px}}
.vitalia-select+.vp-payment-chevron{display:none!important}
.vp-modal:has(.vitalia-select.is-open){overflow:visible}

/* Store category discovery — premium medical wholesale UI */
.category-nav .mega-menu-wrap{position:relative;flex:0 0 auto}
.category-nav .mega-menu-wrap>summary{list-style:none}
.category-nav .mega-menu-wrap>summary::-webkit-details-marker{display:none}
.category-nav .mega-menu-trigger{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 14px!important;border:1px solid rgba(255,255,255,.22);cursor:pointer;user-select:none}
.mega-menu-trigger>svg{width:18px;height:18px;flex:0 0 18px}
.mega-menu-trigger>b{font-size:17px;line-height:1;transition:transform .22s ease}
.mega-menu-wrap[open] .mega-menu-trigger>b{transform:rotate(180deg)}
.mega-menu-panel{position:absolute;z-index:1055;top:calc(100% + 14px);left:0;width:min(920px,calc(100vw - 48px));padding:22px;border:1px solid rgba(56,124,238,.2);border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 28px 75px rgba(16,35,69,.22);backdrop-filter:blur(20px);opacity:1;visibility:visible;transform:none;transform-origin:top left;animation:storeMenuIn .22s ease both}
.mega-menu-panel:before{content:"";position:absolute;top:-7px;left:27px;width:14px;height:14px;background:#fff;border-left:1px solid rgba(56,124,238,.18);border-top:1px solid rgba(56,124,238,.18);transform:rotate(45deg)}
.mega-menu-header{display:grid;grid-template-columns:auto 1fr;column-gap:12px;margin-bottom:18px;padding:0 2px 16px;border-bottom:1px solid #e4edf9}
.mega-menu-header>span{grid-row:1/3;align-self:start;padding:6px 9px;border-radius:999px;background:#eaf3ff;color:#2867c7;font-size:.67rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.mega-menu-header strong{color:#102345;font-size:1.05rem;line-height:1.2}
.mega-menu-header p{margin:4px 0 0;color:#71819a;font-size:.82rem}
.mega-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0!important;box-shadow:none!important}
.mega-menu-grid a{display:grid!important;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:11px;min-height:66px;padding:11px!important;border:1px solid #e1eaf7;border-radius:14px!important;background:#f8fbff!important;color:#102345!important;text-decoration:none}
.mega-menu-grid a:hover,.mega-menu-grid a:focus-visible{border-color:#9bc2f9;background:#eef6ff!important;box-shadow:0 10px 24px rgba(56,124,238,.12);transform:translateY(-2px);outline:0}
.mega-menu-icon{display:grid;place-items:center;color:#3277df;background:linear-gradient(145deg,#e5f2ff,#f6faff)}
.mega-menu-icon{width:42px;height:42px;border:1px solid #d5e7fb;border-radius:12px}
.mega-menu-icon svg{width:22px;height:22px}
.mega-menu-grid a strong{display:-webkit-box;min-height:2.5em;overflow:hidden;color:inherit;font-size:.86rem;font-weight:780;line-height:1.25;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.mega-menu-arrow{color:#4f89e2;font-size:1.1rem;opacity:0;transform:translateX(-7px);transition:opacity .2s ease,transform .2s ease}
.mega-menu-grid a:hover .mega-menu-arrow,.mega-menu-grid a:focus-visible .mega-menu-arrow{opacity:1;transform:translateX(0)}
@keyframes storeMenuIn{0%{opacity:0;transform:translateY(-10px) scale(.86)}60%{opacity:1}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes storeMenuOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-7px) scale(.92)}}
.mega-menu-wrap.is-opening .mega-menu-panel,.store-language-menu.is-opening .store-language-dropdown,.store-account-menu.is-opening .store-account-dropdown{animation:storeMenuIn .28s cubic-bezier(.16,1,.3,1) both!important}
.mega-menu-wrap.is-closing .mega-menu-panel,.store-language-menu.is-closing .store-language-dropdown,.store-account-menu.is-closing .store-account-dropdown{pointer-events:none;animation:storeMenuOut .19s ease forwards}
.store-language-dropdown{transform-origin:top right}

.mega-menu-icon .store-category-custom-icon{display:block;width:24px;height:24px;object-fit:contain}

.store-language-menu{position:relative}
.store-language-menu>summary{list-style:none}.store-language-menu>summary::-webkit-details-marker{display:none}
.store-language-trigger{display:flex;min-width:76px;height:48px;padding:0 12px;align-items:center;justify-content:center;gap:8px;border:1px solid #bed5f6;border-radius:14px;background:#f7faff;color:#214f91;cursor:pointer;box-shadow:0 5px 16px rgba(37,95,199,.07);transition:border-color .2s ease,box-shadow .2s ease}
.store-language-trigger:hover{border-color:#65a4ef;box-shadow:0 8px 20px rgba(56,124,238,.14)}
.store-language-trigger>img{width:22px;height:22px;object-fit:contain}
.store-language-trigger>span{font-size:.78rem;font-weight:850}
.store-language-chevron{width:13px;height:13px;transition:transform .2s ease}.store-language-menu[open] .store-language-chevron{transform:rotate(180deg)}
.store-language-dropdown{position:absolute;z-index:1080;top:calc(100% + 10px);right:0;width:210px;padding:8px;border:1px solid rgba(56,124,238,.2);border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 22px 55px rgba(16,35,69,.2);backdrop-filter:blur(18px);animation:storeMenuIn .2s ease both}
.store-language-dropdown button{display:grid;width:100%;padding:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;border:0;border-radius:11px;background:transparent;color:#173768;text-align:left}
.store-language-dropdown button:hover,.store-language-dropdown button.is-active{background:#edf5ff;color:#2569cc}
.store-language-dropdown img,.mobile-language-switcher img{width:25px;height:18px;border-radius:3px;object-fit:cover}
.store-language-dropdown span{font-weight:750}.store-language-dropdown b{font-size:.7rem}
.mobile-language-switcher{display:grid;margin-bottom:16px;padding-bottom:16px;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid #e2e8f0}
.mobile-language-switcher button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid #d9e6f7;border-radius:10px;background:#f6f9fe;color:#173768;font-weight:750}
.mobile-language-switcher button.is-active{border-color:#80b0ef;background:#eaf3ff;color:#2569cc}

.store-account-menu{position:relative}
.store-account-menu>summary{list-style:none;cursor:pointer}.store-account-menu>summary::-webkit-details-marker{display:none}
.store-account-trigger{cursor:pointer}
.store-account-trigger>img{display:block;width:20px;height:20px;object-fit:contain;filter:brightness(0) saturate(100%) invert(22%) sepia(67%) saturate(1787%) hue-rotate(202deg) brightness(89%) contrast(91%)}
.store-account-menu[open] .store-account-trigger{border-color:#85b5f4;background:#edf5ff;color:#2569cc;box-shadow:0 0 0 4px rgba(56,124,238,.09)}
.store-account-dropdown{position:absolute;z-index:1085;top:calc(100% + 10px);right:0;width:310px;padding:9px;border:1px solid rgba(56,124,238,.22);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(16,35,69,.21);backdrop-filter:blur(18px);transform-origin:top right;animation:storeMenuIn .22s cubic-bezier(.16,1,.3,1) both}
.store-account-dropdown-title{display:flex;padding:10px 11px 13px;flex-direction:column;border-bottom:1px solid #e3ecf8;margin-bottom:6px}
.store-account-dropdown-title strong{color:#102345;font-size:.91rem}.store-account-dropdown-title span{color:#71819a;font-size:.72rem}
.store-account-dropdown>a,.store-account-logout{display:grid;width:100%;min-height:58px;padding:9px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#173768;text-align:left;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.store-account-dropdown>a:hover,.store-account-dropdown>a:focus-visible,.store-account-logout:hover,.store-account-logout:focus-visible{border-color:#d6e6fa;background:#eef6ff;outline:0;transform:translateX(2px)}
.store-account-option-icon{display:grid;width:40px;height:40px;place-items:center;border:1px solid #d5e6fa;border-radius:11px;background:#f3f8ff;color:#3176db}
.store-account-option-icon svg{width:20px;height:20px}
.store-account-option-icon img{display:block;width:21px;height:21px;object-fit:contain;filter:brightness(0) saturate(100%) invert(45%) sepia(83%) saturate(1294%) hue-rotate(194deg) brightness(91%) contrast(90%)}

@media(max-width:1024px){
  body.qcm-standalone .qcm-mobile-menu-links a>span>img{display:block;width:22px;height:22px;object-fit:contain;filter:brightness(0) saturate(100%) invert(48%) sepia(36%) saturate(1136%) hue-rotate(176deg) brightness(88%) contrast(88%)}
  body.qcm-standalone .qcm-mobile-bottom-dock a>img,
  body.qcm-standalone .qcm-mobile-bottom-dock .qcm-mobile-dock-primary-icon>img{display:block;width:24px;height:24px;object-fit:contain;filter:brightness(0) saturate(100%) invert(48%) sepia(36%) saturate(1136%) hue-rotate(176deg) brightness(88%) contrast(88%)}
}
.store-account-dropdown a>span:last-child,.store-account-logout>span:last-child{display:flex;min-width:0;flex-direction:column}
.store-account-dropdown strong{font-size:.78rem;font-weight:820}.store-account-dropdown small{color:#71819a;font-size:.66rem;line-height:1.35}
.store-account-dropdown form{margin:6px 0 0;padding-top:7px;border-top:1px solid #e3ecf8}
.store-account-logout{border-color:#f7d4d4;color:#b42318;cursor:pointer}
.store-account-logout .store-account-option-icon{border-color:#f4cccc;background:#fff4f4;color:#d62f2f}
.store-account-logout .store-account-option-icon img{filter:brightness(0) saturate(100%) invert(24%) sepia(93%) saturate(2470%) hue-rotate(344deg) brightness(90%) contrast(91%)}
.store-account-logout small{color:#b96a6a}

@media(max-width:1199px){.mega-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.mega-menu-panel,.store-language-dropdown{animation:none}.home-category-link,.home-category-image,.home-category-arrow,.mega-menu-arrow{transition:none!important}}

/* Shop navigation branding */
.site-header .store-header-brand{display:inline-flex;flex:0 0 auto;align-items:center;min-width:0}
.site-header .store-header-logo{display:flex!important;width:190px!important;height:68px!important;flex:0 0 190px!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
.site-header .store-header-logo picture{display:block!important;width:100%!important;height:100%!important}
.site-header .store-header-logo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;transform:translateY(3px) scale(2.48)!important;transform-origin:center!important;pointer-events:none!important}
@media(max-width:767.98px){
  .announcement-bar{display:none!important}
  .site-header .container.py-3{padding-top:10px!important;padding-bottom:10px!important}
  .site-header .store-header-logo{width:125px!important;height:44px!important;flex-basis:125px!important}
  .site-header .store-header-logo img{transform:translateY(2px) scale(1.92)!important}
  .site-header .has-store-mobile-logo .store-header-logo img{transform:none!important;object-position:left center!important}
}
@media(max-width:390px){
  .site-header .store-header-logo{width:108px!important;height:40px!important;flex-basis:108px!important}
  .site-header .store-header-logo img{transform:translateY(2px) scale(1.72)!important}
}