body{
    margin:0;
    font-family:Arial, sans-serif;
    background:#070707;
}

.navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 30px;
    background:#000;
    border-bottom:1px solid #2b2b2b;
}

.logo h1{
    display:flex;
align-items:center;
    margin:0;
    color:#ffffff;
    font-size:34px;
    font-weight:900;
}

.logo span{
    margin-left:8px;
    color:#d40000;
}

nav{
    margin-left:auto;
    display:flex;
    gap:28px;
}

nav a{
    color:#ffffff;
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
    transition:.3s;
}

nav a:hover{
    color:#d40000;
}
/* HERO SECTION */

.hero{
    height:85vh;
    background:
linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,.75)),
url("https://images.unsplash.com/photo-1477959858617-67f85cf4f1df")
center/cover no-repeat;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.72);
}

.hero-overlay{
    position:relative;
    text-align:center;
    z-index:2;
    padding:20px;
}

.tagline{
    color:#ffffff;
    font-size:24px;
    margin-bottom:12px;
}

.hero-title{
    font-size:70px;
    font-weight:900;
    color:#ffffff;
    margin-bottom:0px;
}

.hero-title span{
    color:#d40000;
}

.hero-subtitle{
    color:#d0d0d0;
    font-size:22px;
    margin-bottom:35px;
}

.hero-btn{
    display:inline-block;
    background:#d40000;
    color:#ffffff;
    text-decoration:none;
    padding:16px 34px;
    border-radius:14px;
    font-size:20px;
    font-weight:bold;
}
.live-badge{
    display:inline-block;
    background:#E50914;
    color:#fff;
    padding:6px 16px;
    border-radius:30px;
    font-size:13px;
    font-weight:bold;
    margin-bottom:18px;
    box-shadow:0 0 18px rgba(229,9,20,.5);
}
.breaking-news{
    display:flex;
    align-items:center;
    background:#000;
    border-top:2px solid #E50914;
    border-bottom:2px solid #E50914;
    overflow:hidden;
    height:60px;
}

.breaking-label{
    background:#E50914;
    color:#fff;
    font-weight:bold;
    padding:0 18px;
    height:100%;
    display:flex;
    align-items:center;
    white-space:nowrap;
}

.breaking-content{
    color:#fff;
    white-space:nowrap;
    padding-left:20px;
    font-size:16px;
}

.breaking-content span{
    margin-right:35px;
}
.ticker{
    display:inline-flex;
    align-items:center;
    animation:tickerMove 18s linear infinite;
}

@keyframes tickerMove{

    from{
        transform:translateX(100%);
    }

    to{
        transform:translateX(-100%);
    }

}
/* ===== FEATURED NEWS ===== */

.featured-news{
    background:#000;
    padding:30px 20px;
}

.section-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.section-header h2{
    color:#fff;
    font-size:24px;
}

.section-header a{
    color:#E50914;
    text-decoration:none;
    font-weight:bold;
}

.news-card{
    background:#111;
    border:1px solid #E50914;
    border-radius:12px;
    overflow:hidden;
    margin-bottom:25px;
}

.news-card img{
    width:100%;
    height:200px;
    object-fit:cover;
    display:block;
    filter: brightness(75%);
}

.news-tag{
    display:inline-block;
    background:#E50914;
    color:#fff;
    padding:6px 12px;
    border-radius:6px;
    font-size:13px;
    font-weight:bold;
    margin:15px;
}

.news-card h3{
    color:#fff;
    font-size:22px;
    padding:0 15px;
    margin-bottom:10px;
}

.news-card p{
    color:#bbb;
    padding:0 15px 18px;
    font-size:14px;
    box-shadow: none;
}
.section-title{
    padding:20px;
}

.section-title h2{
    color:#ffffff;
    font-size:30px;
    font-weight:700;
    border-left:5px solid red;
    padding-left:12px;
    margin-bottom:20px;
}
.read-more{
    display:inline-block;
    
    padding:12px 22px;
    background:transparent;
    color:#E50914;
    text-decoration:none;
    border-radius:30px;
    border:2px solid #E50914;
    font-weight:700;
    transition:0.3s;
}

