/*
Theme Name: The Apna Times
Theme URI: https://theapnatimes.com
Author: The Apna Times
Author URI: https://theapnatimes.com
Description: A mobile-first, app-like WordPress news theme for The Apna Times. Features PWA support, breaking news ticker, dark mode, AdSense integration, SEO optimization, and full WordPress Customizer support. Designed to look and feel like a native mobile news application.
Version: 7.2.5
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theapnatimes
Tags: news, blog, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, threaded-comments, translation-ready, dark-mode, mobile-first, pwa
*/
:root{--primary:#c0392b;--primary-dark:#96281b;--primary-light:#e74c3c;--accent:#f39c12;--dark:#1a1a2e;--dark-alt:#16213e;--text:#2d2d2d;--text-light:#555;--text-muted:#888;--bg:#f8f6f1;--bg-white:#fff;--bg-card:#fff;--border:#e8e4dc;--font-display:'Playfair Display',Georgia,serif;--font-body:'Source Serif 4',Georgia,serif;--font-ui:'DM Sans',system-ui,sans-serif;--shadow-sm:0 1px 4px rgba(0,0,0,.08);--shadow-md:0 4px 20px rgba(0,0,0,.10);--shadow-lg:0 8px 40px rgba(0,0,0,.15);--radius:6px;--radius-lg:12px;--transition:all .25s cubic-bezier(.4,0,.2,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--primary);z-index:99999;transition:width .1s;width:0}.topbar{background:var(--dark);color:#ccc;font-family:var(--font-ui);font-size:12px;padding:6px 0;position:sticky;top:0;z-index:1000}.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.topbar-date,.topbar-clock{display:flex;align-items:center;gap:6px}.topbar-date i{color:var(--primary);font-size:11px}.topbar-clock i{color:var(--accent);font-size:11px}.topbar-links{display:flex;gap:14px}.topbar-links a{color:#aaa;transition:color .2s;font-size:11px}.topbar-links a:hover{color:#fff}.topbar-social{display:flex;gap:12px}.topbar-social a{color:#aaa;transition:var(--transition);font-size:14px}.topbar-social a:hover{color:var(--primary);transform:translateY(-2px)}header{background:var(--bg-white);border-bottom:1px solid var(--border);position:sticky;top:33px;z-index:999;box-shadow:var(--shadow-sm)}.header-main{padding:14px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-left{display:flex;align-items:center;gap:14px}.hamburger{font-size:20px;color:var(--text);padding:6px;transition:var(--transition)}.hamburger:hover{color:var(--primary)}.search-btn{font-size:18px;color:var(--text);padding:6px;transition:var(--transition)}.search-btn:hover{color:var(--primary)}.logo{text-align:center;flex:1}.logo a{display:inline-block}.logo h1{font-family:var(--font-display);font-size:clamp(26px,5vw,48px);font-weight:900;color:var(--dark);letter-spacing:-1px;line-height:1}.logo span{color:var(--primary)}.logo p{font-family:var(--font-ui);font-size:11px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-top:3px}.header-right{display:flex;align-items:center;gap:10px}.weather-widget{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-family:var(--font-ui);font-size:13px}.weather-widget i{color:var(--accent)}.btn-subscribe{background:var(--primary);color:#fff;font-family:var(--font-ui);font-size:13px;font-weight:600;padding:8px 18px;border-radius:4px;transition:var(--transition);display:inline-block}.btn-subscribe:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-signin{font-family:var(--font-ui);font-size:13px;color:var(--text);display:flex;align-items:center;gap:5px;padding:6px;transition:var(--transition)}.btn-signin:hover{color:var(--primary)}.navbar{background:var(--bg-white);border-top:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.navbar::-webkit-scrollbar{display:none}.navbar ul,.navbar #primary-menu{display:flex;align-items:center;gap:0;white-space:nowrap;list-style:none;padding:0;margin:0}.navbar li a{font-family:var(--font-ui);font-size:13.5px;font-weight:500;color:var(--text);padding:13px 16px;display:block;position:relative;transition:color .2s}.navbar li a::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--primary);transform:scaleX(0);transition:transform .2s}.navbar li a:hover,.navbar li.current-menu-item a{color:var(--primary)}.navbar li a:hover::after,.navbar li.current-menu-item a::after{transform:scaleX(1)}.navbar li.current-menu-item a{font-weight:700}.breaking-bar{background:var(--primary);color:#fff;display:flex;align-items:center;overflow:hidden}.breaking-label{background:var(--dark);color:#fff;font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:9px 16px;white-space:nowrap;flex-shrink:0}.breaking-arrow{width:0;height:0;border-top:19px solid transparent;border-bottom:19px solid transparent;border-left:14px solid var(--dark);flex-shrink:0}.ticker-wrapper{flex:1;overflow:hidden;padding:0 12px}.ticker-content{display:flex;animation:ticker 30s linear infinite;white-space:nowrap}.ticker-content span{font-family:var(--font-ui);font-size:13px;padding-right:60px}.ticker-content span::before{content:'⬥ ';opacity:.7}@keyframes ticker{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.ticker-nav{display:flex;flex-shrink:0}.ticker-nav button{color:#fff;padding:8px 10px;font-size:13px;transition:background .2s}.ticker-nav button:hover{background:rgba(255,255,255,.2)}.container{max-width:1280px;margin:0 auto;padding:0 20px}.ad-slot{background:#f0ede6;border:1px dashed #ccc;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);font-family:var(--font-ui);font-size:11px;overflow:hidden;position:relative}.ad-slot-label{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.12);color:#888;font-size:9px;padding:2px 6px;border-radius:2px;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px}.ad-leaderboard{width:100%;height:90px;margin:12px 0}.ad-rectangle{width:100%;height:250px;margin:16px 0}.ad-sidebar{width:100%;height:250px}.main-content{display:grid;grid-template-columns:1fr 300px;gap:28px;padding:24px 0}.hero-section{display:grid;grid-template-columns:1fr 280px;gap:20px;margin-bottom:28px}.hero-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer}.hero-card img{width:100%;height:420px;object-fit:cover;transition:transform .5s}.hero-card:hover img{transform:scale(1.03)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 40%,rgba(0,0,0,.2) 80%,transparent)}.hero-content{position:absolute;bottom:0;left:0;right:0;padding:24px;color:#fff}.tag-badge{display:inline-block;background:var(--primary);color:#fff;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:3px;margin-bottom:10px}.hero-content h2{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.25;margin-bottom:10px}.hero-content p{font-size:14px;opacity:.85;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{font-family:var(--font-ui);font-size:12px;opacity:.8;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.article-meta span{display:flex;align-items:center;gap:4px}.top-stories-panel{display:flex;flex-direction:column;gap:0}.panel-title{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--dark);padding-bottom:10px;border-bottom:3px solid var(--primary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.panel-title i{color:var(--primary);font-size:16px}.story-card{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition)}.story-card:hover{padding-left:4px}.story-card:last-child{border-bottom:none}.story-card img{width:80px;height:60px;object-fit:cover;border-radius:var(--radius);flex-shrink:0}.story-info h3{font-family:var(--font-display);font-size:14px;font-weight:700;line-height:1.35;margin-bottom:5px;transition:color .2s}.story-card:hover .story-info h3{color:var(--primary)}.story-meta{font-family:var(--font-ui);font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.story-cat{color:var(--primary);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.view-all{font-family:var(--font-ui);font-size:12px;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:4px;transition:var(--transition)}.view-all:hover{gap:8px}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.article-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;border:1px solid var(--border)}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.article-card img{width:100%;height:180px;object-fit:cover;transition:transform .4s}.article-card:hover img{transform:scale(1.04)}.article-card .card-body{padding:16px}.card-category{font-family:var(--font-ui);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:8px}.article-card h3{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.article-card:hover h3{color:var(--primary)}.article-card p{font-size:13px;color:var(--text-light);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);font-family:var(--font-ui);font-size:11px;color:var(--text-muted)}.card-footer .author{display:flex;align-items:center;gap:5px;font-weight:500}.read-time{display:flex;align-items:center;gap:4px}.categories-section{margin-bottom:28px}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-card{border-radius:var(--radius-lg);overflow:hidden;position:relative;cursor:pointer;aspect-ratio:4/3}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.category-card:hover img{transform:scale(1.08)}.category-card .cat-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 50%,transparent)}.category-card .cat-info{position:absolute;bottom:0;left:0;right:0;padding:12px 10px 10px;color:#fff}.cat-info h4{font-family:var(--font-display);font-size:14px;font-weight:700}.cat-info p{font-family:var(--font-ui);font-size:10px;opacity:.8;margin:2px 0 6px}.btn-explore{display:inline-block;background:rgba(255,255,255,.2);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.4);color:#fff;font-family:var(--font-ui);font-size:10px;font-weight:600;padding:4px 10px;border-radius:3px;transition:var(--transition)}.btn-explore:hover{background:var(--primary);border-color:var(--primary)}.sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-widget{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.widget-header{background:var(--dark);color:#fff;font-family:var(--font-display);font-size:14px;font-weight:700;padding:12px 16px;display:flex;align-items:center;gap:8px}.widget-header i{color:var(--accent)}.widget-body{padding:14px}.latest-item{padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition)}.latest-item:last-child{border-bottom:none;padding-bottom:0}.latest-item:hover{padding-left:4px}.latest-item h4{font-family:var(--font-display);font-size:13px;font-weight:700;line-height:1.35;margin-bottom:4px;transition:color .2s}.latest-item:hover h4{color:var(--primary)}.latest-item .time{font-family:var(--font-ui);font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.latest-item .time i{color:var(--accent);font-size:10px}.newsletter-widget{background:linear-gradient(135deg,var(--dark) 0,var(--primary-dark) 100%);color:#fff;border-radius:var(--radius-lg);padding:20px}.newsletter-widget>i{font-size:28px;color:var(--accent);margin-bottom:10px;display:block}.newsletter-widget h3{font-family:var(--font-display);font-size:18px;margin-bottom:6px}.newsletter-widget p{font-family:var(--font-ui);font-size:13px;opacity:.85;margin-bottom:14px}.newsletter-form{display:flex;flex-direction:column;gap:8px}.newsletter-form input{padding:10px 14px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-family:var(--font-ui);font-size:13px;outline:none;transition:border-color .2s;width:100%}.newsletter-form input::placeholder{color:rgba(255,255,255,.5)}.newsletter-form input:focus{border-color:var(--accent)}.newsletter-form button{background:var(--accent);color:var(--dark);font-family:var(--font-ui);font-size:13px;font-weight:700;padding:10px;border-radius:4px;transition:var(--transition);width:100%}.newsletter-form button:hover{background:#f1c40f;transform:translateY(-1px)}.tags-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.tag-pill{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-ui);font-size:12px;padding:5px 12px;border-radius:20px;cursor:pointer;transition:var(--transition);display:inline-block}.tag-pill:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.single-post-wrap{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;margin-bottom:28px}.single-post-hero{position:relative}.single-post-hero img{width:100%;max-height:420px;object-fit:cover}.single-post-body{padding:28px}.post-breadcrumb{font-family:var(--font-ui);font-size:12px;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:6px}.post-breadcrumb a{color:var(--primary)}.post-headline{font-family:var(--font-display);font-size:clamp(24px,4vw,36px);font-weight:800;line-height:1.2;margin-bottom:14px;color:var(--dark)}.post-meta-bar{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:20px;font-family:var(--font-ui);font-size:13px;color:var(--text-muted);flex-wrap:wrap}.post-meta-bar .author-info{display:flex;align-items:center;gap:8px}.author-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-ui);font-size:14px;font-weight:700;flex-shrink:0;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover}.post-social-share{display:flex;gap:8px;margin-left:auto}.share-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;transition:var(--transition);cursor:pointer}.share-fb{background:#1877f2;color:#fff}.share-tw{background:#000;color:#fff}.share-wa{background:#25d366;color:#fff}.share-btn:hover{transform:scale(1.1)}.post-content{font-size:16px;line-height:1.85;color:var(--text)}.post-content p{margin-bottom:18px}.post-content h2{font-family:var(--font-display);font-size:22px;font-weight:800;margin:28px 0 14px;color:var(--dark)}.post-content h3{font-family:var(--font-display);font-size:18px;font-weight:700;margin:20px 0 10px;color:var(--dark)}.post-content ul{margin:14px 0 18px 20px}.post-content ul li{margin-bottom:8px;list-style:disc}.post-content blockquote{border-left:4px solid var(--primary);background:#fdf5f4;padding:16px 20px;margin:20px 0;border-radius:0 var(--radius) var(--radius) 0;font-style:italic;font-size:17px;color:var(--dark)}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.search-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:10000;align-items:flex-start;justify-content:center;padding-top:80px}.search-overlay.open{display:flex;animation:fadeIn .2s}.search-box{width:100%;max-width:640px;padding:0 20px;animation:slideDown .3s}@keyframes slideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.search-box h2{font-family:var(--font-display);font-size:28px;color:#fff;margin-bottom:16px}.search-input-wrap{display:flex;background:#fff;border-radius:8px;overflow:hidden}.search-input-wrap input{flex:1;padding:16px 20px;font-family:var(--font-body);font-size:16px;border:none;outline:none}.search-input-wrap button{background:var(--primary);color:#fff;padding:0 20px;font-size:18px}.search-close{position:absolute;top:20px;right:20px;color:#fff;font-size:24px;cursor:pointer}.mobile-menu{display:none;position:fixed;inset:0;background:var(--dark);z-index:10000;flex-direction:column;padding:60px 30px 30px;overflow-y:auto}.mobile-menu.open{display:flex;animation:fadeIn .25s}.mobile-menu-close{position:absolute;top:16px;right:20px;color:#fff;font-size:24px;cursor:pointer}.mobile-menu ul,.mobile-menu #mobile-nav-menu{display:flex;flex-direction:column;gap:0;list-style:none;padding:0;margin:0}.mobile-menu li a{font-family:var(--font-display);font-size:22px;font-weight:700;color:#fff;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);display:block;transition:color .2s}.mobile-menu li a:hover{color:var(--accent)}.mobile-social{display:flex;gap:16px;margin-top:30px}.mobile-social a{color:#fff;font-size:22px;transition:color .2s}.mobile-social a:hover{color:var(--accent)}footer{background:var(--dark);color:#ccc;margin-top:40px}.footer-top{padding:48px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand h3{font-family:var(--font-display);font-size:28px;font-weight:900;color:#fff}.footer-brand h3 span{color:var(--primary)}.footer-brand p{font-family:var(--font-ui);font-size:13px;line-height:1.7;margin:12px 0;opacity:.8}.footer-social{display:flex;gap:10px;margin-top:14px}.footer-social a{width:36px;height:36px;background:rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:14px;transition:var(--transition)}.footer-social a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.footer-col h4{font-family:var(--font-ui);font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-col ul{display:flex;flex-direction:column;gap:10px}.footer-col ul li a{font-family:var(--font-ui);font-size:13px;color:#aaa;transition:color .2s;display:flex;align-items:center;gap:6px}.footer-col ul li a::before{content:'›';color:var(--primary);font-size:16px}.footer-col ul li a:hover{color:#fff}.footer-bottom{background:rgba(0,0,0,.3);padding:16px 0}.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-ui);font-size:12px;gap:12px;flex-wrap:wrap}.footer-links{display:flex;gap:16px}.footer-links a{color:#888;transition:color .2s}.footer-links a:hover{color:#fff}.skeleton{background:linear-gradient(90deg,#f0ede6 25%,#e8e4dc 50%,#f0ede6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.scroll-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--dark);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:0;transform:translateY(20px);transition:var(--transition);box-shadow:var(--shadow-md);z-index:999;cursor:pointer}.scroll-top.visible{opacity:1;transform:translateY(0)}.scroll-top:hover{background:var(--primary)}.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--dark);color:#fff;font-family:var(--font-ui);font-size:14px;padding:12px 24px;border-radius:8px;box-shadow:var(--shadow-lg);opacity:0;transition:all .3s;z-index:99999;white-space:nowrap;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.pagination{display:flex;gap:8px;justify-content:center;padding:24px 0}.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);font-size:14px;font-weight:600;transition:var(--transition);background:var(--bg-white)}.pagination .page-numbers.current{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination .page-numbers:hover{background:var(--dark);color:#fff;border-color:var(--dark)}.pagination .prev,.pagination .next{width:auto;padding:0 16px;font-size:13px}.comments-area{margin-top:28px}.comments-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--dark);margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid var(--primary)}.comment-list{list-style:none;display:flex;flex-direction:column;gap:16px}.comment-body{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.comment-author-name{font-family:var(--font-ui);font-weight:700;font-size:14px}.comment-date{font-family:var(--font-ui);font-size:12px;color:var(--text-muted);margin-bottom:8px}.comment-content p{font-size:14px;line-height:1.6}.comment-reply-link{font-family:var(--font-ui);font-size:12px;color:var(--primary);font-weight:600;margin-top:8px;display:inline-block}.comment-reply-link:hover{text-decoration:underline}.comment-form-wrap{margin-top:28px}.comment-form-title{font-family:var(--font-display);font-size:20px;font-weight:800;margin-bottom:16px}.comment-form input,.comment-form textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);font-size:14px;outline:none;background:var(--bg-white);color:var(--text);margin-bottom:12px;transition:border-color .2s}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--primary)}.comment-form textarea{height:120px;resize:vertical}.comment-form .submit{background:var(--primary);color:#fff;padding:12px 28px;border-radius:var(--radius);font-family:var(--font-ui);font-size:14px;font-weight:700;transition:var(--transition);cursor:pointer}.comment-form .submit:hover{background:var(--primary-dark);transform:translateY(-1px)}.wp-block-buttons .wp-block-button__link{background:var(--primary);color:#fff}.archive-header{margin-bottom:24px;padding-bottom:16px;border-bottom:3px solid var(--primary)}.archive-header h1{font-family:var(--font-display);font-size:clamp(24px,4vw,36px);font-weight:800;color:var(--dark)}.archive-header p{font-family:var(--font-ui);font-size:14px;color:var(--text-muted);margin-top:6px}@media(max-width:1024px){.main-content{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.articles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-section{grid-template-columns:1fr}.top-stories-panel{display:none}.articles-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.header-right .weather-widget{display:none}.topbar-links{display:none}.footer-bottom-inner{flex-direction:column;text-align:center}.post-meta-bar{flex-direction:column;gap:10px}.post-social-share{margin-left:0}}@media(max-width:480px){.categories-grid{grid-template-columns:repeat(2,1fr)}.logo h1{font-size:28px}.btn-signin span{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.tat-lang-switcher{position:relative;z-index:200}.lang-current-btn{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.25);color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:background 0.2s;font-family:var(--font-ui);white-space:nowrap}.lang-current-btn:hover{background:rgba(255,255,255,0.22)}.lang-dropdown{position:absolute;top:calc(100%+8px);right:0;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,0.18);min-width:160px;display:none;flex-direction:column;overflow:hidden;animation:fadeInDown 0.2s ease}.lang-dropdown.open{display:flex}.lang-option{display:flex;align-items:center;gap:10px;padding:9px 14px;font-family:var(--font-ui);font-size:13px;color:var(--text);text-decoration:none;transition:background 0.15s;border-bottom:1px solid var(--border)}.lang-option:last-child{border-bottom:none}.lang-option:hover{background:var(--bg-alt)}.lang-option.active{background:var(--primary);color:#fff}.lang-script{font-size:15px;min-width:22px;text-align:center}.lang-name{font-size:12px}@keyframes fadeInDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.post-meta-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:14px 0 18px}.author-info-inline{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}.author-inline-name{font-weight:700;font-size:14px;color:var(--text);font-family:var(--font-display)}.author-inline-role{font-size:11px;color:var(--text-muted);margin-top:2px}.meta-details{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);font-family:var(--font-ui);white-space:nowrap}.meta-item i{color:var(--primary)}.tat-share-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin:18px 0}.share-bar-label{font-family:var(--font-ui);font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-right:4px}.share-action-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;border:none;text-decoration:none;font-family:var(--font-ui)}.like-btn{background:#fff0f3;color:#e0345b;border:1px solid #ffc0cb}.like-btn:hover,.like-btn.liked{background:#e0345b;color:#fff}.like-btn.liked{cursor:default}.share-fb-btn{background:#1877f2;color:#fff}.share-fb-btn:hover{background:#145db2}.share-tw-btn{background:#000;color:#fff}.share-tw-btn:hover{background:#333}.share-wa-btn{background:#25d366;color:#fff}.share-wa-btn:hover{background:#1da851}.share-ig-btn{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.share-ig-btn:hover{opacity:0.88}.share-yt-btn{background:#ff0000;color:#fff}.share-yt-btn:hover{background:#cc0000}.wa-community-btn{background:#128c7e;color:#fff;font-size:12px;padding:7px 14px;border-radius:20px}.wa-community-btn:hover{background:#075e54}.wa-comm-text{font-size:11px;font-weight:700}.copy-link-btn{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.copy-link-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.tat-author-box{background:linear-gradient(135deg,var(--bg) 0,var(--bg-alt) 100%);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:14px;padding:24px;margin:28px 0 8px;box-shadow:0 2px 16px rgba(0,0,0,0.06)}.author-box-header{display:flex;align-items:flex-start;gap:18px}.author-box-avatar{position:relative;flex-shrink:0}.author-pro-avatar{width:82px !important;height:82px !important;border-radius:50% !important;border:3px solid var(--primary);object-fit:cover}.author-verified-badge{position:absolute;bottom:2px;right:2px;background:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--primary);box-shadow:0 1px 4px rgba(0,0,0,0.2)}.author-box-name{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text);line-height:1.2}.author-box-role{font-family:var(--font-ui);font-size:13px;color:var(--primary);font-weight:600;margin-top:4px}.author-box-stats{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap}.author-box-stats span{font-family:var(--font-ui);font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.author-box-stats i{color:var(--primary)}.author-box-socials{display:flex;gap:8px;margin-top:10px}.author-social-link{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none;transition:transform 0.2s,opacity 0.2s;color:#fff}.author-social-link:hover{transform:scale(1.15);opacity:0.9}.author-social-link.fb{background:#1877f2}.author-social-link.tw{background:#000}.author-social-link.web{background:var(--primary)}.author-box-bio{font-family:var(--font-body);font-size:14px;color:var(--text-muted);line-height:1.65;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.author-box-cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;background:var(--primary);color:#fff;padding:9px 18px;border-radius:8px;font-family:var(--font-ui);font-size:13px;font-weight:700;text-decoration:none;transition:background 0.2s,transform 0.15s}.author-box-cta:hover{background:var(--primary-dark);transform:translateY(-1px);color:#fff}.tat-social-follow{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.social-follow-btn{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s;min-width:150px;flex:1;max-width:200px;color:#fff}.social-follow-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15);color:#fff}.social-follow-btn i{font-size:22px;flex-shrink:0}.social-follow-info{display:flex;flex-direction:column}.social-follow-label{font-size:13px;font-weight:700;font-family:var(--font-ui)}.social-follow-action{font-size:11px;opacity:0.85;font-family:var(--font-ui)}.fb-btn{background:linear-gradient(135deg,#1877f2,#0c5fd4)}.ig-btn{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#bc1888)}.tw-btn{background:linear-gradient(135deg,#14171a,#333)}.yt-btn{background:linear-gradient(135deg,#ff0000,#cc0000)}.wa-btn{background:linear-gradient(135deg,#25d366,#128c7e)}.tg-btn{background:linear-gradient(135deg,#0088cc,#006699)}.section-title-sm{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:6px}.section-title-sm i{color:var(--primary)}@media (max-width:640px){.tat-share-bar{gap:6px;padding:10px 12px}.share-action-btn{padding:6px 9px;font-size:12px}.wa-comm-text{display:none}.author-box-header{flex-direction:column;align-items:center;text-align:center}.author-box-socials{justify-content:center}.author-box-stats{justify-content:center}.social-follow-btn{min-width:130px;flex:1 1 40%}.tat-lang-switcher{display:none}.meta-details{gap:7px}.meta-item{font-size:11px}}@media (max-width:480px){.author-box-name{font-size:17px}.author-pro-avatar{width:68px !important;height:68px !important}}.ad-wrap{width:100%;margin:20px 0;text-align:center;overflow:hidden}.ad-wrap-top{margin-bottom:20px}.ad-wrap-inline{margin:18px 0}.ad-wrap-mid{margin:28px 0;padding:16px 0;border-top:2px dashed var(--border);border-bottom:2px dashed var(--border);background:var(--bg-alt);border-radius:8px;position:relative}.ad-wrap-mid::before{content:'Advertisement';position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--bg-alt);padding:0 10px;font-size:10px;color:var(--text-muted);font-family:var(--font-ui);letter-spacing:1px;text-transform:uppercase}.ad-wrap-after-content{margin:24px 0;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.meta-date{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);font-family:var(--font-ui)}.meta-date i{color:var(--primary);font-size:10px}.single .post-tags,.single-post-wrap .post-tags{display:none !important}.meta-item.views-item{display:inline-flex;align-items:center;gap:4px}.meta-updated{color:var(--primary);font-weight:600}.meta-updated i{font-size:11px}.tat-toc{background:var(--bg-light,#f8f9fa);border:1px solid var(--border,#e2e8f0);border-left:4px solid var(--primary);border-radius:var(--radius,8px);margin:28px 0;overflow:hidden;transition:var(--transition)}.toc-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;font-weight:700;font-size:15px;color:var(--dark);user-select:none;gap:10px}.toc-header:hover{background:rgba(0,0,0,.03)}.toc-header span{display:flex;align-items:center;gap:8px}.toc-header i.toc-arrow{font-size:12px;transition:transform .25s;color:var(--primary)}.tat-toc.toc-closed .toc-arrow{transform:rotate(180deg)}.tat-toc.toc-closed .toc-list{display:none}.toc-list{list-style:none;margin:0;padding:0 18px 14px}.toc-item a{display:block;padding:6px 0;font-size:14px;color:var(--text-secondary,#555);text-decoration:none;border-bottom:1px dashed var(--border,#e2e8f0);transition:color .2s;line-height:1.5}.toc-item a:hover{color:var(--primary);padding-left:4px}.toc-h3 a{padding-left:18px;font-size:13px}.toc-item:last-child a{border-bottom:none}body.tat-dark-mode .tat-toc{background:#1a2736;border-color:#2d3f55}body.tat-dark-mode .toc-header{color:#e2e8f0}body.tat-dark-mode .toc-item a{color:#a0b3c8;border-color:#2d3f55}body.tat-dark-mode .toc-item a:hover{color:var(--primary)}.tat-post-navigation{margin:36px 0 28px}.post-nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:16px}.post-nav-item{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--bg-light,#f8f9fa);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,8px);text-decoration:none;transition:var(--transition)}.post-nav-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-nav-next{text-align:right}.post-nav-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);display:flex;align-items:center;gap:6px}.post-nav-next .post-nav-label{justify-content:flex-end}.post-nav-content{display:flex;align-items:center;gap:10px}.post-nav-next .post-nav-content{flex-direction:row-reverse}.post-nav-thumb{width:64px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.post-nav-text{display:flex;flex-direction:column;gap:4px;min-width:0}.post-nav-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary)}.post-nav-title{font-size:13px;font-weight:600;color:var(--dark);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-nav-inner:has(.post-nav-prev:only-child),.post-nav-inner:has(.post-nav-next:only-child){grid-template-columns:1fr}@media (max-width:600px){.post-nav-inner{grid-template-columns:1fr}.post-nav-next .post-nav-content{flex-direction:row}.post-nav-next{text-align:left}.post-nav-next .post-nav-label{justify-content:flex-start}}body.tat-dark-mode .post-nav-item{background:#1a2736;border-color:#2d3f55}body.tat-dark-mode .post-nav-title{color:#e2e8f0}.post-content table{width:100%;border-collapse:collapse;margin:24px 0;font-family:var(--font-ui);font-size:14px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.post-content table thead{background:var(--primary);color:#fff}.post-content table thead th{padding:12px 16px;text-align:left;font-weight:700;font-size:13px;letter-spacing:0.3px}.post-content table tbody tr{border-bottom:1px solid var(--border);transition:background 0.15s}.post-content table tbody tr:nth-child(even){background:var(--bg-alt,#f5f3ef)}.post-content table tbody tr:hover{background:rgba(192,57,43,0.06)}.post-content table td{padding:11px 16px;vertical-align:top;color:var(--text);line-height:1.55}.post-content table caption{caption-side:bottom;font-size:12px;color:var(--text-muted);font-family:var(--font-ui);padding:8px 0;font-style:italic}.post-content ol{margin:14px 0 18px 0;padding-left:0;counter-reset:tat-ol}.post-content ol li{counter-increment:tat-ol;display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;line-height:1.65;padding-left:0;list-style:none}.post-content ol li::before{content:counter(tat-ol);background:var(--primary);color:#fff;font-family:var(--font-ui);font-size:12px;font-weight:700;min-width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.post-content ul{margin:14px 0 18px 0;padding-left:0;list-style:none}.post-content ul li{position:relative;padding-left:22px;margin-bottom:9px;line-height:1.65}.post-content ul li::before{content:'';position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0}.post-content ul ul li::before{background:transparent;border:2px solid var(--primary)}.share-gn-btn{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff !important}.share-gn-btn:hover{opacity:0.88;color:#fff !important}.gn-text{font-size:11px;font-weight:700}.gn-btn{background:linear-gradient(135deg,#4285f4 0,#34a853 50%,#ea4335 100%);color:#fff !important}.gn-btn:hover{opacity:0.88;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15);color:#fff !important}.share-tg-btn{background:#0088cc;color:#fff !important}.share-tg-btn:hover{background:#006699}.tat-follow-section{margin-top:28px;padding:20px;background:var(--bg-alt,#f5f3ef);border-radius:14px;border:1px solid var(--border)}@media (prefers-color-scheme:dark){:root{--bg:#121212;--bg-white:#1e1e1e;--bg-alt:#1a1a1a;--bg-card:#1e1e1e;--text:#e8e8e8;--text-light:#bbb;--text-muted:#888;--border:#2d2d2d;--dark:#0a0a0f;--dark-alt:#111;--shadow-sm:0 1px 4px rgba(0,0,0,.3);--shadow-md:0 4px 20px rgba(0,0,0,.4)}body{background:var(--bg);color:var(--text)}.single-post-wrap,.article-card,.tat-author-box,.tat-share-bar,.tat-follow-section,.panel{background:var(--bg-white);border-color:var(--border)}.post-content table thead{background:var(--primary)}.post-content table tbody tr:nth-child(even){background:#242424}.post-content table td{color:var(--text)}.post-content blockquote{background:#1a1a1a}.topbar{background:#0a0a0f}.mobile-menu{background:#0a0a0f}footer{background:#0a0a0f}.copy-link-btn{background:#2a2a2a;color:#ccc;border-color:#333}.copy-link-btn:hover{background:var(--primary);color:#fff}.social-follow-btn{box-shadow:0 2px 10px rgba(0,0,0,0.4)}input,textarea,select{background:#2a2a2a;color:var(--text);border-color:var(--border)}}@media (max-width:900px){.main-content{display:flex;flex-direction:column}.sidebar{order:-1}.articles-area{order:1}}@media (max-width:768px){.post-meta-bar{flex-direction:column;align-items:flex-start;gap:8px}.author-info-inline{width:100%}.meta-details{width:100%;gap:6px}.meta-item{font-size:11px}.post-headline{font-size:clamp(20px,5vw,30px)}.single-post-body{padding:16px}}@media (max-width:640px){.post-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.post-content table thead th,.post-content table td{padding:9px 12px;font-size:13px}.tat-share-bar{gap:5px;padding:10px 10px;flex-wrap:wrap}.share-action-btn{padding:6px 9px;font-size:12px}.wa-comm-text,.gn-text{display:none}.social-follow-btn{min-width:calc(50% - 8px);flex:1 1 calc(50% - 8px)}.author-box-header{flex-direction:column;align-items:center;text-align:center}.author-box-socials{justify-content:center}.author-box-stats{justify-content:center}.tat-follow-section{padding:14px}}.wp-block-faq-block,.schema-faq{margin:20px 0}.wp-block-faq-block details,.schema-faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.wp-block-faq-block summary,.schema-faq-question{padding:14px 18px;font-weight:700;font-family:var(--font-ui);font-size:15px;cursor:pointer;background:var(--bg-alt);list-style:none;display:flex;justify-content:space-between;align-items:center}.wp-block-faq-block summary::after,.schema-faq-question::after{content:'+';font-size:18px;color:var(--primary)}.wp-block-faq-block details[open] summary::after,.schema-faq-item.open .schema-faq-question::after{content:'−'}.wp-block-faq-block .faq-answer,.schema-faq-answer{padding:14px 18px;font-size:14px;line-height:1.65;color:var(--text-muted);border-top:1px solid var(--border)}.wp-block-howto-block,.schema-howto{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;margin:24px 0}.schema-howto-step{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.schema-howto-step-num{background:var(--primary);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.schema-review{border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin:20px 0}.schema-review-stars{color:#f39c12;font-size:18px;margin-bottom:8px}@media (max-width:900px){.sidebar .panel:not(:first-child){display:none}}@media (max-width:768px){.container{padding:0 14px}body{font-size:15px}.topbar{padding:5px 0;font-size:11px}.topbar .container{flex-wrap:nowrap;gap:8px}.topbar-left{gap:10px}.topbar-date,.topbar-clock{font-size:10px}.topbar-links{display:none}.topbar-social{gap:10px}.topbar-social a{font-size:13px}header{top:29px}.header-main{padding:10px 0 8px;gap:10px}.logo{flex:1;text-align:center}.logo h1{font-size:clamp(20px,6vw,30px);letter-spacing:-.5px}.logo p{display:none}.header-right .weather-widget{display:none}.header-right .btn-subscribe{display:none}.btn-signin span{display:none}.btn-signin{font-size:18px;padding:4px 6px}.hamburger{font-size:20px}.search-btn{font-size:18px}.tat-lang-switcher{display:none}.navbar{display:none}.breaking-label{font-size:10px;padding:8px 10px;letter-spacing:.5px}.ticker-content span{font-size:12px;padding-right:40px}.ticker-nav{display:none}.hero-section{grid-template-columns:1fr;gap:0}.top-stories-panel{display:none}.hero-card img{height:220px}.hero-content{padding:16px}.hero-content h2{font-size:18px}.hero-content p{display:none}.article-meta{font-size:11px;gap:8px}.articles-grid{grid-template-columns:1fr;gap:14px}.article-card img{height:200px}.article-card .card-body{padding:12px}.article-card h3{font-size:15px}.categories-grid{grid-template-columns:repeat(2,1fr);gap:10px}.cat-info h4{font-size:13px}.main-content{grid-template-columns:1fr;gap:20px;padding:16px 0}.sidebar{order:-1}.articles-area{order:1}.single-post-hero img{max-height:220px}.single-post-body{padding:14px}.post-headline{font-size:clamp(20px,5.5vw,28px);margin-bottom:10px}.post-breadcrumb{font-size:11px}.post-content{font-size:15px;line-height:1.8}.post-content h2{font-size:19px;margin:22px 0 10px}.post-content h3{font-size:16px}.post-content blockquote{font-size:15px;padding:12px 14px}.post-content p{margin-bottom:14px}.post-meta-bar{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 0;margin-bottom:14px}.author-info-inline{width:100%}.meta-details{display:flex;flex-wrap:wrap;gap:6px;width:100%}.meta-item{font-size:11px}.author-inline-name{font-size:13px}.author-inline-role{font-size:11px}.tat-share-bar{gap:5px;padding:10px 8px;flex-wrap:wrap;justify-content:flex-start;border-radius:8px}.share-bar-label{font-size:11px}.share-action-btn{padding:7px 10px;font-size:13px;border-radius:6px}.wa-comm-text,.gn-text{display:none}.share-wac-btn,.share-gn-btn{padding:7px 10px}.tat-author-box{padding:16px;border-radius:10px}.author-box-header{flex-direction:column;align-items:center;text-align:center;gap:12px}.author-pro-avatar{width:70px !important;height:70px !important}.author-box-name{font-size:16px}.author-box-role{font-size:12px}.author-box-stats{justify-content:center;gap:12px;font-size:12px}.author-box-socials{justify-content:center;margin-top:8px}.author-box-bio{font-size:13px;line-height:1.6;margin-top:12px}.author-box-cta{padding:10px 16px;font-size:13px;text-align:center}.tat-social-follow{grid-template-columns:1fr 1fr !important;gap:8px !important}.social-follow-btn{min-width:unset;padding:10px 12px;font-size:12px}.social-follow-label{font-size:12px}.social-follow-action{font-size:10px}.tat-follow-section{padding:14px;margin-top:20px;border-radius:10px}.section-title-sm{font-size:13px}.related-posts-section .articles-grid{grid-template-columns:1fr}.ad-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.ad-leaderboard,.ad-rectangle{width:100% !important;max-width:100%;height:auto !important;min-height:60px}ins.adsbygoogle{width:100% !important}.footer-newsletter-bar>div{flex-direction:column;gap:16px}.footer-newsletter-bar input{min-width:unset;width:100%}.footer-grid{grid-template-columns:1fr !important;gap:24px}.footer-brand h3{font-size:22px}.footer-bottom-inner{flex-direction:column;text-align:center;gap:10px}.sidebar-widget{border-radius:10px}.widget-header{padding:10px 14px;font-size:13px}.widget-body{padding:12px}.latest-item h4{font-size:13px}.scroll-top{bottom:20px;right:16px;width:40px;height:40px;font-size:14px}.search-overlay{padding-top:60px}.search-box h2{font-size:20px}.search-input-wrap input{font-size:15px;padding:13px 14px}.mobile-menu{padding:56px 24px 28px}.mobile-menu li a{font-size:20px;padding:12px 0}article.single-post-wrap .single-post-body{padding:14px}.about-layout{grid-template-columns:1fr}.about-hero{padding:36px 0 28px}.about-hero-stats{gap:12px}.stat-card{padding:14px 18px;min-width:100px}.stat-number{font-size:26px}.about-section{padding:20px 16px}.about-categories-grid{grid-template-columns:repeat(3,1fr)}.about-values-grid{grid-template-columns:1fr 1fr}.about-cta-row{flex-direction:column}.about-cta-btn{justify-content:center}.sub-input-group{grid-template-columns:1fr}.sub-freq-options{flex-direction:column}.subscribe-form-body{padding:20px 16px}.subscribe-form-header{padding:24px 20px}.benefits-grid{grid-template-columns:1fr 1fr}.proof-number{font-size:44px}.legal-body{padding:24px 16px}.legal-header{padding:28px 20px}.legal-nav-grid{grid-template-columns:1fr 1fr}}@media (max-width:400px){.container{padding:0 10px}.logo h1{font-size:18px}.hero-card img{height:190px}.about-categories-grid{grid-template-columns:repeat(2,1fr)}.about-values-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr}.tat-social-follow{grid-template-columns:1fr !important}.stat-card{min-width:80px;padding:12px 14px}.legal-nav-grid{grid-template-columns:1fr}.share-action-btn{padding:6px 8px;font-size:12px}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 18px}.main-content{grid-template-columns:1fr 260px;gap:20px}.hero-section{grid-template-columns:1fr 220px}.hero-card img{height:340px}.articles-grid{grid-template-columns:repeat(2,1fr)}.categories-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.tat-social-follow{grid-template-columns:repeat(3,1fr) !important}.single-post-body{padding:22px}.author-box-header{flex-direction:row}.about-categories-grid{grid-template-columns:repeat(4,1fr)}}@media print{.topbar,.navbar,header,.breaking-bar,.tat-share-bar,.tat-follow-section,.sidebar,.related-posts-section,.ad-wrap,.scroll-top,.mobile-menu{display:none !important}.main-content{grid-template-columns:1fr}.post-content{font-size:12pt;line-height:1.6}.post-headline{font-size:18pt}}.elementor-content-wrap{width:100%;max-width:100%;overflow-x:hidden}.elementor-content-wrap .elementor,.elementor-content-wrap .elementor-section,.elementor-content-wrap .elementor-container,.elementor-content-wrap .elementor-column,.elementor-content-wrap .elementor-widget-wrap{max-width:100% !important;padding-left:0 !important;padding-right:0 !important}.elementor-content-wrap img{max-width:100%;height:auto}.elementor-content-wrap h1,.elementor-content-wrap h2,.elementor-content-wrap h3,.elementor-content-wrap h4{font-family:var(--font-display);color:var(--dark);line-height:1.3}.elementor-content-wrap p,.elementor-content-wrap .elementor-text-editor{font-family:var(--font-body);font-size:16px;line-height:1.85;color:var(--text)}@media (max-width:768px){.elementor-content-wrap .elementor-section{padding:10px 0 !important}.elementor-content-wrap .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px !important}.elementor-content-wrap p,.elementor-content-wrap .elementor-text-editor{font-size:15px;line-height:1.8}}.post-content>*{max-width:100%}.post-content img{max-width:100%;height:auto;border-radius:var(--radius);margin:16px 0}.post-content figure{margin:20px 0}.post-content figcaption{font-family:var(--font-ui);font-size:12px;color:var(--text-muted);text-align:center;margin-top:6px}.post-content .wp-block-image{margin:20px 0}.post-content .wp-block-quote{border-left:4px solid var(--primary);background:#fdf5f4;padding:16px 20px;margin:20px 0;border-radius:0 var(--radius) var(--radius) 0}.post-content .wp-block-pullquote{border-top:4px solid var(--primary);border-bottom:4px solid var(--primary);padding:24px;text-align:center;margin:24px 0}.post-content .wp-block-separator{border:none;border-top:2px solid var(--border);margin:28px 0}.post-content .wp-block-table{width:100%;overflow-x:auto;display:block}.post-content .wp-block-embed{margin:20px 0}.post-content .wp-block-embed iframe{max-width:100%}.post-content .wp-block-video video{max-width:100%}.post-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.post-content table th{background:var(--dark);color:#fff;padding:10px 14px;font-family:var(--font-ui)}.post-content table td{padding:9px 14px;border-bottom:1px solid var(--border)}.post-content table tr:nth-child(even){background:var(--bg-light,#f8f6f1)}body.tat-dark-mode{--primary:#e05252;--primary-dark:#c0392b;--primary-light:#f07070;--accent:#f0b429;--dark:#e2e8f0;--dark-alt:#cbd5e1;--text:#e2e8f0;--text-light:#cbd5e1;--text-muted:#94a3b8;--bg:#0f1923;--bg-white:#1a2535;--bg-card:#1e2d40;--border:#2d3f55;--shadow-sm:0 1px 4px rgba(0,0,0,.4);--shadow-md:0 4px 20px rgba(0,0,0,.5);--shadow-lg:0 8px 40px rgba(0,0,0,.6)}body.tat-dark-mode{background:var(--bg);color:var(--text)}body.tat-dark-mode header{background:var(--bg-white);border-bottom-color:var(--border)}body.tat-dark-mode .navbar{background:var(--bg-white);border-top-color:var(--border)}body.tat-dark-mode .topbar{background:#0a111a}body.tat-dark-mode .topbar-links a{color:#94a3b8}body.tat-dark-mode .topbar-links a:hover{color:#e2e8f0}body.tat-dark-mode .topbar-social a{color:#94a3b8}body.tat-dark-mode .logo h1{color:#e2e8f0}body.tat-dark-mode .logo p{color:#94a3b8}body.tat-dark-mode .weather-widget{background:#243347;border-color:var(--border);color:#e2e8f0}body.tat-dark-mode .news-card,body.tat-dark-mode .sidebar-widget,body.tat-dark-mode .hero-card,body.tat-dark-mode .post-card,body.tat-dark-mode .trending-item,body.tat-dark-mode .related-card{background:var(--bg-card);border-color:var(--border)}body.tat-dark-mode .card-title,body.tat-dark-mode .card-title a,body.tat-dark-mode .hero-title,body.tat-dark-mode .post-headline{color:#e2e8f0}body.tat-dark-mode .card-meta,body.tat-dark-mode .post-meta,body.tat-dark-mode .card-excerpt{color:#94a3b8}body.tat-dark-mode .single-post-body,body.tat-dark-mode .post-content-wrap,body.tat-dark-mode .article-body{background:var(--bg-card)}body.tat-dark-mode .post-content{color:#d1dbe8}body.tat-dark-mode .post-content p{color:#c8d6e5}body.tat-dark-mode .post-content h2,body.tat-dark-mode .post-content h3,body.tat-dark-mode .post-content h4{color:#e2e8f0}body.tat-dark-mode .post-content a{color:#60a5fa}body.tat-dark-mode .post-content blockquote,body.tat-dark-mode .post-content .wp-block-quote{background:#1e3a5f;border-color:var(--primary)}body.tat-dark-mode .breaking-bar{background:#16202d;border-bottom-color:var(--border)}body.tat-dark-mode footer,body.tat-dark-mode .footer-main{background:#070d14}body.tat-dark-mode .footer-bottom{background:#040810;border-top-color:#1a2535}body.tat-dark-mode .footer-widget-title{color:#e2e8f0}body.tat-dark-mode .footer-links a{color:#94a3b8}body.tat-dark-mode .footer-links a:hover{color:#e2e8f0}body.tat-dark-mode .nav-link{color:#cbd5e1}body.tat-dark-mode .nav-link:hover,body.tat-dark-mode .nav-link.active{color:var(--primary)}body.tat-dark-mode .mobile-menu{background:#111e2d}body.tat-dark-mode .mobile-menu-item a{color:#e2e8f0;border-bottom-color:#1e2d40}body.tat-dark-mode .search-bar{background:#1a2535;border-color:var(--border)}body.tat-dark-mode .search-bar input{background:transparent;color:#e2e8f0}body.tat-dark-mode input,body.tat-dark-mode textarea,body.tat-dark-mode select{background:#1e2d40;border-color:var(--border);color:#e2e8f0}body.tat-dark-mode .author-box{background:#1a2535;border-color:var(--border)}body.tat-dark-mode .ad-slot{background:#1a2535;border-color:var(--border)}body.tat-dark-mode .ad-slot-label{color:#64748b}body.tat-dark-mode .tag-badge{background:var(--primary)}body.tat-dark-mode .section-header,body.tat-dark-mode .widget-header span{color:#e2e8f0}body.tat-dark-mode .post-breadcrumb{color:#94a3b8}body.tat-dark-mode .post-breadcrumb a{color:#60a5fa}body.tat-dark-mode .post-content table th{background:#1a3a5c}body.tat-dark-mode .post-content table td{border-bottom-color:var(--border);color:#cbd5e1}body.tat-dark-mode .post-content table tr:nth-child(even){background:#1a2535}body.tat-dark-mode::-webkit-scrollbar{width:6px;height:6px}body.tat-dark-mode::-webkit-scrollbar-track{background:#0f1923}body.tat-dark-mode::-webkit-scrollbar-thumb{background:#2d3f55;border-radius:3px}.tat-dark-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg);border:1.5px solid var(--border);color:var(--text);font-size:16px;cursor:pointer;transition:var(--transition);flex-shrink:0;position:relative}.tat-dark-toggle:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:rotate(20deg)}.tat-dark-toggle .icon-moon{display:block}.tat-dark-toggle .icon-sun{display:none}body.tat-dark-mode .tat-dark-toggle .icon-moon{display:none}body.tat-dark-mode .tat-dark-toggle .icon-sun{display:block}body.tat-dark-mode .tat-dark-toggle{background:#1e2d40;border-color:#2d3f55;color:#f0b429}.menu-more-item{position:relative;list-style:none}.menu-more-btn{background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-size:13.5px;font-weight:600;color:var(--primary);padding:13px 16px;display:flex;align-items:center;gap:5px;transition:color .2s;white-space:nowrap}.menu-more-btn i{font-size:11px;transition:transform .25s}.menu-more-btn[aria-expanded="true"] i{transform:rotate(180deg)}.menu-more-dropdown{display:none;position:absolute;top:calc(100%+4px);left:0;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:180px;list-style:none;padding:6px 0;margin:0;z-index:9999;animation:dropFadeIn .18s ease}.menu-more-dropdown.open{display:block}.menu-more-dropdown li a{display:block;padding:10px 18px;font-size:14px;font-weight:500;color:var(--text);text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.menu-more-dropdown li a:hover{background:var(--bg-light);color:var(--primary)}@keyframes dropFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}body.tat-dark-mode .menu-more-dropdown{background:#1a2736;border-color:#2d3f55}body.tat-dark-mode .menu-more-dropdown li a{color:#e2e8f0}body.tat-dark-mode .menu-more-dropdown li a:hover{background:#243447;color:var(--primary)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-white);border-top:1px solid var(--border);z-index:9998;height:60px;align-items:stretch;box-shadow:0 -2px 12px rgba(0,0,0,.10)}.mob-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-light);text-decoration:none;font-size:10px;font-family:var(--font-ui);font-weight:500;transition:color .2s;cursor:pointer;background:none;border:none;padding:0}.mob-nav-item i{font-size:18px;line-height:1}.mob-nav-item.active,.mob-nav-item:hover{color:var(--primary)}.mob-nav-center{color:#fff !important;background:var(--primary);border-radius:50%;width:48px;height:48px;margin-top:-16px;box-shadow:0 4px 12px rgba(var(--primary-rgb,180,0,0),.4);flex:0 0 48px;align-self:flex-start}.mob-nav-center i{font-size:20px}.mob-nav-center span{display:none}@media (max-width:768px){.mobile-bottom-nav{display:flex}body{padding-bottom:60px}.scroll-top{bottom:72px}.toast{bottom:72px}}body.tat-dark-mode .mobile-bottom-nav{background:#0f1923;border-top-color:#1e2d40}body.tat-dark-mode .mob-nav-item{color:#6b8099}body.tat-dark-mode .mob-nav-item.active,body.tat-dark-mode .mob-nav-item:hover{color:var(--primary)}.article-card .card-img-wrap{position:relative;overflow:hidden;background:linear-gradient(135deg,#1a3a5c 0,var(--primary) 100%);height:180px}.article-card .card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s;display:block}.article-card:hover .card-img-wrap img{transform:scale(1.04)}.article-card .card-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.article-card .card-no-img i{font-size:36px;color:rgba(255,255,255,.25)}@media (max-width:600px){.article-card .card-img-wrap{height:160px}}

/* =====================================================
   HOMEPAGE 3-COLUMN HERO LAYOUT — screenshot match
   ===================================================== */

/* Main 3-column row */
.hp-hero-row {
  display: grid;
  grid-template-columns: 1fr 280px 240px;
  gap: 0;
  margin: 20px 0 24px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--bg-white);
  box-shadow: var(--shadow-sm);
}

