/* Lớp đồng bộ giao diện toàn website. Nạp sau cùng; chỉnh các biến ở :root để đổi cho mọi trang. */
:root,body{
 --qt-eyebrow-size:13px;
 --qt-eyebrow-spacing:.12em;
 --qt-btn-min-height:48px;
 --qt-radius-card:18px;
 --qt-radius-faq:12px;
 --qt-section-space:clamp(56px,6.5vw,96px);
 --qt-muted:#70616a;
 --muted:#70616a;
 --color-muted:#70616a;
 --qtass-text-muted:#70616a;
}
/* Bề rộng nội dung: 1240px cho mọi trang (điện thoại giữ biến riêng). */
@media(min-width:768px){:root{--shell:min(1240px,calc(100vw - 48px))}}
/* Nhãn nhỏ (eyebrow): một cỡ, một khoảng cách chữ. Nhãn "Founder" ở khối giảng viên giữ kiểu riêng. */
.eyebrow.eyebrow:not(.home-instructor__copy .eyebrow){font-size:var(--qt-eyebrow-size)!important;letter-spacing:var(--qt-eyebrow-spacing)!important;font-weight:600}
/* Nút: cùng chiều cao tối thiểu, cỡ chữ, chữ in hoa. */
.button.button,.button--instructor.button--instructor{min-height:var(--qt-btn-min-height);font-size:var(--fs-button,14px);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
/* Thẻ nội dung và hỏi đáp: cùng độ bo góc. */
.qt-workshop-card.qt-workshop-card,.course-card.course-card,.blog-card.blog-card,.blog-featured__article.blog-featured__article,.contact-option-card.contact-option-card,.contact-form-card.contact-form-card,.contact-location-card.contact-location-card,.registration-card.registration-card,.qt-training-pathway.qt-training-pathway{border-radius:var(--qt-radius-card)}
.course-card__media.course-card__media{border-radius:calc(var(--qt-radius-card) - 6px)}
[class*="faq"] details,.qt-faq details,details.faq-item{border-radius:var(--qt-radius-faq)!important}
/* Khoảng cách dọc giữa các section (từ máy tính bảng trở lên). Dải mỏng như "3 bước", CTA cuối trang giữ riêng. */
@media(min-width:768px){
 .qtass-section:not(.qt-reading-process):not(.qt-mode-how),.qt-about-section,.qt-training-section:not(.qt-training-cta),.qt-workshops-section,.qt-frequency-section:not(.qt-frequency-cta),.contact-options,.contact-form-section,.contact-faq,.blog-featured,.blog-topics,.blog-listing,.home-instructor,.home-reviews,.course-catalog,.section--white,.section--mist,.course-pdf-journey,.course-pdf-modules,.course-pdf-receive{padding-block:var(--qt-section-space)}
}
.qt-workshops-page .qt-workshop-card .button.button{min-height:var(--qt-btn-min-height);font-size:var(--fs-button,14px)}
/* Câu hỏi thường gặp: một kiểu duy nhất cho mọi trang (theo FAQ của Quantum Akashic Records). */
[class*="faq"] details{background:var(--qtass-ivory,#fff5e5)!important;border:1px solid rgba(82,40,60,.12)!important;border-radius:var(--qt-radius-faq)!important;margin:0 0 12px!important;padding:0!important;box-shadow:none!important}
[class*="faq"] details[open]{border-color:var(--qtass-gold-300,#e7c27d)!important}
[class*="faq"] details>summary{display:flex!important;align-items:center;justify-content:space-between;gap:18px;min-height:0;padding:20px 24px!important;list-style:none;cursor:pointer;font-family:var(--font-body,"Be Vietnam Pro",sans-serif)!important;font-size:var(--fs-body)!important;font-weight:500!important;line-height:1.6!important;letter-spacing:0!important;text-transform:none!important;color:var(--qtass-plum-800,#45203f)!important}
[class*="faq"] details>summary::-webkit-details-marker{display:none}
[class*="faq"] details>summary::marker{content:""}
[class*="faq"] details>summary>span{position:relative;flex:0 0 20px;width:20px;height:20px;margin:0;border:0!important;background:none!important;transform:none!important}
[class*="faq"] details>summary>span::before{content:"+";position:absolute;inset:0;font-size:24px;line-height:20px;text-align:center;color:var(--qtass-gold-700,#b97822);background:none;border:0;width:auto;height:auto;transform:none!important}
[class*="faq"] details[open]>summary>span::before{content:"\2212"}
[class*="faq"] details>summary>span::after{content:none!important}
[class*="faq"] details>summary~*{margin:0!important;padding:0 24px 24px!important;color:var(--muted)!important;font-size:var(--fs-body);line-height:1.75;max-width:none}
[class*="faq"] details>summary~* p{margin:0 0 10px;color:inherit;font-size:inherit}
[class*="faq"] details>summary~* p:last-child{margin-bottom:0}
.qt-workshops-faq__list{gap:0!important}
@media(max-width:599px){[class*="faq"] details>summary{padding:18px!important}[class*="faq"] details>summary~*{padding:0 18px 20px!important}}
[class*="faq"] details>summary>span{font-size:0!important}
[class*="faq"] details>summary>span::before{content:"+"!important;font-size:24px!important;display:block!important;opacity:1!important}
[class*="faq"] details[open]>summary>span::before{content:"\2212"!important}
.faq-list,.qt-training-faq,.qt-mode-faq,[class*="faq"]>.site-shell>div{max-width:none!important}
.qt-mode-single .qt-mode-faq{max-width:none!important}
[class*="faq"] details>summary>span{width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px!important;line-height:20px!important}
*:has(>details):not(details){max-width:none!important;margin-inline:0!important}
[class*="faq"] details>summary>span::before{width:auto!important;height:auto!important}
*:has(>details):not(details){width:auto!important}
/* Nút có biểu tượng mũi tên riêng (span): bỏ mũi tên tự thêm để không bị chồng, giãn đều. */
a.button:has(>span[aria-hidden="true"])::after{content:none!important;margin:0!important}
.button>span[aria-hidden="true"]{display:inline-block;margin-left:10px;text-decoration:none;line-height:1}
.qt-reading-secondary>span[aria-hidden="true"]{display:inline-block;margin-left:0;text-decoration:none;transition:transform .2s ease}
.qt-reading-secondary:hover>span[aria-hidden="true"]{transform:translateX(4px)}
/* Icon +/− của FAQ: bỏ hẳn kiểu vẽ bằng hai thanh (Liên hệ, chi tiết Khóa học) để không bị chồng với dấu +/−. */
[class*="faq"] details>summary>span{border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;overflow:visible!important}
[class*="faq"] details>summary>span::before{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;line-height:20px!important;text-align:center!important}
[class*="faq"] details>summary>span::after,[class*="faq"] details[open]>summary>span::after{content:none!important;display:none!important}
[class*="faq"] details[open]>summary>span{transform:none!important}