.read-more:hover{
    background:#ff1a1a;
    box-shadow:0 0 15px rgba(255,0,0,.5);
}
.district-section{
    padding:20px 20px 20px;
    background:#000;
}

.district-section h2{
    color:#fff;
    font-size:38px;
    margin-bottom:10px;
    font-weight:700;
}

.district-section p{
    color:#d6d6d6;
    font-size:18px;
    line-height:1.6;
}
.pin{
    margin-right:12px;
}
.tehsil-list{
    margin-top:30px;
}

.tehsil-card{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#111;
    border:1px solid #e50914;
    border-radius:12px;
    padding:16px 18px;
    margin-bottom:15px;
    color:#fff;
    font-size:20px;
    font-weight:600;
}

.tehsil-card:hover{
    background:#1a1a1a;
}
.tehsil-card span:first-child{
    font-size:22px;
}
.arrow{
    font-size:30px;
    color:#fff;
    transition:0.3s;
}

.tehsil-card:hover .arrow{
    color:#ff3b3b;
    transform:translateX(6px);
}
.tehsil-card{
    transition:0.3s ease;
}

.tehsil-card:active{
    transform:scale(0.98);
}
.video-section{
    background:#000;
    padding:40px 20px;
}

.video-section h2{
    color:#fff;
    font-size:34px;
    margin-bottom:20px;
}

.featured-video{
    background:#111;
    border:2px solid #e50914;
    border-radius:18px;
    box-shadow:0 12px 30px rgba(0,0,0,.45);
transition:.3s ease;

    overflow:hidden;
    position:relative;
}
.featured-video:hover{
    transform:translateY(-4px);
}

.featured-video img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
    transition:transform .4s ease;
    filter: brightness(75%);
}


.featured-video:hover img{
    transform:scale(1.05);
}


.video-info{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:20px;
    background:linear-gradient(transparent, rgba(0,0,0,.95));
}

.video-info h3{
    color:#fff;
    font-size:24px;
    margin-top:12px;
}

