.morning-article{background:#fff;color:#17334a}
.article-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;min-height:620px;padding-top:var(--header);background:linear-gradient(120deg,#f4fbfd 0 47%,#fff 47%)}
.article-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(64px,8vw,120px) clamp(28px,7vw,120px)}
.article-category{margin:0 0 28px;color:#0870ad;font:700 12px/1.4 var(--sans);letter-spacing:.1em}.article-category span{color:#70ac85}.article-hero h1{margin:0;color:#073c78;font:600 clamp(36px,4.6vw,70px)/1.28 var(--serif);letter-spacing:.02em}.article-subtitle{margin:24px 0 36px;font:500 clamp(15px,1.3vw,19px)/1.7 var(--serif);color:#31566f}.article-hero time{color:#648193;font:500 11px var(--latin);letter-spacing:.12em}
.article-hero figure{margin:0;min-height:620px;overflow:hidden}.article-hero img{width:100%;height:100%;object-fit:cover;object-position:center}
.article-shell{width:min(820px,calc(100% - 48px));margin:0 auto;padding:clamp(70px,9vw,130px) 0 100px}.article-shell p{margin:0 0 1.6em;font-size:16px;line-height:2.05}.article-lead{margin-bottom:92px;padding:38px 42px;border-left:3px solid #67a97d;background:#f3faf5}.article-lead p{font:500 18px/2 var(--serif)}.article-lead p:last-child{margin-bottom:0}
.article-shell section{margin:0 0 96px}.section-no{margin-bottom:10px!important;color:#1984bb;font:700 11px/1 var(--latin)!important;letter-spacing:.18em}.article-shell h2{margin:0 0 28px;color:#073c78;font:600 clamp(25px,3vw,35px)/1.55 var(--serif);letter-spacing:.02em}.article-shell h2:after{content:"";display:block;width:42px;height:2px;margin-top:18px;background:linear-gradient(90deg,#139bd0,#70b784)}
.circadian-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:42px 0;padding:34px 26px;border:1px solid #d6e9f1;background:#f8fcfe}.circadian-diagram>i{color:#69a4bf;font-style:normal}.diagram-step{text-align:center}.diagram-step>span{display:grid;width:54px;height:54px;margin:0 auto 13px;border-radius:50%;place-items:center;color:#fff;font-size:25px}.diagram-step b,.diagram-step small{display:block}.diagram-step b{font:600 15px var(--serif)}.diagram-step small{margin-top:7px;color:#67808f;font-size:10px;line-height:1.5}.diagram-step.sun>span{background:#e8ad54}.diagram-step.eye>span{background:#62b7d8}.diagram-step.clock>span{background:#1477ad}.diagram-step.night>span{background:#174b7e}
.weekly-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1.25fr;align-items:center;gap:18px;margin:42px 0;padding:36px;background:linear-gradient(110deg,#fef8eb,#f2faf7);border:1px solid #e6eadb;text-align:center}.weekly-equation>div{padding:14px 8px}.weekly-equation strong{color:#0a548d;font:600 46px/1 var(--latin)}.weekly-equation span{margin-left:4px;font-weight:700}.weekly-equation small{display:block;margin-top:9px;color:#75858a;font-size:11px}.weekly-equation>b{color:#70a782;font-size:26px}.weekly-equation .total{border-radius:4px;background:#fff;box-shadow:0 12px 28px rgba(12,70,101,.08)}.note{padding:20px 24px;background:#f7fafb;color:#496577;font-size:13px!important;line-height:1.9!important}
.exercise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:38px 0}.exercise-grid>div{min-height:150px;padding:26px;border:1px solid #dbeaf0;background:#fff}.exercise-grid span{display:grid;width:40px;height:40px;margin-bottom:18px;border-radius:50%;place-items:center;background:#e9f6fa;color:#087aae;font-size:22px}.exercise-grid b,.exercise-grid small{display:block}.exercise-grid b{font:600 16px var(--serif)}.exercise-grid small{margin-top:8px;color:#67808f;font-size:11px;line-height:1.6}
.step-up{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:38px 0;padding:28px 24px;background:#f1f8fc}.step-up span{display:grid;min-width:72px;min-height:72px;border-radius:50%;place-items:center;background:#fff;color:#075c91;font-weight:700;box-shadow:0 8px 18px rgba(27,93,125,.08)}.step-up i{color:#6ca6bf;font-style:normal}
.medical-note{margin:0 0 96px;padding:36px 40px;border:1px solid #e7d8b5;background:#fffaf0}.medical-note h2{margin-bottom:18px;font-size:21px}.medical-note h2:after{background:#d9a441}.medical-note p{margin:0;color:#53636a;font-size:13px;line-height:1.9}.closing-message{padding:56px 52px;background:linear-gradient(135deg,#eaf7fb,#f1f8f2)}.closing-message .closing-line{margin:30px 0 0;color:#074477;font:600 20px/1.9 var(--serif)}
.references{padding-top:48px;border-top:1px solid #d9e7ed}.references h2{font-size:23px}.references ol{padding-left:1.5em}.references li{margin:0 0 14px;color:#536f7f;font-size:12px;line-height:1.7}.references a{text-decoration:underline;text-underline-offset:3px}.back-to-blog{display:inline-block;padding-bottom:6px;border-bottom:1px solid #0d6598;color:#0d6598;font-size:13px}
@media(max-width:900px){.article-hero{grid-template-columns:1fr;min-height:0;padding-top:var(--header);background:#f4fbfd}.article-hero-copy{padding:70px max(24px,7vw) 54px}.article-hero figure{min-height:0;aspect-ratio:16/9}.article-shell{width:min(760px,calc(100% - 40px))}}
@media(max-width:620px){.article-hero h1{font-size:clamp(31px,10vw,43px)}.article-subtitle{margin-top:18px}.article-shell{width:calc(100% - 32px);padding-top:64px}.article-shell p{font-size:15px;line-height:1.95}.article-lead{margin-bottom:70px;padding:28px 24px}.article-lead p{font-size:16px}.article-shell section{margin-bottom:72px}.circadian-diagram{grid-template-columns:1fr 1fr;gap:24px 12px;padding:28px 18px}.circadian-diagram>i{display:none}.weekly-equation{grid-template-columns:1fr auto 1fr;gap:8px;padding:24px 14px}.weekly-equation .total{grid-column:1/-1}.weekly-equation>b:nth-of-type(2){display:none}.weekly-equation strong{font-size:39px}.exercise-grid{grid-template-columns:1fr}.step-up{overflow-x:auto;justify-content:flex-start}.step-up span{min-width:62px;min-height:62px}.medical-note{padding:28px 24px}.closing-message{padding:38px 26px}}