/* NARATIVE.ID Homepage 2.0 — Phase 3 Step 1
   Presentation-only layer. Existing Homepage Manager/data sources remain authoritative. */
:root{
  --nr-home-ink:#111827;
  --nr-home-muted:#64748b;
  --nr-home-line:#e5e7eb;
  --nr-home-soft:#f8fafc;
  --nr-home-card:#ffffff;
  --nr-home-radius:16px;
  --nr-home-shadow:0 8px 28px rgba(15,23,42,.07);
}
.home-v2{background:#fff;color:var(--nr-home-ink)}
.home-v2 .brandbar{padding-top:21px;padding-bottom:19px}
.home-v2 .hero{gap:18px;margin-top:24px}
.home-v2 .main{height:455px;border-radius:18px;box-shadow:var(--nr-home-shadow)}
.home-v2 .small{height:218px;border-radius:15px}
.home-v2 .hero img{transition:transform .35s ease}
.home-v2 .hero a:hover img{transform:scale(1.018)}
.home-v2 .ov{padding:24px;background:linear-gradient(180deg,transparent 24%,rgba(2,6,23,.9) 100%)}
.home-v2 .ov h1{font-size:31px;line-height:1.14;max-width:92%}
.home-v2 .ov h2{font-size:18px;line-height:1.22}
.home-v2 .ticker-hub{margin-top:20px;margin-bottom:30px}

/* Latest is the first substantial editorial block after the lead story. */
.home-v2 .layout{margin-top:36px;align-items:start;gap:32px}
.home-v2 .layout main{min-width:0}
.home-v2 .sect{margin:0;border:0;padding:0 0 12px;font-size:24px;letter-spacing:-.02em;position:relative}
.home-v2 .sect:after{content:"";display:block;width:54px;height:3px;background:var(--nr-home-ink);margin-top:10px;border-radius:999px}
.home-v2 .news{grid-template-columns:220px minmax(0,1fr);gap:18px;padding:18px 0}
.home-v2 .news:first-of-type{padding-top:16px}
.home-v2 .news img{width:220px;height:136px;border-radius:12px;background:var(--nr-home-soft)}
.home-v2 .news h3{font-size:21px;line-height:1.25;margin:6px 0 7px;letter-spacing:-.01em}
.home-v2 .news p{margin:0;color:#475569;line-height:1.55;font-size:14px}
.home-v2 .layout aside{position:sticky;top:86px}
.home-v2 .box{border-color:var(--nr-home-line);border-radius:var(--nr-home-radius);box-shadow:0 4px 16px rgba(15,23,42,.035);background:var(--nr-home-card)}
.home-v2 .box h3{margin-top:0;font-size:14px;letter-spacing:.08em}
.home-v2 .pop{gap:12px;padding:13px 0}
.home-v2 .num{font-size:20px;color:#94a3b8}

/* Major modules receive consistent section rhythm. */
.home-v2 .trending-topic,.home-v2 .video-section,.home-v2 .special-coverage-home,.home-v2 .market-home{margin-top:46px}
.home-v2 .trending-shell{box-shadow:var(--nr-home-shadow)}
.home-v2 .video-head{border:0;padding-bottom:11px;border-bottom:1px solid var(--nr-home-line)}
.home-v2 .video-head h2{font-size:24px;letter-spacing:-.02em}
.home-v2 .video-main{min-height:420px}
.home-v2 .video-item{min-height:196px}
.home-v2 .special-coverage-home{box-shadow:var(--nr-home-shadow)}
.home-v2 .market-home{border-radius:var(--nr-home-radius)}
.home-v2 .networkcards{margin-top:18px}
.home-v2 .networkcard{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;background:#fff}
.home-v2 .networkcard:hover{transform:translateY(-2px);box-shadow:var(--nr-home-shadow);border-color:#cbd5e1}

/* Better focus visibility for keyboard navigation. */
.home-v2 a:focus-visible,.home-v2 button:focus-visible,.home-v2 input:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px}

@media(max-width:900px){
  .home-v2 .main{height:390px}
  .home-v2 .layout aside{position:static}
  .home-v2 .video-main{min-height:350px}
}
@media(max-width:600px){
  .home-v2 .brandbar{padding-top:10px;padding-bottom:10px}
  .home-v2 .hero{margin-top:14px;gap:10px}
  .home-v2 .main{height:300px;border-radius:14px}
  .home-v2 .small{height:148px}
  .home-v2 .ov{padding:14px}
  .home-v2 .ov h1{font-size:21px;line-height:1.2;max-width:98%}
  .home-v2 .ov h2{font-size:14px;max-width:98%}
  .home-v2 .ticker-hub{margin-top:14px;margin-bottom:22px}
  .home-v2 .layout{margin-top:26px;gap:24px}
  .home-v2 .sect{font-size:21px}
  .home-v2 .news{grid-template-columns:112px minmax(0,1fr);gap:12px;padding:13px 0}
  .home-v2 .news img{width:112px;height:78px;border-radius:9px}
  .home-v2 .news h3{font-size:16px;line-height:1.28;margin:4px 0}
  .home-v2 .news p{display:none}
  .home-v2 .trending-topic,.home-v2 .video-section,.home-v2 .special-coverage-home,.home-v2 .market-home{margin-top:32px}
  .home-v2 .video-head h2{font-size:21px}
  .home-v2 .video-main{min-height:270px}
}


/* Homepage Network Editorial v2 — network latest, popular & Region Today */
.home-v2 .network-editorial{margin-top:34px}
.home-v2 .network-latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.home-v2 .network-news{grid-template-columns:128px minmax(0,1fr);gap:13px;padding:14px 0}
.home-v2 .network-news img{width:128px;height:86px;border-radius:10px}
.home-v2 .network-news h3{font-size:16px;line-height:1.28;margin:5px 0 4px}
.home-v2 .network-news p{display:none}.home-v2 .network-meta{display:block;margin-top:4px;color:#94a3b8;font-size:11px}
.home-v2 .network-popular{background:linear-gradient(180deg,#fff7f7,#fff);border-color:#f1d6d9}
.home-v2 .network-popular h3{font-size:15px;color:#7f1d1d}
.home-v2 .network-popular .num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#9f1239;color:#fff;font-size:13px}
.home-v2 .network-popular .pop{grid-template-columns:32px 1fr;align-items:start}.home-v2 .network-popular .pop b{line-height:1.3}.home-v2 .network-popular .pop em{display:block;margin-top:5px;color:#94a3b8;font-size:11px;font-style:normal}
.region-today{position:relative;overflow:hidden;border-radius:19px;min-height:430px;margin:46px 0 0;background:#101820;color:#fff;box-shadow:var(--nr-home-shadow)}
.region-today-bg,.region-today-bg img{position:absolute;inset:0;width:100%;height:100%;display:block}.region-today-bg img{object-fit:cover;object-position:var(--rt-position,center)}
.region-today-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,15,var(--rt-overlay,.65)) 0%,rgba(4,9,15,.72) 42%,rgba(4,9,15,.30) 100%)}
.region-today-inner{position:relative;z-index:2;padding:35px;min-height:430px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.region-today-copy{max-width:650px}.region-today-copy small{font-weight:900;letter-spacing:.14em;color:#fecaca}.region-today-copy h2{font-size:38px;line-height:1;margin:9px 0 9px}.region-today-copy h2 span{color:#ef4444}.region-today-copy p{margin:0;color:#e2e8f0;font-size:15px}
.region-today-actions{display:flex;gap:18px;align-items:center;margin-top:20px;font-size:12px;font-weight:900}.region-today-actions .region-primary{background:#b91c1c;padding:11px 18px;border-radius:999px}
.region-today-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.region-today-card{overflow:hidden;border-radius:12px;background:rgba(7,12,18,.82);border:1px solid rgba(255,255,255,.11);min-width:0}.region-today-card img{width:100%;height:105px;object-fit:cover;display:block}.region-today-card div{padding:10px}.region-today-card b{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.region-today-card span{display:block;margin-top:7px;font-size:10px;color:#cbd5e1}
@media(max-width:900px){.home-v2 .network-latest-grid{grid-template-columns:1fr}.region-today-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.home-v2 .network-editorial{margin-top:24px}.home-v2 .network-news{grid-template-columns:108px minmax(0,1fr);gap:11px}.home-v2 .network-news img{width:108px;height:74px}.home-v2 .network-news h3{font-size:15px}.region-today{margin-top:32px;min-height:520px;border-radius:15px}.region-today-inner{padding:22px 16px;min-height:520px}.region-today-shade{background:linear-gradient(0deg,rgba(4,9,15,.94) 0%,rgba(4,9,15,.68) 64%,rgba(4,9,15,.32) 100%)}.region-today-copy h2{font-size:29px}.region-today-copy p{font-size:13px}.region-today-actions{gap:12px;flex-wrap:wrap}.region-today-cards{grid-template-columns:1fr 1fr;gap:8px}.region-today-card img{height:82px}.region-today-card b{font-size:12px}}