.video-meta{
    color:#fff;
    font-size:18px;
}
.live-badge{
    position:absolute;
    top:12px;
    left:12px;
    background:#e50914;
    color:#fff;
    font-size:13px;
    font-weight:700;
    padding:6px 12px;
    border-radius:50px;
    letter-spacing:1px;
    box-shadow:0 4px 12px rgba(229,9,20,.45);
    z-index:10;
}
.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    background:rgba(255,255,255,.18);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.35);
    border-radius:50%;

    font-size:60px;
    color:#fff;
    opacity:0.95;
    text-shadow:0 0 20px rgba(0,0,0,.5);
    transition:0.3s;
}
@keyframes livePulse{
    0%{
        box-shadow:0 0 0 0 rgba(229,9,20,.7);
    }
    70%{
        box-shadow:0 0 0 12px rgba(229,9,20,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(229,9,20,0);
    }
}

.live-badge{
    
    animation: livePulse 1.5s infinite;
}
.breaking-news{
    display:flex;
    align-items:center;
    background:#111;
    border:2px solid #e50914;
    border-radius:14px;
    margin: 25px 20px;
    overflow:hidden;
}

.breaking-label{
    background:#e50914;
    color:#fff;
    padding:10px 14px;
    font-weight:700;
    white-space:nowrap;
    border-right: 1px solid rgba(255,255,255,0.25);
}

.breaking-news marquee{
    color:#fff;
    padding:12px 20px;
    font-size:15px;
    font-weight:600;
    
letter-spacing:0.3px;
}
/* ========================= */
/* 📰 Latest News Section */
/* ========================= */

.latest-news-section{
    padding:30px 20px;
    background:#000;
}

.latest-news-section h2{
    color:#fff;
    font-size:28px;
    font-weight:700;
    margin-bottom:8px;
}

.latest-subtitle{
    color:#bdbdbd;
    font-size:15px;
    line-height:1.6;
    margin-bottom:24px;
}
/* ========================= */
/* 📰 Premium News Card */
/* ========================= */

.news-card{
    background:#111;
    border:1px solid #2b2b2b;
    border-radius:18px;
    overflow:hidden;
    margin-bottom:25px;
    box-shadow:0 0 15px rgba(255,0,0,0.08);
    transition:0.35s ease;
}

.news-card:hover{
    transform:translateY(-6px);
    border-color:#ff2b2b;
    box-shadow:0 0 22px rgba(255,0,0,0.18);
}

.news-image{
    position:relative;
}

.news-image img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

.news-category{
    position:absolute;
    top:12px;
    left:12px;
    background:#e60000;
    color:#fff;
    padding:6px 12px;
    border-radius:30px;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.5px;
}

.news-content{
    padding:18px;
}
/* ========================= */
/* 📰 News Content */
/* ========================= */

.news-content h3{
    color:#fff;
    font-size:25px;
    line-height:1.35;
    margin:0 0 14px;
    font-weight:700;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.news-meta{
    display:flex;
    align-items:center;
    gap:14px;
    color:#bdbdbd;
    font-size:14px;
    margin:16px 0 22px;
}

.news-content p{
    color:#d5d5d5;
    font-size:15px;
    line-height:1.7;
    margin-bottom:18px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.read-more{
    display:inline-block;
    padding:10px 20px;
    border:2px solid #E50914;
    border-radius:24px;
    background:transparent;
    color:#E50914;
    font-weight:700;
    font-size:16px;
    text-decoration:none;
    transition:.3s;
}

.read-more:hover{
    background:#E50914;
    color:#fff;
}

.news-card:hover .read-more{
    transform:translateX(6px);
}

/* ========================= */
/* 🌍 Coverage Network */
/* ========================= */

.coverage-network{
    padding:20px;
    background:#000;
}

.coverage-network h2{
    color:#fff;
    font-size:30px;
    font-weight:700;
    border-left:5px solid #E50914;
    padding-left:12px;
    margin-bottom:15px;
}

.coverage-subtitle{
    color:#bdbdbd;
    font-size:16px;
    line-height:1.6;
    margin-bottom:25px;
}

.coverage-card{
    background:#111;
    border:1px solid #2b2b2b;
    border-radius:20px;
    padding:20px;
    margin-bottom:20px;
    transition:.3s;
}

.coverage-card:hover{
    transform:translateY(-4px);
    border-color:#E50914;
    box-shadow:0 0 18px rgba(229,9,20,.25);
}

.coverage-card h3{
    color:#fff;
    font-size:24px;
    margin-bottom:12px;
}

.coverage-card p{
    color:#cfcfcf;
    font-size:15px;
    line-height:1.7;
    margin-bottom:15px;
}
.active-status{
    color:#00ff66;
    font-weight:700;
    margin-left:8px;
}

.coming-soon{
    color:#9e9e9e !important;
    font-style:italic;
}

.coverage-button{
    display:inline-block;
    padding:10px 20px;
    border:2px solid #E50914;
    border-radius:24px;
    color:#E50914;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.coverage-button:hover{
    background:#E50914;
    color:#fff;
}

@media (max-width:768px){

    .coverage-network h2{
        font-size:28px;
    }

    .coverage-card h3{
        font-size:22px;
    }

    .coverage-card{
        padding:18px;
    }

    .coverage-subtitle{
        font-size:15px;
    }

}
/* ========================= */
/* Trending News */
/* ========================= */

.trending-section{
    padding:20px;
    background:#000;
}

.trending-section h2{
    color:#fff;
    font-size:32px;
    font-weight:700;
    border-left:5px solid #E50914;
    padding-left:12px;
    margin-bottom:12px;
}

.trending-subtitle{
    color:#9b9b9b;
    font-size:15px;
    margin-bottom:25px;
}

.trending-item{
    display:flex;
    gap:15px;
    padding:16px 0;
    border-bottom:1px solid #2b2b2b;
}

.trending-rank{
    font-size:34px;
    font-weight:700;
    color:#E50914;
    min-width:38px;
}

.trending-source{
    display:block;
    color:#ff5050;
    font-size:14px;
    margin-bottom:8px;
}

.trending-content h3{
    color:#fff;
    font-size:18px;
    line-height:1.5;
    margin-bottom:8px;
}

.trending-meta{
    color:#9b9b9b;
    font-size:14px;
}

.trending-button{
    display:inline-block;
    margin-top:24px;
    padding:10px 22px;
    border:2px solid #E50914;
    border-radius:24px;
    color:#E50914;
    font-weight:700;
}

.trending-button:hover{
    background:#E50914;
    color:#fff;
}
/* ========================= */
/* 👥 About JANTA-BOL */
/* ========================= */

.about-jantabol{
    padding:40px 20px;
    background:#000;
}

.about-jantabol h2{
    color:#fff;
    font-size:32px;
    font-weight:700;
    margin-bottom:12px;
}

.about-tagline{
    color:#E50914;
    font-size:18px;
    font-weight:600;
    margin-bottom:18px;
}

.about-description{
    color:#cfcfcf;
    font-size:17px;
    line-height:1.8;
    margin-bottom:28px;
}

.about-points{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-bottom:30px;
}

.about-point{
    background:#141414;
    border:1px solid #2a2a2a;
    border-radius:16px;
    padding:16px;
    color:#fff;
    font-size:18px;
    font-weight:600;
}
.about-point strong{
    display:block;
    font-size:24px;
    color:#fff;
    margin-bottom:6px;
}

.about-point small{
    display:block;
    font-size:14px;
    color:#bdbdbd;
    line-height:1.5;
}

.about-button{
    display:inline-block;
    padding:10px 22px;
    border:2px solid #E50914;
    border-radius:24px;
    color:#E50914;
    font-weight:700;
    font-size:16px;
    transition:.3s;
}

.about-button:hover{
    background:#E50914;
    color:#fff;
}
/* ===========================
   JOIN CITIZEN REPORTER
=========================== */

.citizen-reporter{
    padding:70px 20px;
    background:#000;
}

.citizen-reporter h2{
    font-size:40px;
    color:#fff;
    margin-bottom:18px;
}

.reporter-tagline{
    color:#ff2b2b;
    font-size:22px;
    font-weight:700;
    margin-bottom:22px;
}

.reporter-description{
    color:#cfcfcf;
    line-height:1.9;
    font-size:18px;
    margin-bottom:35px;
}

.report-options{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-bottom:35px;
}

.report-card{
    background:#151515;
    border:1px solid #2c2c2c;
    border-radius:22px;
    padding:22px;
}

.report-card h3{
    color:#fff;
    margin:12px 0 8px;
    font-size:28px;
}

.report-card p{
    color:#bdbdbd;
    font-size:17px;
}

.verification-title{
    color:#fff;
    margin:35px 0 18px;
    font-size:28px;
}

.verification-flow{
    background:#151515;
    border-radius:20px;
    padding:20px;
    color:#fff;
    text-align:center;
    line-height:2;
    margin-bottom:35px;
}

.report-rules{
    background:#151515;
    border-radius:20px;
    padding:22px;
    margin-bottom:30px;
}

.report-rules h3{
    color:#fff;
    margin-bottom:15px;
}

.report-rules ul{
    color:#d0d0d0;
    padding-left:20px;
    line-height:1.9;
}

.report-button,
.district-button{
    display:inline-block;
    padding:14px 28px;
    border:2px solid #E50914;
    border-radius:35px;
    color:#E50914;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
    margin-top:15px;
}

.district-reporter{
    margin-top:45px;
    background:#151515;
    border-radius:22px;
    padding:25px;
}

.district-reporter h3{
    color:#fff;
    margin-bottom:15px;
}

.district-reporter p{
    color:#cfcfcf;
    line-height:1.8;
}
/* ===========================
   CONTACT SECTION
=========================== */

.contact-section{
    padding:60px 20px;
    background:#000;
}

.contact-section h2{
    font-size:40px;
    color:#fff;
    margin-bottom:20px;
}

.contact-tagline{
    color:#ff1e1e;
    font-size:22px;
    font-weight:bold;
    margin-bottom:18px;
}

.contact-description{
    color:#cfcfcf;
    font-size:18px;
    line-height:1.8;
    margin-bottom:30px;
}

.contact-card{
    background:#151515;
    border:1px solid #2b2b2b;
    border-radius:22px;
    padding:22px;
    margin-bottom:20px;
}

.contact-card h3{
    color:#fff;
    font-size:28px;
    margin-bottom:10px;
}

.contact-card p{
    color:#cfcfcf;
    font-size:18px;
    line-height:1.8;
}

.contact-button{
    display:inline-block;
    width:100%;
text-align:center;
box-sizing:border-box;
    margin-top:18px;
    padding:14px 28px;
    border:3px solid #ff1e1e;
    border-radius:50px;
    color:#ff1e1e;
    text-decoration:none;
    font-weight:bold;
    transition:.3s;
}

.contact-button:hover{
    background:#ff1e1e;
    color:#fff;
}

.contact-closing{
    margin-top:35px;
    color:#fff;
    text-align:center;
    font-size:22px;
    font-weight:bold;
}

/* Mobile */

@media(max-width:768px){

.contact-section h2{
    font-size:34px;
}

.contact-tagline{
    font-size:18px;
}

.contact-description{
    font-size:17px;
}

.contact-card h3{
    font-size:24px;
}

.contact-card p{
    font-size:16px;
}

.contact-button{
    width:100%;
    text-align:center;
}

.contact-closing{
    font-size:18px;
}

}
/* ================= FOOTER ================= */

.footer{
    background:#0d0d0d;
    padding:60px 25px 35px;
    text-align:center;
    border-top:2px solid #ff1e1e;
}

.footer h2{
    color:#fff;
    font-size:34px;
    margin-bottom:10px;
}

.footer-tagline{
    color:#ff1e1e;
    font-size:18px;
    margin-bottom:35px;
    font-weight:bold;
}

.footer-links h3{
    color:#fff;
    margin-top:28px;
    margin-bottom:10px;
    font-size:22px;
}

.footer-links p{
    color:#bdbdbd;
    line-height:1.8;
    font-size:17px;
}

.copyright{
    margin-top:35px;
    color:#777;
    font-size:15px;
    line-height:1.7;
}

.footer-ending{
    margin-top:25px;
    color:#fff;
    font-size:20px;
    font-weight:bold;
}
/* ========================= */
/* V2.01 - Header Menu Button */
/* ========================= */

.menu-btn{
    background:transparent;
    border:none;
    color:#ffffff;
    font-size:34px;
    cursor:pointer;
    padding:8px 10px;
    transition:0.3s;
}

.menu-btn:hover{
    color:#e50914;
    transform:scale(1.08);
}

.navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
/* ========================= */
/* V2.01 Side Navigation */
/* ========================= */

.menu-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.65);
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:999;
}

.side-menu{
    position:fixed;
    top:0;
    right:0;
    width:min(86vw, 360px);
    max-width:100%;
    height:100dvh;
    background:#111;
    color:#fff;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    transform:translateX(105%);
    transition:transform .35s ease;
    z-index:1000;
    padding:20px;
    box-sizing:border-box;
}

.side-menu.open{
    transform:translateX(0);
}

.side-menu nav,
.menu-group,
.submenu{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}

.submenu{
    overflow:hidden;
}

.side-menu nav a,
.menu-toggle{
    white-space:normal;
    overflow-wrap:anywhere;
}
/* Menu Header */

.menu-header{
    border-bottom:1px solid #333;
    padding-bottom:20px;
    margin-bottom:20px;
}

.menu-header h2{
    font-size:28px;
    margin:0;
    color:#ffffff;
}

.menu-header p{
    color:#bbbbbb;
    font-size:14px;
    margin-top:8px;
    line-height:1.6;
}

.close-menu{
    background:none;
    border:none;
    color:#ffffff;
    font-size:32px;
    cursor:pointer;
    float:right;
}
/* Menu Links */

.side-menu nav a,
.menu-toggle{
    display:block;
    width:100%;
    padding:15px 0;
    color:#ffffff;
    text-decoration:none;
    background:none;
    border:none;
    text-align:left;
    font-size:18px;
    display: flex;
align-items: center;
gap: 10px;
    cursor:pointer;
    border-bottom:1px solid #222;
}

.side-menu nav a:hover,
.menu-toggle:hover{
    color:#e50914;
}

.submenu{
    display:none;
    padding-left:18px;
}

.submenu a{
    font-size:16px;
    color:#bbbbbb;
}
.menu-group{
    display:block;
}

.menu-group.active .submenu{
    display:block;
}

/* V2 mobile menu stability fix */
.menu-header{
    position:relative;
    padding-right:46px;
}
.close-menu{
    position:absolute;
    top:0;
    right:0;
    float:none;
}
@media (max-width:480px){
    .side-menu{
        width:min(88vw, 340px);
        padding:18px;
    }
    .menu-header h2{font-size:24px;}
    .side-menu nav a,
    .menu-toggle{font-size:17px;}
    .submenu{padding-left:14px;}
}
/* FINAL MOBILE SIDE MENU FIX */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.side-menu {
    width: 85vw !important;
    max-width: 360px !important;
    right: -100% !important;
    left: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

.side-menu.open {
    right: 0 !important;
}
.side-menu nav {
    display: block !important;
}

.side-menu nav > a,
.side-menu .menu-group,
.side-menu .menu-toggle {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
}

.side-menu nav a {
    white-space: normal !important;
    word-break: normal !important;
}
/* ===== Politics Category ===== */

#politics {
    background: #000;
    color: #fff;
    padding: 35px 20px;
}

#politics h2 {
    color: #fff;
}

