:root{--glass-blur:18px;--glass-border:rgba(255,255,255,.65)}
body[data-liquid-glass="on"] :is(.explore-card,.learning-card,.contact-method,.contact-form-panel,.panel,.exam-offer,.exam-card,.resource-card,.skill-card,.stat-card,.lesson-study-note,.detailed-section,.lesson-question,.cms-lesson-section,.message-card,.exam-faq details,.learning-dialog,.reading-dialog){background:linear-gradient(135deg,rgba(255,255,255,.87),rgba(237,249,255,.70));border:1px solid var(--glass-border);box-shadow:0 12px 34px rgba(9,39,65,.10),inset 0 1px 0 rgba(255,255,255,.94);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%);backdrop-filter:blur(var(--glass-blur)) saturate(145%)}
body[data-liquid-glass="on"] :is(.explore-card,.learning-card,.contact-method){transition:transform .2s ease,box-shadow .2s ease}
body[data-liquid-glass="on"] :is(.explore-card,.learning-card,.contact-method):hover{box-shadow:0 18px 42px rgba(9,39,65,.16),inset 0 1px 0 white;transform:translateY(-3px)}
.contact-method[data-contact-link="phone"] .contact-method-icon{color:#1479cd;background:#e4f3ff}
.contact-method[data-contact-link="whatsapp"] .contact-method-icon{color:#128c4b;background:#e0f9ec}
.contact-method[data-contact-link="instagram"] .contact-method-icon{color:#d22d79;background:linear-gradient(135deg,#fff0dc,#f9dff2)}
.contact-method[data-contact-link="facebook"] .contact-method-icon{color:#1877f2;background:#e5efff}
.dossier-pages figure{margin:20px 0;background:#fff;border:1px solid #dbe6ee;border-radius:14px;overflow:hidden}
.dossier-pages figcaption{padding:12px 18px;background:#eef6fb;color:#12354b;font-size:.9rem}
.dossier-pages img{display:block;width:100%;height:auto;max-width:100%}
.book-pdf-viewer{width:100%;min-height:68vh;border:1px solid #c9dce8;border-radius:14px;background:#fff}
.worksheet-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:18px}
@media(prefers-reduced-motion:reduce){.contact-method,.learning-card,.explore-card{transition:none!important;transform:none!important}}
@media(max-width:700px){:root{--glass-blur:10px}.book-pdf-viewer{min-height:62vh}}
@supports not (backdrop-filter:blur(1px)){body :is(.panel,.contact-method,.contact-form-panel,.learning-card){background:#f7fbff}}
body[data-liquid-glass="on"] :is(.services article,.ai-panel,.learning-progress,.learning-next,.resource-disclosure,.exam-steps article,.exam-practice,.hub-panel){border:1px solid rgba(255,255,255,.6);background:linear-gradient(140deg,rgba(255,255,255,.86),rgba(232,248,255,.67));box-shadow:0 10px 30px rgba(9,39,65,.09),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(var(--glass-blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%);border-radius:24px}

/* Straight learning steps and comfortably spaced FAQ cards. */
.exam-practice-art{transform:none!important}
.exam-faq>div:last-child{display:grid;gap:14px;align-content:start;min-width:0}
.exam-faq details{border-radius:18px;padding:0;overflow:hidden;border:1px solid #d6e6ef}
.exam-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;padding:22px 24px;line-height:1.8;min-height:74px}
.exam-faq summary::-webkit-details-marker{display:none}
.exam-faq summary:after{content:'+';display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#e0f3fc;color:#087ca6;font-size:1.35rem;font-weight:400}
.exam-faq details[open] summary:after{content:'−'}
.exam-faq details[open]{border-color:#8ecce5}
.exam-faq details p{padding:0 24px 24px;margin:0;line-height:2}
.exam-faq summary:focus-visible{outline:3px solid #149fc9;outline-offset:-4px}
@media(max-width:760px){.exam-faq summary{padding:18px;gap:12px}.exam-faq details p{padding:0 18px 20px}}

body:not([data-liquid-glass="on"]) .stat-card{background:#102b48!important;border:1px solid #294c6f!important;box-shadow:none!important}body:not([data-liquid-glass="on"]) .stat-icon-wrap{background:#153858;box-shadow:none}body:not([data-liquid-glass="on"]) .exam-faq details{background:#fff;box-shadow:0 4px 16px #10203a08}
