/* ============================================================
   CGN MUMBAI v1.0.1 Alpha | 2026-05-29T19:12:00Z UTC
   Cook Global News Network / CGN News
   ============================================================ */
:root{
  --cgn-navy:#07172f;
  --cgn-blue:#0f3d6e;
  --cgn-gold:#d7a53f;
  --cgn-red:#a51e2f;
  --cgn-ink:#121826;
  --cgn-muted:#657083;
  --cgn-border:#dfe6ef;
  --cgn-bg:#f6f8fb;
  --cgn-card:#ffffff;
  --cgn-soft:#edf3fb;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--cgn-bg);color:var(--cgn-ink);line-height:1.55}
body[data-lang='hi'],body[data-lang='mr']{font-family:'Noto Sans Devanagari','Nirmala UI','Mangal',Arial,sans-serif}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.skip-link{position:absolute;left:-999px;top:auto;background:#fff;color:#000;padding:.75rem;z-index:9999}.skip-link:focus{left:1rem;top:1rem}
.cgn-topline{background:var(--cgn-navy);color:#fff;font-size:.85rem}.cgn-topline-inner{max-width:var(--max);margin:0 auto;padding:.4rem 1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.cgn-topline-left{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.bureau-clock{font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}.bureau-weather{display:inline-flex;align-items:center;margin-left:.45rem;border-left:1px solid rgba(255,255,255,.32);padding-left:.55rem;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.bureau-weather:hover{text-decoration:underline}.cgn-topline a{color:#fff}.cgn-lang{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.cgn-lang a{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:.12rem .55rem}.cgn-lang a.active{background:#fff;color:var(--cgn-navy);text-decoration:none}
.cgn-header{background:#fff;border-bottom:1px solid var(--cgn-border);position:sticky;top:0;z-index:1000}.cgn-header-inner{max-width:var(--max);margin:0 auto;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cgn-brand{display:flex;align-items:center;gap:.75rem;min-width:0}.cgn-brand img{width:58px;height:58px;border-radius:12px;object-fit:contain}.cgn-brand-title{display:block;font-weight:800;font-size:1.35rem;letter-spacing:.02em;color:var(--cgn-navy);line-height:1.1}.cgn-brand-sub{display:block;font-size:.86rem;color:var(--cgn-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}.cgn-menu-toggle{display:none;background:var(--cgn-navy);color:#fff;border:0;border-radius:8px;padding:.55rem .8rem;font-weight:700}.cgn-nav{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.cgn-nav a{font-weight:700;color:var(--cgn-navy);padding:.4rem .55rem;border-radius:999px;font-size:.92rem}.cgn-nav a:hover,.cgn-nav a.active{background:var(--cgn-soft);text-decoration:none}
.cgn-breaking{background:var(--cgn-red);color:#fff}.cgn-breaking-inner{max-width:var(--max);margin:0 auto;padding:.48rem 1rem;font-weight:700;display:flex;gap:.55rem;align-items:center;overflow:hidden}.cgn-breaking-label{background:#fff;color:var(--cgn-red);padding:.08rem .5rem;border-radius:999px;font-size:.8rem}.cgn-breaking-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cgn-main{max-width:var(--max);margin:0 auto;padding:1.25rem 1rem 2.5rem}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem;align-items:stretch;margin-bottom:1.25rem}.hero-card{background:linear-gradient(135deg,rgba(7,23,47,.94),rgba(15,61,110,.88)),url('/assets/CGNNewsLogo01.png') right 2rem center/260px no-repeat;border-radius:22px;color:#fff;min-height:360px;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 40px rgba(7,23,47,.18);overflow:hidden}.hero-kicker,.card-kicker{color:var(--cgn-gold);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.hero h1{font-size:clamp(2.1rem,4.8vw,4.3rem);line-height:.98;margin:.45rem 0}.hero p{font-size:1.08rem;max-width:720px;margin:.25rem 0 1rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--cgn-navy);color:#fff;border:1px solid var(--cgn-navy);border-radius:999px;padding:.65rem 1rem;font-weight:800;text-decoration:none}.btn:hover{text-decoration:none;filter:brightness(1.05)}.btn.alt{background:#fff;color:var(--cgn-navy)}.btn.gold{background:var(--cgn-gold);border-color:var(--cgn-gold);color:#111}.btn.ghost{background:transparent;color:var(--cgn-navy)}.hero-side{display:grid;gap:1rem}.side-card{background:#fff;border:1px solid var(--cgn-border);border-radius:20px;padding:1.1rem;box-shadow:0 10px 25px rgba(16,24,40,.06)}.side-card h2{font-size:1.15rem;margin:.2rem 0 .4rem;color:var(--cgn-navy)}.side-card p{margin:0;color:var(--cgn-muted)}
.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin:1.6rem 0 .75rem;border-bottom:3px solid var(--cgn-navy);padding-bottom:.45rem}.section-head h2{margin:0;color:var(--cgn-navy);font-size:1.55rem}.section-head p{margin:0;color:var(--cgn-muted)}.tools{display:flex;gap:.7rem;flex-wrap:wrap;margin:.85rem 0 1rem}.tools input,.tools select{font:inherit;padding:.65rem .75rem;border:1px solid var(--cgn-border);border-radius:10px;background:#fff;min-height:42px}.tools input{flex:1 1 260px}.tools select{flex:0 1 220px}.pill-row{display:flex;gap:.45rem;flex-wrap:wrap;margin:.7rem 0}.pill{border:1px solid var(--cgn-border);background:#fff;border-radius:999px;padding:.35rem .65rem;font-weight:700;color:var(--cgn-navy);cursor:pointer}.pill.active{background:var(--cgn-navy);color:#fff;border-color:var(--cgn-navy)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.article-card{background:#fff;border:1px solid var(--cgn-border);border-radius:18px;overflow:hidden;box-shadow:0 9px 24px rgba(16,24,40,.06);display:flex;flex-direction:column;min-height:100%}.article-card img{width:100%;height:185px;object-fit:cover;background:#e8eef6}.article-card-body{padding:1rem;display:flex;flex-direction:column;gap:.45rem;flex:1}.article-card h3{font-size:1.18rem;line-height:1.22;margin:0;color:var(--cgn-navy)}.article-card p{margin:0;color:#3c4656}.meta{font-size:.84rem;color:var(--cgn-muted);display:flex;gap:.35rem;flex-wrap:wrap}.article-card .read{margin-top:auto;color:var(--cgn-red);font-weight:800}.lead-card{grid-column:span 2}.lead-card img{height:300px}.lead-card h3{font-size:1.7rem}.empty-state{background:#fff;border:1px dashed var(--cgn-border);border-radius:18px;padding:2rem;text-align:center;color:var(--cgn-muted)}
.article-layout{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--cgn-border);border-radius:22px;padding:clamp(1rem,3vw,2.4rem);box-shadow:0 12px 34px rgba(16,24,40,.07)}.article-kicker{text-transform:uppercase;color:var(--cgn-red);font-weight:900;letter-spacing:.08em}.article-title{font-size:clamp(2rem,5vw,4rem);line-height:1.02;color:var(--cgn-navy);margin:.35rem 0}.article-subtitle{font-size:1.25rem;color:#3c4656;margin:.25rem 0 1rem}.article-hero{border-radius:16px;overflow:hidden;margin:1rem 0;background:#e8eef6}.article-hero img{width:100%;max-height:520px;object-fit:cover}.credit{font-size:.78rem;color:var(--cgn-muted);margin-top:.25rem}.article-body{font-size:1.08rem}.article-body p{margin:1rem 0}.article-body a{text-decoration:underline;color:var(--cgn-blue)}.what-means{background:#fff8e6;border-left:5px solid var(--cgn-gold);padding:1rem;border-radius:12px;margin:1.5rem 0}.language-box{display:flex;gap:.5rem;flex-wrap:wrap;padding:.8rem;background:var(--cgn-soft);border-radius:14px;margin:1rem 0}.language-box a{font-weight:800;color:var(--cgn-navy);border:1px solid var(--cgn-border);background:#fff;border-radius:999px;padding:.35rem .65rem}.paywall-note{background:#f7fafc;border:1px solid var(--cgn-border);padding:.85rem;border-radius:12px;color:#475467}
.page-card{background:#fff;border:1px solid var(--cgn-border);border-radius:22px;padding:clamp(1.2rem,3vw,2.4rem);box-shadow:0 12px 34px rgba(16,24,40,.06)}.page-card h1{color:var(--cgn-navy);font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:.2rem 0 1rem}.page-card h2{color:var(--cgn-navy);margin-top:1.5rem}.legal-note{background:#fff8e6;border-left:5px solid var(--cgn-gold);padding:1rem;border-radius:12px}.footer{background:var(--cgn-navy);color:#fff;margin-top:2rem}.footer-inner{max-width:var(--max);margin:0 auto;padding:2rem 1rem;display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:1rem}.footer img{width:84px;border-radius:14px}.footer h3,.footer h4{margin:.2rem 0 .5rem}.footer a{display:block;color:#fff;margin:.3rem 0}.copyright-line{border-top:1px solid rgba(255,255,255,.18);padding:1rem;color:rgba(255,255,255,.78);text-align:center;font-size:.85rem}.copyright-line a{display:inline;color:rgba(255,255,255,.92);text-decoration:underline;text-underline-offset:3px}
.loading{opacity:.75}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ad-slot{border:1px dashed var(--cgn-border);background:#fff;border-radius:16px;padding:1rem;text-align:center;color:var(--cgn-muted);margin:1rem 0}
@media(max-width:900px){.cgn-menu-toggle{display:block}.cgn-header-inner{align-items:flex-start}.cgn-nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:.5rem 0}.cgn-nav.open{display:flex}.cgn-nav a{display:block}.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.lead-card{grid-column:span 1}.footer-inner{grid-template-columns:1fr 1fr}.cgn-brand-sub{max-width:60vw}}
@media(max-width:620px){.cgn-topline-inner{display:block}.bureau-clock{display:inline-block;margin-top:.2rem}.cgn-lang{margin-top:.4rem}.cgn-header-inner{flex-wrap:wrap}.cgn-brand img{width:48px;height:48px}.cgn-brand-title{font-size:1.1rem}.cgn-brand-sub{white-space:normal;max-width:72vw}.hero-card{min-height:315px;padding:1.25rem}.grid{grid-template-columns:1fr}.article-card img,.lead-card img{height:205px}.footer-inner{grid-template-columns:1fr}.tools{display:block}.tools input,.tools select{width:100%;margin:.35rem 0}.article-layout{border-radius:0;border-left:0;border-right:0}.cgn-main{padding-left:0;padding-right:0}.hero,.section-head,.tools,.pill-row,.empty-state{margin-left:1rem;margin-right:1rem}.page-card{border-radius:0;border-left:0;border-right:0}.article-title{font-size:2.1rem}}


/* CGN Hong Kong v1.0.4 account / paywall polish */
.account-top-btn{border:1px solid rgba(255,255,255,.35);background:#fff;color:#07172f;font-weight:900;border-radius:999px;padding:7px 12px;cursor:pointer}.account-top-btn.subscribed{background:#f5c542;color:#07172f}.account-modal{display:none;position:fixed;inset:0;z-index:9999}.account-modal.open{display:block}.account-modal-backdrop{position:absolute;inset:0;background:rgba(2,8,23,.62)}.account-modal-card{position:relative;z-index:1;max-width:620px;margin:7vh auto;background:#fff;color:#111;border:1px solid #d8dce4;box-shadow:0 28px 80px rgba(2,8,23,.38);padding:24px;max-height:86vh;overflow:auto}.account-modal-close{position:absolute;right:12px;top:10px;border:0;background:#07172f;color:#fff;border-radius:999px;width:32px;height:32px;font-size:22px;line-height:1;cursor:pointer}.account-form{display:grid;gap:10px;margin-top:12px}.account-form label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#344054}.account-form input{width:100%;box-sizing:border-box;border:1px solid #aab1bf;padding:12px;font-size:15px}.account-message{margin-top:12px;font-size:13px;color:#555}.account-message.error{color:#9b1c1c}.account-message.success,.account-success{color:#0f6b3b;background:#f1fff6;border:1px solid #b8e5c8;padding:12px;margin-top:14px}.account-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.account-mini-grid div{border:1px solid #e4e7ec;background:#f9fafb;padding:12px}.account-mini-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:900}.account-mini-grid strong{display:block;margin-top:4px;overflow-wrap:anywhere}.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.paypal-box{border:1px solid #d8dce4;background:#f9fafb;padding:16px;margin-top:14px}.paypal-box h3{margin:0 0 6px}.paypal-form{display:inline-grid;gap:8px;justify-items:center;margin:8px 0}.paypal-form input[type=submit]{border:0;background:#ffd140;color:#000;padding:12px 18px;border-radius:6px;font-weight:900;cursor:pointer}.paywall{border:1px solid #d8dce4;background:#fff;padding:22px;margin:28px 0;text-align:center;box-shadow:0 10px 24px rgba(7,23,47,.08)}.paywall h2{margin-top:0}.account-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reporter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}.reporter-card{border:1px solid #d8dce4;background:#fff;padding:16px}.reporter-card h3{margin:0 0 8px}.small-note{font-size:12px;color:#667085}@media(max-width:760px){.account-modal-card{margin:4vh 14px}.account-mini-grid,.account-split{grid-template-columns:1fr}.account-top-btn{padding:6px 10px}.cgn-lang{gap:6px}}