#politics p {
    color: #b5b5b5;
}

#politics .category-news p {
    color: #fff;
}
#crime {
    color: #ffffff !important;
}

#crime h2 {
    color: #ffffff !important;
}

#crime p {
    color: #aaaaaa !important;
}

#crime .category-news p {
    color: #ffffff !important;
}
/* Crime section alignment fix */
#crime {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}
/* ===== Education Category Colors Only ===== */

#education h2 {
    color: #ffffff !important;
}

#education .category-header p {
    color: #aaaaaa !important;
}

#education .category-news p {
    color: #ffffff !important;
}
/* Education alignment - same as Crime */
#education {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
}
/* ===== SPORTS CATEGORY ===== */

#sports {
    padding-left: 20px !important;
    padding-right: 20px !important;
    color: #ffffff !important;
}

#sports h2 {
    color: #ffffff !important;
}

#sports p {
    color: #aaaaaa !important;
}

#sports .category-news p {
    color: #ffffff !important;
}
/* ===== Health Category ===== */

#health {
    padding: 20px;
}

#health h2 {
    color: #ffffff !important;
}

#health .category-header p {
    color: #aaaaaa !important;
}

#health .category-news p {
    color: #ffffff !important;
}
/* ===== Business Category ===== */

#business {
    padding: 20px;
}

