.article-page{padding-bottom:68px;background:#f3f4f6}.article-topbar{position:sticky;top:0;z-index:60;height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 8px;gap:6px}.article-icon{width:40px;height:40px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:#17171c;cursor:pointer}.article-icon:active{background:#f0f1f4}.article-logo{min-width:0;flex:1;text-align:center;text-decoration:none;color:#14141a;line-height:1}.article-logo strong{display:block;font-size:20px;font-weight:900;letter-spacing:-.45px}.article-logo small{display:block;margin-top:3px;font-size:7.5px;color:#767881}.article-top-actions{display:flex}.article-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,760px);justify-content:center}.article-main{min-width:0;background:#fff}.article-content{padding:13px 14px 8px}.article-kicker-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}.article-kicker{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:5px;background:#241047;color:#fff;font-size:10px;font-weight:850;line-height:1;text-transform:uppercase}.article-kicker.community{background:#087c3c}.article-kicker.video{background:#1459b8}.article-kicker.quick{background:#7a1696}.article-kicker.external{background:#e36509}.article-kicker.sponsored{background:#d49200;color:#1c1400}.article-status{display:inline-flex;align-items:center;gap:3px;color:#087c3c;font-size:10.5px;font-weight:750}.article-status svg{width:14px;height:14px}.article-content h1{margin:0;font-size:25px;line-height:1.28;letter-spacing:-.35px;font-weight:850}.article-deck{margin:7px 0 8px;color:#50535b;font-size:13.5px;line-height:1.48}.article-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#777a82;font-size:10.5px;margin:0 0 10px}.article-meta span{display:inline-flex;align-items:center;gap:3px}.article-meta svg{width:13px;height:13px}.article-media{position:relative;width:100%;overflow:hidden;border-radius:10px;background:#11131a;margin:0 0 10px}.article-media.landscape{aspect-ratio:16/9}.article-media.portrait{min-height:370px;max-height:660px;display:grid;place-items:center;background-position:center;background-size:cover}.article-media.portrait:before{content:"";position:absolute;inset:-18px;background:inherit;filter:blur(18px) brightness(.5);transform:scale(1.1)}.article-media img,.article-media video{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.article-media.portrait img{object-fit:contain}.article-media.gif img{object-fit:contain;background:#ececf1}.article-media video{aspect-ratio:16/9}.article-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:rgba(0,0,0,.48);color:#fff;display:grid;place-items:center}.article-play svg{width:31px;height:31px}.media-caption{margin:-3px 1px 10px;color:#777a82;font-size:9.5px;line-height:1.4}.article-actions-inline{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 0 9px;border-bottom:1px solid var(--line)}.article-actions-inline button{height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 11px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:750;color:#26272e}.article-actions-inline button svg{width:17px;height:17px}.article-actions-inline button.saved{background:#f1ecff;color:#3b1d78;border-color:#ddd1ff}.article-body{font-size:15px;line-height:1.68;color:#26272d}.article-body p{margin:11px 0}.article-body h2{font-size:18px;line-height:1.35;margin:18px 0 7px}.article-body ul{margin:8px 0 12px;padding-left:22px}.article-body li{margin:5px 0}.article-ad-inline{margin:16px 0 13px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.article-ad-inline span{display:block;padding:4px 7px;font-size:8px;color:#8b8d95;text-transform:uppercase;letter-spacing:.7px}.article-ad-inline img{display:block;width:100%;max-height:145px;object-fit:cover}.source-card,.contributor-card,.sponsor-card{border:1px solid var(--line);border-radius:11px;padding:11px;margin:16px 0 0;background:#fafafd}.source-card h3,.contributor-card h3,.sponsor-card h3{font-size:13px;margin:0 0 7px}.source-card p,.contributor-card p,.sponsor-card p{font-size:11.5px;line-height:1.48;margin:4px 0;color:#555861}.source-card a,.sponsor-card a{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:8px 10px;border-radius:7px;background:#2f1465;color:#fff;text-decoration:none;font-size:11.5px;font-weight:750}.source-card a svg,.sponsor-card a svg{width:15px;height:15px}.contributor-line{display:flex;align-items:center;gap:9px}.contributor-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#2f1465;color:#fff;font-size:15px;font-weight:850}.contributor-info{min-width:0}.contributor-info strong{font-size:12.5px;display:block}.contributor-info small{font-size:10px;color:#747780}.external-notice{border-left:4px solid #e36509;background:#fff7ee;border-radius:7px;padding:9px 10px;margin:10px 0;font-size:11.5px;line-height:1.48;color:#54473d}.sponsor-disclosure{border-left:4px solid #d49200;background:#fff9df;border-radius:7px;padding:9px 10px;margin:9px 0;font-size:11.5px;line-height:1.48}.related-section{padding:12px 14px 86px;background:#fff;border-top:7px solid #f3f4f6}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.section-heading h2{font-size:16px;margin:0}.section-heading a{font-size:11px;color:#3b1d78;text-decoration:none;font-weight:750}.related-list{display:grid;gap:7px}.related-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px;padding:7px;border:1px solid var(--line);border-radius:9px;color:inherit;text-decoration:none;background:#fff}.related-card img{width:112px;height:72px;object-fit:cover;border-radius:6px;background:#ececf0}.related-card span{font-size:9px;color:#6c6f76}.related-card h3{font-size:13.5px;line-height:1.35;margin:3px 0 0}.article-side{display:none}.article-bottom-actions{position:fixed;z-index:70;left:0;right:0;bottom:0;height:60px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.25fr;box-shadow:0 -2px 12px rgba(16,24,40,.06)}.article-bottom-actions button{border:0;background:transparent;color:#2a2b31;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9.5px;font-weight:700}.article-bottom-actions svg{width:20px;height:20px}.article-bottom-actions button:last-child{background:#211047;color:#fff;margin:7px;border-radius:8px;flex-direction:row;font-size:11px}.article-bottom-actions button:last-child svg{width:17px;height:17px}.article-bottom-actions button.saved{color:#4c2395}.toast{z-index:100}
@media(min-width:900px){.article-page{padding-bottom:0}.article-topbar{padding:0 calc((100vw - 1100px)/2)}.article-layout{grid-template-columns:minmax(0,760px) 300px;gap:18px;padding:18px}.article-main{border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.article-side{display:block}.side-panel,.side-ad{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:14px}.side-panel h3{font-size:14px;margin:0 0 8px}.side-panel a{display:block;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none;color:#24252a;font-size:12px;line-height:1.35}.side-panel a:last-child{border-bottom:0}.side-panel span{display:block;color:#6a35b5;font-size:8.5px;font-weight:800;text-transform:uppercase;margin-bottom:2px}.side-ad span{display:block;color:#858791;font-size:8px;text-transform:uppercase;margin-bottom:5px}.side-ad img{display:block;width:100%;border-radius:7px}.article-bottom-actions{display:none}.related-section{padding-bottom:18px}}
@media(max-width:390px){.article-content{padding-left:11px;padding-right:11px}.article-content h1{font-size:23px}.article-deck{font-size:13px}.article-body{font-size:14.5px}.related-section{padding-left:11px;padding-right:11px}.related-card{grid-template-columns:98px minmax(0,1fr)}.related-card img{width:98px;height:66px}}
.article-media.gif{position:relative}.article-gif-badge{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.72);color:#fff;border-radius:8px;padding:6px 9px;font:750 11px/1 system-ui,sans-serif}

/* Phase 3 Screen 5 — click-to-load social video cards and fullscreen article media. */
.np-static-article figure{margin:12px 0}.np-static-article figure img,.article-body img{display:block;max-width:100%;height:auto;border-radius:11px;background:#10192b}.np-static-article figure img:focus-visible,.article-body img:focus-visible{outline:3px solid rgba(7,55,127,.42);outline-offset:3px}
.np-social-video{position:relative;display:block;width:100%;min-height:220px;aspect-ratio:16/9;margin:14px 0;border:0;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#07152d,#131b2d);padding:0;cursor:pointer;color:#fff}.np-social-video img{display:block;width:100%;height:100%;object-fit:cover;opacity:.88}.np-video-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:50px;background:radial-gradient(circle at 50% 45%,#263f6d,#07152d 68%)}.np-video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.48))}.np-video-overlay b{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#07377f;font-size:28px;box-shadow:0 10px 30px rgba(0,0,0,.28)}.np-video-overlay small{padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.68);color:#fff;font-size:11px;font-weight:850;letter-spacing:.25px}.np-social-video:focus-visible{outline:3px solid rgba(7,55,127,.5);outline-offset:3px}