/* COL 1: Hero Card */
.hp-hero-card {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 460px;
  text-decoration: none;
}
.hp-hero-card img {
  width: 100%;
  height: 100%;
  min-height: 460px;
  object-fit: cover;
  display: block;
  transition: transform .5s;
}
.hp-hero-card:hover img { transform: scale(1.03); }
.hp-hero-placeholder {
  width: 100%;
  min-height: 460px;
  background: linear-gradient(135deg, #1a1a2e, #c0392b);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.3);
  font-size: 64px;
}
.hp-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.92) 35%, rgba(0,0,0,.3) 65%, transparent);
}
.hp-hero-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 20px 20px;
  color: #fff;
}
.hp-hero-content .tag-badge {
  margin-bottom: 10px;
}
.hp-hero-content h2 {
  font-family: var(--font-display);
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 10px;
  color: #fff;
}
.hp-hero-content p {
  font-size: 13px;
  opacity: .88;
  line-height: 1.6;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hp-hero-meta {
  font-family: var(--font-ui);
  font-size: 12px;
  opacity: .8;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.hp-hero-meta span {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* Section title shared */
.hp-section-title {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 800;
  color: var(--dark);
  padding: 14px 16px 12px;
  border-bottom: 2px solid var(--primary);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.hp-section-title i { color: var(--primary); font-size: 15px; }

/* COL 2: Top Stories */
.hp-top-stories {
  border-left: 1px solid var(--border);
  display: flex;
  flex-direction: column;
}
.hp-story-card {
  display: flex;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
  text-decoration: none;
  color: inherit;
  transition: background .15s;
}
.hp-story-card:last-child { border-bottom: none; }
.hp-story-card:hover { background: var(--bg); }
.hp-story-card img {
  width: 90px;
  height: 66px;
  object-fit: cover;
  border-radius: 5px;
  flex-shrink: 0;
}
.hp-story-no-img {
  width: 90px;
  height: 66px;
  border-radius: 5px;
  background: linear-gradient(135deg, var(--dark), var(--primary));
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.3);
  font-size: 22px;
  flex-shrink: 0;
}
.hp-story-info { flex: 1; min-width: 0; }
.hp-story-cat {
  font-family: var(--font-ui);
  font-size: 9px;
  font-weight: 700;
  color: var(--primary);
  letter-spacing: 1px;
  display: block;
  margin-bottom: 4px;
}
.hp-story-info h3 {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 5px;
  color: var(--dark);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color .2s;
}
.hp-story-card:hover .hp-story-info h3 { color: var(--primary); }
.hp-story-meta {
  font-family: var(--font-ui);
  font-size: 11px;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  gap: 5px;
}

/* COL 3: Latest News */
.hp-latest-news {
  border-left: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  background: var(--dark);
}
.hp-latest-title {
  color: #fff !important;
  background: var(--dark-alt, #0f1828);
  border-bottom-color: var(--primary) !important;
  padding: 14px 14px 12px;
}
.hp-latest-title i { color: var(--accent) !important; }
.hp-latest-item {
  display: block;
  padding: 11px 14px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  text-decoration: none;
  transition: background .15s;
}
.hp-latest-item:hover { background: rgba(255,255,255,.05); }
.hp-latest-item h4 {
  font-family: var(--font-display);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.4;
  color: #e8e8e8;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color .2s;
}
.hp-latest-item:hover h4 { color: var(--accent); }
.hp-latest-time {
  font-family: var(--font-ui);
  font-size: 11px;
  color: rgba(255,255,255,.45);
  display: flex;
  align-items: center;
  gap: 6px;
}
.hp-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  display: inline-block;
  flex-shrink: 0;
}
.hp-view-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: auto 0 0;
  padding: 13px 14px;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 700;
  color: var(--primary);
  text-decoration: none;
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(192,57,43,.1);
  transition: background .2s;
}
.hp-view-all:hover { background: var(--primary); color: #fff; }

/* ── Responsive ─────────────────────────────────────── */
@media (max-width: 1024px) {
  .hp-hero-row {
    grid-template-columns: 1fr 260px;
  }
  .hp-latest-news { display: none; }
}

@media (max-width: 768px) {
  .hp-hero-row {
    grid-template-columns: 1fr;
    border-radius: 10px;
    margin: 12px 0 16px;
  }
  .hp-hero-card img,
  .hp-hero-placeholder {
    min-height: 240px;
  }
  .hp-top-stories,
  .hp-latest-news { 
    border-left: none;
    border-top: 1px solid var(--border);
    display: none;
  }
  .hp-hero-content h2 { font-size: 18px; }
  .hp-hero-content p  { display: none; }
}

/* Dark mode */
body.tat-dark-mode .hp-hero-row {
  border-color: var(--border);
  background: var(--bg-card);
}
body.tat-dark-mode .hp-top-stories {
  border-left-color: var(--border);
}
body.tat-dark-mode .hp-story-card:hover {
  background: rgba(255,255,255,.04);
}
body.tat-dark-mode .hp-story-info h3 { color: #e2e8f0; }
body.tat-dark-mode .hp-section-title  { color: #e2e8f0; }

/* ═══════════════════════════════════════════════════════════
   FULL HOMEPAGE REDESIGN — Professional layout
   ═══════════════════════════════════════════════════════════ */

/* ── 1. HERO 3-COLUMN ROW ───────────────────────────────── */
.hp-hero-row {
  display: grid;
  grid-template-columns: 1.6fr 1fr 220px;
  gap: 0;
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  margin: 20px 0 24px;
  background: var(--bg-white);
  box-shadow: 0 2px 16px rgba(0,0,0,.07);
}

/* Hero card */
.hp-hero-card {
  position: relative;
  display: block;
  min-height: 480px;
  overflow: hidden;
  text-decoration: none;
}
.hp-hero-card img {
  width: 100%; height: 100%; min-height: 480px;
  object-fit: cover; display: block;
  transition: transform .5s;
}
.hp-hero-card:hover img { transform: scale(1.03); }
.hp-hero-placeholder {
  width: 100%; min-height: 480px;
  background: linear-gradient(135deg,#1a1a2e,#c0392b);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.2); font-size: 72px;
}
.hp-hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.93) 30%, rgba(0,0,0,.25) 65%, transparent);
}
.hp-hero-content {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 28px 22px 22px;
  color: #fff;
}
.hp-hero-content .tag-badge { margin-bottom: 10px; }
.hp-hero-content h2 {
  font-family: var(--font-display);
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 800; line-height: 1.25;
  margin-bottom: 10px; color: #fff;
}
.hp-hero-content p {
  font-size: 13px; opacity: .85; line-height: 1.65;
  margin-bottom: 13px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.hp-hero-meta {
  font-family: var(--font-ui); font-size: 12px; opacity: .75;
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.hp-hero-meta span { display: flex; align-items: center; gap: 5px; }

/* Column shared header */
.hp-col-header {
  font-family: var(--font-display);
  font-size: 16px; font-weight: 800;
  padding: 13px 14px 11px;
  border-bottom: 3px solid var(--primary);
  display: flex; align-items: center; gap: 8px;
  color: var(--dark);
  background: var(--bg-white);
}
.hp-col-header i { color: var(--primary); font-size: 14px; }
.hp-col-header--dark {
  background: #1a1a2e;
  color: #fff;
  border-bottom-color: var(--primary);
}
.hp-col-header--dark i { color: var(--accent); }

/* Top Stories col */
.hp-top-stories {
  border-left: 1px solid var(--border);
  display: flex; flex-direction: column;
  background: var(--bg-white);
}
.hp-story-card {
  display: flex; gap: 10px;
  padding: 11px 14px;
  border-bottom: 1px solid var(--border);
  text-decoration: none; color: inherit;
  transition: background .15s;
}
.hp-story-card:last-child { border-bottom: none; }
.hp-story-card:hover { background: var(--bg); }
.hp-story-card img {
  width: 86px; height: 62px;
  object-fit: cover; border-radius: 6px; flex-shrink: 0;
}
.hp-story-no-img {
  width: 86px; height: 62px; border-radius: 6px;
  background: linear-gradient(135deg,#1a1a2e,var(--primary));
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.25); font-size: 20px; flex-shrink: 0;
}
.hp-story-info { flex: 1; min-width: 0; }
.hp-story-cat {
  font-family: var(--font-ui); font-size: 9px; font-weight: 700;
  color: var(--primary); letter-spacing: 1px;
  display: block; margin-bottom: 4px;
}
.hp-story-info h3 {
  font-family: var(--font-display); font-size: 12.5px; font-weight: 700;
  line-height: 1.35; margin-bottom: 5px; color: var(--dark);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  transition: color .2s;
}
.hp-story-card:hover .hp-story-info h3 { color: var(--primary); }
.hp-story-meta {
  font-family: var(--font-ui); font-size: 11px; color: var(--text-muted);
  display: flex; align-items: center; gap: 5px;
}

/* Latest News col (dark) */
.hp-latest-news {
  border-left: 1px solid var(--border);
  display: flex; flex-direction: column;
  background: #1a1a2e;
}
.hp-latest-item {
  display: block; padding: 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  text-decoration: none;
  transition: background .15s;
}
.hp-latest-item:hover { background: rgba(255,255,255,.05); }
.hp-latest-item h4 {
  font-family: var(--font-display); font-size: 12px; font-weight: 700;
  line-height: 1.4; color: #dde4ee; margin-bottom: 5px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  transition: color .2s;
}
.hp-latest-item:hover h4 { color: var(--accent); }
.hp-latest-time {
  font-family: var(--font-ui); font-size: 11px; color: rgba(255,255,255,.4);
  display: flex; align-items: center; gap: 6px;
}
.hp-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--accent); flex-shrink: 0; display: inline-block;
}
.hp-view-all-btn {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  margin-top: auto; padding: 13px 14px;
  font-family: var(--font-ui); font-size: 12px; font-weight: 700;
  color: var(--primary); text-decoration: none;
  border-top: 1px solid rgba(255,255,255,.07);
  background: rgba(192,57,43,.12);
  transition: all .2s;
}
.hp-view-all-btn:hover { background: var(--primary); color: #fff; }

/* ── 2. TWO-COL LAYOUT (main + sidebar) ────────────────── */
.hp-two-col {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 28px;
  padding: 4px 0 24px;
}
.hp-main-col { min-width: 0; }

/* ── 3. SECTION HEADER ──────────────────────────────────── */
.hp-section-header {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 18px; padding-bottom: 12px;
  border-bottom: 2px solid var(--border);
}
.hp-section-header h2 {
  font-family: var(--font-display); font-size: 20px; font-weight: 800;
  color: var(--dark); margin: 0; flex: 1;
}
.hp-section-icon {
  width: 30px; height: 30px; border-radius: 6px;
  background: var(--primary); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; flex-shrink: 0;
}
.hp-section-icon--red { background: var(--primary); }
.hp-viewall-link {
  font-family: var(--font-ui); font-size: 13px; font-weight: 600;
  color: var(--primary); text-decoration: none;
  display: flex; align-items: center; gap: 5px;
  transition: gap .2s;
}
.hp-viewall-link:hover { gap: 9px; }

/* ── 4. NEWS CARDS GRID ─────────────────────────────────── */
.hp-news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 4px;
}
.hp-news-card {
  background: var(--bg-white);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(0,0,0,.06);
  transition: transform .25s, box-shadow .25s;
  display: flex; flex-direction: column;
}
.hp-news-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(0,0,0,.12);
}
.hp-news-img {
  display: block; overflow: hidden;
  height: 175px; background: var(--border);
  flex-shrink: 0;
}
.hp-news-img img {
  width: 100%; height: 175px; object-fit: cover;
  display: block; transition: transform .4s;
}
.hp-news-card:hover .hp-news-img img { transform: scale(1.05); }
.hp-news-no-img {
  width: 100%; height: 175px;
  background: linear-gradient(135deg, #1a2a3a, var(--primary));
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.2); font-size: 40px;
}
.hp-news-body {
  padding: 14px 16px 16px;
  display: flex; flex-direction: column; flex: 1;
}
.hp-news-cat {
  display: flex; align-items: center; gap: 5px;
  font-family: var(--font-ui); font-size: 10px; font-weight: 700;
  color: var(--primary); text-transform: uppercase;
  letter-spacing: 1px; margin-bottom: 8px;
}
.hp-news-cat a { color: inherit; text-decoration: none; }
.hp-news-cat i { font-size: 9px; }
.hp-news-body h3 {
  font-family: var(--font-display); font-size: 15px; font-weight: 700;
  line-height: 1.35; margin-bottom: 8px; color: var(--dark);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  transition: color .2s;
}
.hp-news-body h3 a { color: inherit; text-decoration: none; }
.hp-news-card:hover .hp-news-body h3 { color: var(--primary); }
.hp-news-body p {
  font-size: 13px; color: var(--text-light); line-height: 1.6;
  margin-bottom: 12px; flex: 1;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.hp-news-footer {
  display: flex; align-items: center; justify-content: space-between;
  font-family: var(--font-ui); font-size: 11.5px; color: var(--text-muted);
  padding-top: 10px; border-top: 1px solid var(--border);
  margin-top: auto;
}
.hp-news-footer span { display: flex; align-items: center; gap: 5px; }

/* ── 5. FEATURED CATEGORIES GRID ───────────────────────── */
.hp-cats-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-bottom: 8px;
}
.hp-cat-card {
  position: relative; overflow: hidden;
  border-radius: 12px; aspect-ratio: 3/4;
  display: block; text-decoration: none;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
  transition: transform .3s, box-shadow .3s;
}
.hp-cat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,.22);
}
.hp-cat-card img {
  width: 100%; height: 100%; object-fit: cover;
  display: block; transition: transform .4s;
}
.hp-cat-card:hover img { transform: scale(1.07); }
.hp-cat-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.85) 50%, rgba(0,0,0,.2) 100%);
}
.hp-cat-info {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 12px 10px 10px; color: #fff;
}
.hp-cat-info h4 {
  font-family: var(--font-display); font-size: 14px; font-weight: 800;
  margin-bottom: 3px; line-height: 1.2;
}
.hp-cat-info p {
  font-family: var(--font-ui); font-size: 10px; opacity: .8;
  margin-bottom: 8px; line-height: 1.4;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.hp-cat-btn {
  display: inline-block;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255,255,255,.4);
  color: #fff; font-family: var(--font-ui);
  font-size: 10px; font-weight: 700;
  padding: 4px 10px; border-radius: 4px;
  transition: background .2s;
}
.hp-cat-card:hover .hp-cat-btn {
  background: var(--primary); border-color: var(--primary);
}

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 1100px) {
  .hp-hero-row { grid-template-columns: 1.5fr 1fr; }
  .hp-latest-news { display: none; }
  .hp-cats-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
  .hp-two-col { grid-template-columns: 1fr; }
  .hp-news-grid { grid-template-columns: repeat(2, 1fr); }
  .hp-cats-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .hp-hero-row { grid-template-columns: 1fr; border-radius: 10px; margin: 12px 0 16px; }
  .hp-hero-card img, .hp-hero-placeholder { min-height: 250px; }
  .hp-hero-content h2 { font-size: 17px; }
  .hp-hero-content p { display: none; }
  .hp-top-stories, .hp-latest-news { display: none; }
  .hp-news-grid { grid-template-columns: 1fr; gap: 14px; }
  .hp-cats-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .hp-two-col { grid-template-columns: 1fr; gap: 20px; padding: 4px 0 16px; }
  .hp-section-header h2 { font-size: 17px; }
}
@media (max-width: 480px) {
  .hp-cats-grid { grid-template-columns: repeat(2, 1fr); }
  .hp-news-img, .hp-news-img img, .hp-news-no-img { height: 155px; }
}

/* Dark mode */
body.tat-dark-mode .hp-hero-row { border-color: var(--border); background: var(--bg-card); }
body.tat-dark-mode .hp-col-header { background: var(--bg-card); color: var(--dark); }
body.tat-dark-mode .hp-top-stories { border-color: var(--border); background: var(--bg-card); }
body.tat-dark-mode .hp-story-card:hover { background: rgba(255,255,255,.04); }
body.tat-dark-mode .hp-story-info h3 { color: #e2e8f0; }
body.tat-dark-mode .hp-news-card { background: var(--bg-card); border-color: var(--border); }
body.tat-dark-mode .hp-news-body h3 { color: #e2e8f0; }
body.tat-dark-mode .hp-section-header h2 { color: #e2e8f0; }

/* ── NAVBAR: Desktop sab links, Mobile "More" button ── */
.mobile-menu-bar { display: none !important; }
.desktop-menu    { display: flex !important; }

@media (max-width: 768px) {
  .desktop-menu    { display: none !important; }
  .mobile-menu-bar { display: flex !important; }
}