#business h2 {
    color: #ffffff !important;
}

#business .category-header p {
    color: #aaaaaa !important;
}

#business .category-news p {
    color: #ffffff !important;
}
#technology {
    padding: 20px;
}

#technology h2 {
    color: #ffffff !important;
}

#technology .category-header p {
    color: #aaaaaa !important;
}

#technology .category-news p {
    color: #ffffff !important;
}
/* ===== Entertainment Category ===== */

#entertainment {
    padding: 20px;
}

#entertainment h2 {
    color: #ffffff !important;
}

#entertainment .category-header p {
    color: #aaaaaa !important;
}

#entertainment .category-news p {
    color: #ffffff !important;
}

/* ===== V2.2 Final category compatibility ===== */
#administration, #agriculture, #religion-culture, #weather, #other {
    padding: 20px;
    color: #ffffff;
}
#administration h2, #agriculture h2, #religion-culture h2, #weather h2, #other h2 {
    color: #ffffff !important;
}
#administration .category-header p, #agriculture .category-header p,
#religion-culture .category-header p, #weather .category-header p, #other .category-header p {
    color: #aaaaaa !important;
}


/* ===== V2.4 FINAL REVIEW: TOP BREAKING NEWS FIX ===== */
#top-story.breaking-news{
    display:flex;
    align-items:stretch;
    width:100%;
    height:60px;
    margin:0;
    padding:0;
    background:#111;
    border:0;
    border-top:2px solid #E50914;
    border-bottom:2px solid #E50914;
    border-radius:0;
    overflow:hidden;
    box-sizing:border-box;
}

