/* ============================================
   CV News — Black & Gold Theme
   news.cognitionventure.com
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Source+Sans+3:wght@300;400;600;700&display=swap');

:root {
  --gold:#B8962E; --gold-dark:#8C6E1F; --gold-light:#f5ead1; --gold-pale:#fdf8ee;
  --black:#1A1A1A; --gray-dark:#333; --gray:#666; --gray-light:#999;
  --border:#e0d8c0; --bg:#f9f6ef; --white:#fff;
  --ff-head:'Playfair Display',Georgia,serif;
  --ff-body:'Source Sans 3',Arial,sans-serif;
}
html.dark { --black:#f0f0f0; --gray-dark:#ccc; --gray:#aaa; --border:#333; --bg:#111; --white:#1a1a1a; --gold-pale:#1e1a0f; }

*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--ff-body);background:var(--bg);color:var(--black);font-size:15px;line-height:1.6;transition:background 0.3s,color 0.3s;}
a{color:var(--gold-dark);text-decoration:none;}
a:hover{color:var(--gold);text-decoration:underline;}
img{max-width:100%;height:auto;display:block;}
.container{max-width:1140px;margin:0 auto;padding:0 16px;}

/* PROGRESS BAR */
#progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold-dark),var(--gold),#E6C65C);width:0%;z-index:9999;transition:width 0.1s;}

