/* Reading archive only. No checkout, entitlement or other page styles. */
.qt-reading-archive { overflow-x: clip; }
.qt-reading-archive .site-shell { max-width: 1240px; width: calc(100% - 48px); }
.qt-reading-archive :where(.qt-split,.qt-reading-service-grid,.qt-inquiry-grid,.qt-process-list,.qt-reading-benefit-grid) > * { min-width: 0; }
.qt-reading-archive :where(h1,h2,h3,p,a,summary) { overflow-wrap: anywhere; }
.qt-reading-archive :where(#reading-services,#reading-process,#reading-question-suggestions) { scroll-margin-top: 32px; }
.qt-reading-archive .qt-reading-section-heading { max-width: 760px; margin-bottom: 42px; }
.qt-reading-archive .qt-reading-section-heading h2 { margin-bottom: 16px; }
.qt-reading-archive .qt-reading-section-heading > p:last-child { margin-bottom: 0; }
.qt-reading-archive .qt-split { grid-template-columns: minmax(0,1.22fr) minmax(0,1fr); }
.qt-reading-archive .qt-editorial-hero { padding-block: clamp(64px,7vw,108px); }
.qt-reading-archive .qt-editorial-hero h1 { color: var(--qtass-ivory); max-width: 680px; }
.qt-reading-archive .qt-editorial-hero .eyebrow { font-size: var(--fs-label); line-height: 1.7; letter-spacing: .1em; }
.qt-reading-archive .qt-editorial-hero__copy > p:not(.eyebrow) { color: var(--qtass-ivory); }
.qt-reading-archive .qt-editorial-hero__copy .qt-reading-headline { font-family: var(--font-heading); font-size: var(--fs-h3); line-height: 1.35; margin: 24px 0 18px; }
.qt-reading-archive .qt-editorial-hero__copy > .button { margin-top: 14px; }
.qt-reading-archive .qt-editorial-hero__visual { padding: 14px; border: 1px solid var(--qtass-gold-300); border-radius: 50% 50% 18px 18px; }
.qt-reading-archive .qt-editorial-hero__visual img { aspect-ratio: 1; border-radius: 50% 50% 8px 8px; }
.qt-reading-archive .qt-reading-secondary { display: inline-flex; min-height: 44px; align-items: center; gap: 12px; margin-top: 20px; color: var(--qtass-gold-300); font-size: var(--fs-button); font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
.qt-reading-archive .qt-reading-secondary:hover { color: var(--qtass-ivory); }
.qt-reading-archive .qt-editorial-hero__copy .qt-reading-secondary { display: flex; width: fit-content; }
.qt-reading-archive .qt-reading-intro { background: var(--qtass-warm-white); }
.qt-reading-archive .qt-reading-intro .qt-split { align-items: center; }
.qt-reading-archive .qt-reading-intro p:not(.eyebrow) { color: var(--muted); }
.qt-reading-archive .qt-reading-intro__visual { margin: 0; padding-left: 24px; }
.qt-reading-archive .qt-reading-intro__visual img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 160px 160px 16px 16px; }
.qt-reading-archive .qt-reading-intro__visual figcaption { color: var(--muted); font-size: var(--fs-meta); text-align: center; margin-top: 18px; letter-spacing: .06em; }
.qt-reading-archive .qt-reading-inquiry { background: var(--qtass-cream); }
.qt-reading-archive .qt-inquiry-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.qt-reading-archive .qt-inquiry-grid article { padding: 26px 22px; border: var(--qt-card-line); border-radius: 16px; background: var(--qtass-warm-white); transition: border-color .2s ease; }
.qt-reading-archive .qt-inquiry-grid article:hover { border-color: var(--qtass-gold-500); }
.qt-reading-archive .qt-inquiry-number { font-family: var(--font-heading); font-size: var(--fs-h3); color: var(--qtass-gold-700); }
.qt-reading-archive .qt-inquiry-symbol { float: right; color: var(--qtass-soft-plum); font-size: var(--fs-h3); line-height: 1.3; }
.qt-reading-archive .qt-inquiry-grid h3 { margin: 20px 0 12px; font-size: var(--fs-h4); }
.qt-reading-archive .qt-inquiry-grid p { font-size: var(--fs-body-sm); line-height: 1.75; }
.qt-reading-archive .qt-reading-services { background: var(--qtass-warm-white); }
.qtass-institute .qt-reading-archive .qt-reading-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; align-items: stretch; }
.qt-reading-archive .qtass-service-card { display: flex; flex-direction: column; border: var(--qt-card-line); background: var(--qtass-ivory); border-radius: 18px; }
.qt-reading-archive .qtass-service-card__image { flex: 0 0 auto; aspect-ratio: 16/10; }
.qt-reading-archive .qtass-service-card__image img { height: 100%; width: 100%; object-fit: cover; }
.qt-reading-archive .qtass-service-card__body { display: flex; flex-direction: column; flex: 1; gap: 0; padding: 28px; }
.qt-reading-archive .qtass-service-card__body > .eyebrow { margin-bottom: 12px; }
.qt-reading-archive .qtass-service-card h3 { font-size: var(--fs-card-title); line-height: 1.3; margin-bottom: 18px; }
.qt-reading-archive .qtass-service-card h3 a:hover { text-decoration: underline; text-underline-offset: 5px; }
.qt-reading-archive .qtass-service-card__body > p:not(.eyebrow) { font-size: var(--fs-body); color: var(--muted); }
.qt-reading-archive .qt-reading-card-meta { margin: 8px 0 28px; padding: 16px 0 0; list-style: none; border-top: var(--qt-card-line); font-size: var(--fs-meta); color: var(--qtass-plum-700); }
.qt-reading-archive .qt-reading-card-meta li + li { margin-top: 6px; }
.qt-reading-archive .qt-reading-card-meta li::before { content: "\2713 "; margin-right: 8px; color: var(--qtass-gold-700); }
.qt-reading-archive .qtass-service-price { margin: auto 0 22px; padding-top: 4px; font-family: var(--font-heading); font-size: var(--fs-price); color: var(--qtass-plum-800); line-height: 1.2; }
.qt-reading-archive .qtass-service-price .woocommerce-Price-currencySymbol { font-size: var(--fs-body); }
.qt-reading-archive .qtass-service-card .button { width: 100%; min-height: 48px; margin-top: 0; padding: 12px 14px; font-size: var(--fs-button); line-height: 1.5; text-align: center; gap: 8px; }
.qt-reading-archive .qt-reading-process { background: var(--qtass-cream); }
.qt-reading-archive .qt-reading-payment-note { display: inline-flex; align-items: center; gap: 14px; flex-wrap: wrap; color: var(--qtass-plum-800); font-size: var(--fs-body); font-weight: 500; }
.qt-reading-archive .qt-reading-payment-note span { color: var(--qtass-gold-700); }
.qt-reading-archive .qt-process-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; padding: 0; margin: 0; list-style: none; }
.qt-reading-archive .qt-process-list li { position: relative; padding: 28px; border: var(--qt-card-line); border-radius: 16px; background: var(--qtass-warm-white); }
.qt-reading-archive .qt-process-list .qt-process-focus { border-color: var(--qtass-gold-500); }
.qt-reading-archive .qt-process-list .qt-process-number { display: inline-block; color: var(--qtass-gold-700); font-family: var(--font-heading); font-size: var(--fs-h2); line-height: 1.2; margin-bottom: 18px; }
.qt-reading-archive .qt-process-list li::after { content: ""; position: absolute; top: 52px; left: 100px; right: 28px; border-top: 1px solid var(--qtass-gold-300); }
.qt-reading-archive .qt-process-list h3 { font-size: var(--fs-h4); line-height: 1.3; margin-bottom: 12px; }
.qt-reading-archive .qt-process-list p { margin-bottom: 0; color: var(--muted); font-size: var(--fs-body); }
.qt-reading-archive .qt-question-bank { background: var(--qtass-warm-white); }
.qt-reading-archive .qt-question-bank .qt-split { align-items: start; grid-template-columns: repeat(2,minmax(0,1fr)); }
.qt-reading-archive .qt-question-bank .button { margin-top: 16px; max-width: 100%; text-align: center; }
.qt-reading-archive :where(.qt-question-bank__list,.qt-reading-faq) details { background: var(--qtass-ivory); border: var(--qt-card-line); border-radius: 12px; margin-bottom: 12px; padding: 0; }
.qt-reading-archive :where(.qt-question-bank__list,.qt-reading-faq) summary { cursor: pointer; padding: 20px 24px; display: flex; gap: 18px; justify-content: space-between; align-items: center; list-style: none; font-family: inherit; font-size: var(--fs-body); line-height: 1.6; font-weight: 500; color: var(--qtass-plum-800); }
.qt-reading-archive :where(.qt-question-bank__list,.qt-reading-faq) summary::-webkit-details-marker { display: none; }
.qt-reading-archive :where(.qt-question-bank__list,.qt-reading-faq) summary > span { width: 20px; height: 20px; flex: 0 0 20px; position: relative; }
.qt-reading-archive :where(.qt-question-bank__list,.qt-reading-faq) summary > span::before { content: "+"; font-size: 24px; position: absolute; inset: 0; line-height: 20px; text-align: center; color: var(--qtass-gold-700); }
.qt-reading-archive :where(.qt-question-bank__list,.qt-reading-faq) details[open] summary > span::before { content: "\2212 "; }
.qt-reading-archive :where(.qt-question-bank__list,.qt-reading-faq) details[open] { border-color: var(--qtass-gold-300); }
.qt-reading-archive .qt-question-bank__list ul { margin: 0; padding: 0 24px 24px 44px; color: var(--muted); font-size: var(--fs-body); }
.qt-reading-archive .qt-question-bank__list li + li { margin-top: 12px; }
.qt-reading-archive .qt-reading-benefits { background: var(--qtass-cream); }
.qt-reading-archive .qt-reading-benefit-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.qt-reading-archive .qt-reading-benefit-grid article { padding: 26px; border-top: 1px solid var(--qtass-gold-300); background: var(--qtass-warm-white); border-radius: 0 0 12px 12px; }
.qt-reading-archive .qt-reading-benefit-grid svg { width: 32px; height: 32px; fill: none; stroke: var(--qtass-gold-700); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 20px; }
.qt-reading-archive .qt-reading-benefit-grid h3 { font-size: var(--fs-h4); line-height: 1.3; }
.qt-reading-archive .qt-reading-benefit-grid p { margin-bottom: 0; color: var(--muted); font-size: var(--fs-body-sm); line-height: 1.75; }
.qt-reading-archive .qt-reading-closing { background: var(--qtass-warm-white); }
.qt-reading-archive .qt-reading-faq { max-width: none; }
.qt-reading-archive .qt-reading-faq details > p { padding: 0 24px 24px; margin-bottom: 0; color: var(--muted); }
.qt-reading-archive .qt-reading-final { display: grid; grid-template-columns: 150px minmax(0,1fr); align-items: center; gap: 48px; padding: clamp(32px,5vw,64px); margin-top: 72px; border-radius: 24px; color: var(--qtass-ivory); background: var(--qtass-plum-950); }
.qt-reading-archive .qt-reading-final .eyebrow { color: var(--qtass-gold-300); }
.qt-reading-archive .qt-reading-final h2 { color: inherit; font-size: var(--fs-h3); }
.qt-reading-archive .qt-reading-final__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 26px; }
.qt-reading-archive .qt-reading-final__portal { width: 150px; height: 200px; border: 1px solid var(--qtass-gold-300); padding: 16px; border-radius: 75px 75px 6px 6px; }
.qt-reading-archive .qt-reading-final__portal span { display: block; height: 100%; border: 1px solid var(--qtass-gold-500); border-radius: 60px 60px 0 0; }
.qt-reading-archive :where(a,summary):focus-visible { outline: 2px solid var(--qtass-gold-600); outline-offset: 4px; }
@media(max-width:1199px) {
 .qtass-institute .qt-reading-archive .qt-reading-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .qt-reading-archive .qt-inquiry-grid,.qt-reading-archive .qt-reading-benefit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .qt-reading-archive .qt-process-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
 .qt-reading-archive .qt-split,.qt-reading-archive .qt-question-bank .qt-split,.qt-reading-archive .qt-reading-faq { grid-template-columns: minmax(0,1fr); }
 .qt-reading-archive .qt-editorial-hero__visual { max-width: 100%; width: 100%; margin-inline: auto; }
 .qt-reading-archive .qt-reading-intro__visual { padding: 0; max-width: 480px; margin-inline: auto; }
 .qt-reading-archive .qt-reading-final { grid-template-columns: minmax(0,1fr); gap: 28px; }
 .qt-reading-archive .qt-reading-final__portal { width: 72px; height: 96px; padding: 9px; }
}
@media(max-width:599px) {
 .qt-reading-archive .site-shell { width: calc(100% - 40px); }
 .qtass-institute .qt-reading-archive .qt-reading-service-grid,.qt-reading-archive .qt-inquiry-grid,.qt-reading-archive .qt-process-list,.qt-reading-archive .qt-reading-benefit-grid { grid-template-columns: minmax(0,1fr); }
 .qt-reading-archive .qt-editorial-hero h1 { font-size: var(--fs-h1); }
 .qt-reading-archive .qt-reading-section-heading { margin-bottom: 30px; }
 .qt-reading-archive .qtass-service-card__body { padding: 24px; }
 .qt-reading-archive .qt-inquiry-grid article { padding: 22px; }
 .qt-reading-archive .qt-process-list { gap: 0; border-left: 1px solid var(--qtass-gold-300); margin-left: 15px; }
 .qt-reading-archive .qt-process-list li { margin: 0 0 18px 20px; padding: 24px; }
 .qt-reading-archive .qt-process-list li::before { content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--qtass-gold-500); left: -25px; top: 40px; }
 .qt-reading-archive .qt-process-list li::after { display: none; }
 .qt-reading-archive .qt-reading-final { margin-top: 52px; }
 .qt-reading-archive .qt-reading-final__actions .button { width: 100%; text-align: center; }
 .qt-reading-archive :where(.qt-question-bank__list,.qt-reading-faq) summary { padding: 18px; }
 .qt-reading-archive .qt-question-bank__list ul { padding-inline: 38px 18px; }
}
@media(prefers-reduced-motion:reduce) {
 .qt-reading-archive * { transition: none; animation: none; }
}
/* Đăng ký Reading: ba bước gọn và dải thông tin thiết yếu */
.qt-reading-archive .qt-reading-process--compact { padding-block: clamp(36px,4.5vw,56px); }
.qt-reading-archive .qt-reading-process--compact h2 { font-size: var(--fs-h3); margin: 0 0 24px; }
.qt-reading-archive .qt-reading-process--compact .qt-process-list { gap: 16px; }
.qt-reading-archive .qt-reading-process--compact .qt-process-list li { display: flex; gap: 18px; align-items: flex-start; padding: 22px 24px; }
.qt-reading-archive .qt-reading-process--compact .qt-process-list li::after { content: none; }
.qt-reading-archive .qt-reading-process--compact .qt-process-number { flex: none; margin: 0; font-size: var(--fs-h3); line-height: 1.1; }
.qt-reading-archive .qt-reading-process--compact .qt-process-list h3 { font-size: var(--fs-body); font-weight: 600; margin-top: 0; margin-bottom: 6px; }
.qt-reading-archive .qt-reading-process--compact .qt-process-list p { font-size: var(--fs-body-sm); line-height: 1.65; }
.qt-reading-archive .qt-reading-essentials { background: var(--qtass-warm-white); border-block: 1px solid rgba(215,163,76,.28); }
.qt-reading-archive .qt-reading-essentials ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px 24px; margin: 0; padding: 20px 0; list-style: none; }
.qt-reading-archive .qt-reading-essentials li { display: flex; align-items: center; gap: 12px; font-size: var(--fs-body-sm); line-height: 1.45; color: var(--qtass-plum-800); }
.qt-reading-archive .qt-reading-essentials svg { flex: none; width: 24px; height: 24px; fill: none; stroke: var(--qtass-gold-700); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
@media(max-width:1023px) { .qt-reading-archive .qt-reading-essentials ul { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .qt-reading-archive .qt-reading-essentials ul { grid-template-columns: minmax(0,1fr); padding: 16px 0; } }