#top-story .breaking-label{
    position:relative;
    z-index:2;
    flex:0 0 auto;
    height:100%;
    padding:0 18px;
    display:flex;
    align-items:center;
    background:#E50914;
    color:#fff;
    font-weight:700;
    white-space:nowrap;
    box-sizing:border-box;
}

#top-story .breaking-content{
    position:relative;
    flex:1 1 auto;
    min-width:0;
    height:100%;
    padding:0;
    overflow:hidden;
    display:flex;
    align-items:center;
    color:#fff;
    white-space:nowrap;
}

#top-story .ticker{
    display:inline-flex;
    flex:none;
    align-items:center;
    width:max-content;
    padding-left:100%;
    animation:topBreakingTicker 22s linear infinite;
    will-change:transform;
}

#top-story .ticker span{
    flex:none;
    margin-right:35px;
}

@keyframes topBreakingTicker{
    from{ transform:translateX(0); }
    to{ transform:translateX(-100%); }
}


/* ===== V2.4 FINAL REVIEW: Top Story + Shivpuri Tehsil preview ===== */
button.read-more{
    font-family:inherit;
    cursor:pointer;
}
.tehsil-card[data-tehsil]{ cursor:pointer; }

.preview-modal{
    position:fixed;
    inset:0;
    z-index:2000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(0,0,0,.78);
    box-sizing:border-box;
}
.preview-modal.open{ display:flex; }
.preview-modal-card{
    position:relative;
    width:min(100%,520px);
    background:#111;
    border:1px solid #E50914;
    border-radius:18px;
    padding:28px 22px 24px;
    box-sizing:border-box;
    box-shadow:0 18px 50px rgba(0,0,0,.55);
}
.preview-modal-close{
    position:absolute;
    top:10px;
    right:12px;
    border:0;
    background:transparent;
    color:#fff;
    font-size:24px;
    cursor:pointer;
}
.preview-modal-kicker{
    color:#E50914;
    font-weight:700;
    margin-bottom:10px;
}
.preview-modal-card h2{
    color:#fff;
    margin:0 32px 12px 0;
    font-size:24px;
    line-height:1.35;
}
.preview-modal-card p{
    color:#cfcfcf;
    margin:0;
    font-size:16px;
    line-height:1.7;
}