/* BREAKING BAR */
.breaking-bar{background:var(--black);color:#fff;padding:6px 0;font-size:13px;}
.breaking-inner{display:flex;align-items:center;overflow:hidden;}
.breaking-label{background:var(--gold);padding:5px 14px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;flex-shrink:0;}
.ticker-wrap{overflow:hidden;flex:1;margin-left:12px;}
.ticker{display:inline-block;white-space:nowrap;animation:ticker 40s linear infinite;}
@keyframes ticker{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}

/* TOPBAR */
.topbar{background:var(--white);border-bottom:1px solid var(--border);padding:5px 0;}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray);flex-wrap:wrap;gap:6px;}
.topbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.topbar-contact a{color:var(--gray);}
.topbar-contact a:hover{color:var(--gold);}
.social-links{display:flex;gap:8px;}
.social-links a{color:var(--gray);font-size:13px;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;}
.social-links a:hover{color:var(--gold);border-color:var(--gold);text-decoration:none;}
.dark-toggle{background:none;border:1px solid var(--border);padding:4px 8px;border-radius:20px;cursor:pointer;font-size:13px;color:var(--gray);}
.dark-toggle:hover{border-color:var(--gold);}
.search-form{display:flex;align-items:center;gap:5px;}
.search-input{padding:4px 12px;border:1px solid var(--border);border-radius:20px;font-size:12px;outline:none;width:160px;background:var(--bg);color:var(--black);transition:width 0.3s,border-color 0.2s;}
.search-input:focus{width:220px;border-color:var(--gold);}
.search-btn{background:var(--gold);color:#fff;border:none;border-radius:50%;width:26px;height:26px;cursor:pointer;font-size:12px;}

/* HEADER AD */
.header-ad{background:var(--gold-pale);border-bottom:1px solid var(--border);text-align:center;padding:8px 0;min-height:60px;display:flex;align-items:center;justify-content:center;}

/* MASTHEAD */
.masthead{text-align:center;padding:22px 0 12px;border-bottom:4px double #222;background:var(--white);}
.masthead-link{text-decoration:none !important;}
.masthead-name{font-family:var(--ff-head);font-size:68px;font-weight:900;color:var(--gold);letter-spacing:3px;line-height:1;}
.masthead-logo{max-height:90px;display:inline-block;}
.masthead-tagline{font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--gray);margin:5px 0;}
.goldbar{height:4px;background:linear-gradient(90deg,#8C6E1F,#D4AF37,#E6C65C,#D4AF37,#8C6E1F);margin:8px 0 4px;}
.masthead-info{display:flex;justify-content:space-between;font-size:12px;color:var(--gray);padding:4px 0;}

/* NAV */
.main-nav{background:var(--black);border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:100;}
.main-nav .container{display:flex;align-items:center;}
.nav-toggle{display:none;background:none;border:none;color:var(--gold);font-size:20px;cursor:pointer;padding:10px 0;}
#nav-ul{display:flex;list-style:none;overflow-x:auto;scrollbar-width:none;flex:1;}
#nav-ul::-webkit-scrollbar{display:none;}
#nav-ul li a{display:block;padding:11px 14px;color:#ccc;font-size:13px;font-weight:600;white-space:nowrap;transition:all 0.15s;}
#nav-ul li a:hover,#nav-ul li a.active{background:var(--gold);color:#fff;text-decoration:none;}

/* AD ZONES */
.ad-zone{text-align:center;padding:8px;background:var(--gold-pale);border:1px dashed #d4c490;border-radius:4px;}
.ad-label{font-size:9px;color:#bbb;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:4px;}
.ad-zone img{max-width:100%;display:inline-block;}
.ad-wrap{margin:16px 0;text-align:center;}
.sidebar-ad{margin-bottom:16px;}
.footer-ad{background:#111;text-align:center;padding:10px 0;border-top:1px solid #2a2a2a;}
.in-article-ad{margin:24px 0;}

/* HOMEPAGE */
.homepage{padding:20px 0;}
.home-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;}
.home-content{min-width:0;}
.section-head{display:flex;align-items:center;gap:10px;margin:22px 0 14px;}
.section-head .tag{background:var(--black);color:var(--gold);font-size:11px;font-weight:700;padding:4px 12px;letter-spacing:1px;text-transform:uppercase;}
.section-head .line{flex:1;height:2px;background:linear-gradient(90deg,var(--gold),transparent);}
.more-link{font-size:12px;color:var(--gold-dark);white-space:nowrap;font-weight:700;}

/* FEATURED */
.featured-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:20px;}
.featured-main .featured-img,.ph-lg{width:100%;height:300px;object-fit:cover;}
.ph-lg,.ph-md,.ph-sm,.ph-xs,.ph-rel{background:#ede8dc;display:flex;align-items:center;justify-content:center;color:#c5b070;font-size:32px;}
.ph-md{height:140px;} .ph-sm{height:64px;width:88px;} .ph-xs{height:58px;width:80px;flex-shrink:0;} .ph-rel{height:120px;}
.cat-badge{display:inline-block;background:var(--gold);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;letter-spacing:1px;text-transform:uppercase;margin:8px 0 5px;}
.cat-badge-sm{display:inline-block;background:var(--black);color:var(--gold);font-size:9px;font-weight:700;padding:2px 7px;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:3px;}
.breaking-badge{display:inline-block;background:#e00;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;margin-left:6px;animation:pulse 1.5s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}
.featured-main h2{font-family:var(--ff-head);font-size:24px;font-weight:900;line-height:1.25;margin-bottom:8px;}
.featured-main h2 a{color:var(--black);}
.featured-main h2 a:hover{color:var(--gold);text-decoration:none;}
.featured-main p{font-size:13px;color:var(--gray);line-height:1.6;}
.meta-row{font-size:11px;color:var(--gray-light);margin-top:8px;display:flex;gap:10px;flex-wrap:wrap;}
.featured-side{display:flex;flex-direction:column;gap:12px;}
.side-article{display:grid;grid-template-columns:88px 1fr;gap:10px;border-bottom:1px solid var(--border);padding-bottom:12px;}
.side-article:last-child{border-bottom:none;}
.side-article img{height:64px;width:88px;object-fit:cover;flex-shrink:0;}
.side-article h4{font-family:var(--ff-head);font-size:13px;font-weight:700;line-height:1.3;}
.side-article h4 a{color:var(--black);}
.side-article h4 a:hover{color:var(--gold);text-decoration:none;}
.meta{font-size:11px;color:var(--gray-light);margin-top:3px;}

/* CAT GRID */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;}
.cat-article img{height:140px;width:100%;object-fit:cover;margin-bottom:8px;}
.cat-article h3{font-family:var(--ff-head);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:5px;}
.cat-article h3 a{color:var(--black);}
.cat-article h3 a:hover{color:var(--gold);text-decoration:none;}
.cat-article p{font-size:13px;color:var(--gray);line-height:1.5;}
.two-col-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px;}
.list-article{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);}
.list-article:last-child{border-bottom:none;}
.list-article img{height:58px;width:80px;object-fit:cover;flex-shrink:0;}
.list-article h4{font-family:var(--ff-head);font-size:13px;font-weight:700;line-height:1.3;}
.list-article h4 a{color:var(--black);}
.list-article h4 a:hover{color:var(--gold);text-decoration:none;}

/* SIDEBAR */
.sidebar{}
.widget{background:var(--white);border:1px solid var(--border);border-top:3px solid var(--gold);padding:16px;margin-bottom:16px;}
.widget-dark{background:var(--black);border-color:var(--black);}
.widget-dark p{color:#aaa;font-size:13px;line-height:1.8;}
.widget-title{font-family:var(--ff-head);font-size:14px;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);color:var(--black);}
.widget-dark .widget-title{border-color:#333;}
.widget-list{list-style:none;}
.widget-item{padding:7px 0;border-bottom:1px solid var(--border);font-size:13px;display:flex;gap:8px;align-items:flex-start;}
.widget-item:last-child{border-bottom:none;}
.rank-num{background:var(--gold);color:#fff;font-size:10px;font-weight:700;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;margin-top:2px;}
.widget-item-info a{color:var(--gray-dark);line-height:1.3;display:block;}
.widget-item-info a:hover{color:var(--gold);}
.widget-item-thumb{align-items:center;}
.widget-item-thumb img,.widget-thumb-ph{width:70px;height:50px;object-fit:cover;flex-shrink:0;border-radius:3px;}
.widget-thumb-ph{background:#ede8dc;display:flex;align-items:center;justify-content:center;font-size:16px;}
.widget-cats{list-style:none;}
.widget-cats li{border-bottom:1px solid var(--border);}
.widget-cats li:last-child{border:none;}
.widget-cats li a{display:flex;justify-content:space-between;padding:7px 0;font-size:13px;color:var(--gray-dark);}
.widget-cats li a:hover{color:var(--gold);text-decoration:none;}
.widget-cats li a span{background:var(--gold-light);color:var(--gold-dark);font-size:11px;font-weight:700;padding:1px 8px;border-radius:10px;}
.tags-cloud{display:flex;flex-wrap:wrap;gap:6px;}
.tag-pill{background:var(--gold-pale);color:var(--gold-dark);font-size:11px;padding:4px 10px;border-radius:20px;border:1px solid var(--border);}
.tag-pill:hover{background:var(--gold);color:#fff;text-decoration:none;}
.poll-question{font-size:13px;font-weight:600;margin-bottom:10px;color:var(--black);}
.poll-option{position:relative;margin-bottom:8px;cursor:pointer;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:4px;overflow:hidden;}
.poll-option:hover{border-color:var(--gold);}
.poll-bar{position:absolute;left:0;top:0;height:100%;background:var(--gold-light);z-index:0;}
.poll-text{position:relative;z-index:1;font-size:13px;}
.poll-pct{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:var(--gold-dark);z-index:1;}
.poll-total{font-size:11px;color:var(--gray-light);margin-top:6px;}
.newsletter-form{display:flex;flex-direction:column;gap:8px;}
.newsletter-form input{padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:13px;outline:none;background:var(--bg);color:var(--black);}
.newsletter-form input:focus{border-color:var(--gold);}
.newsletter-form button{background:var(--black);color:var(--gold);border:none;padding:9px;border-radius:4px;font-weight:700;cursor:pointer;font-size:13px;}
.newsletter-form button:hover{background:var(--gold);color:#fff;}

/* ARTICLE PAGE */
.article-page{padding:24px 0;}
.article-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;}
.breadcrumb{font-size:12px;color:var(--gray-light);margin-bottom:16px;}
.breadcrumb a{color:var(--gray-light);}
.breadcrumb a:hover{color:var(--gold);}
.article-main h1{font-family:var(--ff-head);font-size:34px;font-weight:900;line-height:1.2;margin-bottom:10px;margin-top:8px;}
.article-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--gray-light);padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:16px;}
.article-meta a{color:var(--gray-light);}
.article-meta a:hover{color:var(--gold);}
.article-figure{margin-bottom:16px;}
.article-hero{width:100%;max-height:450px;object-fit:cover;}
.article-figure figcaption{font-size:12px;color:var(--gray-light);padding:6px 0;text-align:center;font-style:italic;}
.article-body{font-size:16px;line-height:1.9;color:var(--gray-dark);}
.article-body p{margin-bottom:16px;}
.share-bar{display:flex;gap:8px;align-items:center;margin:14px 0;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.share-label{font-size:12px;font-weight:700;color:var(--gray);}
.share-btn{padding:7px 14px;border-radius:4px;font-size:12px;font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:5px;cursor:pointer;border:none;text-decoration:none !important;}
.share-btn:hover{opacity:0.9;}
.share-btn.wa{background:#25D366;} .share-btn.fb{background:#1877F2;}
.share-btn.tw{background:#000;} .share-btn.cp{background:var(--gold);}
.share-btn.pr{background:#555;}
.article-tags{margin:16px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--gray);}
.reporter-box{display:flex;gap:16px;align-items:flex-start;background:var(--gold-pale);border:1px solid var(--border);padding:16px;border-radius:4px;margin:20px 0;}
.reporter-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.reporter-avatar-ph{width:70px;height:70px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0;}
.reporter-label{font-size:11px;color:var(--gray-light);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:3px;}
.reporter-name{font-family:var(--ff-head);font-size:16px;font-weight:700;color:var(--black);display:block;margin-bottom:5px;}
.reporter-name:hover{color:var(--gold);}
.reporter-bio{font-size:13px;color:var(--gray);}
.related-section{margin:24px 0;}
.related-title{font-family:var(--ff-head);font-size:20px;font-weight:700;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--gold);}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.related-article img{height:120px;width:100%;object-fit:cover;margin-bottom:8px;}
.related-article h4{font-family:var(--ff-head);font-size:14px;font-weight:700;line-height:1.3;}
.related-article h4 a{color:var(--black);}
.related-article h4 a:hover{color:var(--gold);text-decoration:none;}
.article-nav{margin-top:20px;border-top:2px solid var(--gold);padding-top:14px;display:flex;gap:20px;}
.article-nav a{color:var(--gold-dark);font-weight:700;}
.comments-section{margin-top:30px;border-top:2px solid var(--gold);padding-top:20px;}
.comments-title{font-family:var(--ff-head);font-size:20px;font-weight:700;margin-bottom:16px;}
.comment{display:flex;gap:14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border);}
.comment:last-child{border-bottom:none;}
.comment-avatar{width:40px;height:40px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;}
.comment-meta{display:flex;gap:10px;align-items:center;margin-bottom:5px;font-size:12px;}
.comment-meta strong{color:var(--black);}
.comment-meta span{color:var(--gray-light);}
.comment-body p{font-size:14px;color:var(--gray-dark);line-height:1.6;}
.comment-form{background:var(--gold-pale);border:1px solid var(--border);border-radius:4px;padding:20px;margin-top:20px;}
.comment-form h4{font-family:var(--ff-head);font-size:16px;font-weight:700;margin-bottom:14px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-group{margin-bottom:14px;}
.form-group label{font-size:12px;font-weight:700;color:#555;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:0.5px;}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:4px;font-size:14px;outline:none;background:var(--white);color:var(--black);font-family:var(--ff-body);}
.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);}
.form-group textarea{resize:vertical;min-height:100px;}
.btn-submit{background:var(--black);color:var(--gold);border:none;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;}
.btn-submit:hover{background:var(--gold);color:#fff;}
.alert-success{background:#dcfce7;color:#15803d;border:1px solid #86efac;padding:12px 16px;border-radius:4px;margin-bottom:14px;font-size:13px;}
.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;padding:12px 16px;border-radius:4px;margin-bottom:14px;font-size:13px;}

/* PAGINATION */
.pagination{display:flex;gap:6px;justify-content:center;margin:24px 0;flex-wrap:wrap;}
.pagination a{padding:8px 14px;border:1px solid var(--border);border-radius:4px;font-size:13px;color:var(--gray-dark);background:var(--white);}
.pagination a:hover,.pagination a.active{background:var(--gold);color:#fff;border-color:var(--gold);text-decoration:none;}

/* GALLERY */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;}
.gallery-item{position:relative;cursor:pointer;overflow:hidden;border-radius:4px;}
.gallery-item img{height:200px;width:100%;object-fit:cover;transition:transform 0.3s;}
.gallery-item:hover img{transform:scale(1.05);}
.gallery-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);color:#fff;font-size:12px;padding:8px;transform:translateY(100%);transition:transform 0.3s;}
.gallery-item:hover .gallery-caption{transform:translateY(0);}
.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:9999;align-items:center;justify-content:center;}
.lightbox.open{display:flex;}
.lightbox img{max-width:90%;max-height:90vh;object-fit:contain;}
.lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:36px;cursor:pointer;}

/* VIDEO GRID */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.video-card{background:var(--white);border:1px solid var(--border);border-radius:4px;overflow:hidden;}
.video-card .video-thumb{position:relative;}
.video-card .video-thumb img{height:180px;width:100%;object-fit:cover;}
.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(184,150,46,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;}
.video-info{padding:12px;}
.video-info h3{font-family:var(--ff-head);font-size:15px;font-weight:700;margin-bottom:6px;}
.video-info h3 a{color:var(--black);}
.video-info h3 a:hover{color:var(--gold);text-decoration:none;}

/* PAGE TITLE BAR */
.page-title-bar{background:var(--white);border-bottom:3px solid var(--gold);padding:14px 0;margin-bottom:20px;}
.page-title-bar h1{font-family:var(--ff-head);font-size:28px;font-weight:900;}

/* REPORTER PAGE */
.reporter-profile{display:flex;gap:24px;align-items:flex-start;background:var(--white);border:1px solid var(--border);padding:24px;border-radius:4px;margin-bottom:24px;}
.reporter-profile-img{width:120px;height:120px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--gold);}
.reporter-profile-ph{width:120px;height:120px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;flex-shrink:0;}
.reporter-profile h1{font-family:var(--ff-head);font-size:28px;font-weight:900;margin-bottom:4px;}
.reporter-profile .beat{background:var(--gold-light);color:var(--gold-dark);font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;display:inline-block;margin-bottom:8px;}
.reporter-social a{color:var(--gray-light);margin-right:10px;font-size:13px;}
.reporter-social a:hover{color:var(--gold);}

/* FOOTER */
.site-footer{background:#1a1a1a;color:#aaa;margin-top:40px;padding:36px 0 0;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;margin-bottom:24px;}
.footer-about .footer-name{font-family:var(--ff-head);font-size:24px;font-weight:900;color:#D4AF37;margin-bottom:10px;}
.footer-about p{font-size:13px;line-height:1.8;color:#777;}
.footer-about a{color:#D4AF37;}
.site-footer h5{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #333;}
.site-footer ul{list-style:none;}
.site-footer ul li{padding:4px 0;font-size:13px;}
.site-footer ul li a{color:#777;}
.site-footer ul li a:hover{color:var(--gold);}
.footer-social{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;}
.footer-social a{color:var(--gold);font-size:12px;font-weight:700;padding:5px 12px;border:1px solid #333;border-radius:20px;}
.footer-social a:hover{border-color:var(--gold);}
.footer-bottom{border-top:1px solid #2a2a2a;padding:14px 0;display:flex;justify-content:space-between;font-size:12px;color:#555;flex-wrap:wrap;gap:8px;}
.footer-bottom a{color:#555;}
.footer-bottom a:hover{color:var(--gold);}

/* BACK TO TOP */
#back-to-top{position:fixed;bottom:30px;right:30px;background:var(--gold);color:#fff;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:18px;display:none;align-items:center;justify-content:center;z-index:999;box-shadow:0 4px 12px rgba(0,0,0,0.3);}
#back-to-top.visible{display:flex;}
#back-to-top:hover{background:var(--gold-dark);}

/* ABOUT / STATIC PAGES */
.static-page{padding:30px 0;}
.static-content{background:var(--white);border:1px solid var(--border);padding:32px;border-radius:4px;}
.static-content h1{font-family:var(--ff-head);font-size:32px;font-weight:900;margin-bottom:6px;}
.static-content h2{font-family:var(--ff-head);font-size:22px;font-weight:700;margin:24px 0 10px;}
.static-content p{color:var(--gray-dark);line-height:1.8;margin-bottom:14px;}
.static-content ul{margin-left:20px;margin-bottom:14px;line-height:2;}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;}
.team-card{text-align:center;padding:20px;border:1px solid var(--border);border-radius:4px;background:var(--gold-pale);}
.team-card img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto 10px;border:2px solid var(--gold);}
.team-card h4{font-family:var(--ff-head);font-size:16px;font-weight:700;}
.team-card p{font-size:12px;color:var(--gray-light);}

/* CONTACT PAGE */
.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;}
.contact-info-item{display:flex;gap:12px;margin-bottom:16px;}
.contact-icon{width:40px;height:40px;background:var(--gold);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.contact-map iframe{width:100%;height:200px;border:0;border-radius:4px;}

/* AD ZONES DISPLAY (advertise page) */
.ad-zone-display{border:2px dashed var(--border);border-radius:4px;padding:20px;text-align:center;margin-bottom:14px;background:var(--gold-pale);}
.ad-zone-display h4{font-family:var(--ff-head);font-size:16px;font-weight:700;color:var(--black);margin-bottom:6px;}
.ad-zone-display .size{font-size:13px;color:var(--gray);margin-bottom:4px;}
.ad-zone-display .rate{font-size:18px;font-weight:700;color:var(--gold);}

/* SEARCH */
.search-hero{background:var(--black);padding:30px 0;text-align:center;}
.search-hero h1{font-family:var(--ff-head);font-size:28px;color:var(--gold);margin-bottom:14px;}
.search-hero-form{display:flex;max-width:500px;margin:0 auto;gap:8px;}
.search-hero-form input{flex:1;padding:12px 18px;border:none;border-radius:4px;font-size:15px;outline:none;}
.search-hero-form button{background:var(--gold);color:#fff;border:none;padding:12px 20px;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;}
.search-result{border-bottom:1px solid var(--border);padding:16px 0;display:grid;grid-template-columns:90px 1fr;gap:14px;}
.search-result:last-child{border-bottom:none;}
.search-result img{height:64px;width:90px;object-fit:cover;}
.search-result h3{font-family:var(--ff-head);font-size:16px;font-weight:700;margin-bottom:5px;}
.search-result h3 a{color:var(--black);}
.search-result h3 a:hover{color:var(--gold);}
.highlight{background:var(--gold-light);padding:0 2px;border-radius:2px;}

/* RESPONSIVE */
@media(max-width:1024px){
  .gallery-grid{grid-template-columns:repeat(3,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
  .home-layout,.article-layout,.category-layout,.contact-grid{grid-template-columns:1fr;}
  .sidebar{display:none;}
  .featured-grid{grid-template-columns:1fr;}
  .cat-grid{grid-template-columns:1fr 1fr;}
  .video-grid{grid-template-columns:1fr 1fr;}
  .masthead-name{font-size:44px;}
  .related-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .cat-grid,.two-col-section{grid-template-columns:1fr;}
  .masthead-name{font-size:30px;}
  .featured-main h2{font-size:18px;}
  .article-main h1{font-size:24px;}
  .gallery-grid,.video-grid,.related-grid{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .nav-toggle{display:block;}
  #nav-ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--black);z-index:200;}
  #nav-ul.open{display:flex;}
  #nav-ul li a{border-bottom:1px solid #222;}
  .masthead-info{flex-direction:column;text-align:center;gap:4px;}
}
@media print{
  .main-nav,.topbar,.breaking-bar,.sidebar,.share-bar,.comments-section,.ad-zone,.header-ad,.footer-ad,.site-footer,#back-to-top,#progress-bar{display:none!important;}
  .article-layout{grid-template-columns:1fr;}
  .article-main h1{font-size:24px;}
}