/*
Theme Name: TechWorld20
Author: OpenAI
Description: Modern green technology news WordPress theme.
Version: 1.0.0
Text Domain: techworld20
*/
:root{--primary:#16a34a;--primary-dark:#15803d;--primary-darker:#166534;--primary-light:#dcfce7;--primary-50:#f0fdf4;--accent:#dc2626;--bg:#fff;--bg-soft:#f8fafc;--bg-mute:#f1f5f9;--surface:#fff;--border:#e6e9ef;--border-soft:#eef1f6;--text:#0f172a;--text-soft:#52607a;--text-mute:#94a3b8;--heading:#0b1220;--topbar-bg:#0b1220;--topbar-text:#cbd5e1;--shadow-sm:0 1px 2px rgba(15,23,42,.05),0 1px 3px rgba(15,23,42,.07);--shadow-md:0 6px 16px -6px rgba(15,23,42,.12),0 2px 6px -2px rgba(15,23,42,.07);--shadow-lg:0 18px 40px -12px rgba(15,23,42,.18),0 8px 16px -8px rgba(15,23,42,.08);--radius:16px;--maxw:1280px;--header-h:70px;--font-head:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--font-body:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html[data-theme="dark"]{--primary:#22c55e;--primary-light:#16331f;--primary-50:#0e2417;--bg:#0a0f1c;--bg-soft:#0d1424;--bg-mute:#111a2e;--surface:#0f1828;--border:#22304c;--border-soft:#1a2640;--text:#e5eaf3;--text-soft:#9aa7bd;--text-mute:#64748b;--heading:#f4f7fb;--topbar-bg:#060a14;--topbar-text:#9aa7bd}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-soft);color:var(--text);line-height:1.65;font-size:16px;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:.2s}ul{list-style:none}button,input{font-family:inherit}h1,h2,h3,h4,h5{font-family:var(--font-head);color:var(--heading);line-height:1.22;font-weight:700}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px;width:100%}.topbar{background:var(--topbar-bg);color:var(--topbar-text);font-size:13px}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:40px;gap:14px}.topbar-socials{display:flex;gap:10px}.site-header{position:sticky;top:0;z-index:900;background:var(--surface);border-bottom:1px solid var(--border)}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-inner{display:flex;align-items:center;gap:24px;min-height:var(--header-h)}.logo{display:flex;align-items:center;gap:11px;flex:none}.logo-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-darker));font-weight:900}.logo-text{font-family:var(--font-head);font-size:23px;font-weight:800;color:var(--heading);line-height:1}.logo-text b{color:var(--primary)}.logo-text small{display:block;font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute);margin-top:2px}.main-nav{margin-left:auto}.main-nav ul{display:flex;align-items:center;gap:4px}.main-nav a{display:flex;align-items:center;padding:10px 14px;border-radius:10px;font-weight:600;font-size:14.5px;color:var(--text-soft)}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--primary);background:var(--primary-50)}.icon-btn{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:var(--text-soft);background:var(--bg-mute);border:0;cursor:pointer}.icon-btn:hover{background:var(--primary);color:#fff}.menu-toggle{display:none}.search-form-header{display:flex;background:var(--bg-mute);border-radius:999px;overflow:hidden}.search-form-header input{border:0;background:transparent;padding:11px 14px;outline:0;color:var(--text);width:180px}.search-form-header button{border:0;background:var(--primary);color:#fff;padding:11px 15px;font-weight:700}.breaking{background:var(--surface);border-bottom:1px solid var(--border)}.breaking-inner{display:flex;align-items:stretch;height:48px;overflow:hidden}.breaking-label{display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;padding:0 18px 0 16px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}.pulse{width:9px;height:9px;border-radius:50%;background:#fff;animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.4;transform:scale(.7)}}.ticker-track{flex:1;overflow:hidden;display:flex;align-items:center}.ticker-content{display:inline-flex;gap:42px;white-space:nowrap;animation:ticker 38s linear infinite;padding-left:24px}.ticker-content a{font-size:14.5px;font-weight:500}.ticker-content a::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--primary);margin-right:10px}@keyframes ticker{to{transform:translateX(-50%)}}.page-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start;padding:34px 0 60px}.content-area{min-width:0}.sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:26px}.ad-area{margin-bottom:30px}.ad-placeholder{background:var(--bg-mute);border:1px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center;color:var(--text-mute)}.hero{margin-bottom:42px}.hero-grid{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:1fr 1fr;gap:18px;height:520px}.hero-card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg-mute);display:block;box-shadow:var(--shadow-sm)}.hero-card.main{grid-row:1 / span 2}.hero-card img,.hero-card .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.hero-card:hover img{transform:scale(1.06)}.hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,12,24,.92) 6%,rgba(7,12,24,.45) 42%,transparent 75%)}.hero-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:26px;color:#fff}.hero-badge,.card-cat{display:inline-flex;background:var(--primary);color:#fff;font-size:11.5px;font-weight:700;text-transform:uppercase;padding:6px 12px;border-radius:8px;margin-bottom:12px}.hero-card.main h2{font-size:30px;color:#fff;margin-bottom:10px}.hero-card.side h3{font-size:18px;color:#fff}.hero-meta{display:flex;gap:14px;font-size:12.5px;color:rgba(255,255,255,.8)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 22px}.section-head h2{font-size:22px;position:relative;padding-left:16px}.section-head h2::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:5px;border-radius:4px;background:linear-gradient(var(--primary),var(--primary-darker))}.section-head .more{font-size:13.5px;font-weight:600;color:var(--primary)}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:.3s}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}.card-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-mute);display:block}.card-thumb img,.card-thumb .ph{width:100%;height:100%;object-fit:cover}.card-cat{position:absolute;top:13px;left:13px;z-index:2;background:rgba(255,255,255,.95);color:var(--primary-darker);margin:0}.card-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1;gap:11px}.card-body h3{font-size:18.5px}.card-body h3 a:hover{color:var(--primary)}.card-excerpt{color:var(--text-soft);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:14px;margin-top:auto;padding-top:13px;border-top:1px solid var(--border-soft);font-size:12.5px;color:var(--text-mute);font-weight:500}.ph{display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-50),var(--primary-light))}.ph span{font-family:var(--font-head);font-weight:800;font-size:15px;color:var(--primary-dark);text-align:center;padding:10px}.widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.widget-title{font-size:16px;font-weight:700;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-soft)}.category-list li a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;font-weight:600;font-size:14.5px}.category-list li a:hover{background:var(--primary-50);color:var(--primary);transform:translateX(4px)}.ci{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--primary-50);color:var(--primary);font-weight:900}.count{margin-left:auto;font-size:12.5px;font-weight:700;background:var(--bg-mute);color:var(--text-mute);padding:3px 10px;border-radius:20px}.pop-list li{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--border-soft)}.pop-thumb{width:72px;height:64px;border-radius:11px;overflow:hidden;flex:none;background:var(--bg-mute)}.pop-thumb img,.pop-thumb .ph{width:100%;height:100%;object-fit:cover}.pop-info h4{font-size:14.5px}.pop-info h4 a:hover{color:var(--primary)}.pop-info .date{font-size:12px;color:var(--text-mute);margin-top:5px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud a{background:var(--bg-mute);color:var(--text-soft);font-size:13px;font-weight:600;padding:7px 13px;border-radius:9px}.post-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.post-hero{position:relative;aspect-ratio:21/9;background:var(--bg-mute);overflow:hidden}.post-hero img,.post-hero .ph{width:100%;height:100%;object-fit:cover}.post-inner{padding:34px 40px 44px}.post-title{font-size:36px;margin-bottom:14px}.post-meta{display:flex;flex-wrap:wrap;gap:20px;padding:18px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);margin-bottom:28px;font-size:14px;color:var(--text-soft)}.post-content{font-size:17px;line-height:1.82;color:var(--text)}.post-content p{margin-bottom:20px}.post-content h3{font-size:20px;margin:28px 0 12px}.post-content img{border-radius:var(--radius);margin:24px 0;box-shadow:var(--shadow-md)}.post-content ul{margin:0 0 20px 22px}.post-tags{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.post-tags a{background:var(--bg-mute);color:var(--text-soft);font-size:13px;font-weight:600;padding:7px 14px;border-radius:9px}.share-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:32px 0;padding:20px 22px;background:var(--bg-mute);border-radius:var(--radius)}.share-btns{display:flex;flex-wrap:wrap;gap:9px;margin-left:auto}.share-btn{border-radius:11px;color:#fff;background:var(--primary);padding:10px 13px;font-weight:700;font-size:13px}.comments-area{margin-top:42px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px 34px;box-shadow:var(--shadow-sm)}.site-footer{background:var(--topbar-bg);color:#94a3b8;padding:56px 0 0}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:44px}.footer-col h4{color:#fff;font-size:16px;margin-bottom:20px}.footer-links li{margin-bottom:11px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px}.scroll-top{position:fixed;bottom:26px;right:26px;width:50px;height:50px;border-radius:14px;z-index:800;background:var(--primary);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(16px);transition:.3s;border:0}.scroll-top.show{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width:1080px){.page-grid{grid-template-columns:1fr}.sidebar{position:static;flex-direction:row;flex-wrap:wrap;margin-top:44px}.sidebar .widget{flex:1 1 300px}}@media(max-width:900px){.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--border)}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:stretch;padding:12px 20px}.menu-toggle{display:grid}.search-form-header{display:none}.hero-grid{grid-template-columns:1fr;height:auto}.hero-card.main{grid-row:auto;aspect-ratio:16/10}.hero-card.side{aspect-ratio:16/9}.post-inner{padding:26px 22px 32px}.post-title{font-size:28px}}@media(max-width:620px){.topbar-socials{display:none}.news-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.post-title{font-size:24px}.post-content{font-size:16px}}