.article-page{background:var(--cream)}
.article-index-hero{padding:70px 0 50px;text-align:center}.article-index-hero h1{font:700 clamp(42px,8vw,68px)/1.06 'Fredoka';letter-spacing:-.03em;margin:12px 0 20px}.article-index-hero h1 em{color:var(--purple);font-style:normal}.article-index-hero>p:last-child{max-width:680px;margin:0 auto;color:var(--muted);font-size:18px}
.article-card+.article-card{margin-top:26px}
.article-list{padding:35px 0 100px}.article-list-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.article-list-heading h2{font:700 34px 'Fredoka';margin:2px 0}.article-count{padding:6px 12px;background:#ebe8ff;color:var(--purple);border-radius:20px;font-size:12px;font-weight:700}.article-card{display:grid;grid-template-columns:.75fr 1.25fr;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.article-card-image{min-height:390px;background:#e9e6f5}.article-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%}.article-card-copy{align-self:center;padding:44px}.article-tag{display:inline-flex;padding:6px 11px;background:#fff3c6;color:#8b6600;border-radius:20px;font-size:12px;font-weight:700}.article-card-copy h2{font:700 clamp(30px,5vw,45px)/1.08 'Fredoka';margin:16px 0 4px}.article-card-copy h2 a{text-decoration:none}.article-subtitle{margin:0 0 18px;color:var(--purple);font-weight:700}.article-card-copy>p:not(.article-subtitle){color:var(--muted);max-width:580px}.article-read{display:inline-flex;gap:12px;margin-top:10px;color:var(--purple);font-weight:700;text-underline-offset:5px}
.story-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;padding:58px 0 78px}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin-bottom:26px}.breadcrumb a{text-underline-offset:4px}.story-title h1{font:700 clamp(45px,6vw,72px)/1.02 'Fredoka';letter-spacing:-.035em;margin:12px 0}.story-deck{color:var(--purple);font:700 clamp(24px,3vw,34px)/1.2 'Fredoka';margin:0 0 22px}.story-intro{max-width:660px;color:var(--muted);font-size:18px}.hero-photo{margin:0;transform:rotate(1.5deg)}.hero-photo img{display:block;width:100%;max-height:570px;object-fit:cover;object-position:center 22%;border-radius:28px;box-shadow:var(--shadow)}.story-article figcaption{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.5}
.story-body{display:grid;grid-template-columns:270px minmax(0,720px);gap:70px;justify-content:center;align-items:start;padding-bottom:80px}.quick-facts{position:sticky;top:28px;padding:24px;background:#242044;color:#fff;border-radius:22px;box-shadow:0 18px 40px rgba(36,32,68,.18)}.quick-label{color:#bdb7ff;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700}.quick-facts h2{font:700 27px 'Fredoka';margin:8px 0 18px}.quick-facts dl,.quick-facts dd{margin:0}.quick-facts dl div{padding:11px 0;border-top:1px solid #474268}.quick-facts dt{color:#aaa6bd;font-size:11px}.quick-facts dd{font-weight:600;font-size:14px}
.story-content section{margin-bottom:55px;scroll-margin-top:30px}.story-content h2{font:700 clamp(29px,5vw,41px)/1.15 'Fredoka';letter-spacing:-.015em;margin:0 0 18px}.story-content p,.story-content li{font-size:17px;line-height:1.78}.story-content p{color:#454158}.story-content strong{color:var(--ink)}.story-content figure{margin:26px 0 24px}.story-content figure img{display:block;width:100%;max-height:500px;object-fit:contain;background:#f1effa;border-radius:22px}.story-content .portrait-figure img{max-height:560px}.knowledge-note,.safety-note{padding:19px 21px;margin:24px 0;border-radius:16px}.knowledge-note{background:#ebe8ff;border-left:5px solid var(--purple)}.safety-note{background:#fff0df;border-left:5px solid var(--coral)}.knowledge-note span,.safety-note span{font-weight:700}.knowledge-note p,.safety-note p{margin:5px 0 0;font-size:15px}.lesson-box,.quiz-box{padding:32px;border-radius:24px}.lesson-box{background:#242044;color:#fff}.lesson-box h2,.lesson-box strong{color:#fff}.lesson-box p,.lesson-box li{color:#d4d1e1}.lesson-box .eyebrow{color:#bdb7ff}.lesson-box ol{padding-left:24px}.quiz-box{background:#fff3c6}.quiz-box ul{padding-left:23px}.sources{padding-top:28px;border-top:1px solid var(--line)}.sources h2{font-size:27px}.sources ul{padding-left:20px}.sources li{font-size:14px}.sources a{color:var(--purple);text-underline-offset:4px}
.article-share{padding:70px 0;background:var(--purple);color:#fff}.share-panel{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.share-panel .eyebrow{color:#c7c1ff}.share-panel h2{font:700 clamp(32px,5vw,47px) 'Fredoka';margin:5px 0}.share-panel p{color:#dfdcff;margin:0}.share-panel .button{background:#fff;color:var(--purple)}#shareFeedback{grid-column:1/-1;color:#a9eed8;font-weight:700;margin:0}
@media(max-width:850px){.article-card{grid-template-columns:1fr}.article-card-image{min-height:320px}.story-hero{grid-template-columns:1fr;gap:34px;padding-top:35px}.hero-photo{max-width:580px;transform:none}.story-body{grid-template-columns:1fr;gap:38px}.quick-facts{position:static}.share-panel{grid-template-columns:1fr}}
@media(max-width:560px){.article-index-hero{padding-top:40px}.article-list{padding-bottom:65px}.article-list-heading{align-items:start}.article-card-image{min-height:280px}.article-card-copy{padding:26px 21px}.story-hero{padding-bottom:50px}.story-title h1{font-size:43px}.story-intro{font-size:16px}.story-content p,.story-content li{font-size:16px}.lesson-box,.quiz-box{padding:24px 20px}.article-share{padding:55px 0}}