/* Sửa trình bày 02/11/2026 — chỉ chỉnh bố cục logo và chân trang, không đổi chữ, màu hay giao diện */

/* Chân trang: logo và chữ thương hiệu thẳng hàng, không chồng lên nhau */
footer .footer-brand > p { display: none !important; } /* câu "Thấu hiểu để dẫn lối." lặp lại ngay dưới logo */
.footer-brand-heading--logo {
  display: flex !important; align-items: center; gap: 14px;
  height: auto !important; min-height: 0 !important; overflow: visible !important;
  margin-bottom: 18px !important;
}
.footer-brand-heading--logo .brand-web-wordmark {
  display: flex !important; flex-direction: column; justify-content: center; gap: 6px; line-height: 1.25;
}
.footer-brand-heading--logo .brand-web-wordmark > * { position: static !important; margin: 0 !important; transform: none !important; }

/* Tiêu đề cột chân trang không gãy dòng ("CHƯƠNG TRÌNH") */
footer h2 { white-space: nowrap; letter-spacing: .12em !important; }

/* Chừa chỗ cho nút "Hỏi nhanh" để không che chữ cuối trang */
footer { padding-bottom: 96px !important; }

/* Chữ mờ: nhãn "Chương trình 0x" dùng màu kem nhạt (dành cho nền tối) nhưng đang nằm trên nền kem → đổi sang đỏ đô như các nhãn khác */
.page-hero .eyebrow.light { color: var(--burgundy) !important; }

/* Nhãn "MNEE · Góc học tập" trên ảnh đầu trang: kính tối viền vàng mảnh, chữ vàng nhạt (trước: hộp kem bóng đổ) */
html body div.hero-archive-mark {
  background: rgba(11, 31, 58, .58) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border: 1px solid rgba(198, 161, 91, .6) !important; box-shadow: none !important;
  padding: 9px 16px 9px 12px !important; gap: 12px !important;
}
html body div.hero-archive-mark img {
  width: 22px !important; height: 22px !important;
  filter: brightness(0) invert(78%) sepia(30%) saturate(520%) hue-rotate(358deg) brightness(95%);
}
html body div.hero-archive-mark span {
  color: #ead8b4 !important; font-weight: 500 !important; font-size: 11px !important;
  letter-spacing: .3em !important; padding-left: 12px; border-left: 1px solid rgba(198, 161, 91, .5);
}

/* Ảnh chân dung mới (03/11/2026): khung vuông trang chủ lấy từ đầu tới ngực, không cắt ngang tay */
html body .founder-portrait--editorial .founder-photo { object-position: 50% 0% !important; }

/* Menu đầu trang 14px (trước 13px) */
.desktop-nav .nav-link { font-size: 14px !important; }

/* Đoạn văn trong thẻ (trước 12px) → 14px */
html body article.pillar-card p, html body a.decision-gateway-card div p, html body p.decision-gateway-note,
html body div.tracking-points p, html body div.hero-note span, html body div.hero-image-note p strong {
  font-size: 14px !important; line-height: 1.6 !important;
}
html body div.program-decision-grid article p, html body div.program-folio-note div p, html body div.alert-note,
html body div.assessment-grid ul li, html body aside.form-panel > p, html body div.pricing-evidence-share div p,
html body figure.pricing-video-frame figcaption, html body div.principle-row span, html body div.contact-disclosure div strong {
  font-size: 14px !important; line-height: 1.6 !important;
}
html body div.pathway-detail-list div h3 { font-size: 14px !important; }
html body div.page-hero-route span, html body div.container > div > span { font-size: 12.5px !important; }
/* Nhãn, nút (trước 12px) → 13px */
html body button.form-submit, html body a.pricing-card-link,
html body a.btn, html body div.pathway-step strong, html body div.cycle-item div strong,
html body div.cycle-levelup, html body div.cycle-levelup b, html body span.text-arrow,
html body div.founder-cycle div strong, html body div.tracking-points div span {
  font-size: 13px !important;
}

/* Máy tính màn nhỏ hoặc phóng to chữ (821–1199px): menu thu vào nút ☰ để không đè lên logo, nút "Kiểm tra trình độ" không gãy dòng */
@media screen and (min-width: 821px) and (max-width: 1199px) {
  header .desktop-nav { display: none !important; }
  header .mobile-menu-button { display: block !important; }
  header .btn-header { white-space: nowrap; flex: none; }
  header .brand-web-wordmark { flex: none; white-space: nowrap; }
  header .mobile-menu {
    display: block !important; position: absolute; top: 100%; left: 0; right: 0;
    background: #fff; border-bottom: 1px solid var(--line); padding: 18px 32px 22px;
    box-shadow: 0 16px 22px rgba(11, 31, 58, .12);
  }
  header .mobile-menu-links { border-top: 1px solid var(--line); }
  header .mobile-nav-link {
    display: flex; align-items: center; gap: 13px; padding: 12px 2px;
    border-bottom: 1px solid var(--line); color: var(--navy); font-size: 14px; font-weight: 600;
  }
  header .mobile-nav-link span { color: var(--gold); font: 17px "DM Serif Display", serif; }
  header .mobile-cta { width: 100%; margin-top: 13px; }
}

