.learning-page{--learn-ink:#102c2a;--learn-green:#0b665d;--learn-mint:#bce9dc;--learn-pale:#eef8f4;--learn-warm:#fff7e8;--learn-line:#cfdfda;background:#fff;color:var(--learn-ink)}
.learning-page main{overflow:hidden}.knowledge-hero{position:relative;padding:clamp(3rem,7vw,6.5rem) 0 5.5rem;background:linear-gradient(118deg,#0b302d 0%,#0d4540 60%,#0d574d 100%);color:#fff}.knowledge-hero::before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 10% 12%,rgba(145,229,207,.13),transparent 28%),radial-gradient(circle at 88% 85%,rgba(216,180,90,.11),transparent 22%);pointer-events:none}.knowledge-hero__layout{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(24rem,.98fr);gap:clamp(2rem,6vw,6rem);align-items:center}.knowledge-kicker,.section-label{margin:0 0 .65rem;color:#16766c;font-size:.73rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.knowledge-kicker{color:#a9e3d4}.knowledge-hero h1{max-width:43rem;margin:0;font:500 clamp(2.8rem,5.6vw,5.5rem)/1.02 Georgia,serif;letter-spacing:-.035em}.knowledge-hero h1 span{color:#aee5d6}.knowledge-hero__copy>p:not(.knowledge-kicker):not(.knowledge-hero__note){max-width:40rem;margin:1.4rem 0 0;color:#d5e9e4;font-size:clamp(1rem,1.4vw,1.17rem);line-height:1.72}.knowledge-hero__actions{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;margin-top:2rem}.knowledge-text-link{color:var(--learn-green);font-weight:800;text-decoration:none}.knowledge-hero .knowledge-text-link{color:#fff}.knowledge-text-link span{display:inline-block;margin-left:.28rem;transition:transform .18s ease}.knowledge-text-link:hover span{transform:translateX(.2rem)}.knowledge-hero__note{display:flex;gap:.55rem;align-items:center;margin:1.7rem 0 0!important;color:#bbd6d0!important;font-size:.8rem!important}.knowledge-hero__note span{display:grid;width:1.3rem;height:1.3rem;place-items:center;border:1px solid #83c7b6;border-radius:50%;font-size:.66rem}.knowledge-hero__visual{position:relative;margin:0;border:1px solid rgba(255,255,255,.15);border-radius:1.6rem;box-shadow:0 2rem 4rem rgba(1,24,22,.35);overflow:hidden}.knowledge-hero__visual::after{position:absolute;inset:0;content:"";border:8px solid rgba(255,255,255,.05);border-radius:inherit;pointer-events:none}.knowledge-hero__visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.learning-search-band{position:relative;z-index:2;margin-top:-2.35rem}.learning-search{display:grid;grid-template-columns:minmax(15rem,.75fr) minmax(24rem,1.5fr) auto;gap:1.25rem;align-items:end;padding:1.4rem clamp(1rem,3vw,2rem);background:#fff;border:1px solid var(--learn-line);border-radius:1rem;box-shadow:0 1.2rem 2.8rem rgba(16,44,42,.12)}.learning-search h2{margin:0;font:600 1.18rem/1.25 Georgia,serif}.learning-search p{margin:.35rem 0 0;color:#627873;font-size:.78rem}.learning-search__control{display:flex;min-height:3.35rem;align-items:center;border:1px solid #8fa8a2;border-radius:.65rem;background:#fff;overflow:hidden}.learning-search__control>span{padding-left:1rem;color:#627873;font-size:1.35rem}.learning-search input{min-width:0;flex:1;align-self:stretch;padding:.7rem;border:0;outline:0;color:var(--learn-ink);font-size:.95rem}.learning-search__control:focus-within{outline:3px solid rgba(11,102,93,.24);border-color:var(--learn-green)}.learning-search__control .button{align-self:stretch;border-radius:0}.learning-sort{display:grid;gap:.25rem;color:#48625c;font-size:.7rem;font-weight:800}.learning-sort select{min-height:3.35rem;padding:.6rem 2rem .6rem .75rem;border:1px solid #8fa8a2;border-radius:.65rem;background:#fff;color:var(--learn-ink)}
.learning-section{padding-top:clamp(4.5rem,8vw,7.5rem);padding-bottom:clamp(4.5rem,8vw,7.5rem)}.learning-section__heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.learning-section__heading h2{margin:0;font:500 clamp(2rem,4vw,3.25rem)/1.08 Georgia,serif;letter-spacing:-.02em}.learning-section__heading p:not(.section-label){max-width:44rem;margin:.7rem 0 0;color:#60746f;line-height:1.65}.learning-section__heading--light h2{color:#fff}.learning-section__heading--light p:not(.section-label){color:#bcd3cd}.learning-section__heading--light .section-label{color:#8ed4c3}.learning-band--mist{background:var(--learn-pale)}.learning-band--warm{background:var(--learn-warm)}.learning-band--ink{background:#102f2c;color:#fff}.learning-band--resources{background:#f4f7f6}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.knowledge-card{position:relative;display:flex;min-width:0;flex-direction:column;background:#fff;border:1px solid var(--learn-line);border-radius:1rem;box-shadow:0 .45rem 1.4rem rgba(16,44,42,.07);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.knowledge-card:hover{transform:translateY(-4px);box-shadow:0 1rem 2.2rem rgba(16,44,42,.12)}.knowledge-card__media,.article-hero{position:relative;margin:0;background:linear-gradient(135deg,#ccebe2,#eaf5ef);overflow:hidden}.knowledge-card__media{aspect-ratio:16/9}.knowledge-card__media img,.article-hero img{position:relative;display:block;width:100%;height:100%;object-fit:cover}.media-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;color:#35645c;font:700 .78rem/1.3 Georgia,serif;letter-spacing:.08em;text-align:center;text-transform:uppercase}.has-image-error img{display:none}.knowledge-card__body{display:flex;flex:1;flex-direction:column;padding:1.25rem}.knowledge-card__category{margin:0;color:var(--learn-green);font-size:.67rem;font-weight:850;letter-spacing:.095em;text-transform:uppercase}.knowledge-card h3{margin:.65rem 0 .55rem;color:var(--learn-ink);font:600 1.3rem/1.28 Georgia,serif}.knowledge-card__summary{margin:0;color:#60746f;font-size:.84rem;line-height:1.65}.knowledge-card__meta{display:flex;justify-content:space-between;gap:.8rem;margin-top:auto;padding-top:1.2rem;color:#6f827e;font-size:.69rem}.knowledge-card__link{position:static;margin-top:.85rem;color:var(--learn-green);font-size:.83rem;font-weight:850;text-decoration:none}.knowledge-card__link::after{position:absolute;inset:0;content:""}.knowledge-card__link span{position:relative}.knowledge-card__link span:last-child{margin-left:.25rem}.knowledge-card__link:focus-visible{outline:3px solid #0b665d;outline-offset:-4px;border-radius:1rem}
.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.topic-card{display:grid;grid-template-columns:2.7rem 1fr;gap:.9rem;align-items:start;min-height:8.5rem;padding:1.2rem;background:#fff;border:1px solid #c8ddd7;border-radius:.85rem;color:var(--learn-ink);text-decoration:none;transition:border-color .18s ease,transform .18s ease}.topic-card:hover{transform:translateY(-3px);border-color:#69ad9d}.topic-card__icon{display:grid;width:2.7rem;height:2.7rem;place-items:center;background:#dff2ec;border-radius:.7rem;color:var(--learn-green);font-size:1.15rem}.topic-card strong{display:block;margin:.12rem 0 .35rem;font:600 1.04rem Georgia,serif}.topic-card p{margin:0;color:#637a74;font-size:.74rem;line-height:1.45}.topic-card small{display:block;margin-top:.55rem;color:#16766c;font-size:.66rem;font-weight:800}
.tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tip-card{padding:1.45rem;border:1px solid var(--learn-line);border-radius:.85rem;background:#fff}.tip-card__icon{display:grid;width:2.25rem;height:2.25rem;place-items:center;margin-bottom:1rem;background:#e0f3ed;border-radius:.65rem;color:var(--learn-green);font-weight:900}.tip-card h3{margin:0;font:600 1.13rem Georgia,serif}.tip-card p{margin:.6rem 0 0;color:#60746f;font-size:.82rem;line-height:1.65}.scam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.scam-card{padding:1.35rem;border:1px solid #35524f;border-radius:.85rem;background:#163936}.scam-card h3{margin:0;color:#fff;font:600 1.15rem Georgia,serif}.scam-card p{min-height:3.8rem;margin:.65rem 0;color:#bcd3cd;font-size:.8rem;line-height:1.55}.scam-card button{padding:0;border:0;background:transparent;color:#9fe1d0;font:800 .75rem inherit;text-align:left;cursor:pointer}.scam-card button:hover{text-decoration:underline}.topic-chips{display:flex;gap:.6rem;padding:.15rem 0 1.3rem;overflow-x:auto;scrollbar-width:thin}.topic-chip{flex:0 0 auto;min-height:2.55rem;padding:.55rem 1rem;border:1px solid #aac0ba;border-radius:999px;background:#fff;color:#36534d;font-weight:800;cursor:pointer}.topic-chip[aria-pressed=true]{border-color:var(--learn-green);background:var(--learn-green);color:#fff}.learning-live{min-height:1.4rem;margin:.2rem 0 1rem;color:#627873;font-size:.78rem}.learning-empty{padding:2.5rem;border:1px dashed #91aaa4;border-radius:1rem;background:#f7fbfa;text-align:center}.learning-empty h3{margin:0;font:600 1.4rem Georgia,serif}.learning-empty p{color:#60746f}.initiative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.initiative-card{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #eadfc8;border-radius:1rem}.initiative-card>span{display:grid;width:3rem;height:3rem;place-items:center;background:#ffedc7;border-radius:.8rem;color:#85600c;font-size:1.3rem}.initiative-card h3{margin:0;font:600 1.25rem Georgia,serif}.initiative-card p{margin:.5rem 0 0;color:#697772;font-size:.82rem;line-height:1.6}.faq-preview{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.faq-preview details{border:1px solid var(--learn-line);border-radius:.75rem;background:#fff}.faq-preview summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;cursor:pointer;font-weight:800;list-style:none}.faq-preview summary::-webkit-details-marker{display:none}.faq-preview summary::after{content:"+";color:var(--learn-green);font-size:1.15rem}.faq-preview details[open] summary::after{content:"−"}.faq-preview p{margin:0;padding:0 1.1rem 1.1rem;color:#60746f;font-size:.82rem;line-height:1.65}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.resource-card{padding:1.3rem;border:1px solid var(--learn-line);border-radius:.85rem;background:#fff}.resource-card h3{margin:0;font:600 1.12rem Georgia,serif}.resource-card p{color:#60746f;font-size:.8rem;line-height:1.55}.resource-card a{color:var(--learn-green);font-weight:800}.external-label{display:block;margin-top:.4rem;color:#748681;font-size:.67rem}
.article-container{max-width:74rem;padding-top:2rem;padding-bottom:5rem}.breadcrumb{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;color:#647873;font-size:.78rem}.breadcrumb a{color:var(--learn-green)}.article-layout{max-width:68rem;margin:2.25rem auto 0}.article-header{max-width:50rem;margin:0 auto 2rem;text-align:center}.article-header h1{margin:.5rem 0;color:var(--learn-ink);font:500 clamp(2.5rem,6vw,4.6rem)/1.04 Georgia,serif;letter-spacing:-.035em}.article-summary{margin:1rem auto 0;color:#536b66;font-size:clamp(1rem,2vw,1.23rem);line-height:1.65}.article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem;margin-top:1.2rem;color:#73847f;font-size:.74rem}.article-hero{max-width:60rem;aspect-ratio:16/9;margin:2rem auto 4rem;border-radius:1.15rem;box-shadow:0 1.2rem 2.7rem rgba(16,44,42,.13)}.article-columns{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:4rem;align-items:start;max-width:58rem;margin:auto}.markdown-content{color:#263f3a;font-size:1rem;line-height:1.85}.markdown-content h2,.markdown-content h3{margin:2.3rem 0 .75rem;color:var(--learn-ink);font-family:Georgia,serif;font-weight:600;line-height:1.25}.markdown-content h2{font-size:1.8rem}.markdown-content h3{font-size:1.3rem}.markdown-content>h2:first-child{display:none}.markdown-content li{margin:.45rem 0}.markdown-content a{color:var(--learn-green);font-weight:800}.key-takeaway{display:grid;grid-template-columns:2.2rem 1fr;gap:1rem;margin:2.5rem 0;padding:1.35rem;border-left:4px solid var(--learn-green);border-radius:.55rem;background:#eaf6f2}.key-takeaway>span{display:grid;width:2rem;height:2rem;place-items:center;background:var(--learn-green);border-radius:50%;color:#fff}.key-takeaway h2{margin:0;font:600 1.25rem Georgia,serif}.key-takeaway p{margin:.4rem 0 0;color:#48615b;font-size:.85rem;line-height:1.6}.article-aside{position:sticky;top:1.5rem}.article-aside__card{padding:1.35rem;border:1px solid #eadfc8;border-radius:.8rem;background:var(--learn-warm)}.article-aside__card h2{margin:0;font:600 1.2rem Georgia,serif}.article-aside__card p:not(.section-label){color:#63756f;font-size:.79rem;line-height:1.55}.article-aside__card a{color:var(--learn-green);font-size:.78rem;font-weight:850;text-decoration:none}.related-section .learning-section{padding-top:4.5rem;padding-bottom:5rem}.demo-content-notice{padding:1rem;background:#fff4d8;border-left:4px solid #b3760b;border-radius:.4rem}
@media(max-width:70rem){.knowledge-hero__layout{grid-template-columns:1fr 22rem}.learning-search{grid-template-columns:1fr 1.5fr}.learning-sort{display:none}.topic-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:58rem){.knowledge-hero__layout{grid-template-columns:1fr}.knowledge-hero__copy{max-width:42rem}.knowledge-hero__visual{max-width:35rem}.learning-search{grid-template-columns:1fr}.knowledge-grid,.tip-grid,.scam-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid{grid-template-columns:repeat(2,1fr)}.article-columns{grid-template-columns:1fr;gap:2.5rem}.article-aside{position:static}.faq-preview{grid-template-columns:1fr}}
@media(max-width:40rem){.knowledge-hero{padding-top:2.7rem}.knowledge-hero h1 br{display:none}.knowledge-hero__actions{align-items:stretch;flex-direction:column}.knowledge-hero__actions .button{text-align:center}.learning-search-band{margin-top:-1.4rem}.learning-search{padding:1rem}.learning-search__control{flex-wrap:wrap;height:auto}.learning-search__control input{min-height:3.2rem}.learning-search__control .button{width:100%;min-height:3rem}.learning-section__heading{align-items:start;flex-direction:column}.knowledge-grid,.tip-grid,.scam-grid,.resource-grid,.topic-grid,.initiative-grid{grid-template-columns:1fr}.scam-card p{min-height:auto}.article-hero{margin-bottom:2.5rem}.article-container{padding-inline:1rem}.article-header{text-align:left}.article-meta{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.learning-page *{scroll-behavior:auto!important;transition:none!important}}

/* FAQ Redesign & Accordion Styles */
.faq-page-body { padding-block: 2.5rem 5rem; }
.faq-meta-bar { display: flex; align-items: center; justify-content: space-between; margin-block: 1rem 1.5rem; }
.faq-live-badge { display: inline-flex; align-items: center; gap: 0.55rem; padding: 0.45rem 1rem; background: var(--learn-pale); color: var(--learn-green); border: 1px solid var(--learn-mint); border-radius: 999px; font-size: 0.84rem; font-weight: 700; margin: 0; }
.faq-live-dot { width: 0.55rem; height: 0.55rem; background: var(--learn-green); border-radius: 50%; display: inline-block; box-shadow: 0 0 0 3px rgba(11, 102, 93, 0.2); }
.faq-live-dot--empty { background: #df5b4e; box-shadow: 0 0 0 3px rgba(223, 91, 78, 0.2); }
.faq-accordion { display: grid; gap: 1.15rem; }
.faq-item { background: #ffffff; border: 1px solid var(--learn-line); border-radius: 1.15rem; box-shadow: 0 4px 18px rgba(16, 44, 42, 0.05); overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.faq-item:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(16, 44, 42, 0.1); border-color: #7fbfb2; }
.faq-item h2 { margin: 0; }
.faq-question-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 1.35rem 1.6rem; border: 0; background: transparent; color: var(--learn-ink); font-family: Georgia, serif; font-size: 1.22rem; font-weight: 600; line-height: 1.35; text-align: left; cursor: pointer; transition: background-color 0.2s ease; }
.faq-question-btn:hover { background: rgba(11, 102, 93, 0.03); }
.faq-question-btn[aria-expanded="true"] { background: rgba(11, 102, 93, 0.05); }
.faq-question-content { display: flex; flex-direction: column; gap: 0.4rem; align-items: flex-start; }
.faq-category-badge { display: inline-block; padding: 0.22rem 0.65rem; background: var(--learn-pale); color: var(--learn-green); border: 1px solid #a3ded0; border-radius: 999px; font-family: Inter, ui-sans-serif, sans-serif; font-size: 0.68rem; font-weight: 850; letter-spacing: 0.09em; text-transform: uppercase; }
.faq-question-title { color: var(--learn-ink); }
.faq-toggle-icon { display: grid; place-items: center; width: 2.35rem; height: 2.35rem; flex-shrink: 0; background: var(--learn-pale); color: var(--learn-green); border-radius: 50%; font-family: Inter, ui-sans-serif, sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1; transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease; }
.faq-question-btn[aria-expanded="true"] .faq-toggle-icon { transform: rotate(180deg); background: var(--learn-green); color: #ffffff; }
.faq-answer { border-top: 1px solid var(--learn-line); background: #f8fbf9; padding: 1.5rem 1.6rem 1.6rem; border-left: 4px solid var(--learn-green); color: #3b544e; font-size: 0.98rem; line-height: 1.72; }
.faq-answer p { margin: 0; }
.faq-help-band { margin-top: 4rem; padding: clamp(2rem, 4vw, 3rem); background: linear-gradient(125deg, #0b302d 0%, #0d4540 60%, #105950 100%); border-radius: 1.35rem; color: #ffffff; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 2rem; box-shadow: 0 1.2rem 3rem rgba(11, 48, 45, 0.2); }
.faq-help-content { max-width: 38rem; }
.faq-help-content h2 { margin: 0; font: 500 clamp(1.5rem, 3vw, 2.1rem)/1.18 Georgia, serif; color: #ffffff; }
.faq-help-content p { margin: 0.65rem 0 0; color: #cae3dd; font-size: 0.95rem; line-height: 1.6; }
.faq-help-actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }

/* ─── Dark Mode overrides for learning / FAQ pages ─── */
[data-theme="dark"] .learning-page { background: #0e1e24; color: #e0eceb; }
[data-theme="dark"] .knowledge-hero { background: linear-gradient(118deg, #071a18 0%, #0a2c28 60%, #0b3830 100%); }
[data-theme="dark"] .learning-search { background: #162830; border-color: #274050; box-shadow: 0 1.2rem 2.8rem rgba(0,0,0,.35); }
[data-theme="dark"] .learning-search input { color: #e0eceb; background: #162830; }
[data-theme="dark"] .learning-search h2 { color: #e0eceb; }
[data-theme="dark"] .learning-band--mist { background: #162830; }
[data-theme="dark"] .learning-band--warm { background: #1a2510; }
[data-theme="dark"] .learning-band--ink { background: #071a18; }
[data-theme="dark"] .learning-band--resources { background: #162830; }
[data-theme="dark"] .knowledge-card { background: #162830; border-color: #274050; }
[data-theme="dark"] .knowledge-card h3 { color: #e0eceb; }
[data-theme="dark"] .knowledge-card__summary { color: #7d9ea6; }
[data-theme="dark"] .topic-card { background: #162830; border-color: #274050; color: #e0eceb; }
[data-theme="dark"] .tip-card { background: #162830; border-color: #274050; }
[data-theme="dark"] .tip-card h3 { color: #e0eceb; }
[data-theme="dark"] .tip-card p { color: #7d9ea6; }
[data-theme="dark"] .scam-card { background: #0a2c28; border-color: #1b4540; }
[data-theme="dark"] .faq-preview details { background: #162830; border-color: #274050; }
[data-theme="dark"] .faq-preview summary { color: #e0eceb; }
[data-theme="dark"] .faq-preview p { color: #7d9ea6; }
[data-theme="dark"] .resource-card { background: #162830; border-color: #274050; }
[data-theme="dark"] .resource-card h3 { color: #e0eceb; }
[data-theme="dark"] .resource-card p { color: #7d9ea6; }
[data-theme="dark"] .faq-item { background: #162830; border-color: #274050; }
[data-theme="dark"] .faq-question-btn { color: #e0eceb; }
[data-theme="dark"] .faq-question-btn:hover { background: rgba(168,230,208,.04); }
[data-theme="dark"] .faq-question-btn[aria-expanded="true"] { background: rgba(168,230,208,.07); }
[data-theme="dark"] .faq-answer { background: #0e1e24; color: #a0bcb8; border-color: #274050; }
[data-theme="dark"] .faq-category-badge { background: rgba(11,102,93,.3); border-color: rgba(11,102,93,.5); }
[data-theme="dark"] .learning-empty { background: #162830; border-color: #274050; }
[data-theme="dark"] .learning-empty h3 { color: #e0eceb; }
[data-theme="dark"] .topic-chip { background: #162830; border-color: #274050; color: #a0bcb8; }
[data-theme="dark"] .article-aside__card { background: #1a2c20; border-color: #2a4530; }
[data-theme="dark"] .markdown-content { color: #c5d8d6; }
[data-theme="dark"] .markdown-content h2, [data-theme="dark"] .markdown-content h3 { color: #e0eceb; }
[data-theme="dark"] .initiative-card { background: #162830; border-color: #274050; }
[data-theme="dark"] .initiative-card h3 { color: #e0eceb; }
[data-theme="dark"] .initiative-card p { color: #7d9ea6; }
[data-theme="dark"] .learning-section__heading h2 { color: #e0eceb; }