/* TICKER */
.ticker{background:#DC2626;overflow:hidden}
.ticker-in{display:flex;align-items:stretch;height:40px}
.ticker-lbl{padding:0 18px;font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:#B91C1C;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;position:relative}
.ticker-lbl::after{content:'';position:absolute;right:-10px;top:0;bottom:0;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:10px solid #B91C1C;z-index:2}
.ticker-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6);animation:pls 1.2s ease infinite}
.ticker-ov{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}
.ticker-track{display:flex;animation:tickerScroll 50s linear infinite;white-space:nowrap}
.ticker-track:hover{animation-play-state:paused}
.ticker-item{display:inline-flex;align-items:center;padding:0 22px;font-size:.72rem;color:rgba(255,255,255,.9);white-space:nowrap}
.ticker-sep{color:rgba(255,255,255,.25);padding:0 4px;font-size:.5rem}
/* SECTION */
.sec-wrap{max-width:1280px;margin:0 auto;padding:0 5%}
.sec-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.sec-lbl{font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#94A3B8;display:flex;align-items:center;gap:8px}
.sec-lbl::before{content:'';width:18px;height:2px;background:#DC2626;border-radius:1px;flex-shrink:0}
.sec-all{font-size:.76rem;font-weight:600;color:#DC2626;cursor:pointer}
/* FEATURED */
.ft-sec{padding:40px 0 0}
.ft-art{border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;box-shadow:0 24px 64px rgba(15,25,41,.13);cursor:pointer;transition:transform .25s,box-shadow .25s;text-decoration:none;color:inherit}
.ft-art:hover{transform:translateY(-5px);box-shadow:0 36px 80px rgba(15,25,41,.18)}

.fav-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fav{position:relative;min-height:360px;overflow:hidden;display:flex;flex-direction:column}
.fav-body{position:relative;z-index:2;padding:32px;display:flex;flex-direction:column;flex:1}
.fav-stats{display:flex;gap:10px;margin-top:auto}
.fav-stat{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;text-align:center;flex:1}
.fav-sv{font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:800;color:#fff;line-height:1}
.fav-sl{font-size:.52rem;color:rgba(255,255,255,.58);margin-top:3px;text-transform:uppercase;letter-spacing:.06em}
.fav-corner{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:8px 12px;text-align:center}
.fav-cv{font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:800;color:#fff;line-height:1}
.fav-cl{font-size:.5rem;color:rgba(255,255,255,.6);margin-top:2px;text-transform:uppercase;letter-spacing:.06em}
.fac{background:#fff;padding:40px 36px;display:flex;flex-direction:column}
.fac-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;background:#FEE2E2;color:#DC2626;border-radius:20px;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;width:fit-content;border:1px solid rgba(220,38,38,.12)}
.fac-title{font-family:'Sora',sans-serif;font-size:1.4rem;font-weight:800;color:#0F1929;line-height:1.28;margin-bottom:14px}
.fac-exc{font-size:.84rem;color:#64748B;line-height:1.7;flex:1;margin-bottom:22px}
.fac-meta{display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid #E2E8F0;margin-bottom:18px}
.fac-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#DC2626,#B91C1C);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#fff;flex-shrink:0}
.fac-nm{font-size:.74rem;font-weight:600;color:#0F1929}
.fac-dt{font-size:.62rem;color:#64748B}
.fac-rt{margin-left:auto;font-size:.65rem;color:#64748B;white-space:nowrap}
.fac-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;background:linear-gradient(135deg,#DC2626,#B91C1C);color:#fff;border-radius:9px;font-size:.8rem;font-weight:700;border:none;cursor:pointer;transition:all .22s;box-shadow:0 4px 16px rgba(220,38,38,.25);align-self:flex-start}
.fac-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(220,38,38,.35)}
/* FILTER */
.filter-sec{padding:32px 0 0}
.filter-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px}
.filter-scroll::-webkit-scrollbar{display:none}
.f-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;background:#fff;border:1.5px solid #E2E8F0;font-size:.77rem;font-weight:600;color:#0F1929;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 3px rgba(15,25,41,.04)}
.f-pill:hover{border-color:#CBD5E1}
.f-pill.on{color:#fff;border-color:transparent}
.f-pill.on[data-cat="all"]{background:linear-gradient(135deg,#0F1929,#1E2D3D);box-shadow:0 4px 14px rgba(15,25,41,.2)}
.f-pill.on[data-cat="nug"]{background:linear-gradient(135deg,#DC2626,#B91C1C);box-shadow:0 4px 14px rgba(220,38,38,.25)}
.f-pill.on[data-cat="npg"]{background:linear-gradient(135deg,#0891B2,#0E7490);box-shadow:0 4px 14px rgba(8,145,178,.25)}
.f-pill.on[data-cat="jee"]{background:linear-gradient(135deg,#1D4ED8,#1E40AF);box-shadow:0 4px 14px rgba(29,78,216,.25)}
.f-pill.on[data-cat="mba"]{background:linear-gradient(135deg,#7C3AED,#6D28D9);box-shadow:0 4px 14px rgba(124,58,237,.25)}
.f-pill.on[data-cat="pha"]{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 14px rgba(5,150,105,.25)}
.f-pill.on[data-cat="law"]{background:linear-gradient(135deg,#B45309,#92400E);box-shadow:0 4px 14px rgba(180,83,9,.25)}
.f-pill.on[data-cat="gen"]{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 14px rgba(71,85,105,.2)}
.f-ico{font-size:.8rem;line-height:1}
.f-cnt{font-size:.58rem;font-weight:700;padding:1px 6px;border-radius:10px;background:rgba(0,0,0,.07)}
.f-pill.on .f-cnt{background:rgba(255,255,255,.22)}
/* NEWS LAYOUT */
.news-layout{padding:24px 0 48px;display:grid;grid-template-columns:1fr 316px;gap:28px;align-items:start}
/* ART GRID */
.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.art-card{background:#fff;border-radius:16px;border:1px solid #E2E8F0;overflow:hidden;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.art-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(15,25,41,.1);border-color:#CBD5E1}
.art-thumb{height:156px;position:relative;overflow:hidden;flex-shrink:0}
.art-ti{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.art-bg{position:absolute;inset:0}
.art-em{display:none}
.art-card:hover .art-em{transform:scale(1.08)}
.art-fade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.18))}
.art-tag{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:20px;font-size:.52rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.22)}
.art-card[data-cat="nug"] .art-bg{background:linear-gradient(138deg,#7F1D1D,#DC2626)}
.art-card[data-cat="nug"] .art-tag{background:rgba(185,28,28,.82)}
.art-card[data-cat="nug"] .art-av{background:#DC2626}
.art-card[data-cat="nug"]:hover{border-color:rgba(220,38,38,.18);box-shadow:0 16px 48px rgba(220,38,38,.08)}
.art-card[data-cat="npg"] .art-bg{background:linear-gradient(138deg,#164E63,#0891B2)}
.art-card[data-cat="npg"] .art-tag{background:rgba(8,145,178,.82)}
.art-card[data-cat="npg"] .art-av{background:#0891B2}
.art-card[data-cat="npg"]:hover{border-color:rgba(8,145,178,.18);box-shadow:0 16px 48px rgba(8,145,178,.08)}
.art-card[data-cat="jee"] .art-bg{background:linear-gradient(138deg,#1E3A8A,#2563EB)}
.art-card[data-cat="jee"] .art-tag{background:rgba(37,99,235,.82)}
.art-card[data-cat="jee"] .art-av{background:#1D4ED8}
.art-card[data-cat="jee"]:hover{border-color:rgba(29,78,216,.18);box-shadow:0 16px 48px rgba(29,78,216,.08)}
.art-card[data-cat="mba"] .art-bg{background:linear-gradient(138deg,#4C1D95,#7C3AED)}
.art-card[data-cat="mba"] .art-tag{background:rgba(109,40,217,.82)}
.art-card[data-cat="mba"] .art-av{background:#7C3AED}
.art-card[data-cat="mba"]:hover{border-color:rgba(124,58,237,.18);box-shadow:0 16px 48px rgba(124,58,237,.08)}
.art-card[data-cat="pha"] .art-bg{background:linear-gradient(138deg,#064E3B,#059669)}
.art-card[data-cat="pha"] .art-tag{background:rgba(4,120,87,.82)}
.art-card[data-cat="pha"] .art-av{background:#059669}
.art-card[data-cat="pha"]:hover{border-color:rgba(5,150,105,.18);box-shadow:0 16px 48px rgba(5,150,105,.08)}
.art-card[data-cat="gen"] .art-bg{background:linear-gradient(138deg,#0F1929,#334155)}
.art-card[data-cat="gen"] .art-tag{background:rgba(51,65,85,.82)}
.art-card[data-cat="gen"] .art-av{background:#475569}
.art-body{padding:15px 16px 14px;flex:1;display:flex;flex-direction:column}
.art-title{font-family:'Sora',sans-serif;font-size:.88rem;font-weight:700;color:#0F1929;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-exc{font-size:.73rem;color:#64748B;line-height:1.62;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;padding-bottom:12px}
.art-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #E2E8F0;margin-top:auto}
.art-auth{display:flex;align-items:center;gap:7px}
.art-av{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.52rem;font-weight:800;color:#fff;flex-shrink:0}
.art-by{display:flex;flex-direction:column}
.art-nm{font-size:.63rem;font-weight:600;color:#0F1929;line-height:1.2}
.art-dt{font-size:.58rem;color:#94A3B8}
.art-rr{display:flex;align-items:center;gap:7px}
.art-rt{font-size:.58rem;color:#94A3B8;white-space:nowrap}
.art-bm{width:24px;height:24px;border-radius:6px;border:1px solid #E2E8F0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.68rem;cursor:pointer;transition:all .15s;flex-shrink:0}
.art-bm:hover,.art-bm.saved{border-color:#F59E0B;background:#FEF3C7;color:#92400E}
.lm-wrap{display:flex;justify-content:center;padding-top:24px}
.lm-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;border:1.5px solid #CBD5E1;background:#fff;font-size:.8rem;font-weight:600;color:#64748B;cursor:pointer;transition:all .22s}
.lm-btn:hover{border-color:#DC2626;color:#DC2626;background:#FEE2E2}
.empty-st{display:none;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;grid-column:1/-1}
.empty-st.show{display:flex}
.empty-rst{margin-top:14px;padding:8px 18px;border-radius:8px;border:1.5px solid #CBD5E1;background:#fff;font-size:.78rem;font-weight:600;color:#64748B;cursor:pointer}
.empty-rst:hover{border-color:#DC2626;color:#DC2626}
/* SIDEBAR */
.news-sb{display:flex;flex-direction:column;gap:20px;position:sticky;top:88px}
.sb-card{background:#fff;border-radius:16px;border:1px solid #E2E8F0;overflow:hidden}
.sb-hd{padding:14px 18px 12px;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between}
.sb-ttl{font-family:'Sora',sans-serif;font-size:.8rem;font-weight:700;color:#0F1929;display:flex;align-items:center;gap:7px}
.sb-more{font-size:.68rem;font-weight:600;color:#DC2626;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:3px}.sb-more:hover{text-decoration:underline}
.tr-item{display:flex;align-items:flex-start;gap:12px;padding:11px 18px;border-bottom:1px solid #E2E8F0;cursor:pointer;transition:background .15s;text-decoration:none;color:inherit}
.tr-item:last-child{border:none}
.tr-item:hover{background:#F8FAFF}
.tr-rank{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:800;color:#CBD5E1;line-height:1;flex-shrink:0;width:22px;padding-top:2px}
.tr-item:nth-child(1) .tr-rank{color:#DC2626}
.tr-item:nth-child(2) .tr-rank{color:#D97706}
.tr-info{flex:1;min-width:0}
.tr-cat{font-size:.53rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}
.tr-title{font-size:.74rem;font-weight:600;color:#0F1929;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tr-reads{font-size:.58rem;color:#94A3B8;margin-top:3px}
.tr-item[data-cat="nug"] .tr-cat{color:#DC2626}
.tr-item[data-cat="npg"] .tr-cat{color:#0891B2}
.tr-item[data-cat="jee"] .tr-cat{color:#1D4ED8}
.tr-item[data-cat="mba"] .tr-cat{color:#7C3AED}
.tr-item[data-cat="pha"] .tr-cat{color:#059669}
.ex-row{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid #E2E8F0;cursor:pointer;transition:background .15s;text-decoration:none;color:inherit}
.ex-row:hover{background:#F8FAFF}
.ex-gcal{flex-shrink:0;width:22px;height:22px;border-radius:6px;background:#4285F4;color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;opacity:0;transition:opacity .2s;margin-left:2px}
.ex-row:hover .ex-gcal{opacity:1}
.ex-row:last-child{border:none}
.ex-row:hover{background:#F8FAFF}
.ex-db{width:40px;height:40px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}
.ex-dd{font-family:'Sora',sans-serif;font-size:.95rem;font-weight:800;line-height:1;color:#fff}
.ex-mm{font-size:.44rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ex-nm{font-size:.74rem;font-weight:600;color:#0F1929;line-height:1.25}
.ex-sub{font-size:.58rem;color:#64748B;margin-top:2px}
.ex-bdg{font-size:.52rem;font-weight:700;padding:2px 7px;border-radius:10px;white-space:nowrap;flex-shrink:0;margin-left:auto}
.ex-bdg.live{background:#ECFDF5;color:#059669;border:1px solid rgba(5,150,105,.15)}
.ex-bdg.soon{background:#FEF3C7;color:#B45309;border:1px solid rgba(245,158,11,.15)}
.ex-bdg.upcoming{background:#EFF6FF;color:#1D4ED8;border:1px solid rgba(29,78,216,.15)}
.sb-nl{padding:18px;background:linear-gradient(135deg,#DC2626,#B91C1C)}
.sbn-h{font-family:'Sora',sans-serif;font-size:.9rem;font-weight:800;color:#fff;line-height:1.25;margin-bottom:7px}
.sbn-p{font-size:.68rem;color:rgba(255,255,255,.72);line-height:1.55;margin-bottom:12px}
.sbn-in{width:100%;padding:10px 12px;border:none;border-radius:8px;font-size:.78rem;color:#0F1929;background:#fff;margin-bottom:8px;display:block;outline:none}
.sbn-btn{width:100%;padding:10px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:8px;font-size:.78rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s}
.sbn-btn:hover{background:rgba(255,255,255,.28)}
.sb-cta{padding:20px;background:linear-gradient(135deg,#0F1929,#1E2D3D)}
.sb-cta-h{font-family:'Sora',sans-serif;font-size:.88rem;font-weight:800;color:#fff;margin-bottom:8px;line-height:1.3}
.sb-cta-p{font-size:.7rem;color:rgba(255,255,255,.48);line-height:1.6;margin-bottom:14px}
.sb-cta-a{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border-radius:9px;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .2s}
.sb-cta-a:hover{transform:translateY(-1px)}
/* NEWSLETTER STRIP */
.nl-strip{background:linear-gradient(135deg,#DC2626 0%,#B91C1C 50%,#991B1B 100%);padding:56px 5%;margin-top:40px;position:relative;overflow:hidden}
.nl-strip::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 15% 50%,rgba(255,255,255,.1) 0%,transparent 45%),radial-gradient(circle at 85% 20%,rgba(255,255,255,.07) 0%,transparent 40%);pointer-events:none}
.nl-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:center;position:relative;z-index:1}
.nl-tag{font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#F59E0B;margin-bottom:10px}
.nl-h{font-family:'Sora',sans-serif;font-size:1.5rem;font-weight:800;color:#fff;line-height:1.25;margin-bottom:10px}
.nl-p{font-size:.82rem;color:rgba(255,255,255,.75);line-height:1.7;max-width:420px}
.nl-form{display:flex;flex-direction:column;gap:10px}
.nl-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nl-inp{padding:13px 15px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:10px;font-size:.85rem;color:#fff;transition:border-color .2s,background .2s;outline:none}
.nl-inp::placeholder{color:rgba(255,255,255,.3)}
.nl-inp:focus{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.25)}
.nl-sub{padding:14px 20px;background:#fff;color:#DC2626;border:none;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .22s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px rgba(0,0,0,.15)}
.nl-sub:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2);background:#FFF5F5}
.nl-fine{font-size:.6rem;color:rgba(255,255,255,.55);text-align:center}
/* RESPONSIVE */
@media(max-width:1100px){.news-hero-in{grid-template-columns:1fr 280px;gap:32px}.news-layout{grid-template-columns:1fr 285px}.art-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.news-hero-in{grid-template-columns:1fr}.news-hero-right{display:none}.news-layout{grid-template-columns:1fr}.news-sb{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.news-sb>.sb-card:nth-child(3){grid-column:span 2}.news-sb>.sb-card:nth-child(4){grid-column:span 2}.ft-art{grid-template-columns:1fr}.fav{min-height:220px}.nl-in{grid-template-columns:1fr}.nl-row{grid-template-columns:1fr}}
@media(max-width:768px){.news-hero{padding:36px 4% 32px}.news-hero-h{font-size:clamp(1.55rem,5vw,2rem)}.ft-sec,.filter-sec,.news-layout,.nl-strip{padding-left:4%;padding-right:4%}.ft-art{border-radius:16px}.fac{padding:24px 20px}.fac-title{font-size:1.15rem}.art-grid{grid-template-columns:repeat(2,1fr);gap:14px}.nl-h{font-size:1.2rem}}
@media(max-width:560px){.news-sb{grid-template-columns:1fr}.news-sb>.sb-card:nth-child(3){grid-column:auto}.news-sb>.sb-card:nth-child(4){grid-column:auto}}
@media(max-width:480px){.art-grid{grid-template-columns:1fr;gap:12px}.filter-scroll{gap:6px}.f-pill{padding:7px 13px;font-size:.72rem}}
@media(hover:none){.art-card:hover{transform:none}.art-card:active{transform:scale(.98)}.ft-art:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.rv,.rv.in{transition:none;opacity:1;transform:none}.ticker-track{animation:none}}

/* ══ BLOG SUBMISSION SYSTEM ══ */
/* Auth state */
.write-btn{display:none;align-items:center;gap:6px;padding:9px 16px;border-radius:9px;font-size:.8rem;font-weight:700;background:linear-gradient(135deg,#1D4ED8,#1E40AF);color:#fff;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}
.write-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(29,78,216,.3)}
.write-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
.user-chip{display:none;align-items:center;gap:8px;padding:6px 12px;border-radius:30px;background:#F8FAFF;border:1px solid #E2E8F0;cursor:pointer;transition:all .2s}
.user-chip:hover{border-color:#CBD5E1}
.user-av-sm{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#DC2626,#B91C1C);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;color:#fff;flex-shrink:0}
.user-chip-name{font-size:.76rem;font-weight:600;color:#0F1929;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-chip-arrow{font-size:.6rem;color:#94A3B8}
.user-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:8px;box-shadow:0 8px 32px rgba(15,25,41,.12);min-width:180px;z-index:600}
.user-chip-wrap{position:relative}
.user-chip-wrap.open .user-menu{display:block}
.um-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:8px;font-size:.8rem;color:#0F1929;cursor:pointer;transition:background .15s;white-space:nowrap}
.um-item:hover{background:#F8FAFF}
.um-item.danger{color:#DC2626}
.um-item.danger:hover{background:#FEE2E2}
.um-item-ico{font-size:.95rem;flex-shrink:0}

/* Write CTA in hero */
.hero-write-cta{display:none;align-items:center;gap:10px;padding:14px 20px;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:12px;margin-top:16px;max-width:480px;cursor:pointer;transition:all .2s}
.hero-write-cta:hover{background:rgba(29,78,216,.12);border-color:rgba(29,78,216,.35)}
.hwc-ico{width:36px;height:36px;border-radius:9px;background:#DBEAFE;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.hwc-text{flex:1}
.hwc-h{font-size:.82rem;font-weight:700;color:#1E3A8A;margin-bottom:2px}
.hwc-p{font-size:.68rem;color:#64748B}
.hwc-arrow{font-size:.9rem;color:#1D4ED8}

/* ── ARTICLE EDITOR OVERLAY ── */
.editor-overlay{display:none;position:fixed;inset:0;z-index:800;background:#F1F5F9;overflow-y:auto}
.editor-overlay.open{display:block}
.editor-topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #E2E8F0;padding:0 5%;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.editor-topbar-left{display:flex;align-items:center;gap:12px}
.editor-back{width:36px;height:36px;border-radius:9px;border:1px solid #E2E8F0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s;color:#64748B}
.editor-back:hover{border-color:#CBD5E1;background:#F8FAFF}
.editor-topbar-title{font-family:'Sora',sans-serif;font-size:.92rem;font-weight:700;color:#0F1929}
.editor-topbar-right{display:flex;align-items:center;gap:10px}
.editor-save-draft{padding:8px 16px;border-radius:8px;border:1.5px solid #E2E8F0;background:#fff;font-size:.78rem;font-weight:600;color:#64748B;cursor:pointer;transition:all .2s}
.editor-save-draft:hover{border-color:#CBD5E1}
.editor-submit-btn{padding:9px 20px;border-radius:9px;background:linear-gradient(135deg,#DC2626,#B91C1C);color:#fff;border:none;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}
.editor-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(220,38,38,.3)}
.editor-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}

.editor-body{max-width:860px;margin:0 auto;padding:32px 5% 60px}
.editor-section{margin-bottom:24px}
.editor-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#64748B;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.editor-label span{color:#DC2626}
.editor-input{width:100%;padding:13px 16px;border:1.5px solid #E2E8F0;border-radius:10px;font-size:.9rem;color:#0F1929;background:#fff;outline:none;transition:border-color .2s;font-family:'Inter',sans-serif}
.editor-input:focus{border-color:#1D4ED8;box-shadow:0 0 0 3px rgba(29,78,216,.08)}
.editor-title-input{font-family:'Sora',sans-serif;font-size:1.3rem;font-weight:700;border:none;border-bottom:2px solid #E2E8F0;border-radius:0;padding:12px 0;background:transparent;color:#0F1929;outline:none;width:100%;transition:border-color .2s}
.editor-title-input:focus{border-color:#1D4ED8}
.editor-title-input::placeholder{color:#CBD5E1}
.editor-cat-grid{display:flex;gap:8px;flex-wrap:wrap}
.cat-option{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:100px;border:1.5px solid #E2E8F0;background:#fff;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}
.cat-option:hover{border-color:#CBD5E1}
.cat-option.selected{color:#fff;border-color:transparent}
.cat-option.selected[data-cat="nug"]{background:linear-gradient(135deg,#DC2626,#B91C1C)}
.cat-option.selected[data-cat="npg"]{background:linear-gradient(135deg,#0891B2,#0E7490)}
.cat-option.selected[data-cat="jee"]{background:linear-gradient(135deg,#1D4ED8,#1E40AF)}
.cat-option.selected[data-cat="mba"]{background:linear-gradient(135deg,#7C3AED,#6D28D9)}
.cat-option.selected[data-cat="pha"]{background:linear-gradient(135deg,#059669,#047857)}
.cat-option.selected[data-cat="gen"]{background:linear-gradient(135deg,#475569,#334155)}
.editor-textarea{width:100%;padding:13px 16px;border:1.5px solid #E2E8F0;border-radius:10px;font-size:.88rem;line-height:1.75;color:#0F1929;background:#fff;outline:none;transition:border-color .2s;font-family:'Inter',sans-serif;resize:vertical;min-height:280px}
.editor-textarea:focus{border-color:#1D4ED8;box-shadow:0 0 0 3px rgba(29,78,216,.08)}
.editor-footer-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#F8FAFF;border-radius:0 0 10px 10px;border:1.5px solid #E2E8F0;border-top:none;margin-top:-2px;font-size:.68rem;color:#94A3B8}
.editor-char-count{font-size:.68rem;color:#94A3B8}
.editor-char-count.warn{color:#D97706}
.editor-char-count.good{color:#059669}
.editor-info-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}
.editor-guidelines{background:#EFF6FF;border:1px solid rgba(29,78,216,.15);border-radius:10px;padding:14px 16px;font-size:.74rem;color:#1D4ED8;line-height:1.6;margin-bottom:24px}
.editor-guidelines strong{display:block;font-size:.76rem;margin-bottom:4px;color:#1E40AF}
.editor-guidelines li{margin-left:12px;list-style:disc;margin-bottom:2px}

/* Submit success */
.editor-success{display:none;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}
.editor-success.show{display:flex}
.editor-form-wrap.hide{display:none}
.es-icon{font-size:3.5rem;margin-bottom:20px}
.es-h{font-family:'Sora',sans-serif;font-size:1.4rem;font-weight:800;color:#0F1929;margin-bottom:10px}
.es-p{font-size:.85rem;color:#64748B;line-height:1.7;max-width:420px;margin-bottom:24px}
.es-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:#FEF3C7;border:1px solid rgba(245,158,11,.2);border-radius:100px;font-size:.76rem;font-weight:700;color:#B45309;margin-bottom:28px}
.es-btn{padding:12px 28px;border-radius:10px;background:linear-gradient(135deg,#0F1929,#1E2D3D);color:#fff;border:none;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s}
.es-btn:hover{transform:translateY(-1px)}

/* ── ADMIN PANEL ── */
.admin-overlay{display:none;position:fixed;inset:0;z-index:850;background:rgba(15,25,41,.7);backdrop-filter:blur(12px);align-items:center;justify-content:center;padding:20px}
.admin-overlay.open{display:flex}
.admin-modal{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}
.admin-header{padding:20px 24px 16px;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.admin-header-left{display:flex;align-items:center;gap:12px}
.admin-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0F1929,#1E2D3D);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.admin-title{font-family:'Sora',sans-serif;font-size:.95rem;font-weight:700;color:#0F1929}
.admin-subtitle{font-size:.68rem;color:#94A3B8;margin-top:1px}
.admin-close{width:32px;height:32px;border-radius:50%;border:none;background:#F1F5F9;color:#64748B;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
.admin-close:hover{background:#FEE2E2;color:#DC2626}
.admin-tabs{display:flex;padding:0 24px;gap:4px;border-bottom:1px solid #E2E8F0;flex-shrink:0}
.admin-tab{padding:12px 16px;font-size:.78rem;font-weight:600;color:#64748B;cursor:pointer;border-bottom:2px solid transparent;transition:all .18s;white-space:nowrap;display:flex;align-items:center;gap:6px}
.admin-tab.on{color:#0F1929;border-color:#DC2626}
.admin-tab-count{font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:10px;background:#F1F5F9;color:#64748B}
.admin-tab.on .admin-tab-count{background:#FEE2E2;color:#DC2626}
.admin-body{flex:1;overflow-y:auto;padding:16px 24px 24px}
.ap-empty{display:flex;flex-direction:column;align-items:center;padding:40px;text-align:center;color:#94A3B8}
.ap-empty-ico{font-size:2.5rem;margin-bottom:12px}
.ap-empty-h{font-family:'Sora',sans-serif;font-size:.88rem;font-weight:700;color:#CBD5E1;margin-bottom:5px}
.ap-card{background:#F8FAFF;border:1px solid #E2E8F0;border-radius:14px;padding:18px 20px;margin-bottom:12px;transition:border-color .2s}
.ap-card:hover{border-color:#CBD5E1}
.ap-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.ap-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ap-cat-badge{display:inline-flex;padding:2px 9px;border-radius:20px;font-size:.54rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.ap-status{font-size:.6rem;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}
.ap-status.pending{background:#FEF3C7;color:#B45309;border:1px solid rgba(245,158,11,.2)}
.ap-status.approved{background:#ECFDF5;color:#059669;border:1px solid rgba(5,150,105,.2)}
.ap-status.rejected{background:#FEE2E2;color:#DC2626;border:1px solid rgba(220,38,38,.2)}
.ap-card-title{font-family:'Sora',sans-serif;font-size:.92rem;font-weight:700;color:#0F1929;margin-bottom:6px;line-height:1.3}
.ap-card-exc{font-size:.76rem;color:#64748B;line-height:1.6;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ap-card-body-preview{display:none;font-size:.78rem;color:#475569;line-height:1.7;margin-bottom:10px;padding:12px;background:#fff;border-radius:8px;border:1px solid #E2E8F0;white-space:pre-wrap;max-height:160px;overflow-y:auto}
.ap-card-body-preview.show{display:block}
.ap-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ap-author-info{font-size:.68rem;color:#94A3B8;display:flex;align-items:center;gap:8px}
.ap-author-info strong{color:#475569;font-weight:600}
.ap-actions{display:flex;gap:8px}
.ap-btn{padding:7px 14px;border-radius:8px;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .18s;border:none;display:flex;align-items:center;gap:5px}
.ap-btn-preview{background:#F1F5F9;color:#475569}
.ap-btn-preview:hover{background:#E2E8F0}
.ap-btn-approve{background:linear-gradient(135deg,#059669,#047857);color:#fff}
.ap-btn-approve:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(5,150,105,.25)}
.ap-btn-reject{background:linear-gradient(135deg,#DC2626,#B91C1C);color:#fff}
.ap-btn-reject:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(220,38,38,.25)}
.ap-btn-undo{background:#F1F5F9;color:#64748B}
.ap-btn-undo:hover{background:#E2E8F0}

/* Admin password modal */
.admin-pw-modal{background:#fff;border-radius:18px;width:100%;max-width:360px;padding:32px;text-align:center}
.admin-pw-ico{font-size:2.5rem;margin-bottom:16px}
.admin-pw-h{font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:700;color:#0F1929;margin-bottom:6px}
.admin-pw-p{font-size:.78rem;color:#64748B;margin-bottom:20px}
.admin-pw-input{width:100%;padding:12px 16px;border:1.5px solid #E2E8F0;border-radius:9px;font-size:.95rem;color:#0F1929;text-align:center;letter-spacing:.12em;outline:none;transition:border-color .2s;margin-bottom:12px}
.admin-pw-input:focus{border-color:#0F1929}
.admin-pw-input.wrong{border-color:#DC2626;animation:shake .3s ease}
.admin-pw-btn{width:100%;padding:12px;background:linear-gradient(135deg,#0F1929,#1E2D3D);color:#fff;border:none;border-radius:9px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}
.admin-pw-btn:hover{transform:translateY(-1px)}
.admin-pw-hint{font-size:.65rem;color:#CBD5E1;margin-top:12px}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}

/* Community article badge in grid */
.art-community-badge{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:20px;font-size:.5rem;font-weight:700;background:rgba(29,78,216,.85);color:#fff;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}
.art-pending-overlay{position:absolute;inset:0;background:rgba(15,25,41,.55);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}
.art-pending-chip{padding:6px 12px;background:rgba(245,158,11,.9);border-radius:20px;font-size:.62rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:5px}

/* Toast */
.vp-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:#0F1929;color:#fff;padding:12px 20px;border-radius:10px;font-size:.82rem;font-weight:600;z-index:950;opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap;box-shadow:0 8px 24px rgba(15,25,41,.25)}
.vp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.vp-toast.success{background:linear-gradient(135deg,#059669,#047857)}
.vp-toast.error{background:linear-gradient(135deg,#DC2626,#B91C1C)}
.vp-toast.info{background:linear-gradient(135deg,#1D4ED8,#1E40AF)}

/* My Articles in sidebar */
.my-articles-sec{padding:12px 0}
.my-art-item{display:flex;align-items:flex-start;gap:10px;padding:10px 18px;border-bottom:1px solid #E2E8F0;cursor:pointer;transition:background .15s}
.my-art-item:last-child{border:none}
.my-art-item:hover{background:#F8FAFF}
.my-art-status{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}
.my-art-status.pending{background:#F59E0B}
.my-art-status.approved{background:#059669}
.my-art-status.rejected{background:#DC2626}
.my-art-title{font-size:.74rem;font-weight:600;color:#0F1929;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.my-art-meta{font-size:.6rem;color:#94A3B8;margin-top:3px;display:flex;align-items:center;gap:5px}
.my-art-meta span{font-weight:600}

@media(max-width:768px){
  .editor-info-row{grid-template-columns:1fr}
  .editor-body{padding:20px 4% 80px}
  .editor-topbar{padding:0 4%;height:58px}
  .editor-topbar-title{font-size:.82rem}
  .admin-modal{max-height:95vh;border-radius:16px}
  .admin-body{padding:12px 16px 20px}
}


/* ══ WRITE-FOR-US DISCOVERY ══ */

/* ── 1. Contribution strip ── */
.contribute-strip {
  background: linear-gradient(135deg, #F8FAFF 0%, #EFF6FF 60%, #DBEAFE 100%);
  padding: 40px 5%;
  margin-top: 32px;
  position: relative;
  overflow: hidden;
}
.contribute-strip::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(29,78,216,.05) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(29,78,216,.05) 1px, transparent 1px);
  background-size: 44px 44px;
}
.contribute-strip::after {
  content: '';
  position: absolute;
  right: 0; top: 0; bottom: 0;
  width: 40%;
  background: radial-gradient(ellipse 80% 100% at 100% 50%, rgba(29,78,216,.08) 0%, transparent 65%);
}
.cs-in {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 40px;
  align-items: center;
}
.cs-left {}
.cs-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 11px;
  background: rgba(29,78,216,.1);
  border: 1px solid rgba(29,78,216,.2);
  border-radius: 20px;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #1D4ED8;
  margin-bottom: 14px;
}
.cs-h {
  font-family: 'Sora', sans-serif;
  font-size: clamp(1.15rem, 2.5vw, 1.5rem);
  font-weight: 800;
  color: #0F1929;
  line-height: 1.3;
  margin-bottom: 10px;
}
.cs-h em { font-style: normal; color: #1D4ED8; }
.cs-p {
  font-size: .82rem;
  color: #475569;
  line-height: 1.65;
  margin-bottom: 20px;
  max-width: 540px;
}
.cs-perks {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.cs-perk {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: .74rem;
  color: #475569;
}
.cs-perk-ico {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: rgba(29,78,216,.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .85rem;
  flex-shrink: 0;
}
.cs-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.cs-stats {
  display: flex;
  gap: 20px;
  margin-bottom: 4px;
}
.cs-stat {
  text-align: center;
}
.cs-stat-v {
  font-family: 'Sora', sans-serif;
  font-size: 1.4rem;
  font-weight: 800;
  color: #0F1929;
  line-height: 1;
}
.cs-stat-l {
  font-size: .58rem;
  color: #64748B;
  margin-top: 3px;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.cs-write-btn {
  padding: 13px 28px;
  background: linear-gradient(135deg, #1D4ED8, #1E40AF);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-family: 'Sora', sans-serif;
  font-size: .88rem;
  font-weight: 700;
  cursor: pointer;
  transition: all .22s;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(29,78,216,.3);
}
.cs-write-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(29,78,216,.4);
}
.cs-write-btn svg {
  width: 15px; height: 15px;
  stroke: currentColor; fill: none; stroke-width: 2.2;
}
.cs-note {
  font-size: .64rem;
  color: #94A3B8;
  text-align: center;
}

/* ── 2. In-grid invite card ── */
.art-invite-card {
  background: linear-gradient(138deg, #0F1929 0%, #1E2D3D 100%);
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
  cursor: pointer;
  transition: all .22s;
  display: flex;
  flex-direction: column;
  position: relative;
}
.art-invite-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 80% 20%, rgba(29,78,216,.15) 0%, transparent 55%),
                    radial-gradient(circle at 20% 90%, rgba(245,158,11,.08) 0%, transparent 50%);
}
.art-invite-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 48px rgba(15,25,41,.25);
  border-color: rgba(29,78,216,.3);
}
.aic-body {
  padding: 22px 20px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 1;
}
.aic-icon {
  font-size: 2rem;
  margin-bottom: 12px;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.2));
}
.aic-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  background: rgba(29,78,216,.2);
  border: 1px solid rgba(29,78,216,.3);
  border-radius: 20px;
  font-size: .55rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #93C5FD;
  margin-bottom: 10px;
  width: fit-content;
}
.aic-h {
  font-family: 'Sora', sans-serif;
  font-size: .95rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 8px;
}
.aic-p {
  font-size: .74rem;
  color: rgba(255,255,255,.45);
  line-height: 1.6;
  flex: 1;
  margin-bottom: 16px;
}
.aic-steps {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 18px;
}
.aic-step {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .7rem;
  color: rgba(255,255,255,.5);
}
.aic-step-num {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(29,78,216,.3);
  border: 1px solid rgba(29,78,216,.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .58rem;
  font-weight: 700;
  color: #93C5FD;
  flex-shrink: 0;
}
.aic-btn {
  padding: 10px 0;
  background: linear-gradient(135deg, #1D4ED8, #1E40AF);
  color: #fff;
  border: none;
  border-radius: 9px;
  font-size: .78rem;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.aic-btn:hover {
  box-shadow: 0 4px 14px rgba(29,78,216,.35);
}
.aic-readers {
  font-size: .62rem;
  color: rgba(255,255,255,.25);
  text-align: center;
  margin-top: 8px;
}

/* ── 3. First-visit slide-up banner ── */

@media(max-width:768px) {
  .cs-in { grid-template-columns: 1fr; gap: 24px; }
  .cs-right { align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 16px; }
  .cs-stats { margin-bottom: 0; }
}
@media(max-width:480px) {
  .contribute-strip { padding: 28px 4%; }
  .cs-perks { gap: 12px; }
  .cs-perk { font-size: .68rem; }
}


/* ══ MOBILE ARTICLE CAROUSEL ══ */
@media(max-width:768px){
  /* Wrap to allow dots below */
  .art-grid-wrap{position:relative;min-width:0;max-width:100%}
  .news-layout{min-width:0}
  .news-layout > main{min-width:0;max-width:100%;overflow:hidden}

  /* Grid becomes horizontal snap scroll */
  .art-grid{
    display:flex !important;
    flex-direction:row !important;
    overflow-x:scroll;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    gap:14px;
    padding:4px 4% 12px;
    margin:0 -4%;          /* bleed to edge */
    scrollbar-width:none;
    /* prevent height collapse */
    align-items:stretch;
  }
  .art-grid::-webkit-scrollbar{display:none}

  /* Each card: full-width snap */
  .art-grid .art-card,
  .art-grid .art-invite-card{
    min-width:82vw;
    max-width:82vw;
    width:82vw;
    flex-shrink:0;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .art-grid .art-card:first-child,
  .art-grid .art-invite-card:first-child{
    margin-left:0;
  }

  /* Dots */
  .carousel-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:6px;
    padding:8px 0 4px;
  }
  .c-dot{
    width:6px;height:6px;
    border-radius:50%;
    background:#CBD5E1;
    transition:all .25s;
    cursor:pointer;
    flex-shrink:0;
  }
  .c-dot.on{
    width:18px;
    border-radius:4px;
    background:#DC2626;
  }

  /* Progress bar */
  .carousel-progress{
    height:2px;
    background:#F1F5F9;
    margin:0 4%;
    border-radius:2px;
    overflow:hidden;
  }
  .carousel-progress-bar{
    height:100%;
    background:linear-gradient(90deg,#DC2626,#B91C1C);
    border-radius:2px;
    width:0%;
    transition:width .05s linear;
  }

  /* Hide load-more on mobile (cards are all in carousel) */
  .lm-wrap{ display:none }

  /* Empty state still works */
  .empty-st{ min-width:80vw }
}

/* Desktop: no carousel markup needed */
@media(min-width:769px){
  .carousel-dots,.carousel-progress{ display:none }
}


/* ══ FEATURED CAROUSEL ══ */
.ft-carousel-wrap{position:relative;overflow:hidden}
.ft-track{
  display:flex;
  transition:transform .55s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}
.ft-art{
  min-width:100%;
  width:100%;
  flex-shrink:0;
}

/* Nav arrows */
.ft-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:40px;height:40px;
  border-radius:50%;
  background:#fff;
  border:1px solid #E2E8F0;
  box-shadow:0 4px 16px rgba(15,25,41,.12);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:all .2s;
  color:#0F1929;
  font-size:1rem;
  line-height:1;
}
.ft-arrow:hover{background:#0F1929;color:#fff;border-color:#0F1929;box-shadow:0 6px 20px rgba(15,25,41,.2)}
.ft-arrow.prev{left:-18px}
.ft-arrow.next{right:-18px}

/* Dots + counter */
.ft-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 0 0;
}
.ft-dots{
  display:flex;
  gap:6px;
  align-items:center;
}
.ft-dot{
  width:7px;height:7px;
  border-radius:50%;
  background:#CBD5E1;
  cursor:pointer;
  transition:all .25s;
  border:none;
  padding:0;
  flex-shrink:0;
}
.ft-dot.on{
  width:22px;
  border-radius:4px;
  background:#DC2626;
}
.ft-counter{
  font-size:.72rem;
  font-weight:600;
  color:#94A3B8;
  display:flex;
  align-items:center;
  gap:4px;
}
.ft-counter strong{color:#0F1929}

/* Progress bar */
.ft-progress{
  height:3px;
  background:#F1F5F9;
  border-radius:2px;
  overflow:hidden;
  margin-bottom:20px;
}
.ft-progress-bar{
  height:100%;
  background:linear-gradient(90deg,#DC2626,#B91C1C);
  border-radius:2px;
  width:0%;
  transition:width .06s linear;
}

/* Pause on hover */
.ft-carousel-wrap:hover .ft-progress-bar{
  transition:none;
}

@media(max-width:768px){
  .ft-arrow{width:32px;height:32px;font-size:.85rem}
  .ft-arrow.prev{left:-12px}
  .ft-arrow.next{right:-12px}
}
@media(max-width:480px){
  .ft-arrow{display:none}
}


/* ARTICLE READER */
.reader-overlay{display:none;position:fixed;inset:0;z-index:9999;background:#F8FAFF;overflow-y:auto}
.reader-overlay.open{display:block}
.reader-topbar{position:sticky;top:0;z-index:10;background:rgba(248,250,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #E2E8F0;padding:0 5%;height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.reader-back{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;font-size:.78rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;flex-shrink:0}
.reader-back:hover{border-color:#0F1929;color:#0F1929}
.reader-topbar-right{display:flex;align-items:center;gap:8px}
.reader-share-wrap{position:relative}
.reader-share-btn{padding:8px 14px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;font-size:.78rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}
.reader-share-btn:hover{border-color:#1D4ED8;color:#1D4ED8}
.reader-share-wrap{position:relative}
.share-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E2E8F0;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.12);padding:10px;z-index:10000;min-width:210px}
.share-dropdown.open{display:block}
.share-dropdown-title{font-size:.68rem;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px 8px;border-bottom:1px solid #F1F5F9;margin-bottom:8px}
.share-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;color:#1E293B;text-decoration:none;transition:background .15s;border:none;background:none;width:100%;text-align:left}
.share-item:hover{background:#F8FAFF}
.share-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.share-copy-msg{font-size:.72rem;color:#059669;font-weight:600;padding:6px 10px 2px;display:none}
.share-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E2E8F0;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.12);padding:10px;z-index:10000;min-width:210px}
.share-dropdown.open{display:block}
.share-dropdown-title{font-size:.68rem;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px 8px;border-bottom:1px solid #F1F5F9;margin-bottom:8px}
.share-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;color:#1E293B;text-decoration:none;transition:background .15s;border:none;background:none;width:100%;text-align:left}
.share-item:hover{background:#F8FAFF}
.share-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.share-copy-msg{font-size:.72rem;color:#059669;font-weight:600;padding:6px 10px 2px;display:none}
.reader-wa-btn{padding:8px 16px;border-radius:8px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border:none;font-size:.78rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s;text-decoration:none}
.reader-wa-btn:hover{transform:translateY(-1px)}
.reader-body{max-width:740px;margin:0 auto;padding:40px 5% 80px}
.reader-cat-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:18px;width:fit-content}
.reader-h1{font-family:'Sora',sans-serif;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800;color:#0F1929;line-height:1.22;margin-bottom:16px}
.reader-meta{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;margin-bottom:36px;flex-wrap:wrap}
.reader-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff;flex-shrink:0}
.reader-author-name{font-size:.82rem;font-weight:700;color:#0F1929}
.reader-author-role{font-size:.68rem;color:#64748B;margin-top:1px}
.reader-divider{width:1px;height:28px;background:#E2E8F0;flex-shrink:0}
.reader-meta-col{display:flex;flex-direction:column}
.reader-meta-lbl{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94A3B8}
.reader-meta-val{font-size:.78rem;font-weight:600;color:#475569;margin-top:2px}
.reader-content{font-size:.92rem;line-height:1.9;color:#334155}
.reader-content h2{font-family:'Sora',sans-serif;font-size:1.25rem;font-weight:800;color:#0F1929;margin:36px 0 14px;padding-bottom:10px;border-bottom:2px solid #E2E8F0}
.reader-content h3{font-family:'Sora',sans-serif;font-size:1rem;font-weight:700;color:#1E3A8A;margin:26px 0 10px}
.reader-content p{margin-bottom:18px}
.reader-content ul,.reader-content ol{margin:0 0 18px 20px;display:flex;flex-direction:column;gap:8px}
.reader-content li{line-height:1.75}
.reader-content strong{color:#0F1929;font-weight:700}
.reader-content .callout{background:#EFF6FF;border-left:4px solid #1D4ED8;border-radius:0 10px 10px 0;padding:16px 20px;margin:24px 0;font-size:.86rem;color:#1E3A8A;line-height:1.7}
.reader-content .warn-callout{background:#FEF3C7;border-left:4px solid #F59E0B;border-radius:0 10px 10px 0;padding:16px 20px;margin:24px 0;font-size:.86rem;color:#92400E;line-height:1.7}
.reader-content .data-table{width:100%;border-collapse:collapse;margin:20px 0 28px;font-size:.82rem;overflow:hidden;border-radius:10px}
.reader-content .data-table th{background:#0F1929;color:#fff;padding:10px 14px;text-align:left;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.reader-content .data-table td{padding:10px 14px;border-bottom:1px solid #E2E8F0;color:#334155;vertical-align:top}
.reader-content .data-table tr:nth-child(even) td{background:#F8FAFF}
.reader-content .data-table tr:hover td{background:#EFF6FF}
.reader-cta{margin-top:52px;background:linear-gradient(135deg,#0F1929,#1E2D3D);border-radius:18px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.reader-cta h3{font-family:'Sora',sans-serif;font-size:1.05rem;font-weight:800;color:#fff;margin-bottom:7px;line-height:1.3}
.reader-cta p{font-size:.76rem;color:rgba(255,255,255,.5);line-height:1.6}
.reader-cta-btn{padding:13px 24px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border:none;border-radius:10px;font-size:.84rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:7px;text-decoration:none;transition:all .2s}
.reader-cta-btn:hover{transform:translateY(-2px)}
@media(max-width:768px){
  .reader-topbar{padding:0 4%;height:54px}
  .reader-body{padding:24px 4% 80px}
  .reader-h1{font-size:1.45rem}
  .reader-share-wrap{display:none}
  .reader-cta{padding:20px;flex-direction:column}
}


/* ══ ARTICLE READER ══ */
}


.reader-hero-wrap{width:100%;height:300px;overflow:hidden;flex-shrink:0}
.reader-article-body{max-width:740px;margin:0 auto;padding:28px 28px 0}
@media(max-width:640px){.reader-article-body{padding:20px 16px 0}}

.reader-hero{width:100%;height:100%;object-fit:cover;display:block}
.reader-hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(15,23,42,.45))}
@media(max-width:640px){.reader-hero-wrap{height:200px}}