/* ===== V2.4 FINAL REVIEW: Video + Latest functional controls ===== */
.video-news-open{ cursor:pointer; }
button.latest-news-open{
    font-family:inherit;
    cursor:pointer;
}

/* ===== V2.4 COVERAGE NETWORK: functional cards ===== */
.coverage-open{ cursor:pointer; }
.coverage-open:active{ transform:scale(.99); }



/* ===== V2.4 Category + Trending functional controls only ===== */
.category-open, .trending-open { cursor:pointer; }
button.trending-button {
  background:transparent;
  font-family:inherit;
  font-size:inherit;
  cursor:pointer;
}


/* ===== V2.4 ABOUT + CITIZEN REPORTER ===== */
button.about-button,
button.district-button{
    background:transparent;
    font-family:inherit;
    cursor:pointer;
}

.citizen-action-card{
    background:#151515;
    border:1px solid #2c2c2c;
    border-radius:22px;
    padding:22px;
    margin-bottom:30px;
}
.citizen-action-card h3{
    color:#fff;
    font-size:28px;
    margin:0 0 8px;
}
.citizen-action-card > p{
    color:#bdbdbd;
    line-height:1.6;
}

.citizen-news-form,
.official-reporter-form{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:20px;
}
.citizen-news-form label,
.official-reporter-form label,
.experience-fieldset legend{
    color:#fff;
    font-weight:700;
    font-size:15px;
}
.citizen-news-form input,
.citizen-news-form textarea,
.official-reporter-form input,
.official-reporter-form textarea,
.official-reporter-form select{
    width:100%;
    box-sizing:border-box;
    background:#0b0b0b;
    color:#fff;
    border:1px solid #3a3a3a;
    border-radius:12px;
    padding:13px 14px;
    font:inherit;
    outline:none;
}
.citizen-news-form input:focus,
.citizen-news-form textarea:focus,
.official-reporter-form input:focus,
.official-reporter-form textarea:focus,
.official-reporter-form select:focus{
    border-color:#E50914;
}

