/*
Theme Name: TechNaidu
Theme URI: https://technaidu.com/
Author: TechNaidu
Description: Original emerald-and-lime smartphone discovery and technology editorial theme.
Version: 4.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: technaidu
*/
:root{--ink:#111827;--muted:#667085;--green:#006b45;--deep:#003b2b;--lime:#c6ff35;--line:#e7e9e3;--cream:#fbfaf5;--paper:#fff;--soft:#f2f5eb;--radius:18px;--shadow:0 10px 30px rgba(0,42,28,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}img{max-width:100%;height:auto;display:block}button,input,select{font:inherit}.container{width:min(1240px,calc(100% - 42px));margin:auto}
.topbar{background:var(--deep);color:#dcece4;font-size:11px}.topbar-inner{min-height:30px;display:flex;justify-content:space-between;align-items:center;gap:14px}.site-header{background:var(--deep);color:#fff;position:sticky;top:0;z-index:99;border-bottom:1px solid rgba(255,255,255,.12)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;color:var(--deep);background:var(--lime);border-radius:11px;font-weight:950;font-size:19px;letter-spacing:-2px;transform:skew(-8deg)}.brand-name{font-size:25px;font-weight:900;letter-spacing:-1.2px;line-height:1;color:#fff}.brand-name span{color:var(--lime)}.brand-tag{font-size:9px;color:#b8d4c7;letter-spacing:1.2px;text-transform:uppercase;font-weight:750;margin-top:4px}.custom-logo{max-height:48px;width:auto}.main-nav{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:750}.main-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:22px}.main-nav a{color:#f4faf6;padding:25px 0;display:block}.main-nav a:hover{color:var(--lime)}.main-nav li{position:relative}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--deep);min-width:190px;padding:10px 16px;border:1px solid #245a45;border-radius:12px}.main-nav li:hover>.sub-menu{display:block}.main-nav .sub-menu li a{padding:8px 0}.header-actions{display:flex;gap:9px;align-items:center}.search-toggle,.menu-toggle{width:40px;height:40px;border-radius:11px;border:1px solid #527568;background:transparent;color:#fff;cursor:pointer}.menu-toggle{display:none}.search-panel{display:none;padding:0 0 15px}.search-panel.open{display:block}.search-panel form{display:flex;gap:8px}.search-panel input{flex:1;border:1px solid #dce5dc;border-radius:10px;padding:11px 13px}.search-panel button,.button,.tn-button{border:0;background:var(--lime);color:var(--deep);font-weight:850;padding:11px 17px;border-radius:10px;cursor:pointer;display:inline-block}.ticker{background:#f0f4e8;border-bottom:1px solid #e0e7d7}.ticker-inner{min-height:42px;display:flex;align-items:center;gap:13px;overflow:hidden;font-size:12px}.ticker-label{background:var(--lime);color:var(--deep);font-weight:900;border-radius:6px;padding:5px 9px;white-space:nowrap}.ticker-items{display:flex;gap:28px;white-space:nowrap;overflow:hidden}.ticker-items span:before{content:"";display:inline-block;width:7px;height:7px;background:#7bb900;border-radius:50%;margin:0 9px 1px 0}
.hero{padding:30px 0 25px;background:linear-gradient(110deg,#fbfaf5 0%,#f7f8ef 65%,#eff5d9 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1.25fr .5fr;gap:24px;align-items:center;min-height:290px}.eyebrow{color:var(--green);font-size:10px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.hero h1{font-size:clamp(34px,4vw,54px);line-height:1.03;letter-spacing:-2.3px;margin:10px 0 13px;max-width:520px}.hero h1 span{color:var(--green)}.hero-copy{color:#475467;font-size:14px;max-width:460px}.finder{margin-top:20px}.finder-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.finder label{display:block;font-size:11px;font-weight:850;margin-bottom:5px}.finder select,.finder input{width:100%;border:1px solid #d4d9ce;background:#fff;padding:10px;border-radius:11px;font-size:12px;color:#344054}.finder-actions{display:flex;gap:10px;margin-top:11px}.finder-actions .button{flex:1;text-align:center}.button-secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.hero-art{height:300px;position:relative;display:flex;align-items:center;justify-content:center}.hero-orbit{position:absolute;width:78%;height:82%;background:var(--lime);border-radius:48% 52% 0 0;transform:rotate(-7deg);bottom:-16px;right:4%}.hero-phone{position:absolute;width:31%;height:84%;border-radius:32px;border:8px solid #163d31;background:linear-gradient(145deg,#d5e8dc,#6da58d);box-shadow:0 22px 45px #123c2d44;transform:rotate(-12deg);right:37%;bottom:-3px}.hero-phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:33%;height:13px;border-radius:10px;background:#173c31}.hero-phone:after{content:"";position:absolute;inset:28% 12% auto;height:45%;background:radial-gradient(circle at 28% 30%,#122d28 0 9%,#5f8979 10% 15%,transparent 16%),radial-gradient(circle at 72% 30%,#122d28 0 9%,#5f8979 10% 15%,transparent 16%),radial-gradient(circle at 50% 72%,#122d28 0 9%,#5f8979 10% 15%,transparent 16%)}.hero-phone.phone-two{right:16%;height:76%;width:29%;transform:rotate(10deg);background:linear-gradient(145deg,#d8d6ee,#7773a4);border-color:#292a4d}.hero-phone.phone-three{right:0%;height:69%;width:27%;transform:rotate(20deg);background:linear-gradient(145deg,#35383c,#101316);border-color:#151719}.hero-stats{display:grid;gap:20px}.hero-stat{display:flex;gap:11px;align-items:center;font-size:12px;line-height:1.25}.hero-stat b{display:block;font-size:14px}.stat-icon{font-size:22px;color:var(--green);width:30px;text-align:center}
.section{padding:27px 0 38px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px}.section-title{font-size:24px;line-height:1.2;letter-spacing:-.7px;margin:0;font-weight:900}.section-sub{color:var(--muted);font-size:12px;margin:5px 0 0}.view-all{font-size:12px;color:var(--green);font-weight:850}.launch-layout{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:stretch}.launch-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.launch-intro h2{font-size:23px;line-height:1.1;margin:0 0 10px;letter-spacing:-.7px}.launch-intro p{font-size:12px;color:var(--muted);margin:0 0 14px}.launch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.phone-tile{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 3px 8px #102a1a0b;min-width:0}.phone-tile-art{height:112px;background:linear-gradient(145deg,#eaf0e5,#dce9f0);display:grid;place-items:center;position:relative}.phone-tile-art:before{content:"";width:54px;height:91px;border-radius:12px;background:linear-gradient(150deg,#d5e6dd,#7c9f8b);border:4px solid #254c3d;box-shadow:0 8px 15px #203e3022}.phone-tile-art:after{content:"NEW";position:absolute;top:8px;left:8px;background:var(--lime);color:var(--deep);font-size:9px;font-weight:900;padding:3px 7px;border-radius:20px}.phone-tile-body{padding:9px 11px}.phone-tile h3{font-size:13px;line-height:1.2;margin:0 0 4px}.phone-tile p{font-size:10px;color:var(--muted);margin:0}
.budget-compare{background:#f3f6eb;border-top:1px solid #e8eddf;border-bottom:1px solid #e8eddf;padding:20px 0}.budget-row{display:grid;grid-template-columns:190px 1fr 1px 1.1fr;gap:20px;align-items:center}.budget-intro h2{font-size:21px;margin:0 0 5px;letter-spacing:-.5px}.budget-intro p{font-size:11px;color:var(--muted);margin:0}.budget-list{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.budget-item{background:#fff;border:1px solid #edf0e7;border-radius:13px;text-align:center;padding:11px 5px;font-size:11px;font-weight:850}.budget-item b{display:block;font-size:19px;color:var(--green);margin-bottom:4px}.budget-divider{height:76px;background:#cbd4c4}.compare-promo{display:flex;align-items:center;gap:12px}.compare-promo h3{font-size:19px;margin:0 0 3px}.compare-promo p{font-size:11px;color:var(--muted);margin:0}.compare-mini{display:flex;align-items:center;gap:5px}.compare-mini span{width:58px;height:68px;background:#fff;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;font-size:22px}.compare-mini b{background:var(--lime);color:var(--deep);border-radius:50%;font-size:10px;padding:5px;margin:0 -7px;z-index:1}
.news-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.lead-story{background:var(--deep);color:#fff;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:.85fr 1fr;min-height:210px}.lead-art{background:radial-gradient(circle at 50% 50%,#a9ed2c 0 8%,#14724b 9% 30%,#062d21 65%);display:grid;place-items:center;font-size:42px;font-weight:950;color:#d7ff7b}.lead-story-copy{padding:20px;display:flex;flex-direction:column;justify-content:center}.lead-story h3{font-size:19px;line-height:1.2;margin:10px 0}.lead-story p{font-size:11px;color:#c3d8cc;margin:0}.news-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.news-item{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.news-thumb{height:74px;border-radius:10px;background:linear-gradient(145deg,#dce9e2,#b5d6c4);display:grid;place-items:center;color:var(--green);font-size:24px}.news-item h3{font-size:12px;line-height:1.25;margin:4px 0}.news-item .meta{font-size:10px;color:var(--muted)}
.brand-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.brand-chip{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 8px;text-align:center;font-size:12px;font-weight:850}.brand-chip:hover{border-color:var(--green);color:var(--green)}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{min-width:0}.post-thumb{display:block;aspect-ratio:16/10;background:#e7eee6;border-radius:14px;overflow:hidden;margin-bottom:11px}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.post-card:hover .post-thumb img{transform:scale(1.04)}.post-card h3{font-size:15px;line-height:1.3;margin:8px 0}.category-pill{display:inline-block;background:#e9f6dc;color:#17613e;border-radius:30px;padding:4px 8px;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.6px}.meta{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.post-card .excerpt{font-size:12px;color:var(--muted);margin:7px 0}
.sidebar-box{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;margin-bottom:15px}.sidebar-title{font-size:16px;margin:0 0 12px}.trending-list{list-style:none;padding:0;margin:0;counter-reset:trend}.trending-list li{counter-increment:trend;display:grid;grid-template-columns:25px 1fr;gap:8px;border-top:1px solid var(--line);padding:10px 0;font-size:12px;font-weight:750;line-height:1.35}.trending-list li:before{content:counter(trend,decimal-leading-zero);color:#80a08f;font-weight:900}.newsletter{background:var(--deep);color:#fff;border-radius:15px;padding:18px}.newsletter p{font-size:12px;color:#c4d9cc}.newsletter input{width:100%;padding:10px;border:0;border-radius:8px;margin:5px 0 8px}
.page-banner{background:#f0f4e8;padding:32px 0;margin-bottom:22px}.page-banner h1{font-size:32px;margin:0;letter-spacing:-1px}.page-banner p{color:var(--muted);margin:5px 0 0}.article-wrap{max-width:830px;margin:auto;padding:35px 0 55px}.article-wrap h1{font-size:clamp(31px,4vw,47px);line-height:1.1;letter-spacing:-1.6px;margin:12px 0}.article-lead{font-size:18px;color:#475467}.article-featured{border-radius:16px;overflow:hidden;margin:24px 0}.article-content{font-size:16px;line-height:1.85;color:#344054}.article-content h2,.article-content h3{color:var(--ink);line-height:1.25;margin-top:30px}.article-content a{color:var(--green);text-decoration:underline}.article-content blockquote{border-left:4px solid var(--green);padding:10px 18px;background:#f1f6ec}.pagination{margin-top:25px}.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--line);border-radius:8px}.pagination .current{background:var(--green);color:white}
.tn-phone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tn-phone-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;min-width:0}.tn-phone-card img{height:145px;width:100%;object-fit:contain;margin:0 auto 10px}.tn-phone-card h3{font-size:14px;line-height:1.25;margin:7px 0}.tn-phone-price{font-weight:900;color:var(--green);font-size:14px}.tn-phone-specs{font-size:11px;color:var(--muted);line-height:1.8;margin-top:7px}.tn-filterbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.tn-filterbar input,.tn-filterbar select,.tn-phone-search select{border:1px solid #d5ddd2;border-radius:9px;padding:10px;background:#fff;min-width:135px}.tn-phone-search{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.tn-phone-search select{flex:1}.tn-phone-search button{background:var(--lime);color:var(--deep);font-weight:900;border:0;border-radius:9px;padding:10px 16px}.tn-compare-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:#fff}.tn-compare{border-collapse:collapse;width:100%;min-width:580px}.tn-compare th,.tn-compare td{padding:13px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.tn-compare th{background:#f2f5eb}.tn-phone-search select{min-width:0}
.site-footer{background:var(--deep);color:#d5e5db;margin-top:42px;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.site-footer .brand-name{color:#fff}.site-footer p{font-size:12px;color:#a9c6b6;max-width:300px}.footer-title{color:#fff;font-size:13px;margin:0 0 12px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:8px 0;font-size:12px;color:#a9c6b6}.footer-bottom{border-top:1px solid #24523f;margin-top:28px;padding-top:15px;display:flex;justify-content:space-between;font-size:11px;color:#a9c6b6}.empty-state{padding:40px 18px;text-align:center;background:#f0f4e8;border-radius:15px}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr}.hero-stats{display:none}.budget-row{grid-template-columns:160px 1fr}.budget-divider,.compare-promo{display:none}.launch-grid{grid-template-columns:repeat(4,1fr)}.launch-grid .phone-tile:nth-child(n+5){display:none}.content-grid{grid-template-columns:minmax(0,1fr) 260px}.cards-grid{grid-template-columns:repeat(2,1fr)}.tn-phone-grid{grid-template-columns:repeat(3,1fr)}.main-nav ul{gap:12px}}
@media(max-width:760px){.container{width:min(100% - 28px,620px)}.topbar-inner{font-size:9px}.topbar-inner span:last-child{display:none}.header-inner{min-height:65px}.brand{min-width:0}.brand-mark{width:35px;height:35px}.brand-name{font-size:22px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--deep);padding:8px 20px 16px}.main-nav.is-open{display:block}.main-nav ul{display:block}.main-nav a{padding:10px 3px;border-bottom:1px solid #24523f}.main-nav .sub-menu{display:block;position:static;border:0;padding-left:15px}.hero{padding:23px 0 17px}.hero-grid{grid-template-columns:1fr;gap:5px}.hero h1{font-size:37px;max-width:450px}.hero-art{height:220px;order:2}.hero-phone{height:90%;width:25%}.finder-fields{grid-template-columns:1fr 1fr}.finder-fields label:last-child{grid-column:span 2}.launch-layout{grid-template-columns:1fr;gap:12px}.launch-intro{display:block}.launch-intro p{display:inline-block;margin-right:12px}.launch-grid{grid-template-columns:repeat(3,1fr);gap:8px}.launch-grid .phone-tile:nth-child(n+4){display:none}.phone-tile-art{height:95px}.budget-row{grid-template-columns:1fr;gap:13px}.budget-list{grid-template-columns:repeat(3,1fr)}.news-layout{grid-template-columns:1fr}.lead-story{min-height:190px}.content-grid{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sidebar-box{margin:0}.cards-grid{gap:16px 12px}.post-card h3{font-size:14px}.post-card .excerpt{display:none}.tn-phone-grid{grid-template-columns:repeat(2,1fr)}.brand-strip{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:23px 16px}.article-wrap{padding:25px 0 40px}.article-wrap h1{font-size:33px}}
@media(max-width:430px){.finder-actions{flex-direction:column}.launch-grid{grid-template-columns:repeat(2,1fr)}.launch-grid .phone-tile:nth-child(n+3){display:none}.news-list{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.brand-strip{grid-template-columns:repeat(3,1fr)}.footer-bottom{flex-direction:column}.tn-phone-grid{grid-template-columns:repeat(2,1fr)}}

/* TechNaidu v4 – Phone database experience */
:root{--tn-blue:#2459e8;--tn-navy:#101b35;--tn-ink:#17233d;--tn-muted:#64718a;--tn-line:#e5eaf2;--tn-soft:#f5f7fb}
.tn-database{max-width:1240px;margin:36px auto;padding:0 18px}.tn-database-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.tn-database-heading h2{font-size:clamp(28px,4vw,42px);line-height:1.1;margin:8px 0;color:var(--tn-navy)}.tn-database-heading p{color:var(--tn-muted);margin:0}.tn-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--tn-blue)}.tn-result-count{background:#eaf0ff;color:#214fc8;padding:9px 13px;border-radius:30px;font-size:13px;font-weight:700;white-space:nowrap}.tn-filterbar{display:grid;grid-template-columns:2fr repeat(4,minmax(130px,1fr)) auto auto;gap:10px;background:#fff;border:1px solid var(--tn-line);padding:14px;border-radius:16px;box-shadow:0 8px 30px rgba(20,35,70,.05);margin:20px 0 26px}.tn-filterbar input,.tn-filterbar select,.tn-compare-choice{width:100%;min-width:0;border:1px solid #dce3ef;border-radius:9px;padding:12px;background:#fff;color:var(--tn-ink);font:inherit}.tn-button{border:0;border-radius:9px;background:var(--tn-blue);color:white;padding:12px 18px;font-weight:750;cursor:pointer}.tn-clear-filter{align-self:center;color:var(--tn-muted);font-size:13px}.tn-phone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tn-phone-card{border:1px solid var(--tn-line);border-radius:16px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.tn-phone-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(20,35,70,.09)}.tn-phone-image{height:205px;background:linear-gradient(145deg,#f4f7ff,#edf2fb);display:flex;align-items:center;justify-content:center;padding:20px}.tn-phone-image img{height:100%;width:100%;object-fit:contain}.tn-phone-placeholder{font-size:44px;font-weight:900;color:#b5c4e6}.tn-phone-card-body{padding:17px}.tn-phone-brand{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--tn-blue);text-transform:uppercase}.tn-phone-card h3{font-size:19px;line-height:1.3;margin:6px 0 8px}.tn-phone-card h3 a{color:var(--tn-navy);text-decoration:none}.tn-phone-price{font-size:21px;font-weight:850;color:var(--tn-navy);margin:7px 0 13px}.tn-phone-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tn-phone-specs div{padding:9px;background:var(--tn-soft);border-radius:8px;min-width:0}.tn-phone-specs b,.tn-phone-specs span{display:block}.tn-phone-specs b{font-size:10px;color:var(--tn-muted);text-transform:uppercase;letter-spacing:.5px}.tn-phone-specs span{font-size:12px;color:var(--tn-ink);font-weight:650;overflow-wrap:anywhere}.tn-phone-more{display:inline-block;margin-top:14px;color:var(--tn-blue);font-weight:750;font-size:13px;text-decoration:none}.tn-empty{grid-column:1/-1;padding:35px;border:1px dashed #bdc9dc;border-radius:14px;text-align:center;color:var(--tn-muted)}.tn-compare-tool{max-width:1200px;margin:30px auto}.tn-compare-selectors{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;align-items:center;padding:18px;background:var(--tn-soft);border-radius:14px}.tn-compare-selectors p{grid-column:1/-1;margin:0;color:var(--tn-muted)}.tn-compare-wrap{overflow-x:auto;border:1px solid var(--tn-line);border-radius:12px;margin:16px 0}.tn-compare{border-collapse:collapse;width:100%;min-width:580px;background:#fff}.tn-compare th,.tn-compare td{padding:13px 15px;border-bottom:1px solid var(--tn-line);text-align:left;vertical-align:top}.tn-compare th{background:#f7f9fd;color:var(--tn-navy);font-weight:750}.tn-compare td{color:#34425d}.tn-compare-group th{background:#eaf0ff;color:#204fc9}.tn-compare-hint,.tn-last-updated{color:var(--tn-muted);font-size:13px}.tn-phone-detail{max-width:1000px;margin:28px auto}.tn-phone-detail-top{padding:26px;border-radius:18px;background:linear-gradient(120deg,#101b35,#203d79);color:#fff}.tn-phone-detail-top h1{color:#fff;margin:8px 0;font-size:clamp(28px,4vw,42px)}.tn-phone-detail-price{font-size:25px;font-weight:850}.tn-key-specs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 30px}.tn-key-specs div{padding:15px;border:1px solid var(--tn-line);border-radius:12px;background:#fff}.tn-key-specs b,.tn-key-specs span{display:block}.tn-key-specs b{font-size:10px;color:var(--tn-muted);text-transform:uppercase}.tn-key-specs span{font-size:13px;font-weight:750;color:var(--tn-navy);margin-top:5px}.tn-phone-detail>h2{font-size:28px;color:var(--tn-navy)}.tn-spec-section{margin:20px 0}.tn-spec-section h3,.tn-editorial-list h3{padding:12px 15px;background:#eaf0ff;color:#204fc9;border-radius:9px;margin:0}.tn-spec-section .tn-compare-wrap{margin:0;border-radius:0 0 10px 10px}.tn-spec-section .tn-compare th{width:34%;background:#f8faff}.tn-editorial-list{margin:20px 0;padding:18px;border:1px solid var(--tn-line);border-radius:12px}.tn-editorial-list ul{margin:14px 0 0;padding-left:22px}.tn-editorial-list li{margin:7px 0;color:var(--tn-ink)}
@media(max-width:900px){.tn-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.tn-filterbar input{grid-column:1/-1}.tn-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tn-compare-selectors{grid-template-columns:repeat(2,1fr)}.tn-compare-selectors p{grid-column:1/-1}.tn-key-specs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.tn-database-heading{align-items:start;flex-direction:column}.tn-phone-grid{grid-template-columns:1fr}.tn-phone-image{height:190px}.tn-filterbar{grid-template-columns:1fr}.tn-filterbar input{grid-column:auto}.tn-compare-selectors{grid-template-columns:1fr}.tn-key-specs{grid-template-columns:repeat(2,1fr)}.tn-phone-detail{padding:0 12px}}