/* Affirm's reading layout, expressed through the existing MVBH brand tokens. */
.blog-hero{min-height:650px;padding:7rem 0 5rem;background:var(--plum)}
.blog-hero .bg{width:100%;height:100%;object-fit:cover;opacity:1}
.blog-hero .overlay{background:linear-gradient(90deg,rgba(26,14,23,.9) 0%,rgba(26,14,23,.73) 55%,rgba(26,14,23,.38) 100%)}
.blog-hero .content{width:min(1200px,92%);max-width:none;margin-inline:auto;text-align:left}
.blog-hero .breadcrumb{font-size:.85rem;line-height:1.7;max-width:95ch;flex-wrap:wrap;white-space:normal;margin-bottom:1.5rem}
.blog-hero h1{font-size:clamp(2.75rem,5.9vw,5.4rem);line-height:1.03;letter-spacing:-.025em;max-width:16ch;margin:0 0 1.25rem;color:#fff}
.blog-hero .blog-topic{display:flex;align-items:center;gap:.75rem;color:var(--teal);font-size:.75rem;letter-spacing:.14em;margin:0 0 1.25rem}
.blog-topic::before{content:"";width:2rem;height:1px;background:currentColor}
.blog-hero .blog-summary{max-width:64ch;font-size:clamp(1.12rem,1.5vw,1.4rem);line-height:1.65;color:#f4f1ea;margin:0}
.blog-hero .author-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.2rem;margin-top:1.5rem;font-size:.85rem;line-height:1.7;color:#f4f1ea;max-width:90ch}
.blog-hero .author-line a{text-decoration:underline;text-underline-offset:.2em;color:inherit}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:4rem;align-items:start;max-width:1080px}
.article-prose{min-width:0;max-width:100%;font-size:1.35rem;line-height:1.7;color:var(--ink-soft)}
.article-prose p{font-size:inherit;line-height:inherit;max-width:none;margin:1.3rem 0}
.article-prose h2{font-size:clamp(2rem,3vw,2.7rem);line-height:1.15;margin:3.5rem 0 1.25rem;color:var(--ink)}
.article-prose h2:first-child{margin-top:0}
.article-prose h2+p{font-weight:600;color:var(--ink)}
.article-prose h3{font-size:1.7rem;margin:2rem 0 1rem}
.article-prose ul,.article-prose ol{padding-left:1.5rem;margin:1.5rem 0}
.article-prose li{font-size:inherit;line-height:inherit;margin:.65rem 0}
.article-prose a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:.18em}
.article-prose img{width:100%;height:auto;border-radius:16px;box-shadow:var(--shadow-md)}
.article-prose figure{margin:2.5rem 0}
.article-prose table{font-size:1rem;width:100%}
.article-prose .post-table{overflow-x:auto}
.article-prose .post-cta{padding:1.7rem;border-radius:14px;background:var(--cream-light);margin:2.5rem 0;font-size:1.05rem;line-height:1.6}
.article-prose .post-cta a{display:inline-block;margin:.5rem .5rem .25rem 0;font-weight:600;color:var(--ink)}
.article-prose .post-cta p{font-size:inherit;margin:.6rem 0}
.article-prose .clinical-review,.article-prose .post-sources-block{padding:1.5rem;background:var(--cream-light);border-radius:14px;margin-top:2.5rem;font-size:1rem}
.article-prose .clinical-review p{margin:0;font-weight:600}
.article-prose .post-sources-block h2{font-size:1.8rem;margin:0 0 1rem}
.article-prose .post-sources-block li{font-size:1rem}
.article-prose .faq-item{border-bottom:1px solid var(--line);padding:1.25rem 0}
.article-prose .faq__question{cursor:pointer;display:list-item;padding-right:1rem;color:var(--ink);font-weight:600}
.article-prose .faq__question h3{display:inline;font-family:var(--font-body);font-size:1.08rem;line-height:1.5;margin:0}
.article-prose .faq__answer{font-size:1.08rem;line-height:1.7;padding-top:.5rem}
.article-prose .faq__answer p{margin:.75rem 0}
.article-sidebar{position:sticky;top:8rem;display:grid;gap:1.25rem;min-width:0}
.article-sidebar .sidebar-card{padding:1.5rem;border:1px solid var(--line);border-radius:14px;background:var(--off-white);color:var(--ink)}
.article-sidebar .eyebrow{font-size:.7rem;letter-spacing:.12em;margin-bottom:.75rem;color:var(--ink-mute)}
.article-sidebar h2{font-size:1.55rem;line-height:1.2;margin:0 0 1rem}
.article-sidebar p,.article-sidebar li,.article-sidebar a{font-size:.9rem;line-height:1.6}
.article-sidebar ul{padding-left:1.1rem;display:grid;gap:.75rem}
.article-sidebar a{text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}
.article-sidebar .sidebar-card--admissions{background:var(--cream-light)}
.sidebar-actions{display:grid;gap:.75rem}
.sidebar-actions .btn{display:flex;justify-content:center;white-space:normal;margin:0;padding:.9rem 1rem;text-decoration:none}
.sidebar-actions .btn-ghost-light{color:var(--ink);border-color:var(--ink)}
.sidebar-actions .btn-ghost-light:hover{background:var(--ink);color:var(--off-white);border-color:var(--ink)}
.blog-hero a:focus-visible,.article-layout a:focus-visible,.faq__question:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,1fr);gap:3rem;max-width:760px}.article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.article-sidebar>nav{grid-column:1/-1}.blog-hero{min-height:0;padding:5rem 0 3.5rem}}
@media(max-width:600px){.blog-hero .content{width:90%}.blog-hero h1{font-size:2.8rem;max-width:100%;line-height:1.06}.blog-hero .breadcrumb{font-size:.75rem;margin-bottom:1.25rem}.blog-hero .blog-summary{font-size:1.1rem;line-height:1.65}.blog-hero .author-line{font-size:.78rem;gap:.4rem 1rem}.article-layout{width:90%;gap:2.5rem}.article-prose{font-size:1.125rem;line-height:1.75}.article-prose h2{font-size:2rem;margin-top:2.5rem}.article-sidebar{grid-template-columns:minmax(0,1fr)}.article-sidebar>nav{grid-column:auto}.article-prose .post-cta{padding:1.25rem}}
@media(prefers-reduced-motion:reduce){.blog-hero *,.article-layout *{scroll-behavior:auto}}
