.page-learning{--learning-line:#d9dccd;--learning-sage:#eaebdf;--learning-cream:#fbfaf5;--learning-ink:#242820}
.eyebrow{margin:0 0 12px;color:#586246;font-size:12px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.route-blog .learning-index-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);align-items:center;gap:clamp(34px,6vw,76px);padding-block:48px 42px}
.learning-index-copy{max-width:580px}
.learning-index-copy h1{max-width:13ch;margin-bottom:18px;font-size:clamp(43px,5.5vw,68px);line-height:1.08}
.learning-index-copy>p:not(.eyebrow){max-width:55ch;color:#44483f;font-size:18px;line-height:1.72}
.learning-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}
.learning-index-photo{height:420px;overflow:hidden;border-radius:8px;background:var(--learning-sage)}
.learning-index-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 54%}
.learning-review-note{display:flex;align-items:center;gap:19px;padding:21px 26px;background:var(--learning-sage);border-left:3px solid #89916c;border-radius:4px}
.learning-review-note p{margin:0;max-width:88ch;font-size:15px;line-height:1.65}
.review-mark{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#d4d7bc;color:#394329;font-size:21px}
.learning-library{padding-block:66px 78px}
.learning-section-heading{max-width:720px;margin-bottom:28px}
.learning-section-heading h2{margin-bottom:10px;font-size:clamp(34px,4vw,48px)}
.learning-section-heading>p:last-child{max-width:60ch;margin:0;color:#55594f}
.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.learning-card{min-width:0;overflow:hidden;border:1px solid var(--learning-line);border-radius:7px;background:var(--learning-cream)}
.learning-card-image{display:block;overflow:hidden;aspect-ratio:1.42;background:var(--learning-sage)}
.learning-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.learning-card-image:hover img{transform:scale(1.025)}
.learning-card-copy{padding:23px 24px 25px}
.learning-card-copy h2{margin:0 0 12px;font-size:27px;line-height:1.22}
.learning-card-copy h2 a{color:var(--learning-ink);text-decoration:none}
.learning-card-copy h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.learning-card-copy>p:not(.eyebrow):not(.draft-label){min-height:82px;margin-bottom:15px;color:#4f5349;font-size:15px;line-height:1.65}
.draft-label{margin:0 0 17px;color:#697052;font-size:12px;letter-spacing:.04em}
.learning-card .text-link{font-size:14px}
.learning-next{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-bottom:64px;padding:34px 40px;background:var(--learning-sage);border-left:4px solid #89916c;border-radius:5px}
.learning-next>div{max-width:650px}
.learning-next h2{margin-bottom:10px;font-size:clamp(28px,3vw,36px)}
.learning-next p:last-child{margin:0;color:#4e5348}
.route-blog-article .article-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch;background:#eeefe5}
.article-hero-copy{padding-block:44px 38px}
.article-hero-copy .breadcrumb{margin-bottom:21px}
.article-hero-copy h1{max-width:17ch;margin:0 0 17px;font-size:clamp(40px,5vw,62px);line-height:1.1}
.article-dek{max-width:60ch;margin-bottom:17px;color:#464a41;font-size:18px;line-height:1.7}
.article-byline{margin-bottom:23px;font-size:14px;line-height:1.55}
.article-byline span{color:#62675b}
.article-hero-image{min-height:390px;overflow:hidden}
.article-hero-image img{width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center}
.reading-modes{display:flex;flex-wrap:wrap;gap:10px}
.mode-link{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 16px;border:1px solid #d4d7c9;border-radius:5px;color:#2e3526;text-decoration:none;font-size:14px;background:#f7f6ef}
.mode-link:hover,.mode-link.active{background:#d2d5ba;border-color:#c2c7a6}
.mode-link span{font-size:18px}
.article-opening{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:18px;padding-block:34px 10px}
.article-opening-read-only{grid-template-columns:1fr}
.article-glance,.article-listen{padding:27px 30px;border-radius:7px;background:var(--learning-sage)}
.article-glance h2,.article-listen h2{margin:0 0 17px;font-size:29px}
.article-glance ul{display:grid;gap:15px;margin:0;padding:0;list-style:none}
.article-glance li{display:grid;grid-template-columns:23px 1fr;gap:12px;margin:0;padding:0;font-size:15px;line-height:1.6}
.glance-dot{color:#687247;font-size:25px;line-height:1}
.article-listen{background:#fffefa;border:1px solid var(--learning-line)}
.article-listen .eyebrow{margin-bottom:7px}
.audio-status{margin:0;padding:15px 17px;border-radius:4px;background:#f2f1e9;color:#575b51;font-size:14px;line-height:1.55}
.article-listen audio{width:100%;min-height:44px}
.audio-caption{margin:12px 0 0;color:#64685e;font-size:13px;line-height:1.5}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,280px);align-items:start;justify-content:center;gap:48px;padding-block:42px 54px}
.article-body{min-width:0}
.article-review-flag{display:inline-block;margin:0 0 28px;padding:6px 10px;border-radius:3px;background:#f0f0e3;color:#596148;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.article-section{margin-bottom:37px}
.article-section h2,.article-sources h2{margin:0 0 15px;font-size:clamp(27px,3vw,34px);line-height:1.24}
.article-section p,.article-section li{font-size:17px;line-height:1.8}
.article-section p{margin:0 0 16px}
.article-section-actions{margin:24px 0 8px}
.article-section,.article-sources{scroll-margin-top:20px}
.article-citation{font-size:.78em;font-weight:700;text-underline-offset:2px}
.article-section ul{margin:0 0 16px;padding-left:22px}
.article-section li{padding-left:4px;margin-bottom:8px}
.article-sources{margin-top:47px;padding-top:28px;border-top:1px solid var(--learning-line)}
.article-sources ol{padding-left:23px}
.article-sources li{margin-bottom:17px;padding-left:4px;font-size:15px;line-height:1.55}
.article-sources li a{display:block;margin-bottom:4px;font-weight:700}
.article-sources li>span{display:block;color:#5b5f55;font-size:13px}
.article-disclaimer{margin:30px 0 0;padding:18px 20px;border-left:3px solid #89916c;background:#f0f0e7;color:#53574e;font-size:14px;line-height:1.65}
.article-side{position:sticky;top:130px;display:grid;gap:16px}
.article-side-card{padding:21px;background:#fffefa;border:1px solid var(--learning-line);border-radius:5px}
.article-side-card p:not(.eyebrow){margin:0 0 14px;font-size:14px;line-height:1.6}
.related-link{display:block;padding:13px 0;border-top:1px solid var(--learning-line);font-family:var(--serif);font-size:19px;text-decoration:none}
.related-link span{float:right;font-family:var(--sans);font-size:16px}
.article-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px 48px;border-top:1px solid var(--learning-line)}
.records-content{max-width:1000px;padding-top:16px}
.records-intro{max-width:68ch;margin:0 auto 31px;color:#454a40;font-size:19px;line-height:1.7}
.records-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;scroll-margin-top:120px}
.records-option{padding:30px 29px;background:#fffefa;border:1px solid var(--learning-line);border-top:3px solid #919b72;border-radius:5px}
.records-option h2,.records-reassurance h2{margin:0 0 13px;font-size:29px;line-height:1.2}
.records-option p:not(.eyebrow){margin-bottom:17px;font-size:16px;line-height:1.72}
.records-option .button{margin-top:5px}
.records-option .text-link{margin-top:3px}
.records-reassurance{margin-top:23px;padding:27px 30px;background:var(--learning-sage);border-left:4px solid #89916c;border-radius:4px}
.records-reassurance p{max-width:82ch;margin:0;color:#44493f;line-height:1.75}
.records-preview-note{margin-top:23px}
.supplement-content{max-width:1050px;padding-top:10px}
.supplement-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:clamp(30px,6vw,68px);padding-block:18px 40px;border-bottom:1px solid var(--learning-line)}
.supplement-intro h2{max-width:20ch;margin-bottom:16px;font-size:clamp(31px,4vw,45px);line-height:1.15}
.supplement-intro p:not(.eyebrow){font-size:16px;line-height:1.75}
.supplement-photo{height:300px;overflow:hidden;border-radius:7px;background:var(--learning-sage)}
.supplement-photo img{width:100%;height:100%;object-fit:cover;object-position:center 56%}
.supplement-quality,.retailer-options{padding-block:38px;border-bottom:1px solid var(--learning-line)}
.supplement-quality h2,.retailer-options h2{margin-bottom:14px;font-size:clamp(29px,3.4vw,38px)}
.supplement-quality p:last-child,.retailer-options>p:not(.eyebrow){max-width:76ch;margin-bottom:0;color:#484d43;line-height:1.75}
.retailer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 17px;margin:23px 0;padding:0;list-style:none}
.retailer-list li{margin:0;padding:0}
.retailer-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fffefa;border:1px solid var(--learning-line);border-radius:4px;text-decoration:none}
.retailer-list a:hover{background:var(--learning-sage)}
.retailer-note{font-size:14px}
.supplement-help{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;padding:27px 30px;background:var(--learning-sage);border-left:4px solid #89916c;border-radius:5px}
.supplement-help h2{margin:0 0 6px;font-size:27px}
.supplement-help p{margin:0;font-size:15px;line-height:1.65}
@media(max-width:900px){.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-blog .learning-index-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:30px}.learning-index-photo{height:360px}.article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.article-hero-image,.article-hero-image img{min-height:350px}.supplement-intro{gap:30px}}
@media(max-width:700px){.route-blog .learning-index-hero{grid-template-columns:1fr;padding-block:28px 30px}.learning-index-copy h1{max-width:15ch;font-size:43px}.learning-index-copy>p:not(.eyebrow){font-size:16px}.learning-index-photo{height:260px;order:2}.learning-review-note{align-items:flex-start;padding:17px}.learning-library{padding-block:44px 53px}.learning-grid{grid-template-columns:1fr;gap:15px}.learning-card{display:grid;grid-template-columns:minmax(125px,.72fr) minmax(0,1.28fr)}.learning-card-image{height:100%;min-height:210px;aspect-ratio:auto}.learning-card-copy{padding:19px 18px}.learning-card-copy h2{font-size:23px}.learning-card-copy>p:not(.eyebrow):not(.draft-label){min-height:0;font-size:14px}.learning-next{align-items:flex-start;flex-direction:column;margin-bottom:42px;padding:25px 22px}.route-blog-article .article-hero{grid-template-columns:1fr}.article-hero-copy{padding-block:28px 27px}.article-hero-copy h1{font-size:42px}.article-dek{font-size:16px}.article-hero-image{min-height:230px;max-height:290px;order:2}.article-hero-image img{min-height:230px;max-height:290px}.article-opening{grid-template-columns:1fr;gap:13px;padding-block:20px 3px}.article-glance,.article-listen{padding:23px 21px}.article-layout{grid-template-columns:1fr;gap:25px;padding-block:31px 40px}.article-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.article-section{margin-bottom:29px}.article-section p,.article-section li{font-size:16px;line-height:1.75}.article-bottom{padding-bottom:34px}.records-content{padding-top:0}.records-intro{font-size:17px}.records-options{grid-template-columns:1fr}.records-option{padding:25px 22px}.records-reassurance{padding:24px 22px}.supplement-intro{grid-template-columns:1fr;padding-block:8px 30px}.supplement-intro h2{font-size:34px}.supplement-photo{height:260px}.retailer-list{grid-template-columns:1fr}.supplement-help{align-items:flex-start;flex-direction:column;padding:23px 21px}}
@media(max-width:440px){.learning-actions{align-items:flex-start;flex-direction:column;gap:15px}.learning-card{grid-template-columns:1fr}.learning-card-image{height:auto;min-height:0;aspect-ratio:1.6}.article-hero-copy h1{font-size:38px}.reading-modes{gap:7px}.mode-link{flex:1 1 45%;justify-content:center;padding-inline:9px;font-size:13px}.article-side{grid-template-columns:1fr}.article-bottom{align-items:flex-start;flex-direction:column}.records-option h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.learning-card-image img{transition:none}}