:root{--paper:#f9fafb;--white:#fff;--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--lime:#18181b;--soft:#f4f4f5;--sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--display:"Manrope","DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(960px,calc(100% - 56px));margin-inline:auto}.site-header{background:#ffffff;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-top{height:88px;display:flex;align-items:center;gap:42px}.brandmark{display:flex;align-items:center;gap:11px;font:800 16px/1 var(--display);letter-spacing:-.5px;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:37px;height:37px;background:#18181b;color:#ffffff;border-radius:13px;font:800 22px var(--display)}.search-box{height:46px;max-width:490px;flex:1;position:relative;display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 12px;gap:10px}.search-box>svg{width:19px;stroke:#71717a;stroke-width:1.7;fill:none}.search-box input{border:0;outline:0;flex:1;min-width:0;background:transparent;font-size:13px}.search-box>button{border:0;background:none;color:#71717a;font-size:22px}.suggestions{display:none;position:absolute;top:52px;left:0;right:0;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 35px rgba(0,0,0,0.08);z-index:8}.suggestions.visible{display:block}.suggestions a{display:flex;align-items:center;gap:11px;padding:9px;border-radius:8px;font-size:13px}.suggestions a:hover{background:var(--paper)}.suggestions img,.suggestion-icon{width:32px;height:32px;object-fit:contain;background:var(--paper);border-radius:7px;display:grid;place-items:center}.suggestions b{margin-left:auto;color:#71717a}.suggestions>small{display:block;padding:12px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:15px;margin-left:auto}.header-actions form{margin:0}.header-actions select,.sort-form select{border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:#fff;color:var(--ink);font-size:12px}.menu-toggle{display:none}.nav-bar{border-top:1px solid var(--line)}.nav-inner{height:49px;display:flex;align-items:center;gap:29px}.nav-inner>a,.nav-logout{font-size:12px;color:#52525b}.nav-inner>a:hover,.nav-logout:hover{color:#000}.compare-count{color:#71717a}.nav-spacer{flex:1}.inline-form{margin:0}.nav-logout{border:0;background:none;padding:0}.nav-login{font-weight:700}.ad-layout{display:grid;grid-template-columns:160px minmax(0,960px) 160px;justify-content:center;gap:24px;max-width:1328px;margin:auto}.main-content{min-width:0}.ad-rail{padding-top:52px}.ad-placeholder{width:160px;height:600px;border:1px dashed #d4d4d8;background:#f4f4f5;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a1a1aa;gap:10px;font-size:8px;letter-spacing:1.6px}.ad-placeholder i{font:500 11px var(--sans);letter-spacing:0}.flash{margin-top:18px;padding:12px 16px;border-radius:10px;font-size:13px}.flash.success{background:#f4f4f5;color:#18181b;border:1px solid var(--line)}.flash.error{background:#f4f4f5;color:#18181b;border:1px solid var(--line)}.hero{position:relative;min-height:505px;padding-top:80px;display:grid;grid-template-columns:1fr .92fr;align-items:center}.hero-copy{max-width:550px;position:relative;z-index:1;padding-bottom:37px}.eyebrow{display:block;color:#71717a;font-size:9px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}.hero-kicker{display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;background:#71717a;border-radius:50%;box-shadow:0 0 0 4px #e4e4e7}.hero h1,.page-head h1,.error-page h1{font:600 clamp(44px,5.4vw,70px)/1.07 var(--display);letter-spacing:-3.9px;margin:20px 0}.hero h1 em,.closing-note em,.error-page em{font-style:normal;color:#71717a}.hero-copy>p{max-width:455px;color:#52525b;font-size:15px;line-height:1.8;margin:0 0 24px}.hero-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 18px;border-radius:9px;border:1px solid transparent;font-weight:600;font-size:12px;transition:transform .18s,background .18s}.button:hover{transform:translateY(-1px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#27272a}.button-quiet{background:transparent;border-color:#d4d4d8;color:#52525b}.button-light{background:#f4f4f5;color:#18181b;border-color:#d4d4d8}.button span{font-size:16px;line-height:1}.hero-proof{display:flex;align-items:center;gap:8px;margin-top:32px;color:#71717a;font-size:10px}.proof-icon{font-size:15px;color:#18181b}.hero-art{height:370px;position:relative;overflow:hidden;background:#f4f4f5;border:1px solid var(--line);border-radius:44% 56% 52% 48% / 50% 45% 55% 50%;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;inset:12%;border:1px solid var(--line);border-radius:50%}.art-orbit{position:absolute;border:1px solid #d4d4d8;border-radius:50%;width:90%;height:58%;transform:rotate(-30deg)}.orbit-two{width:65%;height:88%;transform:rotate(25deg)}.art-device{position:absolute;background:#18181b;box-shadow:14px 18px 40px rgba(0,0,0,0.12)}.art-phone{width:126px;height:245px;border-radius:25px;transform:rotate(11deg);border:5px solid #fff;z-index:2;display:grid;place-items:center}.art-phone:before{content:"";position:absolute;inset:9px;border-radius:18px;background:linear-gradient(145deg,#e4e4e7,#d4d4d8 43%,#a1a1aa)}.art-phone div{position:absolute;z-index:1;top:8px;width:38px;height:11px;background:#18181b;border-radius:10px}.art-phone b{position:absolute;z-index:2;width:33px;height:33px;left:17px;top:18px;border:4px solid #d4d4d8;border-radius:50%;box-shadow:0 43px 0 -1px #d4d4d8}.art-watch{width:99px;height:99px;border-radius:31px;right:15%;bottom:19%;transform:rotate(-12deg);display:grid;place-items:center;z-index:3;border:6px solid #fff;background:#27272a}.art-watch:before,.art-watch:after{content:"";position:absolute;width:47px;height:48px;background:#52525b;z-index:-1}.art-watch:before{top:-48px;border-radius:14px 14px 0 0}.art-watch:after{bottom:-48px;border-radius:0 0 14px 14px}.art-watch i{width:53px;height:53px;border:1px solid #d4d4d8;border-radius:50%}.art-chip{position:absolute;background:#ffffff;border:1px solid var(--line);padding:9px 12px;border-radius:8px;font-size:8px;font-weight:700;letter-spacing:1.1px;z-index:3;color:#52525b}.chip-top{top:15%;left:7%}.chip-bottom{right:5%;bottom:16%}.art-star{position:absolute;color:#a1a1aa}.star-a{top:19%;right:22%;font-size:20px}.star-b{bottom:22%;left:19%;font-size:14px}.hero-index{position:absolute;right:0;bottom:12px;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1px;color:#71717a}.hero-index i{display:block;width:30px;height:1px;background:#d4d4d8}.category-strip{padding-top:55px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.section-heading h2{font:600 25px/1.2 var(--display);letter-spacing:-1px;margin:6px 0 0}.section-heading.compact{margin-bottom:15px}.section-heading.compact h2{font-size:20px}.muted{color:#71717a;font-size:11px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.category-tile{min-height:97px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;align-items:center;gap:13px;transition:transform .18s,border .18s}.category-tile:hover,.device-card:hover{transform:translateY(-3px);border-color:#a1a1aa}.category-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#f4f4f5;color:#52525b;font-size:21px}.category-tile strong,.category-tile small{display:block}.category-tile strong{font-size:12px}.category-tile small{font-size:9px;color:#71717a;margin-top:3px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-tile>b{margin-left:auto;color:#71717a}.split-feature{padding-top:76px;display:grid;grid-template-columns:.9fr 1.1fr;gap:46px}.brand-panel,.journal-panel{min-width:0}.brand-list{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.brand-list a{height:47px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-size:11px}.brand-initial{width:26px;height:26px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;font:700 10px var(--display);background:#fff}.brand-list small{margin-left:auto;color:#71717a;font-size:9px}.text-link{color:#18181b;font-size:10px;font-weight:700}.journal-row{display:flex;align-items:center;gap:14px;min-height:84px;padding:9px 0;border-bottom:1px solid var(--line)}.journal-thumb{width:60px;height:60px;background:#f4f4f5;border-radius:10px;display:grid;place-items:center;color:#71717a;font-size:19px;flex:none;overflow:hidden}.journal-thumb img{width:100%;height:100%;object-fit:cover}.journal-row>span:nth-child(2){display:block;min-width:0}.journal-row small,.journal-row strong,.journal-row i{display:block}.journal-row small{font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:#71717a}.journal-row strong{font:600 13px/1.35 var(--display);margin:3px 0}.journal-row i{font-style:normal;color:#71717a;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-row>b{margin-left:auto;color:#a1a1aa;font-size:13px}.empty-editorial{padding:22px;background:#fff;border:1px dashed #d4d4d8;border-radius:12px}.empty-editorial>span{color:#71717a}.empty-editorial strong{display:block;font-size:13px;margin-top:8px}.empty-editorial p,.empty-editorial a{font-size:10px;color:#71717a}.empty-editorial a{color:#18181b;font-weight:700}.device-section{padding-top:78px}.device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.device-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .18s,border .18s;min-width:0}.device-visual{height:175px;display:grid;place-items:center;background:#f9fafb;overflow:hidden}.device-visual img{width:100%;height:100%;object-fit:contain;padding:18px;mix-blend-mode:multiply}.device-silhouette svg{width:65px;height:91px;fill:#d4d4d8}.device-card-info{padding:14px}.device-card .eyebrow{font-size:8px}.device-title{display:block;margin-top:4px;font:700 14px/1.35 var(--display);min-height:38px}.device-summary{color:#71717a;font-size:9px;min-height:15px;margin:8px 0 11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-bottom{border-top:1px solid #e4e4e7;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:5px}.price{font-size:10px;font-weight:700}.compare-add{font-size:9px;border:0;background:#f4f4f5;color:#52525b;padding:6px 7px;border-radius:6px;white-space:nowrap}.research-banner{margin-top:88px;padding:35px 42px;background:#18181b;color:#ffffff;border-radius:18px;border:1px solid #27272a;display:flex;align-items:center;gap:22px}.research-mark{width:54px;height:54px;display:grid;place-items:center;border:1px solid #3f3f46;border-radius:16px;color:#ffffff;font-size:22px}.research-banner .eyebrow{color:#a1a1aa}.research-banner h2{font:600 23px var(--display);margin:5px 0}.research-banner p{color:#d4d4d8;font-size:11px;margin:0}.research-banner .button{margin-left:auto;white-space:nowrap}.closing-note{text-align:center;padding:110px 0 100px}.closing-note h2{font:600 39px/1.2 var(--display);letter-spacing:-1.8px;margin:12px 0}.closing-note p{color:#71717a;font-size:12px}.site-footer{background:#f4f4f5;border-top:1px solid var(--line);padding:52px 0 28px;margin-top:56px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-brand .brandmark{display:inline-flex;align-items:center;gap:11px;font:800 19px/1 var(--display);letter-spacing:-.4px;color:var(--ink)}.footer-brand .brand-icon{display:grid;place-items:center;width:38px;height:38px;background:#18181b;color:#ffffff;border-radius:12px;font:800 20px var(--display)}.footer-brand .brand-name{font-size:18px;font-weight:800;color:var(--ink)}.footer-brand p,.footer-desc{font-size:13.5px;line-height:1.6;color:#52525b;margin:0;max-width:320px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid>div>strong{font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink);margin-bottom:4px}.footer-grid>div>a:not(.brandmark){font-size:13.5px;line-height:1.5;color:#52525b;transition:color .15s ease}.footer-grid>div>a:not(.brandmark):hover{color:#000;text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);margin-top:38px;padding-top:18px;display:flex;justify-content:center;text-align:center;color:#71717a;font-size:13px}.page-head{padding-top:44px;padding-bottom:28px}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#71717a;font-size:9px;margin-bottom:26px}.breadcrumbs a{color:#52525b}.page-head .eyebrow{margin-top:5px}.page-head h1{font-size:46px;letter-spacing:-2px;margin:10px 0}.page-head>p{color:#71717a;font-size:12px;margin:0;max-width:580px}.listing-layout{display:grid;grid-template-columns:210px 1fr;gap:25px;padding-bottom:85px}.filter-panel{align-self:start;background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px}.filter-panel form{margin-top:15px}.filter-panel label,.form-card label{display:block;margin-bottom:13px;color:#52525b;font-size:10px;font-weight:600}.filter-panel input,.filter-panel select,.form-card input,.form-card select,.form-card textarea,.finder-fields input,.finder-fields select{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #d4d4d8;border-radius:8px;background:#ffffff;outline:none;font-size:11px;color:#18181b}.filter-panel input:focus,.form-card input:focus,.form-card textarea:focus,.finder-fields input:focus{border-color:#18181b;box-shadow:0 0 0 3px rgba(0,0,0,0.06)}.filter-panel .checkbox-line,.checkbox-line{display:flex;align-items:center;gap:8px}.checkbox-line input{width:14px;height:14px;margin:0}.full{width:100%}.clear-filters{display:block;text-align:center;font-size:9px;color:#71717a;margin-top:10px}.results-top{display:flex;justify-content:space-between;margin-bottom:14px;color:#71717a;font-size:10px}.results-top strong{color:var(--ink)}.listing-results .device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.listing-results .device-visual{height:165px}.empty-state{padding:55px 20px;background:#fff;border:1px solid var(--line);border-radius:15px;text-align:center}.empty-state>span{font-size:24px;color:#71717a}.empty-state h2{font:600 21px var(--display);margin:10px 0 5px}.empty-state p{font-size:11px;color:#71717a;margin:0 auto 18px;max-width:390px}.pagination{display:flex;gap:5px;justify-content:center;margin-top:28px}.pagination a{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:10px}.pagination .current{background:var(--ink);color:#fff}.finder-shell{background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px}.finder-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 14px}.finder-fields label{font-size:10px;color:#52525b}.finder-actions{border-top:1px solid var(--line);padding-top:16px;margin-top:13px;display:flex;align-items:center;gap:11px}.finder-actions>span{margin-left:auto;font-size:10px;color:#71717a}.finder-results{padding-top:49px;padding-bottom:90px}.finder-results .device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sort-form{margin:0}.device-intro{padding-top:26px}.device-intro .breadcrumbs{margin-bottom:17px}.device-hero{display:grid;grid-template-columns:330px 1fr;gap:48px;align-items:center;padding:13px 0 40px}.detail-image{height:315px;background:#f4f4f5;border-radius:18px;display:grid;place-items:center;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:contain;padding:35px}.device-silhouette.large svg{width:105px;height:150px}.device-hero-copy>.eyebrow{font-size:9px}.device-hero h1{font:700 clamp(33px,4vw,49px)/1.13 var(--display);letter-spacing:-2px;margin:12px 0}.device-hero-copy>p{font-size:12px;color:#52525b;max-width:600px}.detail-price{font:700 20px var(--display);margin:22px 0 4px}.detail-price small{display:block;font:400 9px var(--sans);color:#71717a;margin-top:3px}.device-actions{display:flex;gap:9px;margin-top:17px}.device-meta{display:flex;gap:22px;border-top:1px solid var(--line);margin-top:24px;padding-top:12px;color:#71717a;font-size:9px}.device-meta b{display:block;color:#18181b;font-size:10px}.key-specs{padding:15px 0 46px}.key-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.key-spec-grid>div{padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.key-spec-grid span,.key-spec-grid strong{display:block}.key-spec-grid span{font-size:9px;color:#71717a}.key-spec-grid strong{font-size:12px;margin-top:4px}.key-spec-grid>p{padding:15px;font-size:11px}.specs-layout{display:grid;grid-template-columns:1fr 280px;gap:35px;padding-bottom:70px}.spec-group{background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:9px;overflow:hidden}.spec-group summary{list-style:none;padding:13px 16px;display:flex;justify-content:space-between;cursor:pointer;font-size:11px;font-weight:700}.spec-group summary::-webkit-details-marker{display:none}.spec-group summary span{font-size:9px;color:#71717a;font-weight:400}.spec-group summary b{font-size:14px;margin-left:12px}.spec-table>div{display:grid;grid-template-columns:220px 1fr;border-top:1px solid #e4e4e7;padding:9px 16px;font-size:10px}.spec-table>div>span{color:#71717a}.spec-table>div>strong{font-weight:500}.empty-spec{padding:25px;background:#fff;border:1px dashed var(--line);border-radius:12px}.empty-spec>span{font-size:20px;color:#71717a}.empty-spec h3{font:600 16px var(--display);margin:7px 0}.empty-spec p{font-size:10px;color:#71717a}.price-note{background:#f4f4f5;border:1px solid var(--line);padding:20px;border-radius:13px;align-self:start}.price-note h3{font:600 17px var(--display);margin:10px 0 6px}.price-note p{font-size:10px;line-height:1.7;color:#52525b}.regional-price{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.regional-price small,.regional-price strong{display:block}.regional-price small{font-size:8px;color:#71717a}.regional-price strong{font-size:14px;margin:3px 0}.gallery{padding-bottom:50px}.gallery>div{display:flex;gap:10px;margin-top:12px;overflow:auto}.gallery img{height:150px;border-radius:10px;background:white;object-fit:contain}.compare-page{padding-bottom:90px}.compare-controls{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.compare-controls>div{margin-right:auto}.compare-controls strong,.compare-controls small{display:block}.compare-controls strong{font-size:12px}.compare-controls small{font-size:9px;color:#71717a}.compare-table-wrap{overflow:auto;margin-top:16px;border:1px solid var(--line);border-radius:13px;background:#fff}.compare-table{width:100%;min-width:620px;border-collapse:collapse;font-size:10px}.compare-table th,.compare-table td{border-bottom:1px solid #e4e4e7;padding:12px;text-align:left;vertical-align:top}.compare-table th:first-child{width:165px;background:#f9fafb}.compare-table thead th:not(:first-child){min-width:145px}.compare-device-head{position:relative}.compare-device-head a{display:block;font:700 13px/1.4 var(--display);padding-right:20px}.compare-device-head button{position:absolute;right:0;top:-5px;border:0;background:none;color:#71717a;font-size:18px}.compare-device-head small,.compare-device-head b{display:block;margin-top:5px}.compare-device-head small{color:#71717a;font-weight:400}.compare-device-head b{font-size:10px}.compare-group th{background:#f4f4f5!important;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#18181b}.compare-table tbody tr:not(.compare-group) td{color:#3f3f46}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding-bottom:85px}.article-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.article-image{height:180px;background:#f4f4f5;display:grid;place-items:center;color:#71717a;font-size:25px}.article-image img{width:100%;height:100%;object-fit:cover}.article-card>div{padding:17px}.article-card h2{font:700 18px/1.3 var(--display);margin:8px 0}.article-card p,.article-card small{color:#71717a;font-size:10px}.article-detail{max-width:790px;padding-top:28px;padding-bottom:90px}.article-detail .eyebrow{margin-top:30px}.article-detail h1{font:700 clamp(35px,5vw,56px)/1.13 var(--display);letter-spacing:-2.4px;max-width:730px;margin:12px 0}.article-lede{font-size:16px;color:#52525b;line-height:1.65}.article-byline{font-size:10px;color:#71717a;border-bottom:1px solid var(--line);padding:18px 0}.article-hero{width:100%;max-height:430px;object-fit:cover;border-radius:13px;margin-top:24px}.article-body{font-size:14px;line-height:1.9;white-space:normal;margin-top:24px;color:#27272a}.policy-page{max-width:820px;padding-top:30px;padding-bottom:90px}.policy-page h1{font:700 43px var(--display);letter-spacing:-1.8px}.policy-page>div:last-child{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;font-size:13px;line-height:1.8;color:#3f3f46}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:15px 0 90px}.contact-layout h2{font:600 27px var(--display)}.contact-layout p{font-size:12px;color:#52525b;line-height:1.8}.contact-note{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);margin-top:22px;padding-top:12px}.contact-note span{color:#71717a}.contact-note p{font-size:10px}.form-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:13px}.form-card textarea{resize:vertical}.form-card .button{margin-top:5px}.auth-wrap{min-height:570px;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:60px;width:min(1050px,calc(100% - 56px));margin:auto;padding:55px 0}.auth-visual{position:relative;min-height:330px;padding-top:35px}.auth-visual h1{font:600 46px/1.15 var(--display);letter-spacing:-2px;max-width:440px}.auth-visual p{font-size:13px;max-width:380px;color:#52525b}.auth-asterisk{font-size:160px;color:#e4e4e7;position:absolute;right:45px;bottom:-40px;z-index:-1}.auth-card h2{font:600 22px var(--display);margin:8px 0 20px}.form-switch{font-size:10px;color:#71717a;text-align:center;margin:14px 0 0}.form-switch a{color:#18181b;font-weight:700}.narrow{max-width:500px;margin:0 auto 80px}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding-bottom:90px}.account-tile{position:relative;background:#fff;border:1px solid var(--line);padding:20px;border-radius:13px}.account-tile>span{font-size:20px;color:#71717a}.account-tile strong,.account-tile small{display:block}.account-tile strong{font:700 14px var(--display);margin-top:14px}.account-tile small{font-size:9px;color:#71717a;margin-top:4px}.account-tile>b{position:absolute;right:17px;top:17px;color:#71717a}.error-page{padding:100px 0 130px}.error-page h1{font-size:58px}.error-page p{color:#71717a;font-size:12px;margin-bottom:20px}.admin-shell{display:grid;grid-template-columns:175px 1fr;gap:24px;padding-bottom:85px}.admin-nav{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px;align-self:start}.admin-nav a{display:block;padding:10px 11px;border-radius:8px;font-size:10px;color:#52525b}.admin-nav a.active,.admin-nav a:hover{background:#18181b;color:#ffffff;font-weight:700}.admin-main{min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{font-size:9px;color:#71717a}.stat-card strong{font:700 28px var(--display);margin:7px 0}.stat-card small{font-size:8px;color:#a1a1aa}.admin-welcome{background:#f4f4f5;border:1px solid var(--line);border-radius:13px;margin-top:15px;padding:24px}.admin-welcome h2{font:600 20px var(--display);margin:9px 0}.admin-welcome p{font-size:11px;color:#52525b;max-width:520px;margin-bottom:17px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.admin-toolbar p{font-size:10px;color:#71717a}.admin-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px}.admin-table{width:100%;border-collapse:collapse;font-size:10px}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.admin-table th{font-size:8px;letter-spacing:1px;color:#71717a;text-transform:uppercase}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{color:#71717a;margin-top:4px;font-size:8px}.status-chip{display:inline-block;padding:4px 7px;background:#f4f4f5;border-radius:20px;font-size:8px;color:#3f3f46;border:1px solid var(--line)}.table-delete{border:0;background:none;color:#71717a;font-size:9px}.admin-form{max-width:800px}.admin-form small{color:#71717a;font-weight:400}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.narrow label{font-size:11px}.gallery img{max-width:82vw}@media(min-width:1650px){.ad-layout{gap:35px}}@media(max-width:1327px){.ad-layout{grid-template-columns:minmax(0,960px)}.ad-rail{display:none}}@media(max-width:1050px){.wrap{width:min(calc(100% - 40px),1200px)}.header-top{gap:20px}.nav-inner{gap:19px}.hero{min-height:450px;padding-top:55px}.hero-art{height:325px}.device-grid,.finder-results .device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-tile{padding:12px}.category-tile small{max-width:115px}.device-hero{grid-template-columns:270px 1fr;gap:30px}.detail-image{height:280px}.specs-layout{grid-template-columns:1fr 240px;gap:20px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-top{height:70px;gap:12px}.brandmark{font-size:13px;gap:8px}.brandmark small{font-size:7px}.brand-icon{width:33px;height:33px;border-radius:11px}.search-box{max-width:none;height:40px;gap:6px;padding:0 8px}.search-box input{font-size:11px}.search-box>svg{width:16px}.search-box>button{display:none}.header-actions{gap:7px}.header-actions select{padding:8px 5px;font-size:10px}.menu-toggle{display:flex;width:31px;height:31px;padding:8px;border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between}.menu-toggle span{height:1px;width:13px;background:#18181b}.nav-bar{display:none;position:absolute;top:70px;left:0;right:0;background:#ffffff;border-bottom:1px solid var(--line)}.nav-bar.open{display:block}.nav-inner{height:auto;padding:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.nav-inner>a,.nav-logout{padding:11px 5px;border-bottom:1px solid var(--line)}.nav-spacer{display:none}.inline-form{padding:10px 5px}.ad-layout{display:block}.ad-rail{display:none}.hero{display:block;padding-top:53px;min-height:0}.hero h1{font-size:52px;letter-spacing:-3px;margin:17px 0}.hero-copy>p{font-size:13px}.hero-art{height:270px;max-width:480px;margin:25px auto 28px}.hero-index{right:4px;bottom:0}.hero-proof{margin-top:22px}.category-strip{padding-top:43px}.section-heading h2{font-size:21px}.category-grid{grid-template-columns:1fr 1fr;gap:8px}.category-tile{min-height:80px;padding:10px;gap:8px}.category-icon{width:32px;height:32px}.category-tile strong{font-size:10px}.category-tile small{font-size:8px;max-width:100px}.category-tile>b{font-size:11px}.split-feature{padding-top:54px;grid-template-columns:1fr;gap:39px}.brand-list{gap:0 12px}.brand-list a{font-size:10px}.device-section{padding-top:55px}.device-grid,.finder-results .device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.device-visual{height:135px}.device-card-info{padding:11px}.device-title{font-size:12px;min-height:33px}.device-summary{font-size:8px}.card-bottom{align-items:flex-start;flex-direction:column}.compare-add{font-size:8px}.research-banner{margin-top:56px;padding:22px;gap:12px;flex-wrap:wrap}.research-mark{width:42px;height:42px}.research-banner h2{font-size:18px}.research-banner p{font-size:10px}.research-banner .button{margin:4px 0 0 54px}.closing-note{padding:75px 0}.closing-note h2{font-size:31px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{display:flex;flex-direction:column;gap:8px;text-align:center;line-height:1.6}.footer-bottom span{display:block}.page-head{padding-top:28px;padding-bottom:20px}.breadcrumbs{margin-bottom:19px}.page-head h1{font-size:38px;letter-spacing:-1.6px}.listing-layout{grid-template-columns:1fr;padding-bottom:55px}.filter-panel{padding:14px}.filter-panel form{display:grid;grid-template-columns:1fr 1fr;gap:0 11px}.filter-panel .button,.filter-panel .clear-filters{grid-column:1/-1}.listing-results .device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-results .device-visual{height:135px}.finder-shell{padding:15px}.finder-fields{grid-template-columns:1fr 1fr;gap:6px 10px}.finder-actions{flex-wrap:wrap}.finder-actions>span{width:100%;margin:4px 0 0}.finder-results{padding-top:34px;padding-bottom:55px}.device-intro{padding-top:20px}.device-hero{grid-template-columns:1fr;gap:20px;padding-bottom:28px}.detail-image{height:260px}.device-hero h1{font-size:37px}.device-meta{gap:14px}.key-spec-grid{grid-template-columns:repeat(2,1fr)}.key-spec-grid>div{padding:12px}.specs-layout{grid-template-columns:1fr;gap:19px;padding-bottom:45px}.price-note{grid-row:1}.spec-table>div{grid-template-columns:120px 1fr;padding:9px 11px;font-size:9px}.compare-controls{flex-wrap:wrap}.compare-controls>div{width:100%;margin:0 0 6px}.compare-controls .button{font-size:10px;padding:10px}.compare-table{min-width:550px}.article-grid{grid-template-columns:1fr 1fr;gap:10px}.article-image{height:130px}.article-card>div{padding:12px}.article-card h2{font-size:15px}.article-detail{padding-top:20px}.article-detail h1{font-size:38px}.article-body{font-size:13px}.contact-layout{grid-template-columns:1fr;gap:18px;padding-bottom:55px}.auth-wrap{width:calc(100% - 36px);padding:35px 0;grid-template-columns:1fr;gap:15px}.auth-visual{min-height:auto;padding:10px 0}.auth-visual h1{font-size:35px;margin:10px 0}.auth-asterisk{font-size:90px;right:8px;bottom:-20px}.auth-card{padding:19px}.account-grid{grid-template-columns:1fr;padding-bottom:55px}.error-page{padding:70px 0 90px}.error-page h1{font-size:46px}.admin-shell{grid-template-columns:1fr;gap:14px;padding-bottom:55px}.admin-nav{display:flex;overflow:auto;gap:3px}.admin-nav a{white-space:nowrap}.stat-grid{gap:7px}.stat-card{padding:12px}.stat-card strong{font-size:23px}.stat-card span{font-size:8px}.admin-table{min-width:570px}.form-two{grid-template-columns:1fr}}@media(max-width:390px){.wrap{width:calc(100% - 28px)}.brandmark>span:nth-child(2){max-width:84px;overflow:hidden;text-overflow:ellipsis}.header-top{gap:7px}.search-box input::placeholder{color:#a1a1aa}.header-actions select{max-width:55px}.device-grid,.finder-results .device-grid{gap:7px}.device-card-info{padding:9px}.category-tile small{max-width:78px}.hero-art{height:230px}}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.ad-slot{display:flex;justify-content:center;align-items:center;max-width:100%;overflow:hidden}.ad-slot iframe,.ad-slot img{max-width:100%}.danger-zone{border-color:var(--line)}.danger-zone h2{font:600 16px var(--display);margin:8px 0}.danger-zone p{font-size:10px;color:#71717a}

/* Keep each primary navigation link separated and center the group. */
.nav-inner{position:relative;justify-content:center;gap:0}
.nav-links{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:clamp(16px,2vw,28px);row-gap:0}
.nav-links>a{display:inline-flex;align-items:center;font-size:14px;line-height:1.3;white-space:nowrap}
.nav-account{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;padding-left:12px;background:#ffffff}
.nav-account>a,.nav-account .nav-logout{font-size:13px;white-space:nowrap}
@media(max-width:1050px) and (min-width:761px){.nav-inner{height:auto;min-height:49px;padding-block:8px}.nav-links{column-gap:clamp(12px,1.6vw,18px);row-gap:8px;padding-inline:8px}.nav-links>a{font-size:13px}.nav-account{gap:8px}.nav-account>a,.nav-account .nav-logout{font-size:12px}}
@media(max-width:760px){.nav-inner{display:block;height:auto;padding:12px 0}.nav-links{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.nav-links>a{padding:11px 5px;border-bottom:1px solid var(--line);font-size:14px}.nav-account{position:static;transform:none;justify-content:flex-start;gap:16px;padding:10px 5px 0;background:transparent}.nav-account>a,.nav-account .nav-logout{font-size:14px}}

/* Homepage editorial front page */
.home-front{padding-top:24px}
.home-ad{width:100%;margin:0 auto 18px;text-align:center}
.home-ad-content{min-height:90px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.home-ad-placeholder{width:min(970px,100%);height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed #d4d4d8;background:#f4f4f5;color:#a1a1aa;border-radius:6px}
.home-ad-placeholder span,.front-sidebar-ad-placeholder span{display:block;font-size:9.5px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase;color:#52525b;line-height:1.2}
.home-ad-placeholder small,.front-sidebar-ad-placeholder small{display:block;font-size:8.5px!important;letter-spacing:.08em!important;color:#a1a1aa;font-weight:500;line-height:1.2}
.home-front-grid{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:14px;align-items:start}
.front-sidebar{background:#f4f4f5;border:1px solid var(--line);display:flex;flex-direction:column;min-height:520px}
.front-finder-title{height:58px;display:flex;align-items:center;justify-content:center;gap:9px;background:#18181b;color:#ffffff;font:800 17px/1 var(--display);letter-spacing:.02em}
.front-finder-title>span:last-child{font-size:15px;margin-left:4px}
.finder-symbol{font-size:27px;line-height:1;color:#52525b}
.front-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1}
.front-brand-grid a{min-height:37px;display:flex;align-items:center;justify-content:center;padding:5px 2px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#3f3f46;font:700 12px/1.15 var(--display);text-align:center;text-transform:uppercase}
.front-brand-grid a:hover{background:#e4e4e7;color:#000000}
.front-sidebar-actions{display:grid;grid-template-columns:1fr 1fr;background:#27272a}
.front-sidebar-actions a{min-height:49px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font:800 13px var(--display)}
.front-sidebar-actions a span{font-size:19px;color:#71717a}
.front-sidebar-actions a:hover{background:#3f3f46}
.front-sidebar-ad{margin-top:auto;padding:10px 12px 12px;background:#f9fafb;border-top:1px solid var(--line);text-align:center}
.front-sidebar-ad-content{min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.front-sidebar-ad-placeholder{width:100%;min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed #d4d4d8;background:#f4f4f5;color:#a1a1aa;border-radius:6px;padding:12px 8px}
.front-stories{min-width:0}
.front-feature-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(260px,.88fr);grid-template-rows:repeat(2,minmax(215px,1fr));gap:10px}
.front-story{position:relative;isolation:isolate;display:flex;min-width:0;overflow:hidden;border-radius:14px;background:#18181b;color:#ffffff;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,0.06);transition:transform .25s ease,box-shadow .25s ease}
.front-story:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,0.18)}
.front-story:hover .front-story-image,.front-story:hover .front-story-art{transform:scale(1.04)}
.front-story-image,.front-story-art{position:absolute;inset:0;width:100%;height:100%;transition:transform .4s cubic-bezier(0.16,1,0.3,1)}
.front-story-image{object-fit:cover;object-position:center}
.front-story-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(9,9,11,0.35) 0%,rgba(9,9,11,0.15) 25%,rgba(9,9,11,0.68) 55%,rgba(9,9,11,0.95) 100%);pointer-events:none;transition:background .25s ease}
.front-story:hover .front-story-shade{background:linear-gradient(180deg,rgba(9,9,11,0.45) 0%,rgba(9,9,11,0.2) 25%,rgba(9,9,11,0.76) 55%,rgba(9,9,11,0.98) 100%)}
.front-story-copy{position:relative;z-index:2;margin-top:auto;display:flex;flex-direction:column;width:100%;padding:18px 20px 20px}
.front-story-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:3.5px 8.5px;background:rgba(24,24,27,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.2);border-radius:6px;font-size:9.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#f4f4f5;margin-bottom:8px;box-shadow:0 2px 6px rgba(0,0,0,0.35)}
.badge-dot{font-size:7px;color:#a1a1aa}
.front-story-copy strong{color:#ffffff;font-family:var(--display);letter-spacing:-0.025em;text-shadow:0 2px 8px rgba(0,0,0,0.85);margin-bottom:6px}
.front-story-desc{color:#e4e4e7;line-height:1.45;text-shadow:0 1px 4px rgba(0,0,0,0.9);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}

.front-story-lead{grid-row:span 2;min-height:440px}
.front-story-lead .front-story-copy{padding:24px 26px 28px}
.front-story-lead .front-story-copy strong{font-size:clamp(21px,2.2vw,28px);font-weight:700;line-height:1.2;margin-bottom:10px}
.front-story-lead .front-story-desc{font-size:13.5px;line-height:1.55;-webkit-line-clamp:2}

.front-story-small{min-height:215px}
.front-story-small .front-story-copy{padding:16px 18px 18px}
.front-story-small .front-story-copy strong{font-size:16.5px;font-weight:700;line-height:1.25;-webkit-line-clamp:2}
.front-story-small .front-story-desc{font-size:11.5px;-webkit-line-clamp:1}

.front-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.front-story-secondary{min-height:215px}
.front-story-secondary .front-story-copy{padding:18px 20px 20px}
.front-story-secondary .front-story-copy strong{font-size:18px;font-weight:700;line-height:1.25;-webkit-line-clamp:2}
.front-story-secondary .front-story-desc{font-size:12px;-webkit-line-clamp:1}

.front-story-art{z-index:0;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#e4e4e7 0,#d4d4d8 20%,transparent 55%),linear-gradient(140deg,#18181b,#52525b 58%,#a1a1aa)}
.front-story-art:before{content:"";position:absolute;width:72%;aspect-ratio:1;right:-10%;top:-21%;border:1px solid #ffffff70;border-radius:50%;box-shadow:0 0 0 22px #ffffff0c,0 0 0 55px #ffffff0c}
.front-story-art:after{content:"";position:absolute;width:24%;height:77%;right:22%;top:13%;border:8px solid #f4f4f5;border-radius:30px;background:linear-gradient(150deg,#e4e4e7,#71717a 78%);box-shadow:0 20px 45px rgba(0,0,0,0.12);transform:rotate(12deg)}
.front-story-art i,.front-story-art b,.front-story-art em{position:absolute;z-index:1;display:block}
.front-story-art i{width:28%;height:55%;right:6%;bottom:-18%;border:7px solid #e4e4e7;border-radius:28px 28px 42px 42px;background:#27272a;transform:rotate(-14deg)}
.front-story-art b{width:11px;height:11px;right:31%;top:19%;border-radius:50%;background:#18181b;z-index:2}
.front-story-art em{width:10px;height:10px;right:32%;top:29%;border-radius:50%;background:#71717a;z-index:2}
.art-compare{background:radial-gradient(ellipse at 80% 15%,#e4e4e7,transparent 42%),linear-gradient(135deg,#71717a,#3f3f46 60%,#18181b)}
.art-compare:after{width:31%;height:52%;right:19%;top:28%;border-radius:15px;background:linear-gradient(145deg,#e4e4e7,#a1a1aa);transform:rotate(-8deg)}
.art-compare i{right:55%;bottom:-10%;width:28%;height:64%;background:#27272a;border-radius:16px;transform:rotate(11deg)}
.art-watch{background:radial-gradient(ellipse at 75% 22%,#d4d4d8,transparent 48%),linear-gradient(135deg,#52525b,#27272a 58%,#18181b)}
.art-watch:after{width:23%;height:34%;right:24%;top:33%;border:8px solid #e4e4e7;border-radius:24px;background:#52525b;transform:rotate(8deg)}
.art-watch i{width:12%;height:79%;right:29%;top:11%;border:5px solid #d4d4d8;border-radius:24px;background:#3f3f46;transform:rotate(8deg)}
.art-laptop{background:radial-gradient(ellipse at 75% 12%,#e4e4e7,transparent 45%),linear-gradient(135deg,#52525b,#3f3f46 60%,#18181b)}
.art-laptop:after{width:49%;height:45%;right:17%;top:23%;border:7px solid #e4e4e7;border-radius:13px;background:linear-gradient(135deg,#e4e4e7,#71717a);transform:perspective(350px) rotateY(-13deg) rotateX(5deg)}
.art-laptop i{width:60%;height:9%;right:12%;top:69%;border-radius:5px 5px 18px 18px;background:#e4e4e7;transform:skew(-16deg)}
.art-journal{background:radial-gradient(ellipse at 73% 24%,#d4d4d8,transparent 45%),linear-gradient(135deg,#52525b,#3f3f46 56%,#18181b)}
.front-story--reserved{display:none}
@media(max-width:900px){
  .home-front-grid{grid-template-columns:240px minmax(0,1fr);gap:10px}
  .front-brand-grid a{font-size:10px}
  .front-feature-grid{grid-template-columns:minmax(0,1.05fr) minmax(190px,.95fr);grid-template-rows:repeat(2,minmax(195px,1fr))}
  .front-story-lead{min-height:400px}
  .front-story-lead .front-story-copy strong{font-size:20px}
  .front-story-small .front-story-copy strong{font-size:15px}
  .front-story-desc{display:none}
  .front-sidebar{min-height:490px}
}
@media(max-width:650px){
  .home-front{padding-top:14px}
  .home-ad{margin-bottom:12px}
  .home-ad-content{min-height:76px}
  .home-ad-placeholder{height:68px}
  .home-front-grid{grid-template-columns:1fr;gap:12px}
  .front-sidebar{min-height:0;order:0}
  .front-finder-title{height:48px}
  .front-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .front-brand-grid a{min-height:33px;font-size:10px}
  .front-sidebar-actions a{min-height:42px;font-size:11px}
  .front-sidebar-ad{margin-top:0}
  .front-sidebar-ad-content{min-height:76px}
  .front-sidebar-ad-placeholder{min-height:70px;height:70px}
  .front-stories{order:1}
  .front-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:320px 185px;gap:8px}
  .front-story-lead{grid-column:1/-1;grid-row:auto;min-height:0}
  .front-story-small{min-height:0}
  .front-story-copy{padding:14px}
  .front-story-copy strong{font-size:19px}
  .front-story-small .front-story-copy strong{font-size:15px}
  .front-story-desc{display:none}
  .front-secondary-grid{gap:8px;margin-top:8px}
  .front-story-secondary{min-height:180px}
  .front-story-secondary .front-story-copy strong{font-size:16px}
}
@media(max-width:390px){
  .front-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .front-feature-grid{grid-template-rows:280px 170px}
  .front-story-copy strong{font-size:17px}
}

/* Site-wide typography refinement */
h1,h2,h3,h4,h5,h6{font-family:var(--display);color:var(--ink);letter-spacing:-0.02em}
.nav-links>a{font-size:13.5px !important;font-weight:500;color:#27272a;transition:color .15s}
.nav-links>a:hover{color:#000}
.breadcrumbs{display:flex;gap:8px;align-items:center;color:#71717a;font-size:12px;margin-bottom:18px}
.breadcrumbs a{color:#52525b}
.eyebrow{display:inline-block;color:#71717a;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.front-story-copy small{display:none}
.front-brand-grid a{min-width:0;padding:5px 8px;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:650px){.front-brand-grid a{padding-inline:6px;font-size:11px}}


.category-strip{padding:0 0 38px}
.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.category-tile{min-width:0;height:58px;min-height:58px;padding:0 12px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:0 1px 2px rgba(25,33,29,0.03)}
.category-tile:hover{transform:translateY(-2px);border-color:#a1a1aa;box-shadow:0 4px 12px rgba(25,33,29,0.06)}
.category-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:#f4f4f5;overflow:hidden;transition:background .18s ease}
.category-tile:hover .category-icon{background:#e4e4e7}
.category-icon img,.category-icon svg{display:block;width:24px;height:24px;object-fit:contain}
.category-tile>span:nth-child(2){min-width:0;flex:1;display:flex;align-items:center;overflow:hidden}
.category-tile strong{display:block;font-size:13px!important;font-weight:600!important;line-height:1.2;color:var(--ink);letter-spacing:-0.2px;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%}
.category-tile small{display:none}

@media(max-width:1050px) and (min-width:761px){
  .category-grid{gap:8px}
  .category-tile{height:54px;min-height:54px;padding:0 9px;gap:8px}
  .category-icon{width:34px;height:34px;flex:0 0 34px;border-radius:9px}
  .category-icon img,.category-icon svg{width:22px;height:22px}
  .category-tile strong{font-size:12px!important}
}

@media(max-width:760px){
  .category-strip{padding:0 0 28px}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .category-tile{height:52px!important;min-height:52px!important;padding:0 10px!important;gap:8px!important;border-radius:10px!important}
  .category-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:8px!important}
  .category-icon img,.category-icon svg{width:22px!important;height:22px!important}
  .category-tile strong{font-size:12.5px!important;font-weight:600!important;white-space:nowrap!important}
  .category-tile:last-child:nth-child(odd){grid-column:1/-1!important}
}

@media(max-width:380px){
  .category-tile{padding:0 8px!important;gap:7px!important}
  .category-icon{width:30px!important;height:30px!important;flex:0 0 30px!important}
  .category-icon img,.category-icon svg{width:20px!important;height:20px!important}
  .category-tile strong{font-size:11.5px!important}
}
.image-credit{display:block;padding:6px 10px 0;color:#71717a;font:500 10px/1.4 var(--sans);overflow-wrap:anywhere}.image-credit a{text-decoration:underline;text-underline-offset:2px}.gallery figure{margin:0;max-width:100%}.gallery figure img{display:block}.gallery figcaption{padding:8px 0}.device-sources{padding:32px 0 58px}.device-sources h2{margin:8px 0 14px;font:600 22px var(--display);letter-spacing:-.7px}.device-sources ul{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.device-sources li{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line);background:#fff;font-size:11px}.device-sources li span{color:var(--muted)}.device-sources li a{font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}@media(max-width:760px){.device-sources li{align-items:flex-start;flex-wrap:wrap;gap:7px 11px}.device-sources li span{flex-basis:100%}.image-credit{font-size:9px}}

/* Device specification tables: readable label/value rows at every viewport. */
.specs-layout{grid-template-columns:minmax(0,1fr) 280px;gap:28px}
.spec-group{border-radius:14px;margin-bottom:14px}
.spec-group summary{min-height:58px;padding:16px 22px;font-size:17px;line-height:1.35}
.spec-group summary span{display:flex;align-items:center;gap:14px;font-size:13px}
.spec-group summary b{font-size:20px;margin-left:2px}
.spec-table>div{grid-template-columns:minmax(150px,210px) minmax(0,1fr);align-items:start;gap:20px;padding:15px 22px;font-size:15px;line-height:1.55}
.spec-table>div>span{font-size:14px;color:#71717a}
.spec-table>div>strong{font-size:15px;font-weight:500;overflow-wrap:anywhere}
@media(max-width:980px){.specs-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.spec-table>div{grid-template-columns:minmax(135px,185px) minmax(0,1fr)}}
@media(max-width:760px){.specs-layout{grid-template-columns:1fr;gap:18px}.spec-group summary{min-height:54px;padding:14px 16px;font-size:16px}.spec-group summary span{font-size:12px}.spec-table>div{grid-template-columns:minmax(112px,34%) minmax(0,1fr);gap:12px;padding:13px 16px;font-size:14px}.spec-table>div>span{font-size:13px}.spec-table>div>strong{font-size:14px}}

/* Specification sections: category names stay in a fixed left rail. */
.spec-group{display:grid;grid-template-columns:124px minmax(0,1fr);align-items:stretch;}
.spec-group>summary.spec-section-name{grid-column:1;grid-row:1;display:block;align-self:stretch;min-height:0;padding:19px 14px;border-right:1px solid var(--line);background:var(--soft);color:#18181b;font-size:13px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;line-height:1.35;}
.spec-group>summary.spec-section-name::-webkit-details-marker{display:none}
.spec-group>.spec-table{grid-column:2;grid-row:1;min-width:0}
.spec-group:not([open])>.spec-table{display:none}
.spec-table>div{grid-template-columns:minmax(145px,190px) minmax(0,1fr);gap:18px;padding:14px 18px}
.spec-table>div:first-child{border-top:0}
@media(max-width:760px){
 .spec-group{grid-template-columns:88px minmax(0,1fr)}
 .spec-group>summary.spec-section-name{padding:15px 9px;font-size:11px;overflow-wrap:anywhere}
 .spec-table>div{grid-template-columns:minmax(78px,35%) minmax(0,1fr);gap:10px;padding:12px 11px}
}

/* Key specifications: icon cards and compact verified highlights. */
.key-specs{padding:28px 0 46px}
.key-spec-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.key-spec-heading h2{margin:0;font:600 23px/1.2 var(--display);letter-spacing:-.7px}
.key-spec-heading>a{color:#18181b;font-size:14px;font-weight:650;text-underline-offset:4px}
.key-spec-os{display:flex;align-items:center;gap:10px;padding:17px 0 4px;color:#18181b;font-size:18px}
.key-spec-os img{width:22px;height:22px;object-fit:contain}
.key-spec-os strong{font-weight:650}
.key-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px;margin:18px 0 0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.key-spec-grid>article{border:0}
.key-spec-card{min-width:0;display:flex;align-items:center;gap:14px;padding:0!important}
.key-spec-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:50%;background:var(--soft)}
.key-spec-icon img{width:27px;height:27px;object-fit:contain}
.key-spec-card>div{min-width:0}
.key-spec-card>div>span{font-size:14px;color:var(--muted);line-height:1.3}
.key-spec-card strong{margin-top:3px;font-size:19px;line-height:1.35;font-weight:650;overflow-wrap:anywhere}
.key-spec-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;margin-top:24px;padding-top:10px;border-top:1px solid var(--line)}
.key-spec-fact{min-width:0;display:flex;align-items:center;gap:11px;padding:10px 0;color:#52525b;font-size:14px;line-height:1.4}
.key-spec-fact img{width:19px;height:19px;flex:0 0 19px;object-fit:contain}
.key-spec-fact span{min-width:0;overflow-wrap:anywhere}
.key-spec-fact small{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}
.spec-group{grid-template-columns:150px minmax(0,1fr);min-width:0}
.spec-group>summary.spec-section-name{min-width:0;max-width:100%;font-size:12px;letter-spacing:.03em;overflow-wrap:anywhere;word-break:normal}
.spec-group>.spec-table{min-width:0;max-width:100%}
.spec-table>div{min-width:0}
.spec-table>div>span,.spec-table>div>strong{min-width:0;overflow-wrap:anywhere}
.spec-table>div{grid-template-columns:minmax(125px,190px) minmax(0,1fr)}
@media(max-width:760px){
 .key-specs{padding:24px 0 38px}
 .key-spec-heading h2{font-size:20px}
 .key-spec-heading>a{font-size:13px}
 .key-spec-os{padding-top:14px;font-size:16px}
 .key-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-top:15px}
 .key-spec-card{gap:10px}
 .key-spec-icon{width:46px;height:46px;flex-basis:46px}
 .key-spec-icon img{width:22px;height:22px}
 .key-spec-card>div>span{font-size:12px}
 .key-spec-card strong{font-size:15px;line-height:1.35}
 .key-spec-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin-top:18px}
 .key-spec-fact{align-items:flex-start;font-size:12px}
 .key-spec-fact small{font-size:10px}
 .spec-group{grid-template-columns:88px minmax(0,1fr)}
 .spec-group>summary.spec-section-name{padding:15px 9px;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
 .spec-table>div{grid-template-columns:minmax(76px,34%) minmax(0,1fr)}
}

/* Correctly center real SVG glyphs inside the key spec icon discs. */
.key-spec-grid .key-spec-icon{display:grid;place-items:center;align-self:center;position:relative}
.key-spec-icon img,.key-spec-os img,.key-spec-fact img{display:block}
.key-spec-heading h2{font-size:25px}
.key-spec-card>div>span{font-size:15px}
.key-spec-card strong{font-size:20px}
.key-spec-fact{font-size:15px}
.key-spec-fact small{font-size:12px}
@media(max-width:760px){
 .key-spec-heading h2{font-size:21px}
 .key-spec-card>div>span{font-size:13px}
 .key-spec-card strong{font-size:16px}
 .key-spec-fact{font-size:13px}
 .key-spec-fact small{font-size:11px}
}

/* Keep required image attribution once per device page, away from each photo. */
.image-attribution{margin-top:8px;margin-bottom:22px;color:#71717a;font:400 10px/1.4 var(--sans);overflow-wrap:anywhere}
.image-attribution a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* Product detail page & Reference Card Styles */
.image-attribution{margin-top:14px;margin-bottom:28px;color:#71717a;font:400 11px/1.4 var(--sans);overflow-wrap:anywhere}
.image-attribution a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* Preserve Left & Right Ad Rails when present, collapse cleanly when ads disabled */
.ad-layout{
  display:grid !important;
  grid-template-columns:160px minmax(0,960px) 160px !important;
  justify-content:center !important;
  gap:24px !important;
  max-width:1328px !important;
  margin-inline:auto !important;
  align-items:start !important;
  padding-inline:16px !important;
}
.ad-layout.no-rails{
  grid-template-columns:minmax(0,960px) !important;
  justify-content:center !important;
  max-width:960px !important;
  padding-inline:0 !important;
}
.ad-rail{
  display:block !important;
  width:160px !important;
  padding-top:28px !important;
}
.ad-rail:empty{
  display:none !important;
}
.ad-rail .ad-placeholder,
.ad-rail .ad-slot{
  width:160px !important;
  min-height:600px !important;
  position:sticky !important;
  top:24px !important;
}
.main-content{
  min-width:0 !important;
}
@media(max-width:1079px){
  .ad-layout{
    display:block !important;
    max-width:960px !important;
    margin-inline:auto !important;
    padding-inline:0 !important;
  }
  .ad-rail{
    display:none !important;
  }
}

/* Consistent container and side spacing across every page */
.wrap{
  width:min(960px, calc(100% - 56px)) !important;
  margin-inline:auto !important;
}
@media(max-width:640px){
  .wrap{
    width:calc(100% - 32px) !important;
  }
}

.device-ref-container{
  padding:24px 0 60px 0 !important;
}

/* Reference Device Product Card - Matched with site aesthetics */
.device-pro-card{
  background:#ffffff;
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:0 4px 20px rgba(0,0,0,0.03);
  overflow:hidden;
  margin-bottom:32px;
}
.pro-card-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 22px;
  border-bottom:1px solid var(--line);
  background:#ffffff;
  gap:16px;
}
.pro-title-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.pro-device-title{
  font-family:var(--sans);
  font-size:20px;
  font-weight:700;
  color:#18181b;
  margin:0;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.title-variant-tag{
  color:#52525b;
  font-weight:600;
}
.pro-share-btn{
  background:none;
  border:none;
  padding:6px;
  color:#71717a;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  transition:background 0.15s, color 0.15s;
}
.pro-share-btn:hover{
  background:#f4f4f5;
  color:#18181b;
}
.pro-header-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.pro-action-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 14px;
  border:1px solid var(--line);
  background:#ffffff;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  color:#3f3f46;
  cursor:pointer;
  transition:all 0.15s ease;
  line-height:1;
}
.pro-action-btn:hover{
  background:var(--paper);
  border-color:#a1a1aa;
}
.pro-action-btn .plus-icon{
  font-size:15px;
  font-weight:700;
  color:#18181b;
  line-height:1;
}

/* Card Body (2 Columns) */
.pro-card-body{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  background:#ffffff;
}
@media(max-width:960px){
  .pro-card-body{
    grid-template-columns:1fr;
  }
}

/* Left Visual Column */
.pro-visual-col{
  position:relative;
  border-right:1px solid var(--line);
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:18px 16px 20px;
  background:#ffffff;
}
@media(max-width:960px){
  .pro-visual-col{
    border-right:none;
    border-bottom:1px solid var(--line);
  }
}

/* Spec Score Badge */
.pro-score-badge{
  position:absolute;
  top:14px;
  left:16px;
  z-index:2;
  width:48px;
  text-align:center;
  font-family:var(--sans);
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
}
  width:46px;
  text-align:center;
  font-family:var(--sans);
  border-radius:3px;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,0.1);
}
.score-tab{
  background:#18181b;
  color:#ffffff;
  font-size:8px;
  font-weight:800;
  letter-spacing:0.4px;
  padding:2px 1px;
  line-height:1.2;
}
.score-num{
  background:#3f3f46;
  color:#ffffff;
  font-size:15px;
  font-weight:800;
  padding:4px 0;
  line-height:1;
}

/* Image Viewer / Carousel */
.pro-image-slider{
  width:100%;
  min-height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  margin:10px 0 16px;
}
.slider-arrow{
  width:30px;
  height:30px;
  border-radius:50%;
  background:#e4e4e7;
  color:#52525b;
  border:0;
  display:grid;
  place-items:center;
  cursor:pointer;
  position:absolute;
  z-index:3;
  transition:background 0.15s, transform 0.15s;
}
.slider-arrow:hover{
  background:#d4d4d8;
  color:#18181b;
  transform:scale(1.05);
}
.arrow-prev{left:6px}
.arrow-next{right:6px}
.slider-photo-wrap{
  width:240px;
  height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.slider-photo-wrap img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.phone-duo-graphic{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.graphic-svg{
  width:220px;
  height:260px;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,0.12));
}

.pro-media-pills{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  margin-top:auto;
}
.media-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 14px;
  background:#f4f4f5;
  border-radius:16px;
  font-size:12px;
  font-weight:600;
  color:#52525b;
}
.media-pill svg{
  color:#71717a;
}

/* Right Info Column */
.pro-info-col{
  display:flex;
  flex-direction:column;
  background:#ffffff;
  min-width:0;
}

/* Meta Strip */
.pro-meta-strip{
  display:grid;
  grid-template-columns:1.15fr 1.35fr 0.9fr;
  align-items:center;
  border-bottom:1px solid var(--line);
  padding:13px 20px;
  font-size:12.5px;
}
.meta-item{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 14px;
  min-width:0;
  white-space:nowrap;
}
.meta-item:first-child{padding-left:0}
.meta-item:last-child{padding-right:0}
.meta-item:not(:last-child){border-right:1px solid var(--line)}
.meta-label{color:#71717a;font-weight:500;white-space:nowrap;flex-shrink:0}
.meta-val{color:#18181b;font-weight:600;white-space:nowrap}
.status-val.status-available{color:#166534}
.status-val.status-unavailable{color:#dc2626}
.status-val.status-coming-soon{color:#b45309}

@media(max-width:768px){
  .pro-meta-strip{
    grid-template-columns:1fr;
    gap:10px;
    padding:12px 16px;
  }
  .meta-item{
    padding:0!important;
    border-right:none!important;
  }
}

/* Price & Variants */
.pro-pricing-section{
  padding:16px 20px;
  border-bottom:1px solid var(--line);
}
.pricing-columns{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
@media(max-width:680px){
  .pricing-columns{
    grid-template-columns:1fr;
    gap:14px;
  }
}
.price-block-heading, .variants-heading{
  font-size:13px;
  font-weight:700;
  color:#3f3f46;
  margin:0 0 8px 0;
  font-family:var(--sans);
}
.price-rows{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.price-entry{
  display:flex;
  align-items:baseline;
  gap:6px;
}
.official-entry .price-amount{
  font-size:18px;
  font-weight:800;
  color:#18181b;
  font-family:var(--display);
  letter-spacing:-0.2px;
}
.unofficial-entry .price-amount{
  font-size:16px;
  font-weight:800;
  color:#18181b;
  font-family:var(--display);
  letter-spacing:-0.2px;
}
.price-type-tag{
  font-size:12px;
  font-weight:600;
}
.tag-official{color:#52525b}
.tag-unofficial{color:#71717a}

.variants-side-block{
  min-width:0;
}
.variants-button-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.variant-pill-btn{
  padding:6px 12px;
  border:1px solid var(--line);
  background:#ffffff;
  border-radius:8px;
  cursor:pointer;
  text-align:center;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:92px;
  transition:all 0.15s ease;
}
.variant-pill-btn:hover{
  border-color:#a1a1aa;
  background:#f9fafb;
}
.variant-pill-btn .v-name{
  font-size:12px;
  font-weight:700;
  color:#18181b;
  line-height:1.2;
}
.variant-pill-btn .v-sub{
  font-size:10px;
  color:#71717a;
  margin-top:2px;
  line-height:1.2;
}
.variant-pill-btn.is-active{
  border:2px solid #18181b;
  background:#f4f4f5;
  box-shadow:0 0 0 1px rgba(0,0,0,0.08);
}
.price-timestamp{
  text-align:right;
  font-size:11px;
  color:#a1a1aa;
  margin-top:10px;
}

/* Key Specifications Section */
.pro-key-specs-section{
  padding:18px 20px 22px;
}
.key-specs-header-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
}
.key-specs-heading{
  font-size:16px;
  font-weight:800;
  color:#18181b;
  margin:0;
  font-family:var(--sans);
}
.see-full-specs-btn{
  font-size:12px;
  font-weight:700;
  color:#18181b;
  display:inline-flex;
  align-items:center;
  gap:4px;
  text-decoration:none;
}
.see-full-specs-btn:hover{
  text-decoration:underline;
}
.see-full-specs-btn .arrow-sym{
  font-size:10px;
}

.platform-os-row{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:16px;
  font-size:13px;
  font-weight:700;
  color:#3f3f46;
}
.os-icon{
  flex-shrink:0;
}

/* 6 Core Specs Grid */
.pro-specs-six-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px 20px;
  margin-bottom:24px;
}
@media(max-width:768px){
  .pro-specs-six-grid{
    grid-template-columns:repeat(2,1fr);
    gap:14px;
  }
}
.six-spec-item{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.spec-circle-icon{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#f4f4f5;
  display:grid;
  place-items:center;
  color:#52525b;
  flex-shrink:0;
}
.spec-text-block{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.spec-k-label{
  font-size:11px;
  color:#71717a;
  font-weight:500;
  line-height:1.2;
}
.spec-k-val{
  font-size:13px;
  font-weight:700;
  color:#18181b;
  line-height:1.3;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* 6 Extra Feature Tags */
.pro-extra-features-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px 18px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
@media(max-width:768px){
  .pro-extra-features-grid{
    grid-template-columns:repeat(2,1fr);
    gap:10px 12px;
  }
}
.feat-pill{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:600;
  color:#3f3f46;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.feat-pill svg{
  color:#71717a;
  flex-shrink:0;
}

/* Full specifications section */
.full-specs-container{
  margin-top:28px;
  padding-bottom:0;
}
.full-specs-container .section-heading{
  margin-bottom:14px;
}
.full-specs-container .section-heading h2{
  font-size:22px;
}
/* ── Unified Specifications Table: Seamlessly merged, compact rows, sleek typography ── */
.specs-unified-table{
  background:#ffffff;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,0.03);
  margin-bottom:0;
}
.spec-unified-group{
  display:grid;
  grid-template-columns:135px minmax(0,1fr);
  align-items:stretch;
  border-top:1px solid var(--line);
}
.spec-unified-group:first-child{
  border-top:none;
}
.spec-unified-header{
  background:var(--soft);
  border-right:1px solid var(--line);
  padding:8px 14px;
  display:flex;
  align-items:flex-start;
}
.spec-unified-header .spec-group-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:#18181b;
  line-height:1.4;
}
.spec-unified-content{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.spec-unified-row{
  display:grid;
  grid-template-columns:minmax(130px,180px) minmax(0,1fr);
  gap:12px;
  padding:6.5px 16px;
  border-top:1px solid #f1f5f9;
  align-items:baseline;
}
.spec-unified-row:first-child{
  border-top:none;
}
.spec-unified-row .spec-key{
  color:#71717a;
  font-size:12px;
  font-weight:500;
  line-height:1.4;
}
.spec-unified-row .spec-val{
  color:#18181b;
  font-size:12px;
  font-weight:500;
  line-height:1.45;
  word-break:break-word;
}
@media(max-width:760px){
  .spec-unified-group{grid-template-columns:95px minmax(0,1fr)}
  .spec-unified-header{padding:7px 10px}
  .spec-unified-header .spec-group-title{font-size:10px}
  .spec-unified-row{grid-template-columns:105px minmax(0,1fr);gap:8px;padding:6px 10px}
  .spec-unified-row .spec-key,.spec-unified-row .spec-val{font-size:11.5px}
}
@media(max-width:480px){
  .spec-unified-group{display:block}
  .spec-unified-header{border-right:none;border-bottom:1px solid var(--line);padding:6px 10px}
  .spec-unified-row{grid-template-columns:95px minmax(0,1fr)}
}
.related-devices-section{
  padding-top:28px!important;
  margin-top:0!important;
}
.related-devices-section .section-heading{
  margin-bottom:14px;
}
.related-devices-section .section-heading h2{
  font-size:22px;
  font-weight:700;
  letter-spacing:-0.4px;
}
.device-gallery-strip{
  margin-top:24px;
  padding-bottom:30px;
}
.gallery-scroll{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding:10px 0;
}
.gallery-scroll figure{
  margin:0;
  flex-shrink:0;
}
.gallery-scroll img{
  height:140px;
  border-radius:8px;
  border:1px solid var(--line);
  background:#ffffff;
  object-fit:contain;
  padding:8px;
}

/* ── Device Cards: Professional, sleek & compact ── */
.device-card{
  background:#ffffff!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  box-shadow:0 1px 3px rgba(0,0,0,0.03)!important;
  display:flex!important;
  flex-direction:column!important;
}
.device-card:hover{
  transform:translateY(-2px)!important;
  border-color:#d4d4d8!important;
  box-shadow:0 6px 16px rgba(0,0,0,0.06)!important;
}
.device-card .device-visual{
  height:190px!important;
  min-height:190px!important;
  max-height:210px!important;
  aspect-ratio:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f9fafb!important;
  padding:12px 14px!important;
  overflow:hidden!important;
  border-bottom:1px solid #f4f4f5!important;
}
.device-card .device-visual img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  mix-blend-mode:multiply!important;
  display:block!important;
}
.device-card .device-card-info{
  padding:10px 14px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  flex:1!important;
}
.device-card .device-title{
  font-family:var(--display)!important;
  font-size:13.5px!important;
  font-weight:700!important;
  color:#18181b!important;
  line-height:1.35!important;
  min-height:0!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-decoration:none!important;
}
.device-card .device-title:hover{
  color:#18181b!important;
}
.device-card .card-bottom{
  border-top:none!important;
  padding-top:0!important;
  margin-top:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.device-card .price{
  font-family:var(--display)!important;
  font-size:13px!important;
  font-weight:800!important;
  color:#18181b!important;
  letter-spacing:-0.2px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.device-card .compare-add{
  padding:5px 9px!important;
  font-size:11.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
  border-radius:6px!important;
  border:1px solid var(--line)!important;
  background:#f9fafb!important;
  color:#52525b!important;
  cursor:pointer!important;
  transition:all .15s ease!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
}
.device-card .compare-add:hover{
  background:#18181b!important;
  color:#ffffff!important;
  border-color:#18181b!important;
}
.device-card .compare-add.is-added{
  background:#18181b!important;
  color:#ffffff!important;
  border-color:#18181b!important;
  font-weight:700!important;
}
@media(max-width:760px){
  .device-card .device-visual{height:155px!important;min-height:155px!important;padding:10px!important}
  .device-card .device-card-info{padding:9px 11px 11px!important}
  .device-card .device-title{font-size:12.5px!important}
  .device-card .price{font-size:12px!important}
  .device-card .compare-add{padding:4px 8px!important;font-size:11px!important}
}
@media(max-width:390px){
  .device-card .device-visual{height:140px!important;min-height:140px!important;padding:8px!important}
  .device-card .device-card-info{padding:8px 9px 10px!important}
  .device-card .device-title{font-size:12px!important}
  .device-card .price{font-size:11.5px!important}
  .device-card .compare-add{padding:3px 7px!important;font-size:10.5px!important}
}


/* ═══════════════════════════════════════════════════════════════
   COMPARE FEATURE & UI: CLEAN, MODERN, ZERO-GLITCH STYLING
   ═══════════════════════════════════════════════════════════════ */

/* Compare page head */
.compare-page-head .eyebrow{display:block!important;color:#71717a;font-size:9.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}
.compare-page-head h1{margin:10px 0;font:700 clamp(32px,4vw,44px)/1.15 var(--display);letter-spacing:-1.5px;color:var(--ink)}
.compare-page-head p{font-size:14px!important;color:#71717a;max-width:620px;line-height:1.55}

/* Compare controls top bar */
.compare-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:#ffffff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px 20px;
  flex-wrap:wrap;
  box-shadow:0 1px 3px rgba(0,0,0,0.03);
}
.compare-status-meta strong{display:block;font-size:15px!important;color:#18181b;font-weight:700}
.compare-status-meta small{display:block;font-size:12px!important;color:#71717a;margin-top:2px}

.compare-actions-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* Difference toggle switch */
.compare-diff-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:600;
  color:#52525b;
  cursor:pointer;
  user-select:none;
  padding:6px 12px;
  border-radius:8px;
  background:#f9fafb;
  border:1px solid var(--line);
  transition:all .15s ease;
}
.compare-diff-toggle:hover{background:#f4f4f5;border-color:#d4d4d8}
.compare-diff-toggle input{cursor:pointer;accent-color:#52525b;width:15px;height:15px;margin:0}

/* Compare Table Wrapper */
.compare-table-wrap{
  overflow-x:auto;
  margin-top:18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#ffffff;
  box-shadow:0 4px 16px rgba(0,0,0,0.02);
}
.compare-table{
  width:100%;
  min-width:680px;
  border-collapse:collapse;
  font-size:13px;
  background:#ffffff;
}

/* Header Cells Sticky */
.compare-table thead th{
  background:#ffffff;
  border-bottom:2px solid var(--line);
  padding:16px;
  vertical-align:top;
  text-align:left;
  position:sticky;
  top:0;
  z-index:10;
}

/* Left Spec Column Header */
.compare-spec-col-head{
  width:180px;
  min-width:160px;
  background:#f9fafb!important;
  border-right:1px solid var(--line);
  position:sticky;
  left:0;
  z-index:11;
}
.compare-spec-label-box .spec-label-title{display:block;font:700 14px var(--display);color:#18181b}
.compare-spec-label-box .spec-label-sub{display:block;font-size:11px;color:#71717a;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}

/* Device Header Cards */
.compare-device-col-head{
  width:220px;
  min-width:180px;
  max-width:260px;
  padding:16px!important;
  background:#ffffff;
}
.compare-device-card{position:relative;text-align:center}

.compare-remove-btn{
  position:absolute;
  top:-6px;
  right:-6px;
  width:24px;
  height:24px;
  border-radius:50%;
  border:1px solid var(--line);
  background:#ffffff;
  color:#71717a;
  font-size:16px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:all .15s ease;
  z-index:2;
}
.compare-remove-btn:hover{background:#18181b;color:#ffffff;border-color:#18181b;transform:scale(1.1)}

.compare-device-thumb-wrap{
  height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f9fafb;
  border-radius:10px;
  margin-bottom:10px;
  padding:10px;
  border:1px solid #f4f4f5;
  transition:border-color .15s;
}
.compare-device-thumb-wrap:hover{border-color:#d4d4d8}
.compare-device-thumb-wrap img{max-height:100%;max-width:100%;object-fit:contain}
.compare-device-placeholder{font-size:36px}

.compare-device-title{
  display:block;
  font:700 14px/1.35 var(--display)!important;
  color:#18181b;
  min-height:38px;
  margin-bottom:4px;
  text-decoration:none;
}
.compare-device-title:hover{color:#000000}

.compare-cat-badge{
  display:inline-block;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#71717a;
  background:#f4f4f5;
  padding:2px 8px;
  border-radius:4px;
}

.compare-device-price{
  margin-top:8px;
  font-size:13.5px!important;
  font-weight:800;
  color:#18181b;
  font-family:var(--display);
}

/* "+ Add Device" Column Header */
.compare-add-col-head{
  width:200px;
  min-width:180px;
  padding:16px!important;
  background:#ffffff;
}
.compare-add-slot-card{
  border:2px dashed #d4d4d8;
  border-radius:12px;
  padding:16px 12px;
  text-align:center;
  background:#f9fafb;
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.slot-add-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--line);
  display:grid;
  place-items:center;
  font-size:20px;
  font-weight:700;
  color:#52525b;
}
.compare-add-slot-card strong{font-size:13px;color:#18181b;margin-top:4px}
.compare-add-slot-card p{font-size:11px!important;color:#71717a;margin:0 0 6px}

.slot-search-wrap{position:relative;width:100%}
.slot-search-input{
  width:100%;
  padding:7px 10px;
  font-size:11.5px;
  border:1px solid #d4d4d8;
  border-radius:6px;
  outline:none;
  background:#ffffff;
  color:#18181b;
}
.slot-search-input:focus{border-color:#18181b;box-shadow:0 0 0 2px rgba(0,0,0,0.08)}

.slot-search-dropdown{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  margin-top:4px;
  background:#ffffff;
  border:1px solid var(--line);
  border-radius:8px;
  box-shadow:0 10px 25px rgba(0,0,0,0.12);
  max-height:220px;
  overflow-y:auto;
  z-index:30;
  text-align:left;
  display:none;
}
.slot-result-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-bottom:1px solid #f4f4f5;
  cursor:pointer;
  transition:background .12s;
}
.slot-result-item:hover{background:#f4f4f5}
.slot-result-thumb{width:22px;height:30px;object-fit:contain;flex-shrink:0}
.slot-result-no-thumb{font-size:18px}
.slot-result-name{font-size:11.5px;font-weight:600;color:#18181b;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slot-result-plus{color:#18181b;font-weight:700;font-size:14px}
.slot-search-empty{padding:12px;font-size:11px;color:#71717a;text-align:center}

/* Group Section Header Rows */
.compare-group-row th{
  background:#f4f4f5!important;
  color:#18181b!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:0.08em!important;
  text-transform:uppercase!important;
  padding:11px 18px!important;
  border-top:2px solid var(--line)!important;
  border-bottom:1px solid var(--line)!important;
  text-align:left;
}
.group-title-text{display:inline-flex;align-items:center;gap:8px}

/* Specification Data Rows */
.compare-data-row th{
  background:#f9fafb;
  color:#52525b;
  font-size:13px!important;
  font-weight:600;
  padding:12px 18px;
  border-bottom:1px solid #f4f4f5;
  text-align:left;
  border-right:1px solid #f4f4f5;
  position:sticky;
  left:0;
  z-index:5;
}
.compare-data-row td{
  background:#ffffff;
  color:#18181b;
  font-size:13.5px!important;
  line-height:1.5;
  padding:12px 18px;
  border-bottom:1px solid #f4f4f5;
  text-align:left;
  vertical-align:top;
  transition:background .12s;
}

/* Subtle, Modern Emerald Highlight for Differences (Zero Color Glitch!) */
.compare-table:not(.diff-hidden) .compare-field-val.is-different{
  background:#e4e4e7!important;
  color:#18181b!important;
  font-weight:700!important;border-radius:4px;
}

/* Hover Row Effect */
.compare-data-row:hover td:not(.is-different){background:#f9fafb}
.compare-empty-cell{color:#d4d4d8!important;text-align:center}

/* ── Empty State Hub ── */
.compare-empty-hub{
  background:#ffffff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:48px 32px;
  text-align:center;
  box-shadow:0 4px 20px rgba(0,0,0,0.02);
  margin-top:18px;
}
.empty-hub-icon{font-size:42px;margin-bottom:14px}
.empty-hub-header h2{font:700 26px var(--display);color:#18181b;margin:0 0 8px}
.empty-hub-header p{font-size:14px!important;color:#71717a;max-width:540px;margin:0 auto 28px;line-height:1.6}

/* Hub search bar */
.compare-hub-search{max-width:560px;margin:0 auto 36px;position:relative}
.hub-search-input-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 18px;
  background:#f9fafb;
  border:1.5px solid #d4d4d8;
  border-radius:12px;
  transition:all .15s ease;
}
.hub-search-input-wrap:focus-within{border-color:#18181b;background:#fff;box-shadow:0 0 0 3px rgba(0,0,0,0.08)}
.hub-search-input-wrap svg{color:#71717a;flex-shrink:0}
.hub-search-input-wrap input{flex:1;border:0;background:transparent;font-size:14px;outline:none;color:#18181b}

.hub-search-results{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  margin-top:6px;
  background:#ffffff;
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:0 14px 35px rgba(0,0,0,0.12);
  max-height:300px;
  overflow-y:auto;
  z-index:25;
  text-align:left;
  display:none;
}
.hub-result-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 16px;
  border-bottom:1px solid #f4f4f5;
  cursor:pointer;
  transition:background .12s;
}
.hub-result-item:hover{background:#f9fafb}
.hub-result-thumb{width:32px;height:42px;object-fit:contain;flex-shrink:0}
.hub-result-no-thumb{font-size:24px}
.hub-result-info{flex:1}
.hub-result-info strong{display:block;font-size:13.5px;color:#18181b}
.hub-result-add-btn{
  border:1px solid #d4d4d8;
  background:#ffffff;
  border-radius:6px;
  padding:6px 12px;
  font-size:12px;
  font-weight:600;
  color:#18181b;
  cursor:pointer;
  transition:all .15s;
}
.hub-result-add-btn:hover{background:#18181b;color:#ffffff;border-color:#18181b}
.hub-search-empty{padding:16px;font-size:13px;color:#71717a;text-align:center}

/* Popular Comparisons Section */
.compare-popular-section{border-top:1px solid var(--line);padding-top:28px}
.compare-popular-section h3{font:700 16px var(--display);color:#18181b;margin:0 0 14px}
.popular-compare-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:12px;
}
.popular-compare-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 18px;
  background:#f9fafb;
  border:1px solid var(--line);
  border-radius:10px;
  text-decoration:none;
  transition:all .15s ease;
}
.popular-compare-card:hover{
  border-color:#18181b;
  background:#ffffff;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(0,0,0,0.05);
}
.pop-compare-names{display:flex;align-items:center;font-size:13px;color:#18181b}
.pop-compare-names strong{font-weight:700}
.vs-badge{
  font-size:10px;
  font-weight:800;
  background:var(--line);
  color:#52525b;
  padding:2px 6px;
  border-radius:4px;
  margin:0 8px;
}
.pop-compare-action{font-size:12px;font-weight:700;color:#18181b}

/* ── Floating Compare Dock ── */
.compare-dock{
  position:fixed;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  z-index:900;
  width:min(880px,calc(100% - 32px));
  background:#18181b;
  color:#ffffff;
  border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,0.25);
  border:1px solid #27272a;
  animation:dockSlideUp .25s cubic-bezier(0.16,1,0.3,1);
}
@keyframes dockSlideUp{from{transform:translate(-50%,30px);opacity:0}to{transform:translate(-50%,0);opacity:1}}

.compare-dock-inner{
  display:flex;
  align-items:center;
  gap:16px;
  padding:10px 18px;
}
.compare-dock-meta{display:flex;flex-direction:column;gap:2px;flex-shrink:0}
.dock-badge{font-size:9px;font-weight:800;letter-spacing:0.12em;color:#ffffff;text-transform:uppercase}
.dock-count-text{font-size:12px;color:#d4d4d8;white-space:nowrap}
.dock-count-text strong{color:#ffffff}

.compare-dock-slots{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1;
  overflow-x:auto;
  padding:2px 0;
}
.dock-slot-item{
  display:flex;
  align-items:center;
  gap:8px;
  background:#27272a;
  padding:5px 10px 5px 6px;
  border-radius:8px;
  border:1px solid #3f3f46;
  font-size:12px;
  color:#f4f4f5;
  white-space:nowrap;
  max-width:180px;
  position:relative;
}
.dock-slot-img{width:22px;height:28px;object-fit:contain;flex-shrink:0}
.dock-slot-no-img{font-size:18px}
.dock-slot-name{overflow:hidden;text-overflow:ellipsis;max-width:110px}
.dock-slot-remove{
  border:0;
  background:#3f3f46;
  color:#ffffff;
  width:16px;
  height:16px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:11px;
  cursor:pointer;
  transition:background .12s;
  padding:0;
  margin-left:auto;
}
.dock-slot-remove:hover{background:#52525b;color:#ffffff}

.dock-slot-empty{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  padding:0 12px;
  border:1px dashed #52525b;
  border-radius:8px;
  color:#a1a1aa;
  font-size:11px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  transition:all .15s;
}
.dock-slot-empty:hover{border-color:#ffffff;color:#ffffff}

.compare-dock-btns{display:flex;align-items:center;gap:8px;flex-shrink:0}
.dock-btn-clear{
  background:transparent;
  border:1px solid #3f3f46;
  color:#d4d4d8;
  border-radius:8px;
  padding:8px 12px;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  transition:all .15s;
}
.dock-btn-clear:hover{background:#27272a;color:#ffffff}
.dock-btn-go{
  background:#ffffff;
  color:#18181b!important;
  font-weight:700;
  font-size:12.5px;
  border-radius:8px;
  padding:8px 16px;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .15s,background .15s;
}
.dock-btn-go:hover{transform:translateY(-1px);background:#f4f4f5}

/* Device Card & Detail Page Compare Buttons State Sync */
.compare-add.is-added{
  background:#18181b!important;
  color:#ffffff!important;
  font-weight:700!important;
}
.pro-action-btn.btn-compare.is-added{
  background:#18181b!important;
  color:#ffffff!important;
  border-color:#18181b!important;
}

/* Mobile Responsiveness */
@media(max-width:760px){
  .compare-controls{flex-direction:column;align-items:stretch;gap:10px;padding:12px}
  .compare-actions-bar{width:100%;justify-content:space-between}
  .compare-diff-toggle{width:100%;justify-content:center}
  .compare-table{min-width:540px}
  .compare-table thead th{padding:10px}
  .compare-data-row th,.compare-data-row td{padding:10px 12px;font-size:12px!important}
  .compare-spec-col-head{width:130px;min-width:120px}
  .compare-device-thumb-wrap{height:85px}
  .compare-device-title{font-size:12px!important;min-height:30px}
  .popular-compare-grid{grid-template-columns:1fr}
  .compare-dock{bottom:12px;width:calc(100% - 20px);border-radius:12px}
  .compare-dock-inner{padding:8px 12px;gap:10px}
  .compare-dock-meta{display:none}
  .dock-btn-go{padding:7px 12px;font-size:11.5px}
}


/* ═══════════════════════════════════════════════════════════════
   ADMIN PANEL: ZERO-GLITCH STYLING & AD MANAGEMENT
   ═══════════════════════════════════════════════════════════════ */
.admin-shell .eyebrow, .page-head .eyebrow{
  display:block!important;
  color:#71717a;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:1.8px;
  text-transform:uppercase;
  margin-bottom:6px;
}
.admin-shell{
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
  gap:24px;
  padding-bottom:85px;
  align-items:start;
}
.admin-nav{
  background:#ffffff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.admin-nav a{
  display:block;
  padding:10px 14px;
  border-radius:8px;
  font-size:13.5px!important;
  color:#52525b;
  font-weight:600;
  text-decoration:none;
  transition:all .15s ease;
}
.admin-nav a:hover{
  background:#f4f4f5;
  color:#18181b;
}
.admin-nav a.active{
  background:#18181b;
  color:#ffffff!important;
  font-weight:700;
}
.form-hint{
  display:block;
  font-size:11.5px!important;
  color:#71717a;
  margin-top:4px;
  line-height:1.45;
  font-weight:400;
}
.admin-form input, .admin-form select, .admin-form textarea{
  font-size:13.5px!important;
}
.admin-table th{
  font-size:11px!important;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#52525b;
  background:#f9fafb;
  padding:12px 14px;
}
.admin-table td{
  font-size:13.5px!important;
  padding:12px 14px;
  color:#18181b;
}
.ad-slot-card{
  background:#ffffff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:20px;
  transition:box-shadow .15s ease;
}
.ad-slot-card:hover{
  box-shadow:0 4px 14px rgba(0,0,0,0.04);
}
@media(max-width:860px){
  .admin-shell{grid-template-columns:1fr;gap:16px}
  .admin-nav{flex-direction:row;flex-wrap:wrap;gap:4px;padding:8px}
  .admin-nav a{padding:6px 10px;font-size:12px!important}
}

/* Keep the home category-to-phone transition tight and give the footer room. */
.home-front + .category-strip{padding-bottom:16px;}
.category-strip + .device-section{padding-top:16px;}
.site-footer{margin-top:52px;}

/* Policy and Information Page Typography & Formatting */
.policy-page{max-width:860px;margin:0 auto;padding-top:36px;padding-bottom:90px;}
.policy-page h1{font:700 clamp(32px,4vw,44px)/1.15 var(--display);letter-spacing:-1.5px;margin:16px 0 12px;}
.policy-meta{display:inline-block;margin-bottom:22px;font-size:12px;font-weight:600;letter-spacing:0.3px;color:var(--muted);background:var(--soft);padding:6px 12px;border-radius:6px;border:1px solid var(--line);}
.policy-body{background:#ffffff;border:1px solid var(--line);border-radius:14px;padding:36px;font-size:14px;line-height:1.85;color:#27272a;}
.policy-body h2{font:700 21px/1.3 var(--display);letter-spacing:-0.5px;color:var(--ink);margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line);}
.policy-body h2:first-child{margin-top:0;}
.policy-body h3{font:600 16px/1.4 var(--display);color:var(--ink);margin:22px 0 10px;}
.policy-body p{margin:0 0 16px;}
.policy-body ul,.policy-body ol{margin:0 0 18px;padding-left:24px;}
.policy-body li{margin-bottom:8px;}
.policy-body a{color:#2563eb;text-decoration:underline;text-underline-offset:2px;}
.policy-body a:hover{color:#1d4ed8;}
.policy-body strong{color:var(--ink);font-weight:600;}
.policy-box{background:var(--soft);border-left:4px solid var(--ink);padding:16px 20px;border-radius:0 8px 8px 0;margin:22px 0;font-size:13px;line-height:1.7;}
.policy-box p:last-child{margin-bottom:0;}
@media(max-width:768px){
  .policy-body{padding:20px 18px;}
  .policy-body h2{font-size:18px;}
}

/* ── Journal & Articles Cards: Modern, clean, and fully legible ── */
.article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr))!important;
  gap: 22px!important;
  padding-bottom: 75px!important;
}
.article-card {
  display: flex!important;
  flex-direction: column!important;
  background: #ffffff!important;
  border: 1px solid var(--line)!important;
  border-radius: 14px!important;
  overflow: hidden!important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04)!important;
  transition: transform 0.22s ease, box-shadow 0.22s ease!important;
  height: 100%!important;
}
.article-card:hover {
  transform: translateY(-3px)!important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.09)!important;
}
.article-image-wrap,
.article-image {
  position: relative!important;
  display: block!important;
  width: 100%!important;
  aspect-ratio: 16 / 10!important;
  height: 200px!important;
  overflow: hidden!important;
  background: #f4f4f5!important;
  flex-shrink: 0!important;
}
.article-image-wrap img,
.article-image img {
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
  object-position: center!important;
  display: block!important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1)!important;
}
.article-card:hover .article-image-wrap img,
.article-card:hover .article-image img {
  transform: scale(1.04)!important;
}
.article-card-badge {
  position: absolute!important;
  top: 12px!important;
  left: 12px!important;
  z-index: 2!important;
  background: rgba(24, 24, 27, 0.82)!important;
  backdrop-filter: blur(8px)!important;
  -webkit-backdrop-filter: blur(8px)!important;
  color: #ffffff!important;
  border: 1px solid rgba(255, 255, 255, 0.2)!important;
  border-radius: 6px!important;
  font-size: 10px!important;
  font-weight: 700!important;
  letter-spacing: 0.04em!important;
  text-transform: uppercase!important;
  padding: 4px 9px!important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3)!important;
  pointer-events: none!important;
  line-height: 1.2!important;
}
.article-placeholder-icon {
  display: grid!important;
  place-items: center!important;
  width: 100%!important;
  height: 100%!important;
  color: #71717a!important;
  font-size: 28px!important;
}
.article-card-body,
.article-card > div {
  padding: 18px 20px 20px!important;
  display: flex!important;
  flex-direction: column!important;
  flex-grow: 1!important;
  background: #ffffff!important;
}
.article-card-title,
.article-card h2 {
  margin: 0 0 10px!important;
  font-family: var(--display)!important;
  font-size: 16px!important;
  font-weight: 700!important;
  line-height: 1.35!important;
  letter-spacing: -0.02em!important;
}
.article-card-title a,
.article-card h2 a {
  color: #18181b!important;
  text-decoration: none!important;
  transition: color 0.18s ease!important;
  display: -webkit-box!important;
  -webkit-box-orient: vertical!important;
  -webkit-line-clamp: 2!important;
  overflow: hidden!important;
}
.article-card-title a:hover,
.article-card h2 a:hover {
  color: #000000!important;
  text-decoration: underline!important;
}
.article-card-desc,
.article-card p {
  font-family: var(--sans)!important;
  font-size: 12.5px!important;
  line-height: 1.6!important;
  color: #52525b!important;
  margin: 0 0 16px!important;
  flex-grow: 1!important;
  display: -webkit-box!important;
  -webkit-box-orient: vertical!important;
  -webkit-line-clamp: 3!important;
  overflow: hidden!important;
}
.article-card-footer {
  margin-top: auto!important;
  padding-top: 12px!important;
  border-top: 1px solid #f1f5f9!important;
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  gap: 12px!important;
}
.article-author,
.article-card small {
  font-size: 11px!important;
  font-weight: 500!important;
  color: #71717a!important;
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
}
.article-read-link {
  font-size: 11.5px!important;
  font-weight: 600!important;
  color: #18181b!important;
  text-decoration: none!important;
  white-space: nowrap!important;
  display: inline-flex!important;
  align-items: center!important;
  gap: 4px!important;
  transition: transform 0.18s ease!important;
}
.article-card:hover .article-read-link {
  transform: translateX(2px)!important;
}
@media (max-width: 900px) {
  .article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
    gap: 16px!important;
  }
}
@media (max-width: 600px) {
  .article-grid {
    grid-template-columns: 1fr!important;
    gap: 16px!important;
  }
  .article-image-wrap,
  .article-image {
    height: 190px!important;
  }
  .article-card-body,
  .article-card > div {
    padding: 16px!important;
  }
  .article-card-title,
  .article-card h2 {
    font-size: 15.5px!important;
  }
}


/* =========================================================
   ARTICLE PRO EDITORIAL & SEO STYLES
   ========================================================= */
.article-detail-container {
  max-width: 860px;
  margin-inline: auto;
  padding-top: 24px;
  padding-bottom: 96px;
}
.article-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--muted);
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.article-breadcrumbs a {
  color: #52525b;
  text-decoration: none;
}
.article-breadcrumbs a:hover {
  color: #000;
  text-decoration: underline;
}
.article-breadcrumbs .active {
  color: var(--ink);
  font-weight: 500;
  max-width: 380px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-header-pro {
  margin-bottom: 28px;
}
.article-badge-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.article-badge {
  display: inline-block;
  padding: 4px 10px;
  background: #18181b;
  color: #ffffff;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-radius: 6px;
}
.reading-time-badge {
  font-size: 11.5px;
  font-weight: 600;
  color: #52525b;
}
.article-main-title {
  font: 700 clamp(32px, 4.2vw, 48px) / 1.15 var(--display);
  letter-spacing: -1.8px;
  color: var(--ink);
  margin: 0 0 16px 0;
}
.article-lede-pro {
  font-size: 18px;
  line-height: 1.65;
  color: #3f3f46;
  margin: 0 0 24px 0;
  font-weight: 400;
}
.article-meta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  gap: 16px;
  flex-wrap: wrap;
}
.author-meta-block {
  display: flex;
  align-items: center;
  gap: 12px;
}
.author-avatar-badge {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #18181b;
  color: #ffffff;
  display: grid;
  place-items: center;
  font: 700 15px var(--display);
}
.author-meta-text {
  display: flex;
  flex-direction: column;
}
.author-name {
  font: 700 13.5px var(--display);
  color: var(--ink);
}
.author-role {
  font-size: 11px;
  color: var(--muted);
}
.meta-dates-block {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 11.5px;
  color: #52525b;
}
.meta-dates-block strong {
  color: var(--ink);
}
.article-share-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.share-icon-btn {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: #ffffff;
  display: grid;
  place-items: center;
  color: #52525b;
  transition: all 0.15s ease;
  cursor: pointer;
}
.share-icon-btn:hover {
  background: #18181b;
  color: #ffffff;
  border-color: #18181b;
}
.article-hero-figure {
  margin: 28px 0 36px 0;
}
.article-hero-img {
  width: 100%;
  max-height: 480px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid var(--line);
  box-shadow: 0 4px 20px rgba(0,0,0,0.04);
}
.article-hero-caption {
  font-size: 11px;
  color: var(--muted);
  text-align: center;
  margin-top: 8px;
  font-style: italic;
}
/* Table of Contents */
.article-toc-box {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 20px 24px;
  margin: 0 0 36px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}
.toc-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  border-bottom: 1px solid #f4f4f5;
  padding-bottom: 10px;
}
.toc-icon {
  font-size: 14px;
  color: #18181b;
}
.toc-title {
  font: 700 14px var(--display);
  color: var(--ink);
  letter-spacing: -0.2px;
}
.toc-count {
  margin-left: auto;
  font-size: 10.5px;
  color: var(--muted);
  font-weight: 500;
}
.toc-list {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.toc-item a {
  font-size: 13px;
  color: #3f3f46;
  text-decoration: none;
  transition: color 0.15s ease;
}
.toc-item a:hover {
  color: #000;
  text-decoration: underline;
}
.toc-level-3 {
  margin-left: 16px;
  list-style-type: circle;
}

/* Article Body Typography */
.article-body-pro {
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.8;
  color: #27272a;
}
.article-body-pro h2 {
  font: 700 clamp(22px, 3vw, 28px) / 1.25 var(--display);
  letter-spacing: -0.8px;
  color: var(--ink);
  margin: 44px 0 16px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e4e7;
  scroll-margin-top: 90px;
}
.article-body-pro h3 {
  font: 700 20px / 1.35 var(--display);
  letter-spacing: -0.4px;
  color: var(--ink);
  margin: 32px 0 12px 0;
  scroll-margin-top: 90px;
}
.article-body-pro h4 {
  font: 700 16px var(--display);
  color: #18181b;
  margin: 24px 0 10px 0;
}
.article-body-pro p {
  margin: 0 0 20px 0;
}
.article-body-pro strong {
  font-weight: 700;
  color: #09090b;
}
.article-body-pro em {
  font-style: italic;
  color: #3f3f46;
}
.article-body-pro ul,
.article-body-pro ol {
  margin: 0 0 24px 0;
  padding-left: 24px;
}
.article-body-pro li {
  margin-bottom: 8px;
  line-height: 1.7;
}
.article-body-pro blockquote {
  margin: 28px 0;
  padding: 18px 24px;
  background: #f4f4f5;
  border-left: 4px solid #18181b;
  border-radius: 0 10px 10px 0;
}
.article-body-pro blockquote p {
  margin: 0;
  font-size: 16.5px;
  font-style: italic;
  color: #18181b;
  line-height: 1.6;
}

/* Callouts, Takeaways, Tables & Pros/Cons */
.key-takeaways {
  background: #f9fafb;
  border: 1px solid #d4d4d8;
  border-left: 4px solid #18181b;
  border-radius: 10px;
  padding: 22px 24px;
  margin: 28px 0;
}
.takeaways-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.takeaways-head strong {
  font: 700 13px var(--display);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink);
}
.key-takeaways ul {
  margin: 0;
  padding-left: 20px;
}
.key-takeaways li {
  margin-bottom: 6px;
  font-size: 14.5px;
  color: #3f3f46;
}
.table-container {
  overflow-x: auto;
  margin: 28px 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #ffffff;
}
.article-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  text-align: left;
}
.article-table th {
  background: #f4f4f5;
  color: var(--ink);
  font: 700 12px var(--display);
  letter-spacing: 0.04em;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}
.article-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #f4f4f5;
  color: #3f3f46;
}
.article-table tr:last-child td {
  border-bottom: none;
}
.article-table tr:hover td {
  background: #fafafa;
}
.pro-con-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 32px 0;
}
.pro-box {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 10px;
  padding: 18px 20px;
}
.con-box {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 10px;
  padding: 18px 20px;
}
.pro-box h4 {
  margin: 0 0 12px 0;
  color: #15803d;
  font: 700 13px var(--display);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.con-box h4 {
  margin: 0 0 12px 0;
  color: #b91c1c;
  font: 700 13px var(--display);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.pro-box ul, .con-box ul {
  margin: 0;
  padding-left: 18px;
}
.pro-box li, .con-box li {
  font-size: 13.5px;
  margin-bottom: 6px;
  color: #374151;
}

/* FAQ Accordion */
.faq-section {
  margin: 44px 0 32px 0;
  padding-top: 24px;
  border-top: 1px solid var(--line);
  scroll-margin-top: 90px;
}
.faq-item {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #ffffff;
  margin-bottom: 10px;
  padding: 14px 18px;
  transition: all 0.15s ease;
}
.faq-item summary {
  cursor: pointer;
  list-style: none;
  font: 600 15px var(--display);
  color: var(--ink);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-item summary:after {
  content: "+";
  font-size: 18px;
  color: var(--muted);
  font-weight: 400;
}
.faq-item[open] summary:after {
  content: "−";
}
.faq-item p {
  margin: 12px 0 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: #52525b;
}

/* Reviewed Devices Showcase */
.article-reviewed-devices {
  margin: 48px 0;
  padding: 24px;
  background: #f4f4f5;
  border-radius: 14px;
  border: 1px solid var(--line);
}
.reviewed-section-head h2 {
  font: 700 20px var(--display);
  margin: 4px 0 16px 0;
}
.article-device-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}
.article-device-card {
  display: flex;
  gap: 14px;
  padding: 14px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid var(--line);
  align-items: center;
  transition: transform 0.15s ease, border-color 0.15s ease;
}
.article-device-card:hover {
  transform: translateY(-2px);
  border-color: #a1a1aa;
}
.art-dev-thumb {
  width: 75px;
  height: 95px;
  display: grid;
  place-items: center;
  background: #f9fafb;
  border-radius: 8px;
  flex: none;
  overflow: hidden;
}
.art-dev-thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.art-dev-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.art-dev-brand {
  font-size: 9.5px;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
}
.art-dev-name {
  font: 700 13.5px var(--display);
  color: var(--ink);
  text-decoration: none;
  margin: 2px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.art-dev-price {
  font-size: 11.5px;
  font-weight: 700;
  color: #18181b;
  margin-bottom: 4px;
}
.art-dev-specs {
  display: flex;
  gap: 6px;
  font-size: 10px;
  color: #71717a;
  margin-bottom: 6px;
}
.art-dev-btn {
  font-size: 10.5px;
  font-weight: 600;
  color: #18181b;
  text-decoration: none;
}
.art-dev-btn:hover {
  text-decoration: underline;
}

/* Author Bio Card */
.author-bio-card {
  display: flex;
  gap: 18px;
  padding: 22px;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 12px;
  margin-top: 40px;
}
.author-bio-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #18181b;
  color: #ffffff;
  display: grid;
  place-items: center;
  font: 700 18px var(--display);
  flex: none;
}
.author-bio-content p {
  font-size: 13px;
  line-height: 1.65;
  color: #52525b;
  margin: 6px 0 10px 0;
}
.author-bio-head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.author-bio-head strong {
  font: 700 14px var(--display);
  color: var(--ink);
}
.author-verified-tag {
  font-size: 10px;
  font-weight: 600;
  color: #16a34a;
  background: #f0fdf4;
  padding: 2px 8px;
  border-radius: 12px;
  border: 1px solid #bbf7d0;
}
.author-bio-links {
  font-size: 11.5px;
  color: var(--muted);
}
.author-bio-links a {
  color: var(--ink);
  font-weight: 600;
  text-decoration: underline;
}

.article-more-section {
  margin-top: 64px;
  padding-top: 36px;
  border-top: 1px solid var(--line);
}

@media (max-width: 768px) {
  .article-meta-bar {
    flex-direction: column;
    align-items: flex-start;
  }
  .pro-con-grid {
    grid-template-columns: 1fr;
  }
  .article-device-grid {
    grid-template-columns: 1fr;
  }
  .author-bio-card {
    flex-direction: column;
  }
}