/*
Theme Name: Top 10 Future Tech
Theme URI: https://top10futuretech.com
Author: Top 10 Future Tech
Description: A polished editorial magazine theme for technology, lifestyle and practical ideas.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
License: GPL-2.0-or-later
Text Domain: top10futuretech
*/
:root{--ink:#152620;--muted:#63706a;--paper:#f7f7f2;--white:#fff;--green:#226b53;--lime:#c9ed8a;--line:#e5e8df;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}img{max-width:100%;height:auto}.site-header{background:#fff;border-bottom:1px solid var(--line)}.topline{height:38px;background:var(--ink);color:#d6e1d8;font-size:11px;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.header-inner{max-width:1240px;margin:auto;padding:23px 26px 15px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand img{width:48px;height:48px}.brand-name{font-size:19px;font-weight:800;letter-spacing:-.06em;line-height:1}.brand-name span{color:var(--green)}.brand-tag{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block;margin-top:6px}.header-contact{font-size:13px;color:var(--muted)}.header-contact strong{color:var(--ink)}.main-nav{max-width:1240px;margin:auto;padding:0 26px;display:flex;gap:29px;align-items:center;overflow:auto;white-space:nowrap}.main-nav a{font-size:12px;font-weight:700;padding:11px 0 15px;position:relative}.main-nav a:hover:after,.main-nav .current-menu-item a:after{content:'';height:2px;background:var(--green);position:absolute;bottom:0;left:0;right:0}.wrap{max-width:1240px;margin:auto;padding:0 26px}.hero{margin:38px auto 55px;display:grid;grid-template-columns:1.1fr .9fr;min-height:430px;background:#eaf0e4;border-radius:7px;overflow:hidden}.hero-copy{padding:54px 54px 46px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--green)}.hero h1{font:500 clamp(42px,5vw,67px)/1.02 var(--serif);letter-spacing:-.045em;margin:17px 0}.hero p{max-width:500px;color:#506159;font-size:16px}.button{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:white;padding:13px 19px;font-size:12px;font-weight:700;letter-spacing:.04em;margin-top:15px;width:max-content}.button:hover{background:var(--green);color:white}.hero-art{position:relative;min-height:350px;background:radial-gradient(circle at 65% 35%,#d6e9be 0 12%,transparent 12.5%),linear-gradient(135deg,#356d58,#153e36 70%);overflow:hidden}.hero-art:before,.hero-art:after{content:'';position:absolute;border:1px solid rgba(230,248,216,.35);border-radius:50%;width:410px;height:410px;right:-85px;top:60px}.hero-art:after{width:300px;height:300px;right:-35px;top:115px}.art-orb{position:absolute;width:190px;height:190px;left:27%;top:24%;border-radius:50%;background:linear-gradient(135deg,#d3eea4,#80b584 60%,#43806c);box-shadow:0 30px 70px #14382d88}.art-ring{position:absolute;width:240px;height:82px;border:2px solid #e8f3cf99;transform:rotate(-28deg);left:21%;top:39%;border-radius:50%}.hero-stamp{position:absolute;right:32px;bottom:28px;color:#eff5e8;font:italic 19px var(--serif)}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;margin:0 0 23px}.section-heading h2{font:500 34px/1.1 var(--serif);letter-spacing:-.03em;margin:0}.section-heading a{font-size:12px;color:var(--green);font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:0 0 58px}.category-tile{background:#fff;border:1px solid var(--line);padding:19px 14px;min-height:98px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.category-tile:hover{transform:translateY(-3px);border-color:#9bbca0}.category-tile b{font:500 17px/1.15 var(--serif)}.category-tile span{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:65px}.post-card{background:white;border:1px solid var(--line);display:flex;flex-direction:column}.card-art{height:190px;background:linear-gradient(135deg,#d5e3cd,#91b69c);position:relative;overflow:hidden}.card-art:before{content:'';position:absolute;width:180px;height:180px;border:1px solid #fff9;border-radius:50%;right:-20px;top:20px;box-shadow:0 0 0 27px #ffffff20,0 0 0 56px #ffffff18}.card-art i{position:absolute;width:90px;height:90px;border-radius:50%;background:linear-gradient(140deg,#f4f4d6,#7ca98a);left:38%;top:27%;box-shadow:0 18px 32px #244d3b4d}.post-card:nth-child(3n+2) .card-art{background:linear-gradient(135deg,#e8e5d8,#c9a890)}.post-card:nth-child(3n) .card-art{background:linear-gradient(135deg,#d7e3e5,#97b7bb)}.card-content{padding:22px}.card-category{font-size:10px;color:var(--green);text-transform:uppercase;letter-spacing:.16em;font-weight:800}.post-card h3{font:500 25px/1.16 var(--serif);letter-spacing:-.025em;margin:10px 0}.post-card p{font-size:13px;color:var(--muted);margin:0 0 15px}.meta{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8a938d}.article-head{padding:70px 0 43px;max-width:850px;margin:auto}.article-head h1{font:500 clamp(40px,6vw,70px)/1.03 var(--serif);letter-spacing:-.045em;margin:16px 0}.article-head .dek{font:20px/1.5 var(--serif);color:var(--muted);max-width:700px}.article-hero{max-width:1160px;margin:0 auto 48px;height:420px;background:linear-gradient(135deg,#d8e6d1,#a2c1a0 52%,#315e4d);position:relative;overflow:hidden}.article-hero:before{content:'';position:absolute;border:1px solid #ffffff88;border-radius:50%;width:520px;height:520px;right:8%;top:5%;box-shadow:0 0 0 45px #ffffff20,0 0 0 90px #ffffff17}.article-hero:after{content:'';position:absolute;background:linear-gradient(135deg,#ebf2d5,#8eb58d);border-radius:50%;width:210px;height:210px;right:27%;top:25%;box-shadow:0 25px 70px #173e2f66}.article-body{max-width:760px;margin:0 auto 90px;padding:0 24px;font:18px/1.85 var(--serif);color:#293a32}.article-body h2{font:500 36px/1.15 var(--serif);letter-spacing:-.03em;margin:54px 0 16px;color:var(--ink)}.article-body h3{font:600 21px/1.3 var(--sans);margin:32px 0 10px}.article-body p{margin:0 0 24px}.article-body ul,.article-body ol{padding-left:25px}.article-body li{padding:4px 0}.article-body blockquote{border-left:3px solid var(--green);padding:4px 0 4px 25px;margin:38px 0;font:italic 25px/1.45 var(--serif);color:var(--green)}.site-footer{background:var(--ink);color:#e9f0e8;padding:56px 0 24px}.footer-inner{max-width:1240px;margin:auto;padding:0 26px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.site-footer h2{font:500 27px var(--serif);margin:0 0 12px}.site-footer p,.site-footer a{color:#bdc9c0;font-size:13px}.footer-links{display:flex;flex-direction:column;gap:8px}.copyright{max-width:1240px;margin:40px auto 0;padding:18px 26px 0;border-top:1px solid #ffffff24;color:#9eaca3;font-size:11px}.archive-head{padding:58px 0 35px}.archive-head h1{font:500 54px/1 var(--serif);margin:8px 0}.page-content{max-width:760px;margin:64px auto 90px;padding:0 24px}.page-content h1{font:500 52px/1.05 var(--serif)}.nav-links{display:flex;justify-content:space-between;margin:40px 0}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(4,1fr)}.hero{grid-template-columns:1fr}.hero-art{min-height:300px}.post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.topline{font-size:9px}.header-inner{padding:18px 18px 12px}.header-contact{display:none}.main-nav{padding:0 18px;gap:23px}.wrap{padding:0 18px}.hero{margin:20px auto 42px}.hero-copy{padding:35px 26px}.hero-art{min-height:250px}.category-grid{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:1fr;gap:17px}.section-heading h2{font-size:28px}.article-head{padding:48px 18px 30px}.article-hero{height:270px;margin-bottom:32px}.article-body{font-size:17px;padding:0 20px}.article-body h2{font-size:30px}.footer-inner{grid-template-columns:1fr;gap:24px}.brand{min-width:0}}