/* A final postcard scene continues the Journal hero at the end of every story. */
.related-stories{position:relative;margin-top:95px;background:#fff;border-top:1px solid #edf0f4}
.related-sticky{position:relative;min-height:720px;height:100svh;overflow:clip;isolation:isolate}
.js .related-stories{height:235svh;min-height:1500px}
.js .related-sticky{position:sticky;top:0}
.related-heading{position:absolute;top:clamp(95px,13svh,145px);left:20px;right:20px;text-align:center;z-index:2}
.related-heading .eyebrow-pill{font-size:9px;letter-spacing:.055em;gap:8px;margin-bottom:20px}
.related-heading h2{font-size:clamp(38px,4.8vw,72px);line-height:1.06;letter-spacing:-.05em}
.related-heading p{font-size:14px;color:#93979e;margin-top:19px}
.related-deck{position:absolute;top:37%;left:50%;transform:translateX(-50%);display:flex;gap:18px;width:max-content;height:46%;min-height:300px;max-height:455px;align-items:stretch}
.next-story-card{display:flex;flex-direction:column;width:clamp(250px,27vw,390px);padding:16px;gap:14px;border-radius:3px;background:#f6f6f5;transform-origin:center;will-change:transform,opacity}
.next-story-spacer{width:clamp(250px,27vw,390px);flex:none}
.next-story-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.02em;color:#898e96}
.next-story-image{display:block;flex:1;min-height:0;overflow:hidden;background:#e9eff2}
.next-story-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.next-story-card:hover img{transform:scale(1.045)}
.next-story-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--ink);font-size:clamp(20px,1.8vw,27px);line-height:1.13;letter-spacing:-.04em;min-height:2.3em}
.next-story-caption>span:first-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.next-story-arrow{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--ink);color:#fff;flex:none;font-size:21px;letter-spacing:0}
.related-action{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:12px;width:max-content;max-width:80%;z-index:3;text-align:center}
.related-read{font-size:13px;min-height:43px;padding:10px 19px}
.related-hint{font-size:11px;color:#83a4c4}
.related-meter{width:100px;height:2px;background:#e9eff4;overflow:hidden}
.related-meter>span{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(var(--read-progress,0));transform-origin:left}
.related-skip{position:absolute;bottom:27px;right:30px;font-size:11px;color:#969ca5;z-index:4}
.related-skip:hover{color:var(--ink)}
.related-stories.is-opening .related-sticky{opacity:.2;transition:opacity .22s ease}
.article-page .related-stories+.footer{margin-top:0}
.js .related-stories.is-exhausted{height:auto;min-height:0}.is-exhausted .related-sticky{position:relative;height:510px;min-height:510px}.is-exhausted .related-deck,.is-exhausted .related-hint,.is-exhausted .related-meter{display:none}.is-exhausted .related-heading p{max-width:430px;margin:22px auto 0}.is-exhausted .related-action{bottom:100px}
@media(max-height:800px) and (min-width:761px){.related-sticky{min-height:650px}.related-heading{top:100px}.related-heading h2{font-size:47px}.related-heading p{margin-top:10px}.related-deck{top:35%;height:45%;min-height:290px}.related-heading .eyebrow-pill{margin-bottom:14px}.related-action{bottom:20px;gap:9px}}
@media(max-width:760px){.related-stories{margin-top:60px}.js .related-stories{height:220svh;min-height:1400px}.related-sticky{min-height:690px}.related-heading{top:100px;left:24px;right:24px}.related-heading h2{font-size:39px}.related-heading p{font-size:12px;max-width:260px;margin:15px auto 0}.related-heading .eyebrow-pill{font-size:8px;letter-spacing:.02em}.related-deck{top:36%;height:43%;min-height:285px;gap:14px}.next-story-card{width:235px;padding:12px;gap:11px}.next-story-meta{font-size:9px}.next-story-caption{font-size:19px;gap:9px}.next-story-arrow{width:25px;height:25px;font-size:18px}.related-action{bottom:50px;gap:9px}.related-read{font-size:12px;min-height:39px}.related-hint{font-size:10px}.related-skip{bottom:15px;left:0;right:0;text-align:center;font-size:10px}}
@media(prefers-reduced-motion:reduce){.js .related-stories{height:auto;min-height:0}.js .related-sticky{position:relative}.next-story-card{will-change:auto}.related-meter{display:none}.next-story-image img{transition:none}}
@media(max-width:760px){.next-story-spacer{width:235px}.is-exhausted .related-heading h2{font-size:35px}.is-exhausted .related-heading p{font-size:14px}}