.citizen-submit,
.reporter-submit{
    margin-top:10px;
    border:0;
    border-radius:14px;
    padding:14px 18px;
    background:#E50914;
    color:#fff;
    font-size:17px;
    font-weight:800;
    cursor:pointer;
}
.citizen-verify-note{
    margin:16px 0 0;
    color:#cfcfcf !important;
    font-size:14px;
    line-height:1.6;
}

.reporter-modal{
    position:fixed;
    inset:0;
    z-index:2200;
    display:none;
    align-items:flex-start;
    justify-content:center;
    padding:18px;
    background:rgba(0,0,0,.82);
    overflow-y:auto;
    box-sizing:border-box;
}
.reporter-modal.open{ display:flex; }
.reporter-modal-card{
    position:relative;
    width:min(100%,620px);
    margin:18px auto;
    background:#111;
    border:1px solid #E50914;
    border-radius:20px;
    padding:26px 20px 24px;
    box-sizing:border-box;
}
.reporter-modal-close{
    position:absolute;
    top:10px;
    right:12px;
    border:0;
    background:transparent;
    color:#fff;
    font-size:24px;
    cursor:pointer;
}
.reporter-modal-kicker{
    color:#E50914;
    font-weight:800;
    margin-bottom:8px;
}
.reporter-modal-card h2{
    color:#fff;
    margin:0 34px 18px 0;
    font-size:28px;
}
.form-section-title{
    margin:18px 0 4px;
    padding-top:14px;
    border-top:1px solid #2b2b2b;
    color:#E50914;
    font-size:18px;
    font-weight:800;
}
.experience-fieldset{
    border:1px solid #333;
    border-radius:12px;
    padding:12px;
    margin:4px 0;
}
.experience-fieldset label{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-right:18px;
    font-weight:500;
}
.experience-fieldset input{
    width:auto;
}
.optional,
.small-note{
    color:#9f9f9f;
    font-weight:400;
}
.declaration-check{
    display:flex !important;
    align-items:flex-start;
    gap:10px;
    line-height:1.5;
    margin-top:10px;
}
.declaration-check input{
    width:auto;
    margin-top:4px;
}
.reporter-important-note{
    margin-top:22px;
    padding:16px;
    background:#171717;
    border-left:4px solid #E50914;
    border-radius:10px;
    color:#d0d0d0;
    line-height:1.6;
}
.reporter-important-note strong{ color:#fff; }
.reporter-important-note p{ margin:8px 0 0; }


/* ===== V2.4 CONTACT/FOOTER: essential links only ===== */
.footer-essential-links a{
    color:inherit;
    text-decoration:none;
}
.footer-essential-links a:hover,
.footer-essential-links a:focus{
    color:#E50914;
}

/* P4 public landing mobile readability/layout repair — 2026-10-08.
   Scoped to existing landing markup; does not affect admin or backend. */
body { color:#f5f5f5; }
.category-section { padding:28px 20px; box-sizing:border-box; color:#f5f5f5; background:#070707; }
.category-section .category-header h2 { color:#fff; line-height:1.3; }
.category-section .category-header p { color:#bcbcbc; line-height:1.7; }
.category-section .category-news, .category-section .category-news p { color:#eee; line-height:1.7; }
.footer, .footer p, .footer-links, .footer-links a { color:#d6d6d6; }
.footer-links a { display:inline-block; margin:5px 8px; overflow-wrap:anywhere; }
.side-menu { background:#111; color:#fff; }
.side-menu nav { display:block; }
.side-menu nav a, .side-menu .menu-toggle { color:#fff; }
.reporter-modal-card, .reporter-modal-card label, .reporter-modal-card p { color:#eee; }
.official-reporter-form { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
.official-reporter-form input:not([type=radio]):not([type=checkbox]):not([type=file]),
.official-reporter-form select, .official-reporter-form textarea { box-sizing:border-box; max-width:100%; width:100%; min-width:0; }
@media (max-width:600px) {
  .category-section { padding:22px 16px; }
  .footer { padding:36px 16px 24px; }
  .footer-links { max-width:100%; overflow-wrap:anywhere; }
  .reporter-modal { padding:10px; }
  .reporter-modal-card { padding:22px 14px; }
  .official-reporter-form { min-width:0; }
}