/* SuperQuant's public learning library: editorial layout, original figures and tools. */
.learn-site { --page:#fbfaf6; --paper:#fff; --leaf:#5f7f39; --ink:#19211e; --soft-ink:#39453f; --quiet:#727c75; --rule:#e6e8e0; --wash:#f1f3ec; --lilac:#efeff9; --peach:#fff1df; --article-width:760px; background:var(--page); color:var(--ink); }
.learn-site a { color:inherit; text-decoration:none; }
.learn-site a:focus-visible,.learn-site button:focus-visible,.learn-site input:focus-visible,.learn-site select:focus-visible { outline:3px solid #668b36; outline-offset:4px; }
.learn-skip { position:absolute; z-index:20; top:-60px; left:18px; padding:12px 18px; border-radius:10px; background:#19211e; color:#fff!important; }
.learn-skip:focus { top:12px; }
.learn-nav { position:relative; z-index:2; border-bottom:1px solid rgba(25,33,30,.09); background:rgba(251,250,246,.96); }
.learn-nav-inner { display:flex; width:min(1240px,calc(100% - 64px)); height:76px; align-items:center; gap:38px; margin:auto; }
.learn-wordmark { display:inline-flex; align-items:center; gap:9px; color:#19211e; font-size:21px; font-weight:750; letter-spacing:-1.2px; }
.learn-brand-icon { display:grid; width:34px; height:34px; place-items:center; border-radius:11px; background:#19211e; color:#d1eb9c; font-size:12px; font-weight:800; letter-spacing:-.6px; }
.learn-dot { color:#78964e; }
.learn-nav nav { display:flex; flex:1; align-items:center; gap:30px; }
.learn-nav nav a { color:#58635b; font-size:14px; font-weight:560; transition:color .15s ease; }
.learn-nav nav a:hover,.learn-breadcrumb a:hover { color:#4e722d; }
.learn-nav-cta { padding:12px 17px; border:1px solid #dfe4d9; border-radius:10px; background:#fff; font-size:13px; font-weight:670; transition:transform .2s ease,box-shadow .2s ease; }
.learn-nav-cta:hover,.learn-primary-button:hover { box-shadow:0 7px 16px rgba(43,57,32,.11); transform:translateY(-2px); }
.learn-nav-cta span { padding-left:9px; color:#688744; }
.learn-hero { position:relative; display:grid; width:min(1200px,calc(100% - 80px)); min-height:530px; grid-template-columns:1.02fr .98fr; align-items:center; gap:36px; margin:auto; padding:64px 0 74px; }
.learn-hero-copy { position:relative; z-index:1; }
.learn-eyebrow,.learn-kicker { display:inline-flex; align-items:center; gap:8px; color:#617c40; font-size:11px; font-weight:760; letter-spacing:.105em; line-height:1.4; text-transform:uppercase; }
.hero-spark { color:#8ba65c; font-size:16px; }
.learn-hero h1,.resource-library-hero h1 { max-width:610px; margin:24px 0 17px; color:#19211e; font-size:clamp(44px,5vw,68px); font-weight:690; letter-spacing:-.064em; line-height:1.02; }
.learn-hero h1 em,.resource-library-hero h1 em { color:#6d874b; font-weight:560; }
.learn-lede { max-width:520px; margin:20px 0 29px; color:#606b63; font-size:18px; line-height:1.74; }
.learn-hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.learn-primary-button,.learn-secondary-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:13px; padding:0 18px; border:1px solid transparent; border-radius:11px; font-size:14px; font-weight:680; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
.learn-primary-button { background:#1d2922; color:white!important; }
.learn-primary-button span { color:#d4e7b0; }
.learn-primary-button:hover { background:#27352a; }
.learn-secondary-button { border-color:#e1e5dd; background:rgba(255,255,255,.8); color:#3b463e!important; }
.learn-secondary-button:hover { background:#fff; transform:translateY(-1px); }
.learn-proof-row { display:flex; flex-wrap:wrap; gap:12px 21px; margin-top:24px; }
.learn-proof-row span { display:flex; align-items:center; gap:7px; color:#727d72; font-size:12px; }
.learn-proof-row i { width:6px; height:6px; border-radius:50%; background:#83a456; }
.learn-hero-visual { position:relative; display:grid; min-height:345px; place-items:center; }
.learn-hero-art { display:block; width:100%; height:auto; overflow:visible; }
.hero-note { position:absolute; right:2%; bottom:-2px; display:flex; align-items:center; gap:12px; padding:13px 17px 13px 13px; border:1px solid #ebede6; border-radius:14px; background:rgba(255,255,255,.96); box-shadow:0 12px 35px rgba(28,38,27,.10); }
.hero-note-icon { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; background:#eff4e7; color:#728d4b; }
.hero-note strong,.hero-note small { display:block; }
.hero-note strong { font-size:12px; }
.hero-note small { margin-top:4px; color:#788177; font-size:11px; }
.learning-rail { padding:73px max(6.25vw,32px) 78px; background:#202923; color:#fff; }
.rail-head { width:min(790px,100%); margin:0 auto 37px; text-align:center; }
.learning-rail .learn-kicker { color:#c4dc9d; }
.rail-head h2,.learn-topics-index h2,.learn-cluster-head h2,.resource-group-heading h2,.topic-articles h2 { margin:13px 0 10px; font-size:clamp(27px,3.5vw,40px); font-weight:640; letter-spacing:-.046em; line-height:1.12; }
.rail-head p { margin:0; color:#bec5bb; font-size:15px; line-height:1.7; }
.rail-steps { display:grid; width:min(1120px,100%); grid-template-columns:repeat(4,1fr); margin:auto; border:1px solid #485247; border-radius:17px; background:rgba(255,255,255,.035); }
.rail-steps a { position:relative; display:flex; min-height:140px; flex-direction:column; padding:22px 22px 20px; }
.rail-steps a+a { border-left:1px solid #485247; }
.rail-steps a>span { display:grid; width:27px; height:27px; place-items:center; border-radius:9px; background:#344234; color:#d0e4aa; font-size:11px; font-weight:700; }
.rail-steps b { margin:14px 0 5px; font-size:14px; font-weight:660; }
.rail-steps small { color:#b8c0b5; font-size:12px; line-height:1.55; }
.learn-topics-index { display:grid; width:min(1100px,calc(100% - 64px)); grid-template-columns:.72fr 1.28fr; align-items:center; gap:35px; margin:auto; padding:64px 0 37px; }
.learn-topics-index h2 { font-size:27px; }
.topic-pills { display:flex; flex-wrap:wrap; gap:9px; }
.topic-pills a { display:flex; align-items:center; gap:9px; padding:9px 11px; border:1px solid #e5e7df; border-radius:9px; background:rgba(255,255,255,.65); color:#677269; font-size:10px; font-weight:680; }
.topic-pills span { color:#333f37; font-size:12px; }
.topic-pills b { color:#82916e; font-size:12px; }
.learn-cluster { padding:52px max(6.25vw,32px) 61px; }
.learn-cluster.cluster-tint { background:#f5f4ee; }
.learn-cluster-head { position:relative; width:min(1070px,100%); margin:0 auto 26px; padding:0 62px 0 0; }
.learn-cluster-head h2 { margin:9px 0; font-size:32px; }
.learn-cluster-head p { max-width:680px; margin:0; color:#737b74; font-size:15px; line-height:1.7; }
.learn-cluster-mark { position:absolute; top:9px; right:3px; display:grid; width:47px; height:47px; place-items:center; border:1px solid #e2e5dc; border-radius:15px; background:#f1f3e9; color:#63774d; font-size:14px; font-weight:700; }
.learn-cluster-mark.amber,.topic-hero.amber { background:#fff2df; color:#986729; }
.learn-cluster-mark.violet,.topic-hero.violet { background:#f0effb; color:#7366b4; }
.learn-cluster-mark.rose,.topic-hero.rose { background:#fcf0ec; color:#a36a5a; }
.learn-cluster-mark.blue,.topic-hero.blue { background:#edf3f8; color:#5d778b; }
.learn-cluster-mark.lime,.topic-hero.lime { background:#eef4e4; color:#64813d; }
.learn-grid { display:grid; width:min(1070px,100%); grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 auto; }
.learn-card { display:flex; min-height:190px; flex-direction:column; padding:19px 19px 17px; border:1px solid #e8e8e1; border-radius:15px; background:#fff; box-shadow:0 3px 8px rgba(26,34,29,.022); transition:transform .19s ease,border-color .19s ease,box-shadow .19s ease; }
.learn-card:hover { transform:translateY(-3px); border-color:#d8e2c9; box-shadow:0 12px 24px rgba(32,41,35,.07); }
.learn-card-number,.resource-type { color:#829080; font-size:10px; font-weight:730; letter-spacing:.09em; text-transform:uppercase; }
.learn-card h3 { margin:15px 0 8px; font-size:18px; font-weight:650; letter-spacing:-.035em; line-height:1.26; }
.learn-card p { margin:0; color:#707971; font-size:13px; line-height:1.62; }
.learn-card-read { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:14px; color:#828a82; font-size:11px; }
.learn-card-read b { color:#638043; font-size:15px; font-weight:600; }
.empty-library { display:flex; width:min(1070px,100%); min-height:150px; align-items:center; flex-wrap:wrap; gap:10px 18px; margin:auto; padding:22px 24px; border:1px dashed #d6ddcc; border-radius:15px; background:rgba(255,255,255,.56); }
.library-seed { color:#849b60; font-size:21px; }
.empty-library strong { font-size:14px; }
.empty-library p { flex-basis:100%; margin:0; color:#707b71; font-size:13px; }
.empty-library a { margin-left:auto; color:#547335; font-size:13px; font-weight:650; }
.cluster-coming { display:grid; width:min(1070px,100%); grid-template-columns:56px minmax(0,1fr); align-items:center; gap:12px; margin:auto; padding:21px 24px; border:1px dashed #dbe0d3; border-radius:15px; background:rgba(255,255,255,.62); }
.topic-path-art { display:grid; width:46px; height:46px; place-items:center; border-radius:14px; background:#f0f3e7; color:#718949; font-size:17px; }
.cluster-coming strong { font-size:14px; }
.cluster-coming p { margin:4px 0 0; color:#747d73; font-size:12px; }
.learn-resource-promo { position:relative; display:flex; width:min(1070px,calc(100% - 64px)); align-items:center; justify-content:space-between; gap:30px; margin:65px auto 41px; padding:42px 44px; overflow:hidden; border:1px solid #e6e7df; border-radius:20px; background:linear-gradient(112deg,#f3f5ed 0%,#f6f4ee 55%,#f1eff9 100%); }
.learn-resource-promo>div:first-child { position:relative; z-index:1; max-width:580px; }
.learn-resource-promo h2 { margin:12px 0 8px; font-size:29px; letter-spacing:-.045em; }
.learn-resource-promo p { margin:0 0 21px; color:#6d766e; font-size:14px; line-height:1.65; }
.promo-graphic { display:grid; width:210px; grid-template-columns:1fr; align-content:center; justify-items:center; gap:3px; color:#667e49; font-size:11px; font-weight:750; letter-spacing:.1em; transform:rotate(-6deg); }
.promo-graphic span:nth-child(odd) { display:grid; width:137px; height:41px; place-items:center; border:1px solid #d9e1ce; border-radius:9px; background:rgba(255,255,255,.78); box-shadow:0 5px 12px rgba(45,57,38,.055); }
.promo-graphic span:nth-child(even) { color:#9aa984; font-size:15px; }
.learn-editorial-note { width:min(870px,calc(100% - 54px)); margin:30px auto 50px; color:#81867e; font-size:12px; line-height:1.8; }
.learn-footer { display:grid; grid-template-columns:minmax(250px,1.7fr) repeat(2,1fr); gap:30px; padding:43px max(calc((100% - 1070px)/2),32px) 48px; border-top:1px solid #e2e4dc; background:#f7f6f0; }
.learn-footer>div { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.learn-footer>div:first-child { max-width:335px; }
.learn-footer-brand>a { font-size:19px; font-weight:750; letter-spacing:-.8px; }
.learn-footer p { margin:0; color:#727b73; font-size:12px; line-height:1.75; }
.learn-footer strong { margin:2px 0 4px; font-size:11px; letter-spacing:.07em; text-transform:uppercase; }
.learn-footer>div:not(:first-child)>a,.learn-footer>div:not(:first-child)>span { color:#717971; font-size:12px; }
.learn-figure { margin:30px 0 34px; padding:11px; border:1px solid #e8eae2; border-radius:17px; background:linear-gradient(145deg,#fff 0%,#f6f7f1 100%); box-shadow:0 10px 26px rgba(31,39,30,.045); }
.figure-scroll { overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-color:#ccd3c3 transparent; }
.learn-figure svg { display:block; width:100%; min-width:580px; height:auto; }
.learn-figure svg .ftitle { fill:#445039; font:700 12px Inter,"Segoe UI",sans-serif; letter-spacing:1.3px; }
.learn-figure svg .ftext { fill:#2c372f; font:650 13px Inter,"Segoe UI",sans-serif; }
.learn-figure svg .fnote { fill:#69756b; font:11px Inter,"Segoe UI",sans-serif; }
.learn-figure figcaption { padding:10px 8px 4px; color:#626e64; font-size:11px; line-height:1.6; }
.learn-figure figcaption span { display:block; margin-top:4px; color:#91968e; font-size:10px; letter-spacing:.04em; }
.learn-breadcrumb { display:flex; align-items:center; gap:10px; color:#7d867d; font-size:12px; }
.learn-breadcrumb span { color:#a3aa9f; }
.topic-hero { padding:44px max(8vw,32px) 60px; background:linear-gradient(125deg,#f0f5e8,#f6f7f1 73%,#edeee4); }
.topic-hero>.learn-breadcrumb { margin-bottom:43px; }
.topic-hero>.learn-kicker { margin-bottom:9px; }
.topic-hero h1,.resource-hero h1 { max-width:780px; margin:11px 0 10px; font-size:clamp(39px,5.6vw,62px); font-weight:660; letter-spacing:-.06em; line-height:1.03; }
.topic-hero>p,.resource-hero>p { max-width:700px; margin:14px 0 25px; color:#68746b; font-size:16px; line-height:1.74; }
.topic-articles { min-height:260px; padding:49px max(8vw,32px) 80px; }
.topic-articles-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.topic-articles-head h2 { margin-bottom:0; }
.topic-articles-head>span { color:#849080; font-size:12px; }
.topic-articles .learn-grid,.topic-articles .empty-library { width:100%; }
.resource-library-hero { display:grid; width:min(1160px,calc(100% - 72px)); min-height:380px; grid-template-columns:1.18fr .82fr; align-items:center; gap:25px; margin:auto; padding:33px 0 48px; }
.resource-library-hero>.learn-hero-art { width:100%; max-height:340px; }
.resource-library-hero .learn-breadcrumb { margin-bottom:36px; }
.resource-library-hero h1 { max-width:620px; margin:12px 0; font-size:clamp(38px,4.5vw,57px); }
.resource-library-hero>div>p { max-width:560px; color:#68746b; font-size:16px; line-height:1.7; }
.resource-trust-line { display:flex; flex-wrap:wrap; gap:10px 17px; margin-top:23px; color:#718072; font-size:11px; }
.resource-groups { padding:52px max(6vw,30px) 58px; }
.resource-group-tint { background:#f3f3ec; }
.resource-group-heading { width:min(1100px,100%); margin:0 auto 23px; }
.resource-group-heading h2 { font-size:30px; }
.resource-group-heading p { margin:0; color:#717971; font-size:14px; }
.resource-cards { display:grid; width:min(1100px,100%); grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin:auto; }
.resource-card { display:flex; min-height:219px; flex-direction:column; padding:17px 17px 15px; border:1px solid #e5e8df; border-radius:15px; background:#fff; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.resource-card:hover { transform:translateY(-3px); border-color:#d3ddc6; box-shadow:0 10px 22px rgba(28,37,29,.07); }
.resource-card-number,.tool-icon { display:grid; width:37px; height:37px; place-items:center; border-radius:12px; background:#eef3e5; color:#70894d; font-size:11px; font-weight:750; }
.resource-card .resource-type { margin-top:15px; font-size:9px; }
.resource-card h3 { margin:8px 0 7px; font-size:16px; font-weight:655; letter-spacing:-.026em; line-height:1.27; }
.resource-card>p { margin:0; color:#747c75; font-size:12px; line-height:1.58; }
.resource-card-link { display:flex; justify-content:space-between; margin-top:auto; padding-top:13px; color:#5c743e; font-size:11px; font-weight:700; }
.resource-card-link b { font-size:13px; }
.resource-hero { padding:36px max(8vw,32px) 52px; background:linear-gradient(125deg,#eff5e8,#f4f4ef); }
.resource-hero.amber { background:linear-gradient(125deg,#fff2df,#faf5ed); }
.resource-hero.violet { background:linear-gradient(125deg,#f0effa,#f5f4f8); }
.resource-hero.blue { background:linear-gradient(125deg,#edf4fa,#f5f6f6); }
.resource-hero.rose { background:linear-gradient(125deg,#fbf0ec,#faf6f2); }
.resource-hero>.learn-breadcrumb { margin-bottom:32px; }
.resource-hero>.learn-kicker { margin-bottom:8px; }
.resource-main { width:min(1000px,calc(100% - 48px)); margin:35px auto 0; }
.download-panel,.calculator-card { padding:27px; border:1px solid #e5e8e0; border-radius:17px; background:#fff; box-shadow:0 8px 24px rgba(30,39,31,.04); }
.download-panel h2,.calculator-card h2 { margin:14px 0 8px; font-size:24px; letter-spacing:-.035em; }
.download-panel>p,.calculator-intro p { max-width:720px; color:#707a72; font-size:14px; line-height:1.72; }
.download-panel .learn-primary-button { margin:12px 0 20px; }
.download-meta { display:grid; grid-template-columns:auto 1fr; gap:9px 19px; padding-top:18px; border-top:1px solid #ebede7; }
.download-meta span:nth-child(odd) { color:#879083; font-size:9px; font-weight:740; letter-spacing:.08em; }
.download-meta span:nth-child(even) { color:#4b554d; font-size:12px; }
.calculator-intro { display:flex; align-items:flex-start; gap:15px; }
.calculator-intro .tool-icon { flex:none; }
.calculator-intro h2 { margin:2px 0 4px; }
.calculator-intro p { margin:7px 0 0; }
.calculator-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 15px; margin-top:23px; }
.calculator-field { display:grid; align-content:start; gap:7px; color:#555f57; font-size:12px; font-weight:610; }
.calculator-field input,.calculator-field select { width:100%; min-height:44px; padding:0 12px; border:1px solid #e0e4dc; border-radius:9px; background:#fcfcfa; color:#28322a; font:500 14px/1.4 inherit; }
.calculator-form>.learn-primary-button { justify-self:start; margin-top:7px; cursor:pointer; }
.calculator-result { display:grid; gap:8px; min-height:127px; margin-top:20px; padding:17px; border:1px solid #e7eadf; border-radius:12px; background:#f8f9f4; }
.calculator-result .learn-kicker { font-size:9px; }
.calculator-result strong { color:#34442c; font-size:23px; letter-spacing:-.035em; }
.calculator-result p { margin:0; color:#70786f; font-size:12px; line-height:1.55; }
.calculator-result[data-error="true"] { border-color:#efd8c0; background:#fff8ed; }
.calculator-result[data-error="true"] .learn-kicker,.calculator-result[data-error="true"] strong { color:#9a5b26; }
.resource-main>.math-line { margin:23px 0 9px; padding:17px 19px; border:1px solid #e5e8de; border-radius:12px; background:#f3f4ed; }
.math-line code { color:#394c32; font-size:14px; white-space:normal; }
.resource-main>p:not(.learn-editorial-note) { color:#616d63; font-size:14px; line-height:1.78; }
.resource-explainer { margin:20px 0; padding:20px; border:1px solid #e6e9e2; border-radius:13px; background:#f7f7f2; }
.resource-explainer .learn-kicker { margin-bottom:5px; }
.resource-explainer p { color:#687268; font-size:13px; line-height:1.65; }
.resource-explainer details { padding-top:7px; }
.resource-explainer summary { color:#4a6140; cursor:pointer; font-size:12px; font-weight:640; }
.glossary-promo { display:flex; width:min(1100px,calc(100% - 60px)); align-items:center; gap:18px; margin:27px auto 46px; padding:20px 23px; border:1px solid #e5e8e0; border-radius:15px; background:#fff; }
.glossary-promo h2 { margin:6px 0 4px; font-size:19px; letter-spacing:-.03em; }
.glossary-promo p { margin:0; color:#737c73; font-size:12px; }
.glossary-promo>a { margin-left:auto; color:#597541; font-size:12px; font-weight:680; white-space:nowrap; }
.glossary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.glossary-term { padding:17px; border:1px solid #e6e9e2; border-radius:13px; background:white; scroll-margin-top:24px; }
.glossary-term>span { color:#809073; font-size:9px; font-weight:740; letter-spacing:.08em; }
.glossary-term h2 { margin:9px 0 5px; font-size:16px; }
.glossary-term p { margin:0; color:#737b73; font-size:12px; line-height:1.65; }
.resource-related { display:flex; flex-wrap:wrap; align-items:center; gap:10px 17px; margin:32px 0 0; padding:20px; border:1px solid #e2e6dc; border-radius:14px; background:#f4f6ef; }
.resource-related>.learn-kicker { flex-basis:100%; }
.resource-related h2 { flex-basis:100%; margin:0; font-size:20px; letter-spacing:-.025em; }
.resource-related p { flex-basis:100%; margin:0; color:#707970; font-size:13px; line-height:1.6; }
.resource-related>a { color:#58743d; font-size:12px; font-weight:670; }
.article-layout { width:min(var(--article-width),calc(100% - 44px)); margin:0 auto; padding:41px 0 28px; }
.article-header { margin:29px 0 25px; }
.article-label { display:flex; align-items:center; gap:10px; color:#829080; font-size:10px; font-weight:720; letter-spacing:.07em; }
.article-dot { width:4px; height:4px; border-radius:50%; background:#9da99a; }
.article-header h1 { margin:14px 0 12px; color:#1b241e; font-size:clamp(38px,6vw,61px); font-weight:675; letter-spacing:-.059em; line-height:1.045; }
.article-deck { margin:12px 0 21px; color:#667168; font-size:18px; line-height:1.66; }
.article-byline { display:flex; align-items:center; gap:11px; padding-top:4px; }
.byline-monogram { display:grid; width:34px; height:34px; place-items:center; border-radius:11px; background:#202a22; color:#d2e7b2; font-size:10px; font-weight:780; }
.article-byline>div { display:flex; flex-direction:column; gap:3px; }
.article-byline strong { font-size:11px; font-weight:670; }
.article-byline>div>span,.byline-date { color:#8a9189; font-size:10px; }
.byline-date { margin-left:auto; }
.article-progress { position:relative; width:100%; height:2px; margin:23px 0 30px; overflow:hidden; border-radius:4px; background:#e8ebe4; }
.article-progress>span { position:absolute; inset:0 auto 0 0; width:0; background:#80a155; }
.article-body { color:#343e37; font-family:Georgia,"Times New Roman",serif; font-size:17px; line-height:1.88; }
.article-body>p { margin:0 0 20px; }
.article-body>h2 { margin:39px 0 11px; color:#202a23; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:25px; font-weight:660; letter-spacing:-.04em; line-height:1.24; }
.article-body>h3 { margin:28px 0 9px; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:19px; font-weight:650; letter-spacing:-.025em; }
.article-body>ul,.article-body>ol { margin:0 0 23px; padding-left:25px; }
.article-body>ul li,.article-body>ol li { padding:3px 0 3px 4px; }
.article-body>ul li::marker,.article-body>ol li::marker { color:#819465; }
.article-body blockquote { margin:21px 0; padding:13px 17px; border-left:3px solid #9bb176; border-radius:0 9px 9px 0; background:#f1f4eb; color:#45513f; font-size:15px; }
.article-body strong { color:#26352a; font-weight:700; }
.article-body a { color:#506f38; text-decoration:underline; text-decoration-color:#bbcba7; text-underline-offset:3px; }
.article-body a:hover { color:#344d25; text-decoration-color:#68894b; }
.article-body table { display:block; width:100%; margin:24px 0; overflow-x:auto; border:1px solid #e5e8df; border-spacing:0; border-radius:10px; background:#fff; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:12px; line-height:1.55; }
.article-body th,.article-body td { min-width:140px; padding:11px 13px; border-bottom:1px solid #e8eae5; text-align:left; vertical-align:top; }
.article-body th { background:#f1f4ec; color:#4e5c48; font-size:10px; letter-spacing:.04em; }
.article-body tr:last-child td { border-bottom:0; }
.source-panel { margin-top:44px; padding:23px; border:1px solid #e5e8df; border-radius:15px; background:#fff; }
.source-panel-head { display:flex; align-items:center; gap:11px; }
.source-icon { display:grid; width:35px; height:35px; place-items:center; border:1px solid #e2e7da; border-radius:11px; background:#f2f5ed; color:#637d46; font-size:14px; }
.source-panel-head h2 { margin:4px 0 0; font-size:20px; letter-spacing:-.03em; }
.source-panel>p { margin:11px 0 13px; color:#707971; font-size:12px; line-height:1.7; }
.source-panel>ul { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
.source-panel>ul a { display:block; padding:10px 11px; border:1px solid #eceee8; border-radius:9px; }
.source-panel>ul a:hover { border-color:#d8e1cc; background:#fafbf8; }
.source-panel>ul a span,.source-panel>ul a small { display:block; }
.source-panel>ul a span { color:#455340; font-size:12px; font-weight:650; }
.source-panel>ul a small { margin-top:4px; color:#858d84; font-size:10px; }
.methodology-note { display:grid; grid-template-columns:126px 1fr; gap:13px; margin-top:15px; padding:12px 13px; border-radius:9px; background:#f4f5f0; color:#6c756d; font-size:11px; line-height:1.55; }
.methodology-note strong { color:#566550; font-size:10px; }
.next-read { margin:34px 0 21px; padding:23px; border:1px solid #e5e9de; border-radius:15px; background:linear-gradient(118deg,#f2f5ec,#f2f1f8); }
.next-read h2 { margin:9px 0 7px; font-size:23px; letter-spacing:-.04em; }
.next-read p { max-width:650px; margin:0 0 16px; color:#69736c; font-size:13px; line-height:1.7; }
.next-read>div { display:flex; flex-wrap:wrap; gap:10px; }
.next-read .learn-primary-button,.next-read .learn-secondary-button { min-height:43px; font-size:12px; }
.related-reading { display:grid; grid-template-columns:150px 1fr; align-items:center; gap:15px; padding:17px 0; border-top:1px solid #e6e8e1; }
.related-reading>div { display:flex; flex-wrap:wrap; gap:9px; }
.related-reading>div>a { padding:8px 11px; border:1px solid #e4e7df; border-radius:9px; background:#fff; color:#536148; font-size:11px; }
.related-reading>div>a span { color:#7b915e; }
.related-reading .learn-kicker { font-size:9px; }
.policy-page .article-body { margin-top:31px; }
.policy-page .article-body>h2 { margin-top:30px; font-size:22px; }
.article-progress [data-reading-progress] { transition:width .08s linear; }
.glossary-term { scroll-margin-top:30px; }
@media (prefers-reduced-motion:reduce) { .learn-site *,.learn-site *::before,.learn-site *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
@media (max-width:930px) {
  .learn-hero { width:calc(100% - 60px); min-height:450px; gap:16px; }
  .learn-hero h1 { font-size:clamp(42px,6vw,59px); }
  .learn-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .resource-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .resource-library-hero { width:calc(100% - 60px); }
  .learn-topics-index { grid-template-columns:1fr; gap:15px; }
  .learn-cluster-head { margin-bottom:21px; }
}
@media (max-width:650px) {
  .learn-nav-inner { width:calc(100% - 32px); height:65px; gap:0; }
  .learn-wordmark { gap:7px; font-size:18px; }
  .learn-brand-icon { width:30px; height:30px; }
  .learn-nav nav { justify-content:flex-end; gap:15px; padding-right:13px; }
  .learn-nav nav a { font-size:11px; }
  .learn-nav-cta { padding:10px 10px; font-size:0; }
  .learn-nav-cta span { padding:0; font-size:14px; }
  .learn-hero { width:calc(100% - 38px); grid-template-columns:1fr; gap:0; padding:43px 0 52px; }
  .learn-hero h1 { max-width:500px; margin-top:17px; font-size:clamp(42px,11vw,59px); }
  .learn-lede { font-size:16px; line-height:1.68; }
  .learn-hero-visual { min-height:270px; margin-top:12px; }
  .hero-note { right:0; bottom:-5px; }
  .learn-proof-row { gap:8px 13px; }
  .learn-proof-row span { font-size:10px; }
  .learning-rail { padding:51px 19px 53px; }
  .rail-head { text-align:left; }
  .rail-head h2 { font-size:30px; }
  .rail-steps { grid-template-columns:1fr 1fr; }
  .rail-steps a { min-height:120px; padding:15px 13px; }
  .rail-steps a:nth-child(3) { border-top:1px solid #485247; border-left:0; }
  .rail-steps a:nth-child(4) { border-top:1px solid #485247; }
  .rail-steps b { font-size:12px; }
  .rail-steps small { font-size:10px; }
  .learn-topics-index { width:calc(100% - 38px); padding:45px 0 25px; }
  .topic-pills { gap:7px; }
  .topic-pills a { padding:8px; }
  .topic-pills span { font-size:11px; }
  .learn-cluster { padding:40px 19px 45px; }
  .learn-cluster-head { padding-right:53px; }
  .learn-cluster-head h2 { font-size:27px; }
  .learn-cluster-head p { font-size:13px; }
  .learn-cluster-mark { width:39px; height:39px; border-radius:13px; font-size:12px; }
  .learn-grid { grid-template-columns:1fr; gap:9px; }
  .learn-card { min-height:0; padding:16px; }
  .learn-card h3 { margin-top:10px; font-size:17px; }
  .learn-card-read { padding-top:10px; }
  .cluster-coming { grid-template-columns:42px minmax(0,1fr); gap:11px; padding:16px 13px; }
  .topic-path-art { width:38px; height:38px; }
  .cluster-coming strong { font-size:12px; line-height:1.45; }
  .cluster-coming p { font-size:11px; line-height:1.55; }
  .learn-resource-promo { width:calc(100% - 32px); gap:8px; margin:36px auto 27px; padding:24px 19px; }
  .learn-resource-promo h2 { font-size:24px; }
  .learn-resource-promo p { max-width:400px; font-size:12px; }
  .promo-graphic { display:none; }
  .learn-primary-button,.learn-secondary-button { min-height:44px; gap:8px; padding:0 12px; font-size:12px; }
  .learn-footer { grid-template-columns:1fr 1fr; gap:22px 16px; padding:30px 20px; }
  .learn-footer>div:first-child { grid-column:1/-1; }
  .learn-editorial-note { width:calc(100% - 38px); margin:24px auto 32px; }
  .article-layout { width:calc(100% - 38px); padding-top:30px; }
  .article-header { margin:22px 0 20px; }
  .article-header h1 { font-size:clamp(36px,9vw,49px); }
  .article-deck { font-size:16px; }
  .article-label { flex-wrap:wrap; font-size:9px; }
  .byline-date { font-size:9px; }
  .article-body { font-size:16px; line-height:1.79; }
  .article-body>h2 { margin-top:31px; font-size:23px; }
  .learn-figure { margin:24px -3px 27px; padding:7px; }
  .learn-figure svg { min-width:550px; }
  .source-panel { padding:17px; }
  .methodology-note { grid-template-columns:1fr; gap:4px; }
  .next-read { padding:18px; }
  .next-read>div { align-items:flex-start; }
  .related-reading { grid-template-columns:1fr; gap:8px; }
  .topic-hero,.resource-hero { padding:29px 20px 38px; }
  .topic-hero>.learn-breadcrumb,.resource-hero>.learn-breadcrumb { margin-bottom:31px; }
  .topic-hero h1,.resource-hero h1 { font-size:41px; }
  .topic-hero>p,.resource-hero>p { font-size:14px; }
  .topic-articles { padding:34px 19px 52px; }
  .topic-articles-head { align-items:start; }
  .topic-articles-head h2 { font-size:25px; }
  .resource-library-hero { width:calc(100% - 38px); grid-template-columns:1fr; padding:26px 0 30px; }
  .resource-library-hero .learn-breadcrumb { margin-bottom:27px; }
  .resource-library-hero h1 { font-size:42px; }
  .resource-library-hero>.learn-hero-art { width:87%; justify-self:center; margin-top:4px; }
  .resource-groups { padding:37px 18px 43px; }
  .resource-group-heading h2 { font-size:26px; }
  .resource-cards { grid-template-columns:1fr; gap:9px; }
  .resource-card { min-height:0; padding:14px; }
  .resource-card .resource-type { margin-top:10px; }
  .resource-card h3 { font-size:16px; }
  .resource-card-link { padding-top:11px; }
  .resource-main { width:calc(100% - 34px); margin-top:23px; }
  .calculator-card,.download-panel { padding:17px; }
  .calculator-form { grid-template-columns:1fr; gap:12px; }
  .calculator-form>.learn-primary-button { width:100%; }
  .calculator-intro h2 { font-size:20px; }
  .glossary-promo { width:calc(100% - 34px); flex-wrap:wrap; gap:12px; margin:19px auto 32px; }
  .glossary-promo>a { margin-left:0; }
  .glossary-grid { grid-template-columns:1fr; }
}