:root {--qa-primary: #075f4f;--qa-primary-dark: #03483c;--qa-primary-soft: #e8f4ef;--qa-accent: #f3a51f;--qa-accent-soft: #fff4dc;--qa-background: #fbf7ef;--qa-surface: #ffffff;--qa-surface-soft: #f5f8f6;--qa-text: #17352f;--qa-text-soft: #536861;--qa-border: #e6ddcd;--qa-success: #248455;--qa-warning: #b66b00;--qa-danger: #b63b3b;--qa-info: #246b8f;--qa-radius-sm: 10px;--qa-radius-md: 16px;--qa-radius-lg: 24px;--qa-shadow-sm: 0 4px 14px rgba(20, 55, 45, 0.07);--qa-shadow-md: 0 12px 30px rgba(20, 55, 45, 0.11);}body,
.t-Body {background: var(--qa-background);color: var(--qa-text);}.t-Body-content {background: transparent;}.t-Body-main {background: transparent;}.t-Body-contentInner {max-width: 1360px;margin: 0 auto;padding-left: 24px;padding-right: 24px;}.t-Header {background: rgba(255, 252, 246, 0.97);border-bottom: 1px solid var(--qa-border);box-shadow: 0 3px 14px rgba(20, 55, 45, 0.06);}.t-Header-branding {background: transparent;}.t-Header-logo-link {color: var(--qa-primary-dark);font-weight: 800;letter-spacing: -0.02em;}.t-Header-nav {background: transparent;}.t-NavigationBar-item,
.t-NavigationBar-item a,
.t-NavTabs-link,
.t-TreeNav-label {color: var(--qa-primary-dark);}.t-NavigationBar-item a:hover,
.t-NavTabs-link:hover {color: var(--qa-accent);}.t-Header-nav .t-MenuBar {background: transparent;}.t-Header-nav .t-MenuBar-item {border: 0;}.t-Header-nav .t-MenuBar-item > .t-MenuBar-itemContainer {color: var(--qa-primary-dark);font-weight: 700;border-radius: 999px;margin: 4px 3px;}.t-Header-nav
.t-MenuBar-item.is-current
> .t-MenuBar-itemContainer {background: var(--qa-primary);color: #ffffff;}.t-Header-nav
.t-MenuBar-item
> .t-MenuBar-itemContainer:hover {background: var(--qa-primary-soft);color: var(--qa-primary-dark);}.t-BreadcrumbRegion {background: transparent;border: 0;box-shadow: none;}.t-BreadcrumbRegion-title {color: var(--qa-primary-dark);font-weight: 800;letter-spacing: -0.025em;}.t-Region {background: var(--qa-surface);border: 1px solid var(--qa-border);border-radius: var(--qa-radius-md);box-shadow: var(--qa-shadow-sm);overflow: hidden;}.t-Region-header {background: var(--qa-surface);border-bottom: 1px solid var(--qa-border);}.t-Region-title {color: var(--qa-primary-dark);font-weight: 800;}.qa-clean-region {border: 0 !important;box-shadow: none !important;background: transparent !important;}.qa-clean-region > .t-Region-bodyWrap > .t-Region-body {padding: 0;}.t-Button {border-radius: 999px;font-weight: 700;transition:
transform 0.2s ease,
box-shadow 0.2s ease,
background 0.2s ease;}.t-Button:hover {transform: translateY(-1px);}.t-Button--hot {background: var(--qa-primary);border-color: var(--qa-primary);color: #ffffff;box-shadow: 0 7px 16px rgba(7, 95, 79, 0.2);}.t-Button--hot:hover {background: var(--qa-primary-dark);border-color: var(--qa-primary-dark);}.qa-button-secondary {background: #ffffff !important;border: 1px solid var(--qa-border) !important;color: var(--qa-primary-dark) !important;}.qa-button-secondary:hover {background: var(--qa-primary-soft) !important;border-color: var(--qa-primary) !important;}.qa-module-list .a-CardView-items {display: grid;grid-template-columns: repeat(
auto-fit,
minmax(min(100%, 340px), 380px)
);justify-content: start;gap: 22px;}.qa-module-list .a-CardView-item {margin: 0;}.qa-module-list .a-CardView {height: 100%;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-md);background: var(--qa-surface);box-shadow: var(--qa-shadow-sm);overflow: hidden;transition:
transform 0.22s ease,
box-shadow 0.22s ease,
border-color 0.22s ease;}.qa-module-list .a-CardView:hover {transform: translateY(-5px);border-color: rgba(7, 95, 79, 0.35);box-shadow: var(--qa-shadow-md);}.qa-module-list .a-CardView-header {padding: 22px 22px 14px;}.qa-module-list .a-CardView-body {padding: 0 22px 18px;color: var(--qa-text-soft);line-height: 1.7;}.qa-module-list .a-CardView-title {color: var(--qa-primary-dark);font-size: 1.18rem;font-weight: 800;line-height: 1.35;}.qa-module-list .a-CardView-badge {background: var(--qa-primary-soft);color: var(--qa-primary-dark);border-radius: 999px;font-size: 0.76rem;font-weight: 800;padding: 5px 10px;}.qa-module-list .a-CardView-icon {background: var(--qa-primary);color: #ffffff;width: 48px;height: 48px;border-radius: 14px;}.qa-module-list .a-CardView-actions {padding: 0 22px 22px;}.qa-module-list .a-CardView-actions .t-Button {width: 100%;}.qa-module-detail {position: relative;padding: 46px;border-radius: var(--qa-radius-lg);border: 1px solid var(--qa-border);background:
radial-gradient(
circle at 100% 0%,
rgba(243, 165, 31, 0.16),
transparent 35%
),
linear-gradient(
135deg,
#fffdf8 0%,
#f2f8f5 100%
);box-shadow: var(--qa-shadow-md);margin-bottom: 26px;}.qa-module-detail::before {content: "";position: absolute;top: 0;left: 40px;right: 40px;height: 4px;border-radius: 0 0 999px 999px;background: linear-gradient(
90deg,
var(--qa-primary),
var(--qa-accent)
);}.qa-module-detail h1 {max-width: 920px;margin: 18px 0 16px;color: var(--qa-primary-dark);font-size: clamp(2rem, 4vw, 3.1rem);line-height: 1.15;letter-spacing: -0.035em;margin-bottom: 26px;}.qa-module-detail p {max-width: 900px;color: var(--qa-text-soft);font-size: 1.05rem;line-height: 1.75;}.qa-module-badge {display: inline-flex;align-items: center;min-height: 30px;padding: 5px 13px;border-radius: 999px;background: var(--qa-primary-soft);color: var(--qa-primary-dark);font-size: 0.78rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.04em;}.qa-module-meta {display: flex;flex-wrap: wrap;gap: 10px;margin-top: 24px;}.qa-module-meta span {display: inline-flex;align-items: center;padding: 8px 13px;border: 1px solid var(--qa-border);border-radius: 999px;background: rgba(255, 255, 255, 0.8);color: var(--qa-primary-dark);font-size: 0.88rem;font-weight: 700;}.qa-lesson-list .a-CardView-items {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;}.qa-lesson-list .a-CardView-item {margin: 0;}.qa-lesson-list .a-CardView {height: 100%;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-md);background: #ffffff;box-shadow: var(--qa-shadow-sm);transition:
transform 0.2s ease,
box-shadow 0.2s ease;}.qa-lesson-list .a-CardView:hover {transform: translateY(-4px);box-shadow: var(--qa-shadow-md);}.qa-lesson-list .a-CardView-title {color: var(--qa-primary-dark);font-weight: 800;line-height: 1.4;}.qa-lesson-list .a-CardView-body {color: var(--qa-text-soft);line-height: 1.65;}.qa-lesson-list .a-CardView-badge {background: var(--qa-accent-soft);color: #875200;border-radius: 999px;font-size: 0.72rem;font-weight: 800;}.qa-lesson-detail {max-width: 1040px;margin: 0 auto;padding: 48px 54px;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-lg);background: #ffffff;box-shadow: var(--qa-shadow-md);}.qa-lesson-breadcrumb {color: var(--qa-primary);font-size: 0.9rem;font-weight: 800;}.qa-lesson-badges {display: flex;flex-wrap: wrap;gap: 8px;margin: 14px 0;}.qa-lesson-badges span {display: inline-flex;padding: 5px 10px;border-radius: 999px;background: var(--qa-primary-soft);color: var(--qa-primary-dark);font-size: 0.74rem;font-weight: 800;}.qa-lesson-detail > h1 {margin: 18px 0;color: var(--qa-primary-dark);font-size: clamp(2rem, 4vw, 3rem);line-height: 1.18;letter-spacing: -0.035em;}.qa-lesson-summary {margin: 0 0 18px;color: var(--qa-text-soft);font-size: 1.08rem;line-height: 1.75;}.qa-lesson-meta {display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 34px;}.qa-lesson-meta span {padding: 7px 12px;border-radius: 999px;background: var(--qa-accent-soft);color: #7b4a00;font-size: 0.86rem;font-weight: 800;}.qa-lesson-section {margin-top: 36px;}.qa-lesson-section > h2 {margin: 0 0 20px;padding-bottom: 12px;border-bottom: 2px solid var(--qa-primary-soft);color: var(--qa-primary-dark);font-size: 1.6rem;}.qa-lesson-detail h2 {margin-top: 42px;color: var(--qa-primary-dark);font-size: 1.55rem;line-height: 1.35;}.qa-lesson-detail h3 {margin-top: 28px;color: var(--qa-primary);font-size: 1.2rem;}.qa-lesson-detail p,
.qa-lesson-detail li {color: #2e463f;font-size: 1rem;line-height: 1.8;}.qa-lesson-detail ul,
.qa-lesson-detail ol {padding-left: 26px;}.qa-lesson-detail li {margin-bottom: 5px;}.qa-lesson-detail blockquote {margin: 22px 0;padding: 18px 22px;border-left: 4px solid var(--qa-accent);border-radius: 0 var(--qa-radius-sm) var(--qa-radius-sm) 0;background: var(--qa-accent-soft);color: #493617;font-style: normal;}.qa-lesson-detail pre {overflow-x: auto;padding: 20px;border: 1px solid #d6e5df;border-radius: var(--qa-radius-sm);background: #f1f7f4;color: var(--qa-primary-dark);line-height: 1.65;}.qa-lesson-detail table {width: 100%;margin: 24px 0;border-collapse: separate;border-spacing: 0;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-sm);overflow: hidden;}.qa-lesson-detail th {padding: 14px 16px;background: var(--qa-primary);color: #ffffff;text-align: left;font-weight: 800;}.qa-lesson-detail td {padding: 13px 16px;border-top: 1px solid var(--qa-border);color: var(--qa-text);vertical-align: top;}.qa-lesson-detail tbody tr:nth-child(even) td {background: #fafcfb;}.qa-note,
.qa-warning,
.qa-tip,
.qa-example {position: relative;margin: 24px 0;padding: 18px 20px 18px 52px;border-radius: var(--qa-radius-sm);line-height: 1.7;}.qa-note::before,
.qa-warning::before,
.qa-tip::before,
.qa-example::before {position: absolute;top: 18px;left: 20px;font-size: 1.1rem;font-weight: 900;}.qa-note {border: 1px solid #b7d6e7;background: #eef8fd;color: #214d63;}.qa-note::before {content: "i";color: var(--qa-info);}.qa-warning {border: 1px solid #f0d193;background: #fff7e6;color: #6b4700;}.qa-warning::before {content: "!";color: var(--qa-warning);}.qa-tip {border: 1px solid #b9ddca;background: #eef9f3;color: #245a3e;}.qa-tip::before {content: "✓";color: var(--qa-success);}.qa-example {border: 1px solid #d7c6e9;background: #f7f1fc;color: #513c68;}.qa-example::before {content: "★";color: #7d55a2;}.qa-lesson-navigation {max-width: 1040px;margin: 22px auto 0;padding: 18px 0 30px;}.qa-lesson-navigation .t-Button {min-height: 42px;padding-left: 18px;padding-right: 18px;}@media (max-width: 1100px) {.qa-module-list .a-CardView-items,
.qa-lesson-list .a-CardView-items {grid-template-columns: repeat(2, minmax(0, 1fr));}.qa-module-detail {padding: 38px;}}@media (max-width: 760px) {.t-Body-contentInner {padding-left: 14px;padding-right: 14px;}.qa-module-list .a-CardView-items,
.qa-lesson-list .a-CardView-items {grid-template-columns: 1fr;}.qa-module-detail {padding: 30px 22px;border-radius: var(--qa-radius-md);}.qa-module-detail::before {left: 22px;right: 22px;}.qa-module-detail h1 {font-size: 2rem;}.qa-lesson-detail {padding: 30px 20px;border-radius: var(--qa-radius-md);}.qa-lesson-detail > h1 {font-size: 2rem;}.qa-lesson-detail table {display: block;overflow-x: auto;white-space: nowrap;}}#lesson-nav {max-width: 1040px;margin: 22px auto 0;padding: 0 0 34px;border: 0 !important;background: transparent !important;box-shadow: none !important;overflow: visible !important;}#lesson-nav > .container,
#lesson-nav > .container-fluid {display: flex !important;align-items: center !important;flex-wrap: nowrap !important;gap: 12px !important;width: 100% !important;max-width: none !important;margin: 0 !important;padding: 0 !important;}#lesson-nav > .container .row,
#lesson-nav > .container-fluid .row,
#lesson-nav > .container [class*="col-"],
#lesson-nav > .container-fluid [class*="col-"] {display: contents !important;}#lesson-nav button[data-otel-label] {display: inline-flex !important;align-items: center !important;justify-content: center !important;width: auto !important;min-width: 122px;min-height: 44px;margin: 0 !important;padding: 0 20px !important;border-radius: 999px !important;white-space: nowrap;font-weight: 700;}#lesson-nav button[data-otel-label="BACK_MODULE"] {order: 1;background: #ffffff !important;border: 1px solid var(--qa-border) !important;color: var(--qa-primary-dark) !important;box-shadow: none !important;}#lesson-nav button[data-otel-label="PREV_LESSON"] {order: 2;margin-left: auto !important;background: #ffffff !important;border: 1px solid var(--qa-border) !important;color: var(--qa-primary-dark) !important;box-shadow: none !important;}#lesson-nav button[data-otel-label="NEXT_LESSON"] {order: 3;background: var(--qa-primary) !important;border: 1px solid var(--qa-primary) !important;color: #ffffff !important;box-shadow: 0 7px 16px rgba(7, 95, 79, 0.2) !important;}#lesson-nav
button[data-otel-label="BACK_MODULE"]
+ button[data-otel-label="NEXT_LESSON"] {margin-left: auto !important;}#lesson-nav button[data-otel-label="BACK_MODULE"]:hover,
#lesson-nav button[data-otel-label="PREV_LESSON"]:hover {background: var(--qa-primary-soft) !important;border-color: var(--qa-primary) !important;}#lesson-nav button[data-otel-label="NEXT_LESSON"]:hover {background: var(--qa-primary-dark) !important;border-color: var(--qa-primary-dark) !important;}@media (max-width: 760px) {#lesson-nav > .container,
#lesson-nav > .container-fluid {display: grid !important;grid-template-columns: 1fr 1fr;gap: 10px !important;}#lesson-nav button[data-otel-label] {width: 100% !important;min-width: 0;}#lesson-nav button[data-otel-label="BACK_MODULE"] {grid-column: 1 / -1;order: 1;}#lesson-nav button[data-otel-label="PREV_LESSON"] {grid-column: 1;order: 2;margin-left: 0 !important;}#lesson-nav button[data-otel-label="NEXT_LESSON"] {grid-column: 2;order: 3;margin-left: 0 !important;}}.qa-home-region {background: transparent !important;}.qa-home {max-width: 1180px;margin: 0 auto;padding: 20px 0 56px;}.qa-home-hero {position: relative;min-height: 360px;display: flex;align-items: center;justify-content: center;padding: 58px 48px;border: 1px solid var(--qa-border);border-top: 4px solid var(--qa-accent);border-radius: var(--qa-radius-lg);background:
radial-gradient(
circle at 0% 100%,
rgba(7, 95, 79, 0.1),
transparent 38%
),
radial-gradient(
circle at 100% 0%,
rgba(243, 165, 31, 0.14),
transparent 34%
),
#ffffff;box-shadow: var(--qa-shadow-md);overflow: hidden;}.qa-home-hero__content {max-width: 920px;text-align: center;}.qa-home-eyebrow {display: inline-flex;padding: 7px 14px;border-radius: 999px;background: var(--qa-primary-soft);color: var(--qa-primary-dark);font-size: 0.8rem;font-weight: 800;}.qa-home-hero h1 {margin: 22px 0 18px;color: var(--qa-primary-dark);font-size: clamp(2.4rem, 5vw, 4rem);line-height: 1.12;letter-spacing: -0.045em;}.qa-home-intro {max-width: 840px;margin: 0 auto;color: var(--qa-text-soft);font-size: 1.08rem;line-height: 1.8;}.qa-home-actions {display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-top: 30px;}.qa-home-button {display: inline-flex;align-items: center;justify-content: center;min-height: 46px;padding: 0 22px;border-radius: 999px;font-weight: 800;text-decoration: none !important;transition:
transform 0.2s ease,
background 0.2s ease,
box-shadow 0.2s ease;}.qa-home-button:hover {transform: translateY(-2px);}.qa-home-button--primary {background: var(--qa-primary);color: #ffffff !important;box-shadow: 0 9px 20px rgba(7, 95, 79, 0.22);}.qa-home-button--primary:hover {background: var(--qa-primary-dark);}.qa-home-button--secondary {border: 1px solid var(--qa-border);background: #ffffff;color: var(--qa-primary-dark) !important;}.qa-home-button--secondary:hover {border-color: var(--qa-primary);background: var(--qa-primary-soft);}.qa-home-features {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 20px;margin-top: 24px;}.qa-home-feature {padding: 26px;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-md);background: #ffffff;box-shadow: var(--qa-shadow-sm);}.qa-home-feature__number {display: inline-flex;align-items: center;justify-content: center;min-width: 42px;min-height: 42px;border-radius: 13px;background: var(--qa-primary-soft);color: var(--qa-primary-dark);font-weight: 900;}.qa-home-feature h2 {margin: 19px 0 10px;color: var(--qa-primary-dark);font-size: 1.3rem;}.qa-home-feature p {margin: 0;color: var(--qa-text-soft);line-height: 1.75;}.qa-home-section {margin-top: 46px;padding: 38px;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-lg);background: rgba(255, 255, 255, 0.82);box-shadow: var(--qa-shadow-sm);}.qa-home-section__heading {margin-bottom: 28px;}.qa-home-section__heading > span {color: var(--qa-accent);font-size: 0.8rem;font-weight: 900;letter-spacing: 0.06em;}.qa-home-section__heading h2 {margin: 8px 0 10px;color: var(--qa-primary-dark);font-size: clamp(1.8rem, 3vw, 2.6rem);letter-spacing: -0.035em;}.qa-home-section__heading p {margin: 0;color: var(--qa-text-soft);line-height: 1.7;}.qa-roadmap-list {display: grid;gap: 14px;}.qa-roadmap-item {display: grid;grid-template-columns: 72px 1fr;gap: 18px;padding: 22px;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-md);background: #ffffff;}.qa-roadmap-item.is-active {border-color: rgba(7, 95, 79, 0.38);background: linear-gradient(
135deg,
#ffffff,
#f1f8f5
);}.qa-roadmap-item__index {display: flex;align-items: flex-start;justify-content: center;color: var(--qa-primary);font-size: 1.55rem;font-weight: 900;}.qa-roadmap-status {display: inline-flex;margin-bottom: 8px;padding: 4px 9px;border-radius: 999px;background: var(--qa-accent-soft);color: #875200;font-size: 0.72rem;font-weight: 900;text-transform: uppercase;}.qa-roadmap-item h3 {margin: 0 0 8px;color: var(--qa-primary-dark);font-size: 1.25rem;}.qa-roadmap-item p {margin: 0;color: var(--qa-text-soft);line-height: 1.7;}.qa-roadmap-item a {display: inline-flex;margin-top: 13px;color: var(--qa-primary);font-weight: 800;text-decoration: none;}.qa-roadmap-item a:hover {color: var(--qa-accent);}.qa-ecosystem-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 16px;}.qa-ecosystem-card {display: flex;flex-direction: column;min-height: 150px;padding: 22px;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-md);background: #ffffff;color: inherit !important;text-decoration: none !important;transition:
transform 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease;}.qa-ecosystem-card:hover {transform: translateY(-4px);border-color: var(--qa-primary);box-shadow: var(--qa-shadow-md);}.qa-ecosystem-card strong {margin-bottom: 10px;color: var(--qa-primary-dark);font-size: 1.1rem;}.qa-ecosystem-card span {color: var(--qa-text-soft);line-height: 1.65;}@media (max-width: 900px) {.qa-home-features {grid-template-columns: 1fr;}.qa-ecosystem-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 600px) {.qa-home {padding-top: 8px;}.qa-home-hero {min-height: 0;padding: 38px 22px;border-radius: var(--qa-radius-md);}.qa-home-hero h1 {font-size: 2.2rem;}.qa-home-actions {display: grid;grid-template-columns: 1fr;}.qa-home-button {width: 100%;}.qa-home-section {padding: 26px 18px;border-radius: var(--qa-radius-md);}.qa-roadmap-item {grid-template-columns: 1fr;}.qa-roadmap-item__index {justify-content: flex-start;}.qa-ecosystem-grid {grid-template-columns: 1fr;}}.qa-lesson-catalog {max-width: 1180px;margin: 0 auto;padding: 14px 0 54px;}.qa-lesson-catalog .a-CardView-items {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 20px;align-items: stretch;}.qa-lesson-catalog .a-CardView-item {margin: 0 !important;min-width: 0;}.qa-lesson-catalog .a-CardView {position: relative;display: flex;flex-direction: column;height: 100%;min-height: 260px;overflow: hidden;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-md);background: #ffffff;box-shadow: var(--qa-shadow-sm);transition:
transform 0.22s ease,
box-shadow 0.22s ease,
border-color 0.22s ease;}.qa-lesson-catalog .a-CardView::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(
90deg,
var(--qa-primary),
var(--qa-accent)
);}.qa-lesson-catalog .a-CardView:hover {transform: translateY(-5px);border-color: rgba(7, 95, 79, 0.42);box-shadow: var(--qa-shadow-md);}.qa-lesson-catalog .a-CardView-header {padding: 24px 20px 16px;border-bottom: 1px solid var(--qa-border);}.qa-lesson-catalog .a-CardView-title {color: var(--qa-primary-dark);font-size: 1.14rem;font-weight: 800;line-height: 1.4;}.qa-lesson-catalog .a-CardView-subTitle {margin-top: 6px;color: var(--qa-text-soft);font-size: 0.82rem;line-height: 1.45;}.qa-lesson-catalog .a-CardView-body {flex: 1;padding: 18px 20px 14px;color: var(--qa-text-soft);line-height: 1.7;}.qa-lesson-catalog .a-CardView-mainContent {flex: 1;}.qa-lesson-catalog .a-CardView-badge {padding: 5px 10px;border-radius: 999px;background: var(--qa-primary-soft);color: var(--qa-primary-dark);font-size: 0.7rem;font-weight: 900;white-space: nowrap;}.qa-lesson-catalog .a-CardView-secondaryBody {padding: 0 20px 19px;color: #7b6850;font-size: 0.78rem;font-weight: 700;}.qa-lesson-catalog .a-CardView-actions {padding: 0 20px 20px;}.qa-lesson-catalog .a-CardView-actions .t-Button {width: 100%;}.qa-lesson-catalog .a-CardView {cursor: pointer;}@media (max-width: 1100px) {.qa-lesson-catalog .a-CardView-items {grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 700px) {.qa-lesson-catalog {padding-top: 4px;}.qa-lesson-catalog .a-CardView-items {grid-template-columns: 1fr;gap: 14px;}.qa-lesson-catalog .a-CardView {min-height: 0;}}.qa-roadmap-page-region {background: transparent !important;}.qa-roadmap-page {max-width: 1100px;margin: 0 auto;padding: 20px 0 58px;}.qa-roadmap-hero {padding: 54px 48px;border: 1px solid var(--qa-border);border-top: 4px solid var(--qa-accent);border-radius: var(--qa-radius-lg);background:
radial-gradient(
circle at 0% 100%,
rgba(7, 95, 79, 0.1),
transparent 38%
),
radial-gradient(
circle at 100% 0%,
rgba(243, 165, 31, 0.14),
transparent 36%
),
#ffffff;box-shadow: var(--qa-shadow-md);text-align: center;}.qa-roadmap-eyebrow {display: inline-flex;padding: 7px 13px;border-radius: 999px;background: var(--qa-primary-soft);color: var(--qa-primary-dark);font-size: 0.76rem;font-weight: 900;}.qa-roadmap-hero h1 {max-width: 850px;margin: 20px auto 14px;color: var(--qa-primary-dark);font-size: clamp(2.3rem, 5vw, 3.7rem);line-height: 1.15;letter-spacing: -0.045em;}.qa-roadmap-hero > p {max-width: 820px;margin: 0 auto;color: var(--qa-text-soft);font-size: 1.04rem;line-height: 1.8;}.qa-roadmap-summary {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));max-width: 720px;margin: 30px auto 0;overflow: hidden;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-md);background: rgba(255, 255, 255, 0.84);}.qa-roadmap-summary > div {display: flex;flex-direction: column;gap: 4px;padding: 18px;}.qa-roadmap-summary > div + div {border-left: 1px solid var(--qa-border);}.qa-roadmap-summary strong {color: var(--qa-primary-dark);font-size: 1.25rem;}.qa-roadmap-summary span {color: var(--qa-text-soft);font-size: 0.8rem;}.qa-roadmap-content {margin-top: 28px;padding: 38px;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-lg);background: rgba(255, 255, 255, 0.84);box-shadow: var(--qa-shadow-sm);}.qa-roadmap-heading {margin-bottom: 34px;}.qa-roadmap-heading > span,
.qa-roadmap-note span {color: var(--qa-accent);font-size: 0.76rem;font-weight: 900;letter-spacing: 0.07em;}.qa-roadmap-heading h2,
.qa-roadmap-note h2 {margin: 8px 0 10px;color: var(--qa-primary-dark);font-size: clamp(1.8rem, 3vw, 2.5rem);letter-spacing: -0.035em;}.qa-roadmap-heading p {max-width: 760px;margin: 0;color: var(--qa-text-soft);line-height: 1.75;}.qa-roadmap-timeline {position: relative;display: grid;gap: 20px;}.qa-roadmap-timeline::before {content: "";position: absolute;top: 25px;bottom: 25px;left: 35px;width: 2px;background: linear-gradient(
var(--qa-primary),
var(--qa-accent)
);opacity: 0.3;}.qa-roadmap-step {position: relative;display: grid;grid-template-columns: 72px minmax(0, 1fr);gap: 18px;}.qa-roadmap-marker {position: relative;z-index: 2;display: flex;justify-content: center;padding-top: 20px;}.qa-roadmap-marker span {display: inline-flex;align-items: center;justify-content: center;width: 52px;height: 52px;border: 4px solid #ffffff;border-radius: 50%;background: var(--qa-primary-soft);color: var(--qa-primary-dark);box-shadow: 0 4px 13px rgba(7, 95, 79, 0.13);font-weight: 900;}.qa-roadmap-step.is-active .qa-roadmap-marker span {background: var(--qa-primary);color: #ffffff;}.qa-roadmap-card {padding: 24px 26px;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-md);background: #ffffff;box-shadow: var(--qa-shadow-sm);transition:
transform 0.2s ease,
box-shadow 0.2s ease,
border-color 0.2s ease;}.qa-roadmap-card:hover {transform: translateY(-3px);border-color: rgba(7, 95, 79, 0.38);box-shadow: var(--qa-shadow-md);}.qa-roadmap-step.is-active .qa-roadmap-card {border-color: rgba(7, 95, 79, 0.38);background: linear-gradient(135deg, #ffffff, #f1f8f5);}.qa-roadmap-card__top {display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-bottom: 12px;}.qa-roadmap-status,
.qa-roadmap-level {display: inline-flex;padding: 5px 9px;border-radius: 999px;font-size: 0.7rem;font-weight: 900;text-transform: uppercase;}.qa-roadmap-status {background: var(--qa-accent-soft);color: #875200;}.qa-roadmap-status.is-open {background: var(--qa-primary-soft);color: var(--qa-primary-dark);}.qa-roadmap-level {border: 1px solid var(--qa-border);background: #ffffff;color: var(--qa-text-soft);}.qa-roadmap-card h3 {margin: 0 0 10px;color: var(--qa-primary-dark);font-size: 1.34rem;line-height: 1.4;}.qa-roadmap-card > p {margin: 0;color: var(--qa-text-soft);line-height: 1.75;}.qa-roadmap-card ul {margin: 16px 0 0;padding-left: 21px;color: var(--qa-text-soft);}.qa-roadmap-card li {margin: 7px 0;line-height: 1.6;}.qa-roadmap-link {display: inline-flex;align-items: center;min-height: 42px;margin-top: 18px;padding: 0 17px;border-radius: 999px;background: var(--qa-primary);color: #ffffff !important;font-weight: 800;text-decoration: none !important;box-shadow: 0 7px 17px rgba(7, 95, 79, 0.19);}.qa-roadmap-link:hover {background: var(--qa-primary-dark);}.qa-roadmap-note {display: grid;grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);gap: 36px;align-items: center;margin-top: 28px;padding: 32px 38px;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-lg);background:
linear-gradient(
135deg,
rgba(7, 95, 79, 0.08),
rgba(243, 165, 31, 0.1)
),
#ffffff;}.qa-roadmap-note h2 {margin-bottom: 0;}.qa-roadmap-note p {margin: 0;color: var(--qa-text-soft);line-height: 1.8;}@media (max-width: 760px) {.qa-roadmap-page {padding-top: 8px;}.qa-roadmap-hero {padding: 38px 20px;border-radius: var(--qa-radius-md);}.qa-roadmap-hero h1 {font-size: 2.2rem;}.qa-roadmap-summary {grid-template-columns: 1fr;}.qa-roadmap-summary > div + div {border-top: 1px solid var(--qa-border);border-left: 0;}.qa-roadmap-content {padding: 28px 18px;border-radius: var(--qa-radius-md);}.qa-roadmap-timeline::before {display: none;}.qa-roadmap-step {grid-template-columns: 1fr;gap: 8px;}.qa-roadmap-marker {justify-content: flex-start;padding-top: 0;}.qa-roadmap-marker span {width: 44px;height: 44px;}.qa-roadmap-card {padding: 22px 18px;}.qa-roadmap-note {grid-template-columns: 1fr;gap: 12px;padding: 28px 20px;border-radius: var(--qa-radius-md);}}.qa-resources-region {background: transparent !important;}.qa-resources-page {max-width: 1120px;margin: 0 auto;padding: 20px 0 58px;}.qa-resources-hero {padding: 54px 48px;border: 1px solid var(--qa-border);border-top: 4px solid var(--qa-accent);border-radius: var(--qa-radius-lg);background:
radial-gradient(
circle at 0% 100%,
rgba(7, 95, 79, 0.1),
transparent 38%
),
radial-gradient(
circle at 100% 0%,
rgba(243, 165, 31, 0.14),
transparent 36%
),
#ffffff;box-shadow: var(--qa-shadow-md);text-align: center;}.qa-resources-eyebrow {display: inline-flex;padding: 7px 13px;border-radius: 999px;background: var(--qa-primary-soft);color: var(--qa-primary-dark);font-size: 0.76rem;font-weight: 900;}.qa-resources-hero h1 {max-width: 850px;margin: 20px auto 14px;color: var(--qa-primary-dark);font-size: clamp(2.3rem, 5vw, 3.7rem);line-height: 1.15;letter-spacing: -0.045em;}.qa-resources-hero > p {max-width: 820px;margin: 0 auto;color: var(--qa-text-soft);font-size: 1.04rem;line-height: 1.8;}.qa-resources-summary {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));max-width: 720px;margin: 30px auto 0;overflow: hidden;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-md);background: rgba(255, 255, 255, 0.84);}.qa-resources-summary > div {display: flex;flex-direction: column;gap: 4px;padding: 18px;}.qa-resources-summary > div + div {border-left: 1px solid var(--qa-border);}.qa-resources-summary strong {color: var(--qa-primary-dark);font-size: 1.25rem;}.qa-resources-summary span {color: var(--qa-text-soft);font-size: 0.8rem;}.qa-resources-content {margin-top: 28px;padding: 38px;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-lg);background: rgba(255, 255, 255, 0.84);box-shadow: var(--qa-shadow-sm);}.qa-resources-heading {margin-bottom: 30px;}.qa-resources-heading > span,
.qa-resources-note span {color: var(--qa-accent);font-size: 0.76rem;font-weight: 900;letter-spacing: 0.07em;}.qa-resources-heading h2,
.qa-resources-note h2 {margin: 8px 0 10px;color: var(--qa-primary-dark);font-size: clamp(1.8rem, 3vw, 2.5rem);letter-spacing: -0.035em;}.qa-resources-heading p {max-width: 780px;margin: 0;color: var(--qa-text-soft);line-height: 1.75;}.qa-resources-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px;}.qa-resource-card {display: grid;grid-template-columns: 58px minmax(0, 1fr);gap: 16px;padding: 24px;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-md);background: #ffffff;box-shadow: var(--qa-shadow-sm);transition:
transform 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease;}.qa-resource-card:hover {transform: translateY(-4px);border-color: rgba(7, 95, 79, 0.38);box-shadow: var(--qa-shadow-md);}.qa-resource-card__number {display: flex;align-items: flex-start;justify-content: center;color: var(--qa-primary);font-size: 1.4rem;font-weight: 900;}.qa-resource-card__top {display: flex;flex-wrap: wrap;gap: 7px;margin-bottom: 10px;}.qa-resource-type,
.qa-resource-status {display: inline-flex;padding: 5px 9px;border-radius: 999px;font-size: 0.68rem;font-weight: 900;text-transform: uppercase;}.qa-resource-type {background: var(--qa-primary-soft);color: var(--qa-primary-dark);}.qa-resource-status {background: var(--qa-accent-soft);color: #875200;}.qa-resource-card h3 {margin: 0 0 9px;color: var(--qa-primary-dark);font-size: 1.25rem;line-height: 1.4;}.qa-resource-card p {margin: 0;color: var(--qa-text-soft);line-height: 1.7;}.qa-resource-card ul {margin: 15px 0 0;padding-left: 20px;color: var(--qa-text-soft);}.qa-resource-card li {margin: 6px 0;line-height: 1.55;}.qa-resources-note {display: grid;grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);gap: 36px;align-items: center;margin-top: 28px;padding: 32px 38px;border: 1px solid var(--qa-border);border-radius: var(--qa-radius-lg);background:
linear-gradient(
135deg,
rgba(7, 95, 79, 0.08),
rgba(243, 165, 31, 0.1)
),
#ffffff;}.qa-resources-note h2 {margin-bottom: 0;}.qa-resources-note p {margin: 0;color: var(--qa-text-soft);line-height: 1.8;}@media (max-width: 850px) {.qa-resources-grid {grid-template-columns: 1fr;}}@media (max-width: 760px) {.qa-resources-page {padding-top: 8px;}.qa-resources-hero {padding: 38px 20px;border-radius: var(--qa-radius-md);}.qa-resources-hero h1 {font-size: 2.2rem;}.qa-resources-summary {grid-template-columns: 1fr;}.qa-resources-summary > div + div {border-top: 1px solid var(--qa-border);border-left: 0;}.qa-resources-content {padding: 28px 18px;border-radius: var(--qa-radius-md);}.qa-resource-card {grid-template-columns: 1fr;padding: 22px 18px;}.qa-resource-card__number {justify-content: flex-start;}.qa-resources-note {grid-template-columns: 1fr;gap: 12px;padding: 28px 20px;border-radius: var(--qa-radius-md);}}.qa-site-footer-region {margin-top: 56px;padding: 0 !important;background: transparent !important;border: 0 !important;box-shadow: none !important;overflow: visible !important;}.qa-site-footer-region .t-Region-bodyWrap,
.qa-site-footer-region .t-Region-body {padding: 0 !important;overflow: visible !important;}.qa-site-footer {position: relative;width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);background: #055a4a;color: rgba(255,255,255,0.86);border-top: 4px solid #f4a321;}.qa-site-footer__inner {max-width: 1180px;margin: 0 auto;padding: 56px 28px 34px;display: grid;grid-template-columns: minmax(0, 1.3fr) minmax(180px, 0.75fr) minmax(180px, 0.75fr);gap: 48px;}.qa-site-footer__brand {display: inline-flex;align-items: center;margin-bottom: 18px;text-decoration: none !important;}.qa-site-footer__brand img {display: block;max-width: 160px;width: 160px;height: auto;}.qa-site-footer__about p {margin: 0;max-width: 520px;line-height: 1.85;font-size: 1.02rem;color: rgba(255,255,255,0.88);}.qa-site-footer__column {display: flex;flex-direction: column;align-items: flex-start;gap: 12px;}.qa-site-footer__column h2 {margin: 0 0 8px;color: #ffffff;font-size: 1.05rem;font-weight: 800;}.qa-site-footer__column a {color: rgba(255,255,255,0.88) !important;text-decoration: none !important;font-weight: 500;}.qa-site-footer__column a:hover {color: #ffffff !important;text-decoration: underline !important;}.qa-site-footer__bottom {max-width: 1180px;margin: 0 auto;padding: 18px 28px 22px;border-top: 1px solid rgba(255,255,255,0.14);color: rgba(255,255,255,0.88);font-size: 0.9rem;}.t-Footer-version,
.t-Footer-topButton,
a.t-Body-topButton,
#t_Footer_topButton,
.t-Body-topButton {display: none !important;}.qa-floating-actions {position: fixed;right: 24px;bottom: 24px;z-index: 9999;display: flex;flex-direction: column;gap: 12px;align-items: flex-end;}.qa-floating-btn {border: 0;border-radius: 999px;padding: 14px 22px;font-size: 1rem;font-weight: 800;cursor: pointer;transition: all 0.2s ease;box-shadow: 0 10px 24px rgba(0,0,0,0.15);}.qa-floating-btn span {display: inline-block;}.qa-floating-btn:hover {transform: translateY(-1px);}.qa-floating-btn--contact {background: #ffffff;color: #134b3f;}.qa-floating-btn--coffee {background: #ffffff;color: #134b3f;}.qa-floating-btn--top {width: 52px;height: 52px;padding: 0;border-radius: 50%;background: #0a6a57;color: #ffffff;font-size: 1.35rem;display: inline-flex;align-items: center;justify-content: center;}.qa-modal {position: fixed;inset: 0;z-index: 10000;background: rgba(9, 20, 28, 0.48);display: none;align-items: center;justify-content: center;padding: 18px;}.qa-modal.is-open {display: flex;}.qa-modal__dialog {position: relative;width: 100%;background: #ffffff;border-radius: 24px;box-shadow: 0 24px 70px rgba(0,0,0,0.24);padding: 28px 28px 26px;}.qa-modal__dialog--sm {max-width: 420px;}.qa-modal__dialog--md {max-width: 420px;}.qa-modal__close {position: absolute;top: 14px;right: 16px;border: 0;background: transparent;font-size: 2rem;line-height: 1;color: #475467;cursor: pointer;}.qa-modal__title {margin: 0 0 14px;font-size: 2rem;line-height: 1.2;font-weight: 900;color: #0e5a4b;}.qa-modal__text {margin: 0 0 18px;font-size: 1.06rem;line-height: 1.65;color: #475467;}.qa-modal__actions--stack {display: flex;flex-direction: column;gap: 12px;}.qa-modal__action {display: flex;justify-content: center;align-items: center;min-height: 54px;border-radius: 14px;text-decoration: none !important;color: #ffffff !important;font-size: 1.08rem;font-weight: 800;}.qa-modal__action--facebook,
.qa-modal__action--zalo {background: #2e7be8;}.qa-modal__action--email {background: #055a4a;}.qa-cafe-box {background: #f2f4f7;border-radius: 18px;padding: 18px;margin-bottom: 18px;text-align: center;}.qa-cafe-box img {display: block;width: 100%;max-width: 240px;margin: 0 auto;border-radius: 8px;}.qa-bank-info {color: #344054;font-size: 1.02rem;line-height: 1.75;margin-bottom: 16px;}.qa-bank-info p {margin: 0 0 4px;}.qa-copy-btn {width: 100%;border: 0;min-height: 54px;border-radius: 14px;background: #055a4a;color: #ffffff;font-size: 1.08rem;font-weight: 800;cursor: pointer;}.qa-thankyou {margin: 14px 0 0;text-align: center;color: #475467;font-size: 1rem;}@media (max-width: 768px) {.qa-site-footer__inner {grid-template-columns: 1fr;gap: 28px;padding: 38px 20px 26px;}.qa-site-footer__bottom {padding: 18px 20px 24px;}.qa-site-footer__brand img {max-width: 140px;width: 140px;}.qa-floating-actions {right: 16px;bottom: 16px;gap: 10px;}.qa-floating-btn {padding: 12px 18px;font-size: 0.95rem;}.qa-floating-btn--top {width: 48px;height: 48px;font-size: 1.2rem;}.qa-modal__dialog {padding: 24px 20px 22px;border-radius: 22px;}.qa-modal__title {font-size: 1.7rem;}.qa-modal__text {font-size: 1rem;}}.qa-site-footer,
.qa-site-footer * {box-sizing: border-box;}.qa-floating-btn:focus-visible,
.qa-modal__close:focus-visible,
.qa-copy-btn:focus-visible {outline: 3px solid var(--qa-accent);outline-offset: 3px;}.t-NavigationBar {display: none !important;}#t_Header,
.t-Header,
.t-NavigationBar,
.t-Header-navBar,
.t-Body-title,
#t_Body_title {display: none !important;}html,
body,
.t-Body,
.t-Body-main,
.t-Body-content {max-width: 100%;overflow-x: clip;}#qa-custom-header-region {position: relative;z-index: 9000;width: 100% !important;max-width: none !important;margin: 0 !important;padding: 0 !important;background: transparent !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;overflow: visible !important;}#qa-custom-header-region .t-Region-bodyWrap,
#qa-custom-header-region .t-Region-body,
#qa-custom-header-region .container,
#qa-custom-header-region .container-fluid,
#qa-custom-header-region .row,
#qa-custom-header-region [class*="col-"] {width: 100% !important;max-width: none !important;margin: 0 !important;padding: 0 !important;overflow: visible !important;}.qa-custom-header,
.qa-custom-header *,
.qa-custom-header *::before,
.qa-custom-header *::after {box-sizing: border-box;}.qa-custom-header {position: relative;z-index: 9000;width: 100%;background: #fffaf2;border-bottom: 1px solid var(--qa-border);box-shadow: 0 3px 16px rgba(20, 55, 45, 0.06);}.qa-custom-header__inner {display: flex;align-items: center;width: min(1180px, calc(100% - 40px));min-height: 76px;margin: 0 auto;}.qa-custom-header__logo {display: inline-flex;align-items: center;flex: 0 0 auto;margin-right: 36px;text-decoration: none !important;}.qa-custom-header__logo img {display: block !important;width: 112px !important;max-width: 112px !important;height: 48px !important;max-height: 48px !important;object-fit: contain !important;object-position: left center !important;}.qa-custom-header__toggle {display: none;}.qa-custom-nav {display: flex;align-items: center;gap: 6px;margin-left: auto;}.qa-custom-nav > a,
.qa-custom-nav__dropdown-button {position: relative;display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 0 15px;color: #064d41 !important;background: transparent;border: 0;border-radius: 10px;font-family: Inter, "Segoe UI", Arial, sans-serif;font-size: 15px;font-weight: 800;line-height: 1;white-space: nowrap;text-decoration: none !important;cursor: pointer;transition:
background-color 0.18s ease,
color 0.18s ease;}.qa-custom-nav > a:hover,
.qa-custom-nav__dropdown-button:hover,
.qa-custom-nav__dropdown.is-open
.qa-custom-nav__dropdown-button {color: var(--qa-primary-dark) !important;background: var(--qa-primary-soft);}.qa-custom-nav > a.is-current {color: var(--qa-primary-dark) !important;background: var(--qa-primary-soft);}.qa-custom-nav > a.is-current::after {content: "";position: absolute;right: 15px;bottom: 2px;left: 15px;height: 3px;border-radius: 999px;background: var(--qa-accent);}.qa-custom-nav__dropdown {position: relative;padding-bottom: 8px;margin-bottom: -8px;}.qa-custom-nav__dropdown-button {gap: 9px;}.qa-custom-nav__chevron {display: inline-flex;color: var(--qa-primary);font-size: 18px;line-height: 1;transition: transform 0.2s ease;}.qa-custom-nav__dropdown.is-open
.qa-custom-nav__chevron {transform: rotate(180deg);}.qa-custom-nav__dropdown-menu {position: absolute;top: 100%;right: 0;z-index: 9020;display: block;min-width: 220px;padding: 8px;background: #ffffff;border: 1px solid var(--qa-border);border-radius: 14px;box-shadow:
0 18px 44px rgba(18, 58, 49, 0.17),
0 4px 12px rgba(18, 58, 49, 0.08);opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(6px);transition:
opacity 0.16s ease,
transform 0.16s ease,
visibility 0.16s ease;}.qa-custom-nav__dropdown.is-open
.qa-custom-nav__dropdown-menu,
.qa-custom-nav__dropdown:hover
.qa-custom-nav__dropdown-menu,
.qa-custom-nav__dropdown:focus-within
.qa-custom-nav__dropdown-menu {opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(0);}.qa-custom-nav__dropdown:hover
.qa-custom-nav__dropdown-button,
.qa-custom-nav__dropdown:focus-within
.qa-custom-nav__dropdown-button {color: var(--qa-primary-dark) !important;background: var(--qa-primary-soft);}.qa-custom-nav__dropdown-menu a {display: flex;align-items: center;min-height: 44px;padding: 0 14px;color: var(--qa-primary-dark) !important;border-radius: 9px;font-size: 14px;font-weight: 750;text-decoration: none !important;transition:
background-color 0.16s ease,
color 0.16s ease;}.qa-custom-nav__dropdown-menu a:hover,
.qa-custom-nav__dropdown-menu a:focus-visible {color: #033f35 !important;background: var(--qa-primary-soft);}#dokhala-qa-footer {width: 100% !important;max-width: none !important;margin: 0 !important;padding: 0 !important;background: transparent !important;border: 0 !important;box-shadow: none !important;overflow: visible !important;}#dokhala-qa-footer .t-Region-bodyWrap,
#dokhala-qa-footer .t-Region-body,
#dokhala-qa-footer .container,
#dokhala-qa-footer .container-fluid,
#dokhala-qa-footer .row,
#dokhala-qa-footer [class*="col-"] {width: 100% !important;max-width: none !important;margin: 0 !important;padding: 0 !important;}.qa-site-footer {width: 100% !important;margin: 0 !important;}.qa-site-footer__brand img {display: block !important;width: 145px !important;max-width: 145px !important;height: auto !important;max-height: 80px !important;object-fit: contain !important;}.qa-mobile-menu {display: none !important;}@media (max-width: 760px) {.qa-custom-header__inner {position: relative;width: 100%;min-height: 70px;padding: 0 16px;}.qa-custom-header__logo img {width: 96px !important;max-width: 96px !important;height: 42px !important;max-height: 42px !important;}.qa-custom-header__toggle {display: inline-flex;flex-direction: column;align-items: center;justify-content: center;gap: 5px;width: 44px;height: 44px;margin-left: auto;padding: 0;background: #ffffff;border: 1px solid var(--qa-border);border-radius: 12px;cursor: pointer;}.qa-custom-header__toggle span {display: block;width: 21px;height: 2px;border-radius: 999px;background: var(--qa-primary-dark);transition:
transform 0.2s ease,
opacity 0.2s ease;}.qa-custom-header__toggle.is-open
span:nth-child(1) {transform: translateY(7px) rotate(45deg);}.qa-custom-header__toggle.is-open
span:nth-child(2) {opacity: 0;}.qa-custom-header__toggle.is-open
span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}.qa-custom-nav {position: absolute;top: 70px;right: 12px;left: 12px;z-index: 9010;display: none;flex-direction: column;align-items: stretch;gap: 4px;margin: 0;padding: 12px;background: #fffaf2;border: 1px solid var(--qa-border);border-radius: 16px;box-shadow: 0 20px 48px rgba(20, 55, 45, 0.18);}.qa-custom-nav.is-open {display: flex;}.qa-custom-nav > a,
.qa-custom-nav__dropdown-button {justify-content: flex-start;width: 100%;min-height: 48px;padding: 0 14px;font-size: 15px;}.qa-custom-nav > a.is-current::after {top: 10px;right: auto;bottom: 10px;left: 0;width: 3px;height: auto;}.qa-custom-nav__dropdown-button {justify-content: space-between;}.qa-custom-nav__dropdown-menu {position: static;min-width: 0;margin: 3px 0 5px;padding: 4px 0 4px 14px;background: transparent;border: 0;border-left: 2px solid #dcebe5;border-radius: 0;box-shadow: none;}.qa-custom-nav__dropdown-menu a {min-height: 42px;}.qa-site-footer__brand img {width: 125px !important;max-width: 125px !important;}.qa-floating-actions {right: 14px;bottom: 14px;}.qa-floating-btn {max-width: calc(100vw - 28px);}}.qa-lesson-figure {margin: 32px 0;padding: 18px;background: linear-gradient(
135deg,
#f2f9f6 0%,
#ffffff 60%,
#fffaf0 100%
);border: 1px solid #d8e6df;border-radius: 18px;}.qa-lesson-figure__image {width: 100%;overflow: hidden;background: #ffffff;border-radius: 14px;}.qa-lesson-figure__image img {display: block;width: 100%;max-width: 920px;height: auto;margin: 0 auto;object-fit: contain;}.qa-lesson-figure__caption {max-width: 880px;margin: 14px auto 0;color: #54665f;font-size: 14px;line-height: 1.7;text-align: center;}.qa-lesson-figure__caption strong {color: #005c49;font-weight: 700;}@media (max-width: 760px) {.qa-lesson-figure {margin: 24px -4px 28px;padding: 10px;border-radius: 14px;}.qa-lesson-figure__image {border-radius: 10px;}.qa-lesson-figure__caption {margin-top: 10px;padding: 0 4px 4px;font-size: 13px;line-height: 1.6;text-align: left;}}.qa-lesson-figure {width: 100%;max-width: 100%;margin: 28px 0 36px;padding: 18px;box-sizing: border-box;background: #f8fbf8;border: 1px solid #d9e7df;border-radius: 18px;overflow: hidden;}.qa-lesson-figure img {display: block;width: 100% !important;max-width: 100% !important;height: auto !important;margin: 0 auto;object-fit: contain;border-radius: 12px;}.qa-lesson-figure figcaption {margin-top: 14px;font-size: 14px;line-height: 1.6;color: #52665f;text-align: center;}.qa-lesson-detail,
.qa-lesson-section {max-width: 100%;box-sizing: border-box;}.qa-lesson-section img,
.qa-lesson-detail img {max-width: 100%;height: auto;}@media (max-width: 760px) {.qa-lesson-figure {margin: 22px 0 28px;padding: 10px;border-radius: 14px;}.qa-lesson-figure img {width: 100% !important;max-width: 100% !important;height: auto !important;border-radius: 9px;}.qa-lesson-figure figcaption {margin-top: 10px;padding: 0 4px;font-size: 13px;line-height: 1.55;}}