*{box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#fff;color:#1a1a1a}
h1,h2,h3,h4,.serif{font-family:'Playfair Display',serif}
/* Ticker */
.ticker-wrap{overflow:hidden;white-space:nowrap;flex:1}
.ticker-inner{display:inline-block;animation:ticker 40s linear infinite}
.ticker-inner:hover{animation-play-state:paused}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* Hover zoom images */
.img-zoom{overflow:hidden}
.img-zoom img{transition:transform .45s ease;width:100%;height:100%;object-fit:cover;display:block}
.img-zoom:hover img{transform:scale(1.06)}
/* Overlay card */
.overlay-card{position:relative;overflow:hidden}
.overlay-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.overlay-card:hover img{transform:scale(1.05)}
.overlay-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.35) 65%,transparent 100%);padding:28px 22px 20px}
/* Category labels */
.cat{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#2d8c57}
.cat-blue{color:#1a6e9f}
.cat-red{color:#c0392b}
/* Exclusive badge */
.badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:1px;background:#2d8c57;color:#fff;margin-right:5px;vertical-align:middle}
/* Section header rule */
.sec-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.sec-header span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#2d8c57;white-space:nowrap}
.sec-header::after{content:'';flex:1;height:1px;background:#e5e7eb}
/* Search Overlay */
#search-overlay{display:none;position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);align-items:flex-start;justify-content:center;padding-top:80px}
#search-overlay.active{display:flex}
#search-box{background:#fff;width:100%;max-width:680px;border-radius:4px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}
#search-box form{display:flex;align-items:center}
#search-box input{flex:1;border:none;outline:none;padding:20px 22px;font-size:18px;font-family:'Inter',sans-serif;color:#1a1a1a}
#search-box button[type=submit]{background:#2d8c57;border:none;padding:0 24px;height:62px;cursor:pointer;display:flex;align-items:center;justify-content:center}
#search-close{position:absolute;top:22px;right:24px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1}
.search-suggest{padding:14px 22px 18px;border-top:1px solid #f0f0f0}
.search-suggest p{font-size:11px;font-weight:600;color:#999;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.search-suggest a{display:inline-block;margin:3px 4px 3px 0;padding:4px 12px;border:1px solid #e5e7eb;border-radius:2px;font-size:12px;color:#555;text-decoration:none}
.search-suggest a:hover{background:#2d8c57;color:#fff;border-color:#2d8c57}
/* Dropdown Nav */
.nav-item{position:relative}
.nav-item:hover .nav-dropdown{display:block}
.nav-dropdown{display:none;position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 24px rgba(0,0,0,.1);z-index:100;padding:8px 0}
.nav-dropdown a{display:block;padding:8px 18px;font-size:13px;color:#444;text-decoration:none;font-weight:500}
.nav-dropdown a:hover{color:#2d8c57;background:#f9fafb}
/* Mobile menu */
#mobile-menu{display:none}
#mobile-menu.active{display:block}
/* Article title hover */
.art-title:hover{color:#2d8c57}
/* Ad banner */
.ad-banner{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-radius:4px;padding:32px 40px;text-align:center;color:#fff;margin:32px 0}
/* Sidebar widget */
.widget-title{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1a1a1a;border-bottom:3px solid #2d8c57;display:inline-block;padding-bottom:4px;margin-bottom:16px}
/* Tag cloud */
.tag-pill{display:inline-block;padding:5px 14px;border:1px solid #e0e0e0;font-size:12px;color:#555;margin:3px;text-decoration:none;border-radius:2px}
.tag-pill:hover{background:#2d8c57;color:#fff;border-color:#2d8c57}
/* Pagination */
.page-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e0e0e0;font-size:13px;font-weight:600;color:#555;cursor:pointer;text-decoration:none}
.page-btn.active,.page-btn:hover{background:#2d8c57;color:#fff;border-color:#2d8c57}
/* Subscribe bar */
.sub-bar{background:#2d8c57;padding:18px 0}
/* Social icons */
.soc{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-size:13px;font-weight:700;color:#fff}
/* Scrollbar minimal */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background:#2d8c57;border-radius:4px}
/* Video play btn */
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.play-btn svg{margin-left:4px}
/* Compact Floating Social Bar */
.fixed-social{
    position:fixed;
    left:8px;
    top:50%;
    transform:translateY(-50%);
    z-index:9999;
    display:flex;
    flex-direction:column;
    gap:5px;
}

.social-btn{
    width:42px;
    height:42px;
    border-radius:11px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:15px;
    text-decoration:none;

    box-shadow:
        0 4px 12px rgba(0,0,0,.12),
        0 2px 4px rgba(0,0,0,.08);

    transition:all .25s ease;
    position:relative;
}

.social-btn:hover{
    transform:translateX(14px);
}

/* Small Tooltip */
.social-btn span{
    position:absolute;
    left:52px;
    background:#111827;
    color:#fff;

    font-size:11px;
    font-weight:600;

    padding:6px 10px;
    border-radius:8px;

    opacity:0;
    visibility:hidden;
    transform:translateX(-5px);

    transition:.25s ease;
    white-space:nowrap;
}

.social-btn:hover span{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}

/* Brand Colors */
.facebook{
    background:#1877f2;
}

.twitter{
    background:#000;
}

.instagram{
    background:linear-gradient(
        135deg,
        #f58529,
        #dd2a7b,
        #8134af
    );
}

.youtube{
    background:#ff0000;
}

.social-wrapper{
    position:fixed;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:9999;
}

.fixed-social{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:5px;
    transition:.35s ease;
}

.fixed-social.collapsed{
    transform:translateX(-52px);
}

/* Slide Handle */
.social-handle{
    position:absolute;
    right:-25px;
    top:50%;
    transform:translateY(-50%);

    width:22px;
    height:70px;

    border:none;
    cursor:pointer;

    background:#3471eb;
    color:#fff;

    border-radius:0 10px 10px 0;

    display:flex;
    align-items:center;
    justify-content:center;

    box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.social-handle:hover{
    background:#2563EB;
}

/* Existing Icon Styles */
.social-btn{
    width:42px;
    height:42px;
    border-radius:10px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    text-decoration:none;

    box-shadow:0 4px 10px rgba(0,0,0,.12);
    transition:.25s;
}

.social-btn:hover{
    transform:translateX(14px);
}

.facebook{background:#1877f2;}
.twitter{background:#000;}
.instagram{
    background:linear-gradient(
        135deg,
        #f58529,
        #dd2a7b,
        #8134af
    );
}
.youtube{background:#ff0000;}