/* Điện thoại: đầu trang gọn 2 dòng, căn giữa theo logo */
@media screen and (max-width: 767px) {
  header .brand-route-caption { display: none !important; }
  header .brand-web-wordmark {
    display: flex !important; flex-direction: column; justify-content: center; gap: 3px; line-height: 1.2;
  }
  header .brand-web-wordmark > * { position: static !important; margin: 0 !important; transform: none !important; }
}

/* Nâng sàn cỡ chữ (02/11/2026): nhãn 11,5px → 12,5px; chữ nhỏ 12px → 13,5px. Không đụng khối thương hiệu đầu trang. */
html body a.resource-worksheet-download,
html body article.pricing-program-card small,
html body article.pricing-program-card small b,
html body aside.community-calendar-context div span,
html body aside.founder-letter-aside div span,
html body aside.program-margin-note span,
html body aside.resource-next-note span,
html body aside.resources-library-note div span,
html body aside.resources-reading-progress div span,
html body button.flex.flex-1.py-4.pricing-faq-trigger span,
html body button.resource-print-action,
html body button.resource-read-toggle,
html body button.resources-reminder-permission,
html body details.resources-advanced-filters summary small,
html body details.resources-advanced-filters summary span,
html body div.community-bulletin div span,
html body div.community-bulletin-ledger span,
html body div.community-events-empty-top span,
html body div.community-journey-context div span,
html body div.community-prologue-route strong,
html body div.community-waypoint strong,
html body div.container.home-chapter-rail strong,
html body div.container.placement-dossier-rail em,
html body div.container.placement-dossier-rail strong,
html body div.decision-gateway-topline p,
html body div.evidence-archive-rail span,
html body div.evidence-archive-rail strong,
html body div.form-route,
html body div.hero-archive-mark span,
html body div.hero-tags span,
html body div.home-events-calendar-meta span,
html body div.home-events-plan ol li small,
html body div.home-events-plan ol li strong,
html body div.home-events-plan p,
html body div.home-events-route strong,
html body div.ielts-filter-bar div button,
html body div.ielts-filter-bar span,
html body div.portrait-signature small,
html body div.pricing-form-waypoint span,
html body div.pricing-program-rail span,
html body div.pricing-share-actions a,
html body div.pricing-share-actions button,
html body div.pricing-video-note span,
html body div.program-decision-grid article span,
html body div.program-decision-waypoint b,
html body div.program-decision-waypoint em,
html body div.program-waypoint b,
html body div.program-waypoint em,
html body div.resource-opened-folio p,
html body div.resource-opened-folio span,
html body div.resource-practice-heading span,
html body div.resource-reading-aside span,
html body div.resources-advanced-filter-foot button,
html body div.resources-advanced-filter-foot p,
html body div.resources-advanced-filter-row div button,
html body div.resources-advanced-filter-row span,
html body div.resources-audio-duration-filter div span,
html body div.resources-bookmark-filter div span,
html body div.resources-bookmark-shelf-actions button,
html body div.resources-chapter-heading span,
html body div.resources-difficulty-bar div button,
html body div.resources-difficulty-bar span,
html body div.resources-duration-options button,
html body div.resources-goal-bar div button,
html body div.resources-goal-bar span,
html body div.resources-library-signature span,
html body div.resources-playlist-heading span small,
html body div.resources-playlist-now span,
html body div.resources-reminder-actions div button,
html body div.resources-reminder-days button,
html body div.resources-reminder-time button,
html body div.resources-reminder-time label,
html body div.resources-route-context div span,
html body div.resources-search-control label,
html body div.resources-search-control p,
html body div.resources-study-reminder-heading span,
html body div.resources-study-route b,
html body div.resources-taxonomy-heading span small,
html body div.resources-weekly-goal-heading span,
html body div.resources-weekly-pace fieldset div button,
html body div.resources-weekly-pace fieldset legend,
html body div.resources-weekly-summary div button,
html body figcaption.student-story-caption,
html body figure.community-documentary-cue figcaption,
html body figure.founder-portrait.founder-portrait--editorial figcaption,
html body figure.pricing-evidence-card figcaption small,
html body figure.pricing-evidence-card figcaption span,
html body figure.pricing-evidence-card.pricing-evidence-card--note figcaption small,
html body figure.pricing-evidence-card.pricing-evidence-card--note figcaption span,
html body figure.result-evidence-card figcaption span,
html body header.resources-chapter-heading span,
html body label.field span small,
html body ol.community-plan-list li small,
html body p.form-privacy,
html body p.form-privacy a,
html body p.resources-duration-result,
html body section.resources-study-reminder fieldset legend,
html body section.resources-weekly-goal fieldset legend,
html body span.evidence-permission,
html body span.home-events-plan-note,
html body span.pricing-floating-tooltip,
html body span.resource-note-meta em,
html body span.resource-note-meta small {
  font-size: 12.5px !important;
}
html body a.btn.btn-gold.btn-header,
html body a.footer-contact-link,
html body a.light-arrow,
html body a.pricing-floating-cta span,
html body article.resource-note-card button p,
html body aside.community-calendar-context a,
html body aside.community-calendar-context div p,
html body aside.founder-letter-aside div small,
html body aside.program-margin-note p,
html body aside.resources-bookmark-shelf div span,
html body aside.resources-reading-progress button,
html body aside.resources-reading-progress div strong small,
html body aside.resources-reading-progress p,
html body button.resource-bookmark-toggle,
html body button.resources-playlist-play,
html body details.resources-advanced-filters summary strong,
html body div.assessed-list span,
html body div.cefr-ladder span,
html body div.community-bulletin-ledger p,
html body div.community-card-topline p,
html body div.community-events-empty-foot a,
html body div.community-events-empty-foot small,
html body div.community-journey-context div p,
html body div.community-prologue-route small,
html body div.community-source-line strong,
html body div.community-waypoint small,
html body div.contact-disclosure div small,
html body div.container.breadcrumb a,
html body div.container.breadcrumb span,
html body div.container.home-continue-folio a,
html body div.container.home-continue-folio div p,
html body div.container.split-intro aside span,
html body div.cycle-item div p,
html body div.evidence-archive-rail p,
html body div.footer-bottom.container div a,
html body div.footer-bottom.container span,
html body div.footer-brand p,
html body div.footer-brand small,
html body div.footer-grid.container div a,
html body div.footer-grid.container div h2,
html body div.founder-closing-quote small,
html body div.founder-copy a,
html body div.founder-cycle div p,
html body div.hero-image-note p,
html body div.home-events-copy a,
html body div.home-events-note span,
html body div.home-events-route small,
html body div.pathway-detail-list div p,
html body div.placement-clarity-grid article p,
html body div.placement-journey div span,
html body div.placement-journey small,
html body div.pricing-evidence-share div span,
html body div.program-decision-grid article a,
html body div.resource-practice-heading strong,
html body div.resources-audio-duration-filter div p,
html body div.resources-bookmark-filter button,
html body div.resources-bookmark-filter div small,
html body div.resources-playlist-controls button,
html body div.resources-playlist-heading span,
html body div.resources-playlist-tabs button small,
html body div.resources-route-context div p,
html body div.resources-study-reminder-heading p,
html body div.resources-taxonomy-heading p,
html body div.resources-taxonomy-heading span,
html body div.resources-use-steps article p,
html body div.resources-weekly-choice-grid button small,
html body div.resources-weekly-summary p,
html body div.teacher-placeholder-grid article p,
html body div.teacher-placeholder-grid article small,
html body div.tracking-points p small,
html body figure.result-evidence-card figcaption p,
html body form.resources-subscribe-form label,
html body form.resources-subscribe-form label b,
html body label.consent span,
html body label.field span,
html body label.field span b,
html body label.field.field-wide span,
html body label.field.field-wide span b,
html body ol.community-plan-list li strong,
html body ol.resources-playlist-queue li button span small,
html body p.founder-letter-signature span,
html body p.program-label,
html body p.resources-fixture-disclosure,
html body p.resources-fixture-disclosure strong,
html body p.resources-reminder-status,
html body p.resources-subscribe-status,
html body p.resources-subscribe-status a,
html body p.resources-weekly-status,
html body p.student-carousel-disclosure,
html body p.student-carousel-disclosure strong,
html body p.team-note,
html body p.verification-note,
html body span.cefr-chip,
html body span.eyebrow,
html body span.eyebrow.light,
html body span.page-hero-detail,
html body span.program-arrow,
html body span.resource-note-action {
  font-size: 13.5px !important;
}

/* 03/11/2026: gỡ ảnh thư học viên (chưa được phép đăng mặt) - thẻ tư liệu còn lại chiếm đủ khung */
html body .pricing-evidence-grid { grid-template-columns: 1fr !important; }
html body .pricing-evidence-card--note { display: none !important; }