
/* IPOCEN educational hub: aligned with current V6 design, no changes to existing components. */
.seo-article-main{color:#0f2d46;background:#fff}.seo-article-hero{background:#f5f6f8;padding:160px 0 74px}.seo-article-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.7fr);gap:8%;align-items:center}.seo-article-hero h1{font-size:clamp(32px,3.5vw,50px);letter-spacing:-.051em;line-height:1.12;font-weight:680;margin:30px 0 21px;max-width:720px}.seo-article-hero .eyebrow{font-size:11px;color:#7e5960}.seo-article-intro{font-size:clamp(16px,1.45vw,19px);line-height:1.65;color:#546878;max-width:650px}.seo-article-date{font-size:12px;color:#6b7b87;margin-top:20px}.seo-breadcrumb{display:flex;gap:9px;align-items:center;margin-top:20px;font-size:13px;color:#657789}.seo-breadcrumb a{color:#657789}.seo-breadcrumb a:hover{text-decoration:underline}.seo-article-hero-media img{width:100%;max-height:480px;aspect-ratio:4/3;object-fit:cover;border-radius:22px;display:block}.seo-article-body{display:grid;grid-template-columns:minmax(0,760px) minmax(0,260px);justify-content:space-between;gap:9%;padding-top:75px;padding-bottom:120px}.seo-prose{min-width:0}.seo-article-block{padding:0 0 35px;border-bottom:1px solid #e8ebee;margin:0 0 34px}.seo-article-block h2,.seo-article-sources h2,.seo-article-cta h2{font-size:clamp(23px,2.15vw,30px);line-height:1.22;letter-spacing:-.034em;font-weight:680;margin:0 0 17px}.seo-article-block p{font-size:16px;line-height:1.85;color:#495c6b;margin:0}.seo-medical-notice{border-left:3px solid #e88973;padding:12px 20px;background:#f6f7f8;border-radius:0 12px 12px 0;font-size:13px;color:#516474;line-height:1.65}.seo-medical-notice strong{font-size:14px;color:#0f2d46}.seo-medical-notice p{margin:6px 0 0}.seo-article-sources{margin:58px 0}.seo-article-sources ol{padding-left:22px;font-size:14px;line-height:2;color:#415769}.seo-article-sources a{text-decoration:underline;text-underline-offset:4px}.seo-article-cta{padding:34px;border-radius:22px;background:#f4f6f8}.seo-article-cta p{font-size:15px;line-height:1.7;color:#576978}.seo-article-cta .inline-pill{margin-top:13px}.seo-article-related{align-self:start;position:sticky;top:115px;border-top:1px solid #d9dfe4;padding-top:22px}.seo-article-related h2{font-size:15px;font-weight:700;margin:0 0 15px}.seo-article-related a{display:block;border-bottom:1px solid #e5e9ee;padding:14px 0;font-size:13px;line-height:1.45;color:#53677a}.seo-article-related a:hover{color:#0f2d46}.seo-guide-section{background:#f5f6f8;padding:82px 0}.seo-guide-section h2{font-size:clamp(28px,3vw,39px);line-height:1.15;letter-spacing:-.045em;font-weight:660;margin:20px 0 12px}.seo-section-lead{max-width:650px;font-size:16px;line-height:1.65;color:#617487}.seo-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:35px}.seo-guide-card{padding:28px 30px;border:1px solid #e0e5e9;background:#fff;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:transform .2s,border-color .2s}.seo-guide-card:hover{transform:translateY(-3px);border-color:#b8c4ce}.seo-guide-eyebrow{font-size:10px;letter-spacing:.08em;color:#a76c5f;font-weight:700}.seo-guide-card strong{font-size:19px;line-height:1.3;font-weight:670;letter-spacing:-.018em}.seo-guide-card>span:nth-of-type(2){font-size:14px;line-height:1.55;color:#6a7d8b}.seo-guide-card em{font-style:normal;font-size:13px;font-weight:700;color:#0f2d46;margin-top:auto}.seo-notice{font-size:12px;color:#758391;line-height:1.5;margin-top:25px}.seo-home-internal{margin:16px 0 0;font-size:12px;line-height:1.7;color:#66788a}.seo-home-internal a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.seo-article-hero{padding:117px 0 50px}.seo-article-hero-grid{gap:28px;grid-template-columns:1fr}.seo-article-hero-media img{max-height:340px;aspect-ratio:16/9}.seo-article-body{display:block;padding-top:47px;padding-bottom:72px}.seo-article-related{position:static;margin-top:45px}.seo-guide-section{padding:58px 0}.seo-guide-grid{grid-template-columns:1fr;gap:12px}.seo-guide-card{padding:21px}.seo-guide-section h2{font-size:29px}.seo-article-hero h1{font-size:clamp(30px,7vw,39px)}.seo-article-block p{font-size:15px;line-height:1.75}}
@media(prefers-reduced-motion:reduce){.seo-guide-card{transition:none}.seo-guide-card:hover{transform:none}}
