:root{--bg:#f7f9f9;--ink:#0d2229;--muted:#657580;--stroke:#dce5e6;--dark:#07171f;--mint:#b9f7e3;--teal:#117966;--cream:#effaf5;--card:#fff;--shadow:0 12px 40px rgba(17,39,45,.07);--rad:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:#138574}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.maxline{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:32px}.topline{background:#10282e;color:#aacac7;font-size:11px;letter-spacing:.03em}.toplive{display:flex;gap:8px;align-items:center}.pulse,.dot-mint{display:inline-block;width:6px;height:6px;border-radius:100%;background:#64d6b3;box-shadow:0 0 0 4px rgba(100,214,179,.09)}.site-header{height:83px;background:#fff;border-bottom:1px solid var(--stroke);position:sticky;top:0;z-index:30}.header-inner{display:flex;align-items:center;height:100%;justify-content:space-between;gap:26px}.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:0}.brand-icon{background:#0d2d32;color:#d3fff0;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:23px;font-weight:850;letter-spacing:-3px;position:relative}.brand-icon span{position:absolute;font-size:15px;top:2px;right:5px;letter-spacing:0;color:#6addbc}.brand-text{font-size:15px;letter-spacing:.08em;font-weight:760;white-space:nowrap}.brand-text b{color:#15896e}.brand-text small{display:block;font-size:10px;color:#87979a;letter-spacing:.06em;margin-top:4px;font-weight:500}.desktop-nav{display:flex;align-items:center;gap:28px;height:100%;margin-left:auto}.navlink{color:#4c6065;background:transparent;border:none;white-space:nowrap;height:100%;font-size:13px;position:relative;padding:0}.navlink.active,.navlink:hover{color:#0d6657}.navlink.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#41ae97;border-radius:3px 3px 0 0}.header-actions{display:flex;gap:10px;align-items:center}.language-button{border:1px solid #cfdfdb;background:#fff;color:#153f40;padding:9px 12px;border-radius:8px;font-weight:700;font-size:12px}.menu-button{display:none;border:none;background:transparent;font-size:23px}.mobile-nav{display:none}.page{display:none}.page.shown{display:block}.hero{background:var(--dark);color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:51% 49%;min-height:544px;position:relative}.hero-copy{z-index:2;position:relative;padding:84px 0 66px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:750;color:#258f7d}.eyebrow{color:#85cbbd;display:flex;align-items:center;gap:11px}.h-line{width:24px;height:1px;background:#74cebd}.hero h1{font-size:clamp(42px,5.05vw,67px);line-height:1.18;letter-spacing:-.045em;margin:30px 0 20px;font-weight:790}.hero h1 em{font-style:normal;color:#9af3d8}.lead{font-size:15px;line-height:1.95;color:#bacacf;max-width:520px}.hero-buttons{display:flex;gap:13px;margin:29px 0 30px;flex-wrap:wrap}.btn{border-radius:9px;padding:13px 17px;display:inline-flex;align-items:center;gap:18px;justify-content:center;border:1px solid transparent;font-weight:700;font-size:13px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#a3f0d9;color:#092a29}.btn-primary:hover{background:#ceffed}.btn-quiet{color:#e9faf3;border-color:#37565b;background:transparent}.btn-light{background:#e3fff2;color:#073b32}.btn-outline{background:#fff;border-color:#bfd2d4;color:#20464a}.hero-tiny{display:flex;gap:9px;align-items:center;font-size:11px;color:#91b4b3}.hero-art{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}.art-grid{position:absolute;inset:0;background:linear-gradient(to right,#102a30 1px,transparent 1px),linear-gradient(to bottom,#102a30 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 60% 47%,#000,transparent 72%)}.art-halo{width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(50,133,124,.37),rgba(13,50,58,.07) 65%,transparent 73%);position:absolute;right:3%;top:4%}.hero-car{width:120%;max-width:none;position:relative;z-index:1;margin-left:-9%;filter:drop-shadow(0 20px 50px #062a2f)}.art-label{position:absolute;z-index:2;right:2%;top:19%;background:#13303b;border:1px solid #356260;border-radius:12px;padding:15px 18px;display:flex;flex-direction:column;gap:7px;color:#b4d9d5;font-size:11px;box-shadow:0 14px 25px rgba(0,0,0,.12)}.art-label-top{font-size:21px;font-weight:780;color:#cbffeb}.sparkle{color:#8be5c7;font-size:17px}.art-caption{position:absolute;right:3%;bottom:11%;color:#6f9b9c;font-size:10px;letter-spacing:.21em}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;margin-top:-28px;position:relative;z-index:2;border:1px solid #e0eae8;box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.stat{padding:25px 24px;display:flex;flex-direction:column;gap:9px;border-right:1px solid #e6eded}.stat:last-child{border-right:0}.stat>span:first-child{font-size:12px;font-weight:700}.stat strong{font-size:30px;letter-spacing:-.04em}.stat strong small{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0}.stat>span:last-child{color:var(--muted);font-size:11px}.section{padding-top:72px;padding-bottom:75px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:25px}.section h2,.spotlight h2,.source-section h2{font-size:32px;line-height:1.3;letter-spacing:-.03em;margin:12px 0 8px}.section-heading p,.page-intro,.section>p,.spotlight p{line-height:1.9;color:var(--muted);font-size:14px;max-width:700px}.text-link{border:0;background:none;color:#148773;font-weight:750;white-space:nowrap;padding:10px}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.brand-card{border:1px solid #dce6e7;border-radius:15px;background:#fff;padding:22px;min-height:215px;display:flex;flex-direction:column;gap:12px;transition:transform .18s}.brand-card:hover,.car-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.brand-letter{width:46px;height:46px;display:grid;place-items:center;background:#e8f4f0;border-radius:12px;font-size:22px;font-weight:800;color:#166e60}.brand-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.brand-name{font-size:19px;font-weight:800;letter-spacing:-.03em}.brand-sub{color:#849497;font-size:12px}.brand-card p{margin:0;color:#667b7f;font-size:12px;line-height:1.75;flex:1}.badge{display:inline-flex;align-items:center;width:fit-content;gap:5px;font-weight:750;font-size:10px;border-radius:100px;padding:6px 9px;background:#f0f4f5;color:#52656e;white-space:nowrap}.badge.announced{background:#def8e8;color:#186750}.badge.watch{background:#fff2db;color:#8b6324}.badge.benchmark{background:#e5f2fc;color:#315b87}.badge.related{background:#ecebf8;color:#615486}.spotlight{background:#0e292e;color:#f2fff9}.spotlight-inner{padding-top:78px;padding-bottom:78px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.spotlight .section-kicker{color:#88d4ba}.spotlight h2{font-size:36px;margin:21px 0}.spotlight p{color:#a8c2c2;max-width:510px}.spotlight .btn{margin-top:16px}.spot-preview{background:#f6fbf9;padding:29px;border-radius:16px;color:#13313a;box-shadow:0 15px 45px rgba(0,0,0,.09)}.preview-head{display:flex;justify-content:space-between;letter-spacing:.1em;font-size:10px;color:#758588;border-bottom:1px solid #e2eceb;padding-bottom:16px;font-weight:700}.bar-item{margin-top:20px}.bar-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;gap:10px}.bar-label strong{font-weight:750}.bar-track{height:8px;background:#e0ecea;border-radius:100px;overflow:hidden}.bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#0f665b,#5bceb3)}.preview-bottom{font-size:10px;color:#829293;margin-top:24px}.updates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.update-card{display:flex;flex-direction:column;min-height:160px;padding:20px;background:#fff;border:1px solid #e0e8e9;border-radius:14px}.update-card .date{font-size:11px;letter-spacing:.07em;color:#168470;font-weight:750}.update-card p{line-height:1.85;color:#24383e;font-size:13px;flex:1}.update-card a{font-size:11px;color:#10836c;font-weight:700}.page-top{min-height:64vh}.page-title{font-size:clamp(34px,4vw,48px);letter-spacing:-.04em;margin:12px 0 12px}.page-intro{font-size:15px;margin:0 0 25px}.info-note{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border-radius:11px;border:1px solid #cce5df;background:#eaf7f1;color:#29574d;font-size:12px;line-height:1.8;margin:18px 0 25px}.info-note>span:first-child{font-size:19px;font-weight:800}.tracker-list{display:grid;gap:13px}.tracker-card{background:#fff;border:1px solid #dee8e8;border-radius:15px;display:grid;grid-template-columns:190px 1fr auto;gap:22px;align-items:center;padding:26px}.tracker-card .brand-letter{width:59px;height:59px}.tracker-brand{display:flex;gap:14px;align-items:center}.tracker-brand strong{font-size:19px}.tracker-brand small{color:#819297;display:block;margin-top:5px}.tracker-details{line-height:1.9;color:#577077;font-size:13px;max-width:630px}.source-btn{background:none;border:1px solid #d9e7e7;padding:10px 12px;border-radius:8px;font-size:11px;color:#196d65;white-space:nowrap}.subheading{margin-top:60px}.car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.car-card{border:1px solid #dce7e7;border-radius:15px;background:#fff;overflow:hidden;transition:transform .18s,box-shadow .18s}.car-visual{height:158px;background:linear-gradient(130deg,#eff8f6,#d9edea);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.car-card.watchlist .car-visual{background:linear-gradient(130deg,#263a48,#416770)}.car-card.related .car-visual{background:linear-gradient(130deg,#eeeef8,#dcddeb)}.car-visual::before{content:'';position:absolute;width:230px;height:230px;border:1px solid rgba(40,128,114,.12);border-radius:100%;right:-30px;top:-130px}.car-visual svg{width:94%;height:100%;max-height:135px;z-index:1;opacity:.8}.car-card.watchlist svg{filter:brightness(1.9)}.car-visual .render-tag{position:absolute;bottom:9px;right:12px;font-size:9px;letter-spacing:.06em;color:#698486;z-index:2}.car-card.watchlist .render-tag{color:#bdd6d5}.car-body{padding:22px}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-name{margin:0;font-size:23px;letter-spacing:-.04em}.card-brand{font-size:11px;color:#6e8086;text-transform:uppercase;letter-spacing:.13em;font-weight:750}.card-trim{font-size:12px;color:#76888d;margin:6px 0 18px}.card-number-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 0;border-top:1px solid #e9efef;border-bottom:1px solid #e9efef}.card-number-row span{display:block;font-size:10px;color:#72878a;margin-bottom:4px}.card-number-row strong{font-size:20px;letter-spacing:-.035em}.card-number-row strong small{font-weight:500;font-size:11px;color:#6a8081}.card-note{font-size:11px;line-height:1.7;color:#708289;min-height:54px;margin:17px 0}.card-action{display:flex;gap:8px;align-items:center}.select-car{flex:1;background:#102f32;color:#e6fff4;border:0;border-radius:8px;padding:11px;font-size:12px;font-weight:750}.select-car.selected{background:#e7f4ef;color:#146c59;border:1px solid #b7dacc}.source-square{border:1px solid #d8e5e5;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:750}.filters{display:flex;align-items:center;gap:11px;margin-top:28px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:10px;background:white;border:1px solid #d5e2e2;padding:11px 15px;border-radius:10px;flex:1;min-width:220px}.search-box span{font-size:20px;color:#73898b}.search-box input{outline:none;border:0;flex:1;background:transparent;min-width:0}.filters select,.compare-pickers select{border:1px solid #d6e3e4;background:#fff;color:#203b43;border-radius:10px;padding:14px 14px;max-width:100%;font-size:12px}.countline{display:flex;justify-content:space-between;margin:22px 0 0;color:#849396;font-size:11px;gap:16px}.compare-controls{margin-top:28px;display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.compare-pickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1;min-width:300px}.compare-panel{overflow-x:auto;border-radius:14px;border:1px solid #dce7e7;background:white;margin-top:23px}.compare-table{width:100%;border-collapse:collapse;min-width:670px;table-layout:fixed}.compare-table th,.compare-table td{text-align:left;padding:19px 18px;border-bottom:1px solid #e6eeee;border-right:1px solid #e6eeee;vertical-align:top}.compare-table td:last-child,.compare-table th:last-child{border-right:0}.compare-table tr:last-child td{border-bottom:0}.compare-table th:first-child,.compare-table td:first-child{background:#f6faf9;width:162px;font-size:12px;color:#587277;font-weight:700}.compare-table th{background:#0b2a31;color:white;font-size:14px}.compare-table th:first-child{background:#133940;color:#c5dfd9}.compare-table small{display:block;font-size:10px;color:#70898c;line-height:1.65;font-weight:400;margin-top:7px}.compare-table a{color:#1f987d;text-decoration:underline;text-underline-offset:3px}.compare-table th strong{display:block;font-size:19px;margin:7px 0}.compare-table th small{color:#8ac8be}.comp-badge{font-size:10px;display:inline-flex;padding:5px 8px;background:#dff6eb;color:#205f51;border-radius:100px;margin-top:7px}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:32px}.method-tile{background:white;border:1px solid #dae7e7;padding:27px;border-radius:14px}.method-number{font-size:12px;color:#149b7a;font-weight:750;letter-spacing:.1em}.method-tile h3{font-size:19px;margin:15px 0}.method-tile p{color:#6f8287;font-size:13px;line-height:1.9;margin:0}.source-section{margin-top:45px}.source-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.source-list a{padding:15px;background:#fff;border:1px solid #d9e5e5;border-radius:10px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.source-list span{color:#10917c}.disclaimer{margin-top:36px;border:1px solid #cddcdb;background:#eaf2ef;padding:22px;border-radius:12px;color:#335b59}.disclaimer p{font-size:12px;line-height:1.9}.footer{background:#07171d;color:#d5edea;padding-top:48px}.footer-main{display:flex;justify-content:space-between;gap:28px;padding-bottom:39px}.footer-brand{font-size:20px;font-weight:800;letter-spacing:.08em}.footer-brand b{color:#77daba}.footaccent{margin-left:8px;color:#8feaab}.footer-main p{color:#8ba3a4;font-size:12px;line-height:1.8}.footer-main>div:last-child{text-align:right;font-size:11px;color:#b4d4d2}.footer-bottom{border-top:1px solid #1a3438;padding:20px 0;display:flex;justify-content:space-between;color:#789898;font-size:10px;letter-spacing:.04em}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:99;background:#082c2f;color:white;padding:12px 20px;border-radius:9px;box-shadow:0 8px 30px #0d343440;opacity:0;pointer-events:none;transition:all .2s;white-space:nowrap;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1000px){.desktop-nav{gap:15px}.navlink{font-size:12px}.hero-inner{grid-template-columns:56% 44%}.brand-grid{grid-template-columns:repeat(2,1fr)}.car-grid{grid-template-columns:repeat(2,1fr)}.spotlight-inner{gap:25px}.tracker-card{grid-template-columns:180px 1fr}.tracker-card .source-btn{grid-column:2;justify-self:start}}@media(max-width:760px){.shell{width:min(100% - 32px,640px)}.topright{display:none}.topline .maxline>span:last-child{display:none}.site-header{height:70px}.desktop-nav{display:none}.menu-button{display:block}.mobile-nav.open{display:grid;grid-template-columns:1fr 1fr;position:absolute;left:0;right:0;top:70px;padding:16px;background:#fff;box-shadow:0 10px 20px #0b252327;gap:5px}.mobile-nav button{background:#f2f6f5;border:0;border-radius:8px;padding:13px;text-align:left;color:#25494a}.hero-inner{display:block;min-height:0}.hero-copy{padding:65px 0 43px}.hero h1{font-size:44px;margin:23px 0 14px}.hero-art{height:300px;margin:0 -24px}.hero-car{width:105%;margin-left:0}.art-halo{top:0;right:6%;height:340px;width:340px}.art-label{top:9%;right:8%}.art-caption{bottom:3%}.stats-strip{grid-template-columns:repeat(2,1fr);margin-top:0}.stat{padding:19px 15px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #e6eded}.stat strong{font-size:26px}.section{padding-top:51px;padding-bottom:54px}.section h2,.spotlight h2{font-size:28px}.section-heading{align-items:flex-start}.section-heading .text-link{margin-top:14px}.spotlight-inner{grid-template-columns:1fr;padding:60px 0}.brand-grid,.updates-grid,.car-grid,.method-grid,.source-list{grid-template-columns:1fr}.tracker-card{grid-template-columns:1fr;gap:12px;padding:20px}.tracker-card .source-btn{grid-column:auto}.compare-pickers{grid-template-columns:1fr;min-width:100%}.compare-controls .btn{width:100%}.footer-main,.footer-bottom{flex-direction:column;gap:9px}.footer-main>div:last-child{text-align:left}.page-title{font-size:35px}.countline{flex-direction:column}.car-visual{height:178px}}@media(min-width:761px) and (max-width:900px){.brand-text{font-size:12px}.brand-text small{font-size:9px}.desktop-nav{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Actual photos + photo attribution */
.hero-photo{position:absolute;left:-4%;top:6%;width:115%;height:87%;object-fit:cover;object-position:50% 49%;z-index:1;filter:saturate(.78) contrast(1.07);border-radius:16px;opacity:.92}.hero-photo-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(7,23,31,.5),transparent 32%),linear-gradient(0deg,rgba(7,23,31,.52),transparent 40%);pointer-events:none}.hero-photo-credit{position:absolute;z-index:5;left:4%;bottom:8%;font-size:10px;color:#d6ece6;background:rgba(5,24,28,.75);padding:6px 8px;border-radius:5px}.hero-photo-credit:hover{color:white}.hero-art .art-label{right:3%;top:13%;background:rgba(13,48,59,.89)}.hero-art .art-caption{z-index:4}
.car-visual.actual-photo{height:192px;background:#192d36}.car-visual.actual-photo:before{display:none}.car-visual img.vehicle-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%;transition:transform .35s}.car-card:hover .vehicle-photo{transform:scale(1.045)}.car-visual .photo-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 46%,rgba(4,23,29,.7) 100%)}.car-visual .render-tag{bottom:32px;left:12px;right:auto;color:#edf5f1!important;font-size:9px;letter-spacing:.01em;max-width:82%}.mini-photo-credit{position:absolute;bottom:9px;left:12px;color:#dcf7ec;font-size:9px;z-index:5;text-shadow:0 1px 2px #10211f}.mini-photo-credit:hover{color:#fff;text-decoration:underline}.vehicle-photo.photo-error{visibility:hidden}.photo-fallback{color:#fff;opacity:.7}.compare-header-photo{display:block;width:100%;height:110px;object-fit:cover;border-radius:7px;margin-bottom:9px}.compare-header-photo.photo-error{display:none}
/* Editor's head-to-head section */
.review-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.review-card{background:white;border:1px solid #dce7e7;border-radius:15px;overflow:hidden;min-width:0;display:flex;flex-direction:column;box-shadow:0 3px 10px rgba(20,49,55,.025)}.review-pair{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:195px;background:#13252d}.review-pair>div{position:relative;min-width:0;overflow:hidden}.review-pair>div:first-child{border-right:2px solid #fff}.review-pair-img{width:100%;height:100%;object-fit:cover;display:block}.review-pair-img.photo-error{visibility:hidden}.review-pair>div>span{position:absolute;bottom:10px;left:10px;padding:6px 8px;border-radius:6px;background:rgba(7,24,27,.78);color:#fff;font-size:12px;font-weight:750;line-height:1.4}.review-versus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 12px;z-index:2;color:#07332c;background:#c3f7e5;border:3px solid #fff;border-radius:100px;font-size:12px;font-weight:900;box-shadow:0 4px 12px #0002}.review-card-content{padding:25px;display:flex;flex-direction:column;flex:1;gap:13px}.review-eyebrow{font-size:10px;font-weight:800;color:#168a70;letter-spacing:.08em}.review-card h3{font-size:20px;line-height:1.42;letter-spacing:-.027em;margin:0}.review-card p{font-size:12px;line-height:1.9;color:#607579;margin:0;flex:1}.review-read{align-self:flex-start;border:none;background:none;color:#0b8a71;font-weight:800;font-size:12px;padding:7px 0}.review-read:hover{text-decoration:underline}.review-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.review-tab{border:1px solid #c9dcda;border-radius:9px;background:white;color:#40595d;padding:11px 15px;font-size:12px;font-weight:700}.review-tab.active{background:#0c3435;color:#e4fcef;border-color:#0c3435}.review-back{padding:11px 0;margin:0 0 22px;background:none;border:none;color:#178971;font-weight:750}.review-article{max-width:1000px;margin:auto}.review-article[hidden],.review-list[hidden],.review-categories[hidden]{display:none!important}.review-article-label{font-size:10px;letter-spacing:.14em;color:#178471;font-weight:800}.review-article>h2{font-size:clamp(27px,4.2vw,47px);line-height:1.2;letter-spacing:-.038em;margin:16px 0 20px}.article-deck{font-size:16px;line-height:1.95;color:#5d7277;max-width:850px}.article-pair{height:350px;border-radius:15px;overflow:hidden;margin:30px 0}.article-pair .mini-photo-credit{bottom:43px}.editorial-take{background:#0d3035;color:#e9f9f3;padding:30px;border-radius:13px;margin:24px 0 30px}.editorial-take>span{color:#9fecce;font-size:11px;font-weight:800;letter-spacing:.12em}.editorial-take p{font-size:17px;line-height:1.95;margin:12px 0 0}.pros-cons-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:20px 0}.pros-cons-grid>div{background:white;border:1px solid #dae6e6;padding:23px;border-radius:12px}.pros-cons-grid h4{font-size:14px;margin:0 0 14px}.pros-cons-grid ul,.review-facts ol{padding-left:19px;color:#596f76;font-size:13px;line-height:2}.review-facts{padding:26px;background:#ebf3f0;border-radius:13px;margin:35px 0}.review-facts h3{margin:0 0 9px}.review-reference{display:flex;gap:10px;flex-wrap:wrap;padding-top:10px}.review-reference a{background:white;border:1px solid #c7ded7;color:#157b68;font-size:11px;padding:9px 11px;border-radius:7px}.credits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.credit-entry{display:flex;gap:12px;padding:11px;border:1px solid #dbe7e7;background:white;border-radius:10px;align-items:center}.credit-thumbnail{width:105px;height:81px;object-fit:cover;border-radius:5px;background:#e4edeb}.credit-entry>div{display:flex;flex-direction:column;gap:4px;min-width:0}.credit-entry strong{font-size:12px}.credit-entry small,.credit-entry a{font-size:10px;line-height:1.4;color:#648080}.credit-entry a{text-decoration:underline;color:#167f6d}
@media(max-width:1050px){.desktop-nav{gap:14px}.review-home-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hero-photo{left:0;width:100%;top:5%;height:92%}.hero-art .art-label{right:7%}.hero-photo-credit{left:9%;bottom:3%}.review-home-grid,.review-list,.credits-grid,.pros-cons-grid{grid-template-columns:1fr}.review-pair{height:200px}.article-pair{height:230px}.editorial-take{padding:20px}.editorial-take p{font-size:14px}.review-card-content{padding:20px}.credits-grid{gap:9px}.compare-header-photo{height:82px}}


/* V3 clean display image overrides */
.hero-photo{left:0;width:100%;top:8%;height:80%;object-fit:contain;object-position:center center;filter:drop-shadow(0 24px 48px rgba(0,0,0,.28)) saturate(1) contrast(1.02);border-radius:0;opacity:1}
.hero-photo-shade{background:linear-gradient(90deg,rgba(7,23,31,.42),transparent 36%),linear-gradient(0deg,rgba(7,23,31,.42),transparent 42%)}
.hero-photo-credit{background:rgba(7,23,31,.72);font-weight:700}
.car-visual.clean-display{height:192px;background:linear-gradient(180deg,#ffffff 0%,#f2f6f8 100%);padding:16px 12px 10px;display:flex;align-items:flex-end;justify-content:center}
.car-visual.clean-display img.vehicle-photo{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 18px rgba(15,31,38,.12));transition:transform .25s ease}
.car-card:hover .clean-display .vehicle-photo{transform:translateY(-2px) scale(1.02)}
.car-visual.clean-display .photo-fallback{color:#547178;font-size:11px}
.compare-header-photo,.review-pair-img,.credit-thumbnail{object-fit:contain;background:linear-gradient(180deg,#fff 0%,#f2f5f7 100%)}
.compare-header-photo{padding:6px}
.review-pair{background:linear-gradient(180deg,#f5f7f8 0%,#eef2f4 100%)}
.review-pair>div:first-child{border-right:1px solid #e4eaec}
.review-pair-img{padding:14px}
.article-pair .review-pair-img{padding:18px}
.mini-photo-credit{position:static;display:inline-block;margin-top:8px;background:#eef6f4;color:#1b7164;padding:4px 8px;border-radius:999px;font-size:10px;text-shadow:none}
.credit-thumbnail{width:105px;height:81px;padding:6px}
@media(max-width:760px){.hero-photo{top:3%;height:88%}.car-visual.clean-display{height:178px}}


/* V6 — Editorial Automotive Experience */
:root{--ink:#101b21;--bg:#f8f9fa;--dark:#09191d;--mint:#aaf5cf;--rad:20px;--stroke:#e4e9eb;--shadow:0 22px 70px rgba(17,35,45,.09)}
body{background:var(--bg)}
::selection{background:#b8f1df;color:#083528}
#readingProgress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#1a957e,#bbf4d7);z-index:99;transform:scaleX(0);transform-origin:0 0;pointer-events:none}
.site-header{height:78px;box-shadow:0 2px 22px rgba(9,34,41,.03);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:rgba(255,255,255,.965)}
.brand-icon{border-radius:10px;box-shadow:0 6px 18px rgba(4,87,68,.12)}
.navlink{font-weight:650;transition:color .2s ease}
.navlink:after{transition:transform .25s ease;transform-origin:left}
.language-button:hover{background:#e8f8f1;border-color:#97d8c3}
.hero{position:relative;background:radial-gradient(ellipse at 82% 30%,#123c3d 0%,transparent 45%),linear-gradient(116deg,#061418 0%,#0a2229 50%,#0b2930 100%)}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.06) 24%,transparent 30%,transparent 70%);background-size:600px 100%}
.hero-inner{min-height:604px;grid-template-columns:49% 51%}
.hero-copy{padding:100px 0 85px}
.hero h1{font-size:clamp(44px,5.5vw,77px);font-weight:800;letter-spacing:-.064em;line-height:1.13}
.hero h1 em{color:#adf4d7;background:linear-gradient(95deg,#ccfbe7,#85dec9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero .lead{font-size:15px;max-width:525px;color:#b4c7c7;line-height:2.05}
.hero-art{isolation:isolate;transform:translateZ(0)}
.hero-photo{left:-5%;width:116%;top:12%;height:76%;z-index:2;filter:drop-shadow(0 30px 36px rgba(0,5,8,.53)) contrast(1.02);transition:transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(0)}
.hero-art:hover .hero-photo{transform:translateY(-9px) scale(1.027)}
.hero-photo-shade{background:linear-gradient(90deg,rgba(6,20,24,.45),transparent 25%)}
.art-grid{background-size:64px 64px;opacity:.7}
.art-halo{width:580px;height:580px;right:-10%;top:-3%;background:radial-gradient(circle,rgba(92,194,166,.18) 0%,rgba(47,136,140,.065) 43%,transparent 68%)}
.hero-orbit{position:absolute;border:1px solid rgba(160,245,212,.10);border-radius:50%;z-index:1;pointer-events:none}
.orbit-one{width:470px;height:470px;top:2%;right:0}
.orbit-two{width:300px;height:300px;top:18%;right:15%;opacity:.45}
.hero-technical{position:absolute;top:9%;left:5%;font-size:10px;letter-spacing:.22em;color:#76a6a8;font-weight:800;z-index:3}
.art-label{right:0;top:18%;backdrop-filter:blur(8px);background:rgba(7,37,42,.76);z-index:3;border-color:rgba(127,221,188,.22)}
.hero-photo-credit{background:rgba(7,24,28,.6);font-size:10px}
.hero-scroll-hint{display:flex;gap:10px;align-items:center;margin-top:50px;color:#789fa1;font-weight:700;font-size:9px;letter-spacing:.14em}
.hero-scroll-hint i{display:block;width:28px;height:1px;background:#6caea1}
.stats-strip{border-radius:16px;box-shadow:0 24px 52px rgba(13,48,55,.075);margin-top:-35px}
.stat{padding:30px 24px}.stat strong{font-size:32px}
.section{padding-top:96px;padding-bottom:95px}
.section-heading{margin-bottom:30px}
.section-kicker{color:#298773;font-size:10px}
.section-heading h2{font-size:clamp(30px,3.3vw,44px);letter-spacing:-.05em;line-height:1.18;margin-top:18px}
.section-heading p{max-width:690px;color:#6d7d85}
/* Product showroom */
.showroom-section{padding-bottom:44px;padding-top:105px}
.showroom-heading{align-items:flex-end}
.showroom-index{font:750 10px/1.2 Arial,sans-serif;color:#8b9ba0;letter-spacing:.18em;white-space:nowrap}
.showroom-tabs{display:flex;gap:8px;align-items:center;margin:0 0 0;position:relative;z-index:2}
.showroom-tab{background:#eaf0f0;color:#45626a;border:1px solid transparent;border-radius:10px 10px 0 0;font-size:12px;font-weight:800;letter-spacing:.055em;padding:14px 22px;transition:background .2s,color .2s,transform .2s}
.showroom-tab span{font-size:10px;opacity:.6;margin-right:10px}
.showroom-tab:hover{background:#daeae7;transform:translateY(-2px)}
.showroom-tab.active{color:#e9fdf5;background:#102b2e;border-color:#1d4c4b;box-shadow:0 -6px 24px rgba(4,38,42,.09)}
.showroom-stage{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(315px,.8fr);min-height:446px;border:1px solid #dce8e6;border-radius:0 24px 24px 24px;overflow:hidden;background:#eff4f4;box-shadow:0 24px 65px rgba(22,57,64,.065)}
.showroom-visual{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 57% 52%,#fff 0%,#eef3f4 68%,#e5eded 100%)}
.showroom-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 98%,rgba(58,94,106,.045) 99%);background-size:68px 100%}
.showroom-watermark{position:absolute;left:6%;top:7%;font-size:clamp(55px,9vw,125px);font-weight:900;letter-spacing:-.075em;color:#dce7e8;white-space:nowrap;user-select:none}
.showroom-glow{position:absolute;inset:15%;background:radial-gradient(circle,#fff 12%,transparent 72%)}
#showroomImage{position:relative;width:96%;height:88%;object-fit:contain;filter:drop-shadow(0 26px 22px rgba(16,35,42,.19));z-index:1;transition:transform .55s cubic-bezier(.17,.75,.23,1)}
.showroom-visual:hover #showroomImage{transform:translateY(-11px) scale(1.045)}
.showroom-scene-index{position:absolute;left:22px;bottom:19px;letter-spacing:.18em;font-size:9px;color:#879a9e;font-weight:800}
.showroom-panel{background:#102b31;color:#edf8f5;padding:34px 32px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.showroom-panel:before{content:'';position:absolute;width:160px;height:160px;border-radius:50%;border:1px solid rgba(177,255,220,.11);right:-70px;top:-77px;pointer-events:none}
.showroom-pane-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font:700 9px Arial;letter-spacing:.1em;color:#97b0b1}
.live-micro{display:flex;gap:7px;align-items:center;line-height:1.4}.live-micro i{height:6px;width:6px;border-radius:50%;background:#96eacb;flex:none}
.showroom-brand{font-size:11px;letter-spacing:.22em;color:#99d9c8;margin-top:44px;font-weight:800}
.showroom-panel h3{font-size:clamp(42px,5vw,70px);letter-spacing:-.072em;line-height:1.04;margin:12px 0 15px;font-weight:850}
.showroom-panel p{color:#b0c3c6;line-height:1.8;font-size:12px;margin:0;min-height:66px}
.showroom-rule{height:1px;background:rgba(210,255,240,.15);margin-top:20px;margin-bottom:20px}
.showroom-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.showroom-kpis>div{display:flex;flex-direction:column;gap:9px}.showroom-kpis small{font-size:10px;color:#8cabae}.showroom-kpis b{font-size:19px;letter-spacing:-.025em;color:#f6fffb}
.showroom-cta{display:flex;align-items:center;justify-content:space-between;background:#b5f3d9;border:1px solid transparent;border-radius:10px;padding:14px 16px;color:#092f29;font-weight:750;font-size:12px;transition:background .2s,transform .2s}
.showroom-cta:hover{background:#e0ffef;transform:translateY(-2px)}
.showroom-source{font-size:10px;line-height:1.65;color:#86a4a9;margin-top:15px}
.stage-flipped #showroomImage{animation:showroomSwap .48s cubic-bezier(.2,.6,.2,1) both}
.stage-flipped .showroom-panel>*{animation:showroomText .35s ease both}
@keyframes showroomSwap{from{opacity:.2;transform:translateX(-15px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes showroomText{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
/* refined cards */
.brand-card,.car-card,.review-card,.update-card,.method-tile,.tracker-card{transition:transform .28s cubic-bezier(.2,.7,.1,1),box-shadow .3s,border-color .3s}
.brand-card:hover,.car-card:hover,.review-card:hover,.update-card:hover,.tracker-card:hover{transform:translateY(-6px);box-shadow:0 23px 49px rgba(18,47,54,.095);border-color:#b8d8d2}
.brand-card{border-radius:18px;box-shadow:0 5px 18px rgba(24,52,60,.025)}
.car-card{border-radius:19px}.car-visual.clean-display{height:218px;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#f1f5f6 90%)}
.car-visual.clean-display img.vehicle-photo{max-width:100%;filter:drop-shadow(0 15px 16px rgba(10,41,52,.12))}
.car-card:hover .clean-display .vehicle-photo{transform:translateY(-8px) scale(1.045)}
.car-card .card-body{padding-top:20px}
.select-car,.source-square{transition:background .2s,transform .2s}
.select-car:hover,.source-square:hover{transform:translateY(-2px)}
.review-card{border-radius:19px}.review-pair{height:212px}.review-pair-img{filter:drop-shadow(0 8px 12px rgba(0,0,0,.09));transition:transform .35s}
.review-card:hover .review-pair-img{transform:scale(1.075)}
.review-pair>div{overflow:hidden}
.review-versus{box-shadow:0 9px 21px rgba(7,42,35,.13)}
.text-link{transition:transform .2s ease,color .2s}.text-link:hover{transform:translateX(4px)}
.spotlight{background:linear-gradient(115deg,#09191c 0%,#13393b 100%)}
.spot-preview{box-shadow:0 22px 50px rgba(0,0,0,.13);border:1px solid #dff1e9}
.bar-fill{transform-origin:left;animation:barGrow 1s cubic-bezier(.15,.85,.2,1) both}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.floating-compare{position:fixed;right:26px;bottom:24px;z-index:40;display:flex;align-items:center;gap:11px;border:1px solid rgba(161,243,212,.38);background:#0d2f32;color:#effff9;padding:12px 16px;border-radius:999px;box-shadow:0 14px 45px rgba(10,54,50,.2);opacity:0;transform:translateY(20px);pointer-events:none;transition:transform .24s ease,opacity .24s ease}
.floating-compare.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.floating-compare:hover{background:#16584e}.fc-mark{font-size:18px;color:#acf8da}.fc-label{font-size:12px;font-weight:750}#floatingCompareCount{background:#bbf5d9;color:#082e28;min-width:24px;min-height:24px;border-radius:50%;font-weight:800;font-size:11px;display:grid;place-items:center}
.motion-card{opacity:0;transform:translateY(21px);transition:opacity .5s ease,transform .55s cubic-bezier(.2,.75,.2,1)}
.motion-card.entered{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.hero-inner{grid-template-columns:53% 47%}.hero h1{font-size:clamp(42px,5vw,62px)}.showroom-stage{grid-template-columns:1.18fr .82fr}.showroom-panel{padding:27px 24px}.showroom-brand{margin-top:24px}}
@media(max-width:760px){.site-header{height:70px}.hero-inner{display:block;min-height:0}.hero-copy{padding:58px 0 23px}.hero h1{font-size:clamp(42px,11vw,57px)}.hero-scroll-hint{display:none}.hero-art{height:325px;margin:0 -10px}.hero-photo{left:0;top:9%;width:100%;height:80%}.hero-technical{top:7%;left:5%}.art-label{top:7%;right:4%;padding:10px}.art-halo{width:310px;height:310px}.orbit-one{width:300px;height:300px;right:4%}.orbit-two{width:170px;height:170px;right:25%}.stats-strip{margin-top:0}.showroom-section{padding-top:68px}.showroom-index{display:none}.showroom-tabs{width:100%;gap:4px}.showroom-tab{padding:12px 9px;flex:1;font-size:9px;letter-spacing:0}.showroom-tab span{display:none}.showroom-stage{grid-template-columns:1fr;min-height:0;border-radius:0 0 18px 18px}.showroom-visual{height:270px}.showroom-watermark{font-size:76px}.showroom-panel{padding:25px 22px}.showroom-brand{margin-top:15px}.showroom-panel h3{font-size:48px}.showroom-panel p{min-height:0}.showroom-rule{margin:18px 0}.showroom-scene-index{left:15px;bottom:12px}.showroom-kpis{margin-bottom:18px}.review-pair{height:196px}.car-visual.clean-display{height:194px}.floating-compare{right:14px;bottom:14px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.stage-flipped #showroomImage,.stage-flipped .showroom-panel>*,.bar-fill{animation:none!important}.hero-art:hover .hero-photo,.review-card:hover .review-pair-img,.car-card:hover .vehicle-photo{transform:none}.motion-card{opacity:1;transform:none}.floating-compare{transition:none!important}}

/* Progressive enhancement: content remains visible if observers are delayed. */
.motion-card{opacity:1;transform:none;transition:border-color .3s,box-shadow .3s,transform .3s}
.motion-card.entered{animation:revealPulse .6s cubic-bezier(.2,.72,.2,1) both}
@keyframes revealPulse{0%{opacity:.45;translate:0 19px}100%{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.motion-card.entered{animation:none}}

/* ─── V7: refined automotive editorial design ─── */
:root{--v7-ink:#0d252c;--v7-teal:#0d665a;--v7-surface:#f5f8f8;--v7-line:#d9e6e7;--v7-glow:#a7ead6}
body{background:#f5f8f8}
.site-header{background:rgba(255,255,255,.94);backdrop-filter:saturate(150%) blur(20px);-webkit-backdrop-filter:saturate(150%) blur(20px);box-shadow:0 3px 25px rgba(12,42,47,.03)}
.desktop-nav .navlink{font-weight:650;letter-spacing:.013em}
.desktop-nav .navlink:after{transition:background .22s}
.section-kicker{display:flex;gap:11px;align-items:center;letter-spacing:.21em}
.section-kicker:before{content:'';width:26px;height:1px;background:#23947c;flex:none}
.section-heading h2{font-weight:820}
.section-heading .text-link{border-bottom:1px solid #c7ddd7;border-radius:0}
.hero{background:linear-gradient(116deg,#07151a 0%,#0b2830 49%,#073f40 100%)}
.hero-art{isolation:isolate}
.art-halo{background:radial-gradient(circle at 50% 50%,rgba(61,169,147,.26),transparent 63%);filter:blur(20px);animation:ambientHalo 9s ease-in-out infinite alternate}
@keyframes ambientHalo{from{transform:scale(.85);opacity:.55}to{transform:scale(1.2);opacity:.92}}
.hero-photo{filter:drop-shadow(0 25px 34px rgba(0,0,0,.32))}
.hero-buttons .btn{border-radius:8px}
.stats-strip{border:1px solid #e1ebeb}
.stat{position:relative}
.stat::before{content:'';height:3px;width:0;position:absolute;left:0;top:0;background:#3bc8a2;transition:width .45s}
.stat:hover::before{width:100%}
/* Featured head-to-head, replacing small home review cards */
.duel-showcase{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.78fr);min-height:445px;border:1px solid #d7e4e4;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 25px 60px rgba(20,52,59,.067)}
.duel-visual{position:relative;display:grid;grid-template-columns:1fr 1fr;min-width:0;min-height:445px;overflow:hidden;background:#eef3f4}
.duel-side{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:30px 4px 26px}
.duel-side-left{background:radial-gradient(ellipse at 75% 42%,#fff 0%,#e8f3f2 93%)}
.duel-side-right{background:radial-gradient(ellipse at 28% 42%,#fff 0%,#e6ebef 95%);border-left:1px solid rgba(16,57,67,.065)}
.duel-word{position:absolute;left:50%;top:13%;transform:translateX(-50%);font-size:clamp(47px,6vw,105px);letter-spacing:-.072em;font-weight:900;color:#d4e4e5;opacity:.7;white-space:nowrap;pointer-events:none;line-height:1}
.duel-side-right .duel-word{color:#d2dee5}
.duel-side img{position:relative;z-index:1;display:block;width:114%;max-width:none;height:72%;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(21,51,63,.16));transition:transform .45s cubic-bezier(.18,.8,.2,1)}
.duel-side-left img{transform:translateX(4%)}
.duel-side-right img{transform:translateX(-4%)}
.duel-showcase:hover .duel-side-left img{transform:translateX(4%) translateY(-5px) scale(1.035)}
.duel-showcase:hover .duel-side-right img{transform:translateX(-4%) translateY(-5px) scale(1.035)}
.duel-name{position:absolute;bottom:32px;font-size:11px;font-weight:850;letter-spacing:.115em;color:#23434a;text-align:center;padding:0 8px}
.duel-vs{position:absolute;z-index:3;left:50%;top:44%;transform:translate(-50%,-50%);width:56px;height:56px;display:grid;place-items:center;border-radius:50%;color:#d8fff1;background:#092e2e;box-shadow:0 8px 28px rgba(5,45,43,.23);font-size:13px;font-weight:900;letter-spacing:.05em;border:4px solid #eff6f4}
.duel-footnote{position:absolute;bottom:12px;left:16px;font-size:9px;letter-spacing:.02em;color:#7c9196}
.duel-content{background:linear-gradient(145deg,#102c33 0%,#0d1f28 100%);color:#e5f4f1;padding:37px 36px;display:flex;flex-direction:column;position:relative;min-width:0;justify-content:center}
.duel-content::after{content:'';position:absolute;width:140px;height:140px;border-radius:50%;border:1px solid rgba(168,235,212,.12);right:-85px;top:-75px;pointer-events:none}
.duel-heading-top{font-size:10px;font-weight:850;letter-spacing:.16em;color:#82d7c2;text-transform:uppercase;line-height:1.7}
.duel-content h3{font-size:clamp(23px,2.6vw,37px);letter-spacing:-.052em;line-height:1.24;margin:18px 0 14px;font-weight:790}
.duel-desc{font-size:12px;color:#a9bfc3;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.duel-rule{height:1px;background:rgba(220,255,241,.16);margin:22px 0}
.duel-opinion-label{font-size:10px;letter-spacing:.09em;color:#88cebd;font-weight:750}
.duel-opinion{font-size:12px;line-height:1.8;color:#d4e6e6;margin:11px 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.duel-read{align-self:flex-start;border:1px solid rgba(167,235,206,.65);background:#b5f1db;color:#0b342d;padding:12px 15px;border-radius:9px;font-size:12px;font-weight:800;display:flex;gap:25px;align-items:center;transition:background .25s,transform .25s}
.duel-read:hover{background:#e0ffef;transform:translateY(-2px)}
.duel-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}
.duel-nav-item{border-radius:12px;border:1px solid #dae7e6;background:#fff;color:#667b82;padding:17px 14px;display:flex;justify-content:space-between;gap:9px;align-items:center;text-align:left;font-size:11px;font-weight:780;min-height:60px;transition:border-color .2s,background .2s,color .2s,transform .2s}
.duel-nav-item b{color:#6a9186;opacity:.75;font-size:13px}
.duel-nav-item.active{background:#e7f5ef;border-color:#a4d5c4;color:#155b4b;box-shadow:inset 0 2px 0 #22a482}
.duel-nav-item:hover{transform:translateY(-2px);border-color:#93cabc}
.duel-flipped .duel-side img{animation:duelAppear .46s ease both}
.duel-flipped .duel-content h3,.duel-flipped .duel-content .duel-opinion{animation:duelAppear .4s ease both}
@keyframes duelAppear{0%{opacity:.22;translate:0 12px}100%{opacity:1;translate:0 0}}
/* Showroom arrows and refined product styling */
.showroom-visual{isolation:isolate}
.showroom-arrow{position:absolute;top:50%;z-index:6;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;color:#335c5c;font-size:19px;background:rgba(255,255,255,.76);border:1px solid #dbe6e6;border-radius:50%;box-shadow:0 5px 15px rgba(18,48,52,.07);transition:background .2s,color .2s,transform .2s}
.showroom-arrow:hover{background:#113c39;color:white;transform:translateY(-50%) scale(1.06)}
.showroom-arrow-prev{left:14px}.showroom-arrow-next{right:14px}
.showroom-visual:hover #showroomImage{transform:translateY(-7px) scale(1.03)}
.showroom-tab{position:relative;outline-offset:3px}
.showroom-tab.active::after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:2px;background:#8aeac7}
/* Cards as premium product catalogue */
.car-card{position:relative;isolation:isolate}
.car-visual.clean-display{border-bottom:1px solid #ecf0f1}
.car-visual.clean-display::after{content:'CHINA EV ATLAS  /  VISUAL';position:absolute;top:18px;left:20px;font-size:8px;font-weight:850;letter-spacing:.16em;color:#b0bec0;pointer-events:none}
.car-card:hover .car-visual.clean-display{background:radial-gradient(ellipse at 50% 30%,#fff 0%,#e9f4f2 90%)}
.car-card .card-name{letter-spacing:-.05em}
.car-card .card-number-row{background:#f5f9f8;border:1px solid #e4efed;border-radius:10px;padding:12px;margin-top:18px}
.car-card .card-number-row strong{color:#143a3b}
.car-card .card-action{padding-top:12px}
.car-card:hover .card-brand{color:#138674}
/* Models view toggle and horizontal list layout */
.countline{gap:12px}
.view-toggle{display:flex;align-items:center;background:#e8f0ef;border:1px solid #d7e6e4;border-radius:9px;padding:3px;flex:none;margin-left:auto}
.view-toggle-btn{width:35px;height:32px;border:0;border-radius:6px;background:transparent;color:#557478;font-size:20px;line-height:1;display:grid;place-items:center}
.view-toggle-btn.active{background:#fff;color:#176e60;box-shadow:0 2px 6px rgba(15,50,54,.09)}
.car-grid.list-display{grid-template-columns:1fr;gap:12px}
.list-display .car-card{display:grid;grid-template-columns:minmax(230px,28%) minmax(0,1fr);min-height:230px}
.list-display .car-visual.clean-display{height:100%;min-height:230px;border-right:1px solid #e4ecec;border-bottom:0}
.list-display .car-body{display:flex;flex-direction:column;padding:22px 26px}
.list-display .car-body .card-number-row{margin-top:10px}
.list-display .card-note{margin-top:9px}
.list-display .card-action{margin-top:auto}
/* Side-by-side comparison: editorial details */
.compare-panel{border-radius:18px;overflow:auto;box-shadow:0 20px 55px rgba(12,37,43,.06);border:1px solid #dce8e7;background:#fff}
.compare-table{min-width:710px}
.compare-table thead{background:#ecf5f3}
.compare-table th:not(:first-child){background:linear-gradient(160deg,#f0f7f6,#e8f2f0)}
.compare-table td:first-child,.compare-table th:first-child{position:sticky;left:0;z-index:2;background:#f5f9f8;box-shadow:1px 0 0 #deebe9}
.compare-table thead th:first-child{z-index:3}
.compare-table tbody tr:nth-child(even) td:not(:first-child){background:#fbfdfd}
.compare-table tbody tr:hover td{background:#eff9f5}
/* Trust strip and back top */
.trust-band{margin-top:65px;margin-bottom:-25px;border-top:1px solid #d2e5e0;border-bottom:1px solid #d2e5e0;padding:23px 0;display:flex;gap:32px;align-items:center;justify-content:space-between}
.trust-band-copy{display:flex;flex-direction:column;gap:6px}
.trust-band-copy span{font-size:9px;letter-spacing:.14em;color:#6a918a;font-weight:750}
.trust-band-copy strong{font-size:17px;letter-spacing:-.02em}
.trust-band-points{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;color:#45645e;font-weight:700}
.trust-band-points span::before{content:'✓';display:inline-grid;place-items:center;color:#178f72;margin-right:8px;font-weight:900}
.back-top{position:fixed;z-index:41;right:26px;bottom:91px;width:40px;height:40px;display:grid;place-items:center;background:#fff;color:#1b665b;border:1px solid #c8ded9;border-radius:50%;font-size:18px;box-shadow:0 10px 22px rgba(15,48,43,.1);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s,transform .2s}
.back-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.back-top:hover{background:#eef9f4}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #52bda1;outline-offset:3px}
@media(max-width:1150px){.duel-showcase{grid-template-columns:1.1fr .9fr}.duel-content{padding:27px}.duel-side img{width:120%}.duel-navigation{gap:6px}.duel-nav-item{padding:12px 11px;font-size:10px}}
@media(max-width:900px){.duel-showcase{grid-template-columns:1fr}.duel-visual{min-height:350px}.duel-content{padding:26px 30px}.duel-content h3{font-size:27px;margin:12px 0}.duel-desc{-webkit-line-clamp:3}.duel-opinion{-webkit-line-clamp:2}.duel-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-band{align-items:start;flex-direction:column;gap:16px}}
@media(max-width:760px){.duel-visual{min-height:275px;height:275px}.duel-side{padding:20px 1px}.duel-side img{width:132%;height:70%}.duel-vs{width:43px;height:43px;font-size:11px;border-width:3px}.duel-word{font-size:clamp(38px,10vw,72px);top:18%}.duel-name{font-size:9px;bottom:24px}.duel-footnote{font-size:8px;left:10px;bottom:8px}.duel-content{padding:27px 24px}.duel-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.duel-nav-item{font-size:10px;min-height:53px;padding:10px}.showroom-arrow{width:33px;height:33px;font-size:16px}.showroom-arrow-prev{left:8px}.showroom-arrow-next{right:8px}.showroom-visual #showroomImage{width:89%}.countline{flex-wrap:wrap}.view-toggle{margin-left:0}.car-grid.list-display .car-card{grid-template-columns:1fr}.list-display .car-visual.clean-display{height:186px;min-height:186px;border-right:0;border-bottom:1px solid #e4ecec}.list-display .car-body{padding:17px}.trust-band{margin-top:35px;margin-bottom:-20px;padding:22px 0}.trust-band-points{gap:11px 18px}.back-top{right:14px;bottom:76px}.hero-scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){.art-halo{animation:none}.duel-flipped .duel-side img,.duel-flipped .duel-content h3,.duel-flipped .duel-content .duel-opinion{animation:none}.duel-showcase:hover .duel-side img,.showroom-arrow:hover{transition:none;transform:none}}

/* -----------------------------------------------------------
   V8 — independent vehicle profile pages / automotive editorial
   ----------------------------------------------------------- */
.detail-page{background:#f7f9f8;overflow:clip}
.detail-toolbar{height:78px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.detail-back,.detail-share{appearance:none;border:0;background:transparent;color:#43615d;font-size:12px;font-weight:700;cursor:pointer;padding:12px 0;transition:color .2s}
.detail-back:hover,.detail-share:hover{color:#008a73}
.detail-crumb{font-size:10px;font-weight:800;letter-spacing:.16em;color:#899c9d}
.detail-crumb span:first-child{padding:0 10px;color:#b4c8c6}
.detail-hero{background:linear-gradient(114deg,#0a2029 0%,#102f35 50%,#173d40 100%);color:#fff;position:relative;overflow:hidden}
.detail-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 92%,rgba(162,255,220,.05) 100%),linear-gradient(0deg,transparent 92%,rgba(162,255,220,.045) 100%);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,black)}
.detail-hero-grid{min-height:590px;display:grid;grid-template-columns:minmax(340px,.92fr) minmax(0,1.3fr);align-items:center;gap:25px;position:relative;z-index:1}
.detail-copy{padding:72px 0;z-index:2}
.detail-overline{font-size:10px;letter-spacing:.18em;font-weight:800;color:#84d7c5}
.detail-status{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin:25px 0 5px}
.detail-status .badge{font-size:10px}
.detail-status>span:last-child{font-size:11px;color:#8fb4b5}
.detail-copy h1{font-size:clamp(61px,8vw,118px);margin:6px 0 5px;line-height:1.02;letter-spacing:-.075em;font-weight:850;text-wrap:balance}
.detail-trim{font-size:15px;color:#b7d4d2;font-weight:500;margin:4px 0 23px}
.detail-deck{font-size:15px;line-height:1.9;color:#c9ddda;max-width:430px}
.detail-price-wrap{display:flex;align-items:flex-end;gap:20px;margin-top:34px;padding-top:23px;border-top:1px solid rgba(255,255,255,.13)}
.detail-price-wrap>div:first-child{display:flex;flex-direction:column;gap:5px;flex-shrink:0}
.detail-price-wrap span{font-size:11px;color:#a2c5bf}
.detail-price-wrap strong{font-size:clamp(26px,3vw,39px);font-weight:800;letter-spacing:-.045em;color:#d7fff0}
.detail-price-context{font-size:10px;color:#91acae;line-height:1.6;max-width:170px;padding-bottom:3px}
.detail-main-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.detail-primary,.detail-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 17px;border-radius:9px;font-size:12px;font-weight:750;text-decoration:none;transition:transform .22s,background .22s;border:1px solid rgba(201,245,226,.26)}
.detail-primary{background:#b9f7e3;border-color:#b9f7e3;color:#092c30}
.detail-secondary{color:#d8eeeb;background:rgba(255,255,255,.04)}
.detail-primary:hover,.detail-secondary:hover{transform:translateY(-3px)}
.detail-secondary:hover{background:rgba(255,255,255,.1);color:white}
.detail-hero-art{height:555px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}
.detail-hero-art:before{content:'';position:absolute;width:85%;aspect-ratio:1;max-width:630px;border-radius:50%;border:1px solid rgba(150,239,218,.19);box-shadow:0 0 0 65px rgba(109,214,188,.028),0 0 0 132px rgba(109,214,188,.028)}
.detail-art-watermark{position:absolute;z-index:0;left:50%;top:19%;transform:translateX(-50%);font-size:clamp(73px,12vw,180px);line-height:1;font-weight:900;color:rgba(179,236,225,.075);letter-spacing:-.07em;white-space:nowrap;pointer-events:none}
.detail-car-image{position:relative;z-index:2;display:block;max-width:none;width:115%;height:85%;object-fit:contain;filter:drop-shadow(0 33px 31px rgba(0,0,0,.25));animation:detailFloat 7s ease-in-out infinite}
@keyframes detailFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.detail-art-caption{position:absolute;bottom:35px;right:0;color:#88b0af;font-size:10px;letter-spacing:.14em}
.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e0e9e6;box-shadow:0 10px 40px rgba(8,43,42,.06);border-radius:17px;overflow:hidden;margin-top:-25px;position:relative;z-index:3}
.detail-metric{min-height:154px;padding:25px 21px;display:flex;flex-direction:column;gap:9px;border-right:1px solid #e4eeed;min-width:0}
.detail-metric:last-child{border-right:0}
.detail-metric small{font-size:10px;letter-spacing:.085em;color:#718e8c;font-weight:750;text-transform:uppercase}
.detail-metric strong{font-size:clamp(19px,2.25vw,31px);font-weight:800;letter-spacing:-.04em;color:#13383a;white-space:nowrap}
.detail-metric span{font-size:10px;color:#849797;line-height:1.5;max-height:34px;overflow:hidden}
.detail-section-shell{padding-bottom:100px}
.detail-warning{margin-top:38px;padding:20px 26px;background:#fff7e9;border:1px solid #efd8b4;border-radius:12px;display:flex;gap:17px;align-items:flex-start}
.detail-warning>span{width:27px;height:27px;display:grid;place-items:center;background:#f3d69e;color:#62491b;border-radius:50%;font-weight:900}
.detail-warning strong{font-size:13px;color:#775822}
.detail-warning p{margin:6px 0 0;font-size:12px;color:#876d40;line-height:1.8}
.detail-section-title{margin-top:90px;margin-bottom:27px;max-width:850px}
.detail-section-title>span{font-size:10px;letter-spacing:.18em;color:#12816e;font-weight:800}
.detail-section-title h2{font-size:clamp(28px,3.2vw,46px);font-weight:850;letter-spacing:-.055em;line-height:1.16;margin:14px 0 9px}
.detail-section-title p{color:#708683;line-height:1.9;font-size:12px;max-width:820px}
.detail-gallery-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(245px,.7fr);gap:16px}
.detail-gallery-stage{min-height:425px;background:#eff3f4;border:1px solid #dfe9e8;border-radius:19px;overflow:hidden;position:relative}
.detail-gallery-art{height:100%;min-height:425px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#fff 0%,#e8efef 85%);display:flex;align-items:center;justify-content:center}
.detail-gallery-art:before{content:'';position:absolute;width:64%;aspect-ratio:1;max-width:420px;border:1px solid rgba(39,92,97,.1);border-radius:50%}
.gallery-stage-label{position:absolute;top:25px;left:28px;color:#7c9291;font-size:10px;letter-spacing:.14em;font-weight:850}
.detail-gallery-art img{max-width:95%;width:95%;height:90%;max-height:420px;object-fit:contain;filter:drop-shadow(0 22px 23px rgba(25,46,54,.12));transition:transform .8s cubic-bezier(.16,1,.3,1)}
.detail-gallery-art.crop-mode img{transform:scale(1.6) translate(-10%,8%)}
.detail-gallery-side{display:flex;flex-direction:column;gap:8px}
.gallery-selector,.gallery-official{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:20px;background:white;border:1px solid #dee7e7;border-radius:11px;min-height:78px;color:#294d4e;text-align:left;font-size:13px;font-weight:730;text-decoration:none;cursor:pointer}
.gallery-selector>span,.gallery-official>span{font-size:10px;color:#82a19b;margin-right:auto}
.gallery-selector b,.gallery-official b{color:#0c947e}
.gallery-selector.active,.gallery-selector:hover,.gallery-official:hover{border-color:#74bba9;background:#eaf8f2;color:#0c6553}
.gallery-note{font-size:12px;line-height:1.85;color:#748b8a;margin:14px 5px}
.detail-editorial-grid{display:grid;grid-template-columns:.95fr 1fr;gap:18px}
.detail-perspective{background:#103239;color:white;border-radius:17px;padding:38px 35px;min-height:363px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}
.detail-perspective:before{content:'';position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(158,243,220,.17);right:-125px;bottom:-140px}
.detail-perspective-symbol{font-size:24px;color:#9aecce;margin-bottom:23px}
.detail-perspective small{font-size:10px;color:#7fc9b7;letter-spacing:.1em;font-weight:800}
.detail-perspective p{font-size:20px;line-height:1.7;color:#edfff8;font-weight:650;letter-spacing:-.018em;max-width:400px;margin:19px 0 32px}
.detail-subtle{color:#8ba9a7;font-size:10px;margin-top:auto}
.detail-procons{display:grid;grid-template-rows:repeat(2,1fr);gap:14px}
.detail-procons>div{background:white;border:1px solid #e1eae9;border-radius:15px;padding:25px 28px}
.detail-procons h3{font-size:15px;font-weight:800;margin:0 0 13px;display:flex;align-items:center;gap:11px}
.detail-procons h3 span{font-size:22px;color:#0b9d82}
.detail-procons>div:last-child h3 span{color:#9e8a70}
.detail-procons ul{padding-left:17px;display:grid;gap:8px;margin:0;color:#607a7a;font-size:12px;line-height:1.7}
.detail-spec-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(275px,.7fr);gap:19px;align-items:stretch}
.detail-spec-table{border:1px solid #dfe9e9;border-radius:15px;overflow:hidden;background:white}
.detail-spec-row{display:grid;grid-template-columns:34% 1fr;gap:20px;align-items:center;padding:15px 22px;border-bottom:1px solid #ebf0f0;min-height:59px}
.detail-spec-row:last-child{border-bottom:0}
.detail-spec-row span{font-size:12px;color:#6b8183}
.detail-spec-row strong{font-size:12px;font-weight:650;line-height:1.65;color:#214045;overflow-wrap:anywhere}
.detail-source-card{background:linear-gradient(150deg,#e8f6f0,#e5efed);border:1px solid #cde5dc;padding:29px 27px;border-radius:15px;display:flex;flex-direction:column;gap:15px}
.detail-source-card>small{font-size:10px;color:#0c9077;font-weight:800;letter-spacing:.09em}
.detail-source-card h3{font-size:24px;line-height:1.25;margin:0;letter-spacing:-.03em;color:#103b38}
.detail-source-card p{font-size:12px;line-height:1.9;color:#527674}
.detail-source-card a{margin-top:auto;display:inline-flex;width:fit-content;align-items:center;gap:10px;padding:12px 16px;background:#0c6e5c;color:white;border-radius:8px;font-size:12px;font-weight:750}
.detail-source-card>span{font-size:10px;color:#8aa19e}
.detail-peers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.detail-peer{appearance:none;display:flex;flex-direction:column;align-items:stretch;background:white;border:1px solid #dce8e6;text-align:left;border-radius:15px;overflow:hidden;position:relative;min-width:0;cursor:pointer;transition:transform .25s,box-shadow .25s}
.detail-peer:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(19,53,51,.09)}
.detail-peer-art{min-height:179px;background:linear-gradient(160deg,#fff,#eff4f5);display:grid;place-items:center;padding:12px}
.detail-peer-image{display:block;width:100%;max-height:156px;object-fit:contain;filter:drop-shadow(0 12px 9px rgba(20,44,48,.11))}
.detail-peer-caption{display:flex;flex-direction:column;gap:5px;padding:20px}
.detail-peer-caption small{font-size:11px;color:#66807e}
.detail-peer-caption strong{font-size:22px;letter-spacing:-.04em}
.detail-peer-caption span{font-size:12px;color:#1d8674;font-weight:650}
.detail-peer-arrow{position:absolute;right:20px;bottom:18px;font-size:19px;color:#1b9380}
.detail-end{margin-top:95px;padding-top:24px;border-top:1px solid #dce6e6;display:flex;justify-content:space-between;align-items:center;gap:20px}
.detail-end span{font-size:10px;color:#849e9e;letter-spacing:.14em}
.detail-all{background:none;border:0;color:#128270;font-size:12px;font-weight:800;cursor:pointer}
.detail-open-btn{background:#0f6459;color:#f5fffc;border:1px solid #0f6459;min-height:35px;flex:1;white-space:nowrap;border-radius:8px;font-size:11px;font-weight:750;cursor:pointer}
.detail-open-btn:hover{background:#0a443e}
.card-action{gap:7px}
.card-action .select-car{flex:1;min-width:0;padding:8px 9px;font-size:10px;white-space:normal}
.compare-open-model{display:block;margin-top:9px;border:1px solid #74bfb0;background:transparent;color:#b9f7e3;border-radius:7px;font-size:10px;font-weight:700;padding:7px 9px;cursor:pointer}
.showroom-detail-cta{background:none;border:1px solid #416e69;border-radius:7px;color:#c5e5dc;padding:10px 15px;margin-top:8px;cursor:pointer;font-weight:700;text-align:center;font-size:12px}
.showroom-detail-cta:hover{background:#214c47}
@media(max-width:1000px){.detail-hero-grid{grid-template-columns:.96fr 1.04fr;min-height:530px}.detail-copy{padding:55px 0}.detail-copy h1{font-size:clamp(54px,7vw,85px)}.detail-hero-art{height:490px}.detail-car-image{width:122%}.detail-metric{padding:19px 14px}.detail-metric span{max-height:45px}}
@media(max-width:760px){.detail-toolbar{height:auto;min-height:66px;gap:8px}.detail-crumb{display:none}.detail-back,.detail-share{font-size:11px}.detail-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.detail-copy{padding:42px 0 2px}.detail-copy h1{font-size:clamp(58px,14vw,90px)}.detail-deck{font-size:14px}.detail-status{margin-top:16px}.detail-price-wrap{margin-top:20px}.detail-hero-art{height:320px;margin-left:-13px;margin-right:-13px}.detail-car-image{width:104%;height:92%}.detail-art-watermark{top:25%;font-size:clamp(72px,19vw,115px)}.detail-art-caption{right:18px;bottom:18px}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;border-radius:0 0 16px 16px}.detail-metric{min-height:135px;padding:20px 18px}.detail-metric:nth-child(2){border-right:0}.detail-metric:nth-child(-n+2){border-bottom:1px solid #e4eeed}.detail-metric strong{font-size:24px}.detail-section-title{margin-top:66px}.detail-gallery-layout,.detail-editorial-grid,.detail-spec-layout{grid-template-columns:1fr}.detail-gallery-stage,.detail-gallery-art{min-height:280px}.detail-gallery-art img{height:270px}.detail-gallery-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gallery-selector,.gallery-official{min-height:67px;padding:14px;font-size:11px}.gallery-selector>span,.gallery-official>span{display:none}.gallery-note{grid-column:1/-1;margin:8px 1px}.detail-procons{grid-template-rows:auto}.detail-perspective{min-height:250px;padding:27px}.detail-perspective p{font-size:18px}.detail-peers{grid-template-columns:1fr}.detail-peer{display:grid;grid-template-columns:42% 58%;min-height:150px}.detail-peer-art{min-height:146px}.detail-peer-caption{justify-content:center;padding:12px 17px}.detail-peer-caption strong{font-size:20px}.detail-peer-arrow{right:13px;bottom:12px}.detail-spec-row{grid-template-columns:38% 1fr;padding:13px 16px;gap:12px}.detail-end{margin-top:60px}.detail-end span{font-size:9px}.card-action{flex-wrap:wrap}.detail-open-btn{min-width:100%;min-height:37px}.card-action .select-car{min-height:36px}}
@media(prefers-reduced-motion:reduce){.detail-car-image{animation:none!important}.detail-gallery-art img{transition:none}}

/* V9 · professional manufacturer-sourced technical dossier */
.expert-spec{margin:66px 0 48px;padding:0;border:1px solid #d5e2e4;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 20px 44px rgba(15,42,49,.055)}
.expert-intro{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:36px 38px 28px}
.expert-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:850;color:#208b77}
.expert-intro h2{font-size:clamp(25px,3vw,34px);margin:13px 0 12px;line-height:1.25}
.expert-intro p{color:#667d80;line-height:1.8;margin:0;max-width:740px;font-size:13px}
.expert-scope{display:inline-flex;white-space:nowrap;padding:9px 12px;background:#e2f6ef;border:1px solid #cae8de;color:#126e59;font-size:10px;font-weight:800;letter-spacing:.03em;border-radius:99px}
.expert-scope.global{background:#fff4e6;border-color:#f2debf;color:#895e27}
.expert-data{border-top:1px solid #e4eded;border-bottom:1px solid #e4eded}
.expert-tab-head{padding:19px 36px;display:flex;justify-content:space-between;gap:20px;background:#f4f9f8;color:#527473;font-size:10px;font-weight:800;letter-spacing:.11em}
.expert-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.expert-data-cell{padding:22px 36px;border-right:1px solid #e8eff0;border-bottom:1px solid #e8eff0;min-height:101px;display:flex;flex-direction:column;gap:13px}
.expert-data-cell:nth-child(3n){border-right:0}
.expert-data-cell>span{font-size:11px;color:#73888c}
.expert-data-cell>strong{font-size:17px;font-weight:740;letter-spacing:-.02em;line-height:1.5;color:#16353b;overflow-wrap:anywhere}
.expert-data-cell>strong>em{font-size:19px;color:#b1bfc1;font-style:normal;font-weight:450}
.expert-overseas{padding:20px 36px;background:#fff9ed;display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:12px;color:#855e26}
.expert-overseas strong{color:#503a1c;font-size:16px}
.expert-overseas span{font-size:11px;color:#967e5c}
.expert-foot{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;padding:26px 36px}
.expert-foot>div{display:flex;flex-direction:column;align-items:start;gap:9px}
.expert-foot b{font-size:10px;letter-spacing:.09em;color:#668285}
.expert-foot span{font-size:12px;color:#34595e;display:flex;gap:7px;flex-wrap:wrap;line-height:1.5}
.expert-foot a{display:inline-flex;border-radius:6px;background:#eaf6f2;color:#087b68;padding:8px 10px;font-size:11px;font-weight:700}
.expert-foot a:hover{background:#d9eee5}
.expert-disclaimer{margin:0;padding:18px 36px;background:#f6f9fa;color:#789094;font-size:11px;line-height:1.8;border-top:1px solid #edf1f2}
.spec-missing{color:#b4c3c7}
.expert-standard-banner{margin:0 0 30px;padding:29px 32px;border-radius:18px;background:linear-gradient(128deg,#09272e 0%,#154b4b 100%);color:#edfffa;display:grid;grid-template-columns:1.35fr 1fr;gap:25px;align-items:center}
.expert-standard-banner h2{font-size:25px;line-height:1.3;letter-spacing:-.035em;margin:12px 0 10px;color:#f8fffd}
.expert-standard-banner p{line-height:1.8;color:#abc7c5;font-size:12px;margin:0}
.expert-principles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.expert-principles>span{display:flex;gap:9px;align-items:center;padding:12px;border:1px solid rgba(160,230,210,.18);background:rgba(255,255,255,.04);border-radius:8px;color:#c9e4df;font-size:10px;letter-spacing:.035em;font-weight:730}
.expert-principles i{font-style:normal;color:#85dcc7;font-size:10px}
.compare-table td{vertical-align:middle}
@media(max-width:780px){.expert-intro,.expert-foot{padding:24px;display:flex;flex-direction:column}.expert-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expert-data-cell{padding:20px 17px;min-height:98px}.expert-data-cell:nth-child(3n){border-right:1px solid #e8eff0}.expert-data-cell:nth-child(2n){border-right:0}.expert-tab-head{padding:18px 20px;flex-direction:column;gap:7px}.expert-overseas,.expert-disclaimer{padding:18px 22px}.expert-standard-banner{grid-template-columns:1fr;padding:22px}.expert-principles{grid-template-columns:1fr 1fr}.expert-intro{gap:16px}}
@media(max-width:420px){.expert-data-grid{grid-template-columns:1fr 1fr}.expert-data-cell>strong{font-size:15px}.expert-data-cell{padding:18px 13px}.expert-principles{grid-template-columns:1fr}.expert-scope{white-space:normal}}

/* V10: refreshed Tesla visuals and good-faith placeholder illustrations for new benchmark models */
.car-card:has(.vehicle-photo[src*="model-y-juniper"]) .car-visual{background:#0b1018!important}
.car-card:has(.vehicle-photo[src*="model-y-juniper"]) .vehicle-photo{object-fit:contain!important;filter:none!important}
.car-card:has(.vehicle-photo[src*="model-3-highland"]) .car-visual{background:linear-gradient(180deg,#fff,#eef3f5)!important}
.car-card:has(.vehicle-photo[src*="model-3-highland"]) .vehicle-photo{object-fit:contain!important;filter:drop-shadow(0 10px 13px #24404b20)!important}
/* Make value-EV filter easy to scan on mobile */
#modelGroup{min-width:235px}
@media(max-width:760px){#modelGroup{min-width:0}}

/* V10 compact comparison & narrow viewport overflow guard */
.compare-panel{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.compare-controls,.compare-pickers,.countline{max-width:100%;min-width:0}
html,body{max-width:100%;overflow-x:clip}

/* V12 OWNERSHIP LAB */
.hero-tco-link{display:inline-flex;align-items:center;gap:10px;margin:22px 0 0;border:1px solid rgba(148,228,206,.28);border-radius:100px;background:rgba(153,244,218,.08);color:#a8e8d4;padding:11px 15px;font-size:11px;font-weight:750;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.hero-tco-link:hover{background:rgba(153,244,218,.18);border-color:rgba(148,228,206,.53)}
.ownership-teaser{padding:58px 55px;border-radius:25px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.7fr);gap:38px;align-items:center;background:linear-gradient(125deg,#0b2730,#173c3e);color:#e9fff8;position:relative;overflow:hidden}
.ownership-teaser:before{content:'';position:absolute;right:-130px;top:-150px;width:460px;height:460px;border:1px solid rgba(185,251,222,.16);border-radius:50%;pointer-events:none}
.ownership-teaser h2{font-size:clamp(29px,4vw,53px);letter-spacing:-.055em;line-height:1.13;margin:15px 0 17px;color:#f7fffb}.ownership-teaser h2 em{color:#95ebd0;font-style:normal}.ownership-teaser p{font-size:13px;line-height:1.85;color:#a9c8c4;max-width:600px;margin-bottom:25px}.ownership-teaser-stat{display:flex;flex-direction:column;gap:17px;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:38px 28px;background:rgba(255,255,255,.04)}.ownership-teaser-stat span{font-size:10px;letter-spacing:.18em;color:#b1e3d9}.ownership-teaser-stat strong{font-size:clamp(30px,3.8vw,53px);letter-spacing:-.06em}.ownership-teaser-stat small{color:#afcdcb;font-size:12px;line-height:1.7}
.ownership-hero-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:35px 0 65px}.ownership-hero-strip>div{display:flex;flex-direction:column;gap:10px;background:#0e3037;border:1px solid #285157;color:#d8f5eb;padding:24px;border-radius:15px;min-width:0}.ownership-hero-strip>div:nth-child(2){background:#ecf6f2;color:#153f3e;border-color:#cce3de}.ownership-hero-strip span{color:#8bcbb8;font-size:10px;letter-spacing:.12em;font-weight:750}.ownership-hero-strip strong{font-size:17px;line-height:1.5}.ownership-hero-strip small{color:#92b9b3;line-height:1.65;font-size:11px}.ownership-hero-strip>div:nth-child(2) small{color:#64847f}
.ownership-section-heading{margin:0 0 25px}.ownership-section-heading>span{color:#0d927c;font-size:10px;font-weight:800;letter-spacing:.18em}.ownership-section-heading h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.05em;line-height:1.2;margin:10px 0}.ownership-section-heading p{font-size:13px;line-height:1.8;color:#72898b;max-width:740px}.tco-heading{margin-top:105px}
.trim-options{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.trim-opt{border-radius:100px;border:1px solid #cedee0;color:#477073;background:#fff;padding:12px 18px;font-size:11px;font-weight:800;cursor:pointer;transition:background .2s,color .2s}.trim-opt:hover{border-color:#1f897b;color:#076958}.trim-opt.active{background:#0d5554;color:#d9fff4;border-color:#0d5554}
.trim-compare-panel{background:white;border:1px solid #d7e4e3;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(13,53,60,.045)}.trim-topline{display:flex;justify-content:space-between;gap:8px;background:#f4f9f8;padding:17px 25px;font-size:10px;letter-spacing:.11em;font-weight:740;color:#678b89}.trim-cars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.trim-car{padding:20px 35px 34px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.trim-car:first-child{border-right:1px solid #e6efef}.trim-car-image{width:100%;height:238px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#fff 12%,#f0f5f5 90%);border-radius:13px;margin-bottom:12px;overflow:hidden}.trim-car-image img{width:94%;height:96%;object-fit:contain;filter:drop-shadow(0 12px 13px rgba(7,38,44,.12))}.trim-car-sub{font-size:10px;font-weight:850;letter-spacing:.15em;color:#269a81}.trim-car h3{font-size:29px;letter-spacing:-.05em;line-height:1.2;margin:4px 0 0}.trim-car p{color:#799093;font-size:12px;margin:3px 0 10px}.trim-car>strong{font-size:29px;letter-spacing:-.04em;color:#0a766a}.trim-car button{background:none;border:0;padding:9px 0;color:#296d66;font-weight:800;cursor:pointer;font-size:12px}.trim-car button:hover{text-decoration:underline}.trim-gap{display:grid;grid-template-columns:1fr 1fr;gap:17px;background:#0d3137;color:white;padding:30px 34px}.trim-gap>div{display:flex;flex-direction:column;gap:9px}.trim-gap small{color:#a4d2c9;font-size:11px}.trim-gap strong{font-size:clamp(18px,2.4vw,28px);letter-spacing:-.03em;color:#d5fff0}.trim-gap p{grid-column:1/-1;color:#aac3bf;font-size:11px;line-height:1.7;margin:5px 0 0}.trim-facts{padding:13px 25px}.trim-table-header,.trim-table-row{display:grid;grid-template-columns:1fr 1.15fr 1.15fr;gap:15px;align-items:center;border-bottom:1px solid #e7efed;min-height:55px;padding:14px 10px}.trim-table-header{background:#f1f7f5;color:#456c69;border-radius:8px;font-size:11px;font-weight:800}.trim-table-row>span:first-child{color:#738b8c;font-size:11px}.trim-table-row>span:not(:first-child){font-size:12px;color:#1c3e44;line-height:1.6;overflow-wrap:anywhere}.trim-conclusion{margin:12px 34px 10px;border-radius:14px;padding:23px;background:#eaf7f1}.trim-conclusion>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:20px}.trim-conclusion p{font-size:12px;color:#366860;line-height:1.75;margin:10px 0 0}.trim-conclusion b{display:inline-block;border-radius:50%;background:#157965;color:#fff;font-size:10px;padding:5px 8px;margin-right:10px}.trim-sources{padding:24px 34px;display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:11px;color:#6b8585}.trim-sources a{border-radius:8px;padding:9px 13px;background:#edf5f3;color:#137261;text-decoration:none;font-weight:800}.trim-sources a:hover{background:#d8ece6}
.tco-lab{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);gap:18px;align-items:start}.tco-controls,.tco-results{border:1px solid #d8e6e3;border-radius:19px;background:white;overflow:hidden;box-shadow:0 15px 35px rgba(5,47,47,.04)}.tco-panel-head{display:flex;flex-direction:column;gap:8px;padding:27px 29px 23px;background:#0a2b32;color:#e9fff9}.tco-panel-head span{font-size:10px;letter-spacing:.17em;color:#92cebd;font-weight:800}.tco-panel-head strong{font-size:24px;letter-spacing:-.04em}.tco-panel-head small{font-size:11px;color:#a4c7c0}.tco-pair-fields,.tco-form-grid,.tco-specific,.tco-control-actions{padding:24px 27px}.tco-pair-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-bottom:1px solid #ebf0ef}.tco-controls label{display:flex;flex-direction:column;gap:8px;min-width:0}.tco-controls label span{font-size:11px;color:#476663;font-weight:800;line-height:1.45}.tco-controls label input,.tco-controls label select{max-width:100%;width:100%;border:1px solid #ccdeda;border-radius:8px;background:#fafcfc;color:#1b4949;padding:12px 11px;min-height:43px;font-size:12px;outline:none}.tco-controls label input:focus,.tco-controls label select:focus{border-color:#16a184;box-shadow:0 0 0 3px #b6e7d65e}.tco-controls label small{font-size:10px;color:#9aaeb0}.tco-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;border-bottom:1px solid #ebf0ef}.tco-specific{padding-top:22px}.tco-specific-head{font-weight:800;font-size:12px;color:#3d615e;margin-bottom:20px}.tco-personal{margin-bottom:22px;padding:20px;background:#f6faf9;border:1px solid #e4efec;border-radius:13px}.tco-personal-title{display:flex;flex-direction:column;gap:5px;margin-bottom:17px}.tco-personal-title strong{font-size:14px}.tco-personal-title small{font-size:11px;color:#6b8987}.tco-personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.tco-control-actions{padding-top:0;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.tco-control-actions small{font-size:10px;line-height:1.7;color:#8b999e;max-width:260px}
.tco-results{position:sticky;top:92px}.tco-results-top{background:#0d4e4a}.tco-result-lead{padding:27px 29px;border-bottom:1px solid #ecf0ef}.tco-result-lead span{color:#7a9391;font-size:11px}.tco-result-lead strong{display:block;font-size:clamp(32px,4vw,52px);letter-spacing:-.07em;color:#126e61;margin:9px 0}.tco-result-lead p{margin:0;color:#607d7b;font-size:12px;line-height:1.75}.tco-bar-cards{padding:12px 29px}.tco-bar-card{padding:15px 0}.tco-bar-label{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:11px;color:#536c6b;font-weight:800}.tco-bar-label strong{color:#1c4845;font-size:16px;white-space:nowrap}.tco-bar-track{height:11px;background:#eaf1ef;border-radius:30px;overflow:hidden;margin:12px 0 7px}.tco-bar-fill{height:100%;border-radius:30px;background:linear-gradient(90deg,#62cbb5,#0f8877);transition:width .28s}.tco-bar-fill.second{background:linear-gradient(90deg,#4b6f91,#153e5d)}.tco-bar-card small{color:#90a2a1;font-size:10px}.tco-breakdown{padding:18px 29px 25px}.tco-breakdown h3{font-size:14px;line-height:1.4;margin:0 0 14px}.tco-breakdown-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(85px,.7fr) minmax(85px,.7fr);align-items:center;gap:6px;padding:13px 0;border-bottom:1px solid #edf1f0}.tco-breakdown-row span{color:#758d8a;font-size:11px;line-height:1.5}.tco-breakdown-row strong{text-align:right;font-size:11px;color:#294c4b;white-space:nowrap}.tco-breakdown-head{font-size:10px;font-weight:850;color:#48746e}.tco-breakdown-row:last-child strong,.tco-breakdown-row:last-child span{font-weight:850;color:#0c7564}.tco-result-alert{font-size:10px;line-height:1.8;color:#6b817f;margin:0;padding:22px 29px;background:#f2f8f6}.tco-method{padding:29px;background:#edf5f2;border:1px solid #d6e5df;border-radius:15px;margin-top:23px}.tco-method strong{font-size:14px}.tco-method p{font-size:12px;line-height:1.85;color:#607f78;max-width:900px}.tco-method-links{display:flex;gap:9px;flex-wrap:wrap}.tco-method-links a{padding:10px 12px;border-radius:7px;color:#0b7664;font-size:11px;background:#fff;text-decoration:none;font-weight:750}
@media(max-width:1100px){.tco-lab{grid-template-columns:1fr}.tco-results{position:static}.ownership-teaser{grid-template-columns:1fr}.tco-specific{max-width:100%}}
@media(max-width:760px){.ownership-teaser{padding:33px 22px;gap:22px}.ownership-hero-strip{grid-template-columns:1fr;margin-bottom:42px}.trim-compare-panel{border-radius:14px}.trim-topline{padding:12px 16px;font-size:9px}.trim-car{padding:10px 13px 18px}.trim-car-image{height:140px}.trim-car h3{font-size:19px}.trim-car p{font-size:10px}.trim-car>strong{font-size:20px}.trim-car-sub{font-size:9px}.trim-car button{font-size:10px}.trim-gap{padding:21px 17px}.trim-gap strong{font-size:19px}.trim-facts{padding:13px 12px}.trim-table-header,.trim-table-row{grid-template-columns:.85fr 1fr 1fr;gap:7px;padding:10px 6px}.trim-table-header{font-size:9px}.trim-table-row>span:first-child,.trim-table-row>span:not(:first-child){font-size:10px}.trim-conclusion{margin:10px 13px}.trim-conclusion>div:nth-child(2){grid-template-columns:1fr;gap:3px}.trim-sources{padding:14px}.tco-pair-fields,.tco-form-grid{grid-template-columns:1fr}.tco-controls label input,.tco-controls label select{font-size:16px}.tco-pair-fields,.tco-form-grid,.tco-specific,.tco-control-actions{padding:19px}.tco-personal-grid{grid-template-columns:1fr 1fr;gap:12px}.tco-breakdown-row{grid-template-columns:1.18fr 1fr 1fr}.tco-breakdown-row strong{font-size:10px}.tco-results{top:0}}
@media(max-width:400px){.tco-personal-grid{grid-template-columns:1fr}.trim-car-image{height:118px}.trim-car h3{font-size:16px}.trim-car>strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.tco-bar-fill,.hero-tco-link,.trim-opt{transition:none!important}}


/* V13 — HOME COST CALCULATOR AS A FIRST-CLASS FEATURE */
.desktop-nav{gap:clamp(9px,1.4vw,19px)}
.navlink{font-size:12px}
.navlink-cost{color:#0c7962;font-weight:850}
.navlink-cost::before{content:'↗';display:inline-block;margin-right:5px;color:#22aa8d}
.home-cost-section{padding-top:64px;scroll-margin-top:100px}
.home-cost-header{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(210px,.6fr);gap:26px;align-items:end;margin:0 0 24px}
.home-cost-header h2{font-size:clamp(30px,4.2vw,52px);line-height:1.12;letter-spacing:-.06em;max-width:820px;margin:16px 0}
.home-cost-header h2 em{font-style:normal;color:#19866e}
.home-cost-header p{font-size:13px;line-height:1.85;max-width:730px;color:#607b7a;margin:10px 0 0}
.home-cost-stamp{border-radius:17px;padding:22px 22px 24px;background:#0d2d33;color:#e7fff5;display:flex;flex-direction:column;gap:13px;position:relative;overflow:hidden}
.home-cost-stamp:before{content:'';position:absolute;width:180px;height:180px;border:1px solid #ffffff20;border-radius:100%;right:-75px;top:-45px}
.home-cost-stamp>span{font-size:10px;letter-spacing:.18em;color:#7dcbb7;font-weight:750}
.home-cost-stamp b{font-size:clamp(16px,1.75vw,24px);line-height:1.26;letter-spacing:-.02em}
.home-cost-stamp small{color:#a4c7c3;font-size:11px;line-height:1.6}
.tco-preset-wrap{margin:0 0 13px}
.tco-preset-caption{display:block;color:#597d78;font-size:11px;font-weight:750;margin-bottom:12px}
.tco-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tco-preset{border:1px solid #d9e8e3;background:#fff;min-width:0;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;column-gap:10px;row-gap:4px;padding:13px 16px;border-radius:14px;color:#274b47;transition:box-shadow .15s,transform .15s,border-color .15s}
.tco-preset>span{grid-row:1/3;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#eaf7f0;font-size:22px;color:#208c76}
.tco-preset b{font-size:13px}.tco-preset small{font-size:10px;color:#7e9390}
.tco-preset:hover{transform:translateY(-2px);border-color:#86cab5}
.tco-preset.active{border-color:#12a384;background:#f2fbf7;box-shadow:inset 0 0 0 1px #12a384}
.tco-pair-shortcuts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0 24px;font-size:11px;color:#59736e}
.tco-shortcut{border:1px solid #d7e5e3;background:#fff;border-radius:25px;padding:8px 11px;font-size:11px;color:#536e6a}
.tco-shortcut:hover,.tco-shortcut.active{background:#0c3d3e;border-color:#0c3d3e;color:#ecfff6}
.tco-essentials{grid-template-columns:repeat(3,1fr);padding:21px 27px}
.tco-advanced{border-bottom:1px solid #ebf0ef}
.tco-advanced>summary{list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:21px 27px;color:#255d52;font-size:12px;font-weight:850;cursor:pointer;background:#f5faf8}
.tco-advanced>summary::-webkit-details-marker{display:none}
.tco-advanced-plus{font-size:20px;line-height:1;font-weight:400;transition:transform .2s}
.tco-advanced[open] .tco-advanced-plus{transform:rotate(45deg)}
.tco-advanced .tco-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.tco-advanced .tco-specific{padding-top:20px}
.tco-results{position:sticky;top:96px}
.trim-to-cost{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px;margin-top:34px;border-radius:16px;background:#0d3339;color:#f4fff8}
.trim-to-cost>div{display:flex;flex-direction:column;gap:9px}.trim-to-cost span:first-child{color:#79cdb5;font-size:10px;letter-spacing:.13em;font-weight:800}.trim-to-cost strong{font-size:16px}
@media(max-width:1220px){.desktop-nav{gap:10px}.navlink{font-size:11px}.brand-text{font-size:13px}}
@media(max-width:1100px){.home-cost-header{grid-template-columns:1fr}.home-cost-stamp{display:none}.tco-results{position:static}}
@media(max-width:760px){.home-cost-section{padding-top:45px}.home-cost-header h2{font-size:34px}.tco-presets{grid-template-columns:1fr;gap:8px}.tco-preset{padding:10px 14px;grid-template-columns:34px 1fr}.tco-preset>span{width:34px;height:34px;font-size:20px}.tco-pair-shortcuts{gap:7px}.tco-essentials{grid-template-columns:1fr;padding:19px}.tco-advanced .tco-form-grid{grid-template-columns:1fr}.tco-advanced>summary{padding:18px}.trim-to-cost{flex-direction:column;align-items:stretch}.trim-to-cost button{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.tco-preset,.tco-bar-fill{transition:none}}


/* V14: editorial information architecture, subdued professional controls. Original visual treatments retained. */
.desktop-nav .nav-group{position:relative;display:flex;align-items:center;height:100%;}
.desktop-nav .nav-group .navlink{height:100%;}
.nav-submenu{position:absolute;top:calc(100% - 2px);left:-16px;min-width:232px;display:grid;gap:5px;padding:10px;background:#fff;border:1px solid #e4eeeb;border-radius:11px;box-shadow:0 18px 34px #061d1b24;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s;z-index:120;}
.nav-group:hover .nav-submenu,.nav-group:focus-within .nav-submenu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
.nav-submenu button{display:flex;justify-content:space-between;align-items:center;gap:15px;border:0;background:transparent;cursor:pointer;border-radius:7px;text-align:left;padding:13px 11px;color:#284744;font-size:12px;font-weight:700;white-space:nowrap;}
.nav-submenu button:hover,.nav-submenu button:focus-visible,.nav-submenu button.active{background:#eaf5f1;color:#0b6c59;}
.nav-submenu button small{font-size:9px;color:#668b82;letter-spacing:.04em;}
.nav-submenu-feature{background:#eef8f4!important;border:1px solid #c8e6db!important;}
.mobile-subnav{padding:8px 0 8px 9px;border-left:2px solid #1a987d;display:grid;gap:5px;}
.mobile-subnav small{font-size:10px;color:#51736d;padding:5px 8px;}
.mobile-nav .mobile-cost-link{background:#e5f3ed!important;color:#0c705d!important;font-weight:800;}
.cost-research-page{padding:34px 0 55px;background:linear-gradient(#fff,#f7faf9)}
.cost-research-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0 8px;color:#68827b;font-size:11px;font-weight:700;letter-spacing:.08em;}
.cost-research-breadcrumb button{color:#116f60;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:11px;font-weight:750;}
.cost-research-page .home-cost-section{padding-top:36px;}
.tco-sensitivity{border-top:1px solid #dae9e4;padding:22px 29px;background:#f8fbfa;}
.tco-sensitivity h3{font-size:13px;color:#224b43;margin:0 0 12px;}
.tco-sensitivity-header,.tco-sensitivity-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(85px,.7fr) minmax(85px,.7fr);align-items:start;gap:8px;padding:10px 0;}
.tco-sensitivity-header{color:#638277;font-size:10px;border-bottom:1px solid #deebe6;}
.tco-sensitivity-row{color:#445f58;font-size:11px;border-bottom:1px solid #edf2ef;}
.tco-sensitivity-row strong{text-align:right;font-size:11px;color:#1b574b;}
.tco-sensitivity-header b{font-size:10px;color:#56756b;font-weight:750;text-align:right;overflow-wrap:anywhere;}
.tco-sensitivity p{font-size:10px;color:#789087;line-height:1.6;margin:12px 0 0;}
.method-uncertainty{border-top:1px solid #d3e4dd;margin-top:20px;padding-top:20px;}
@media(max-width:760px){.cost-research-page{padding-top:10px}.cost-research-breadcrumb{font-size:9px;padding-top:12px}.tco-sensitivity{padding:18px}.tco-sensitivity-header,.tco-sensitivity-row{grid-template-columns:minmax(0,1.3fr) minmax(74px,.7fr) minmax(74px,.7fr)}.tco-sensitivity-row strong{font-size:10px}.tco-sensitivity-header b{font-size:9px}.mobile-nav.open{max-height:calc(100vh - 70px);overflow-y:auto;}}


/* ─── V15: nav refinement + richer visual treatment ─── */
body{background:
  radial-gradient(circle at 15% -10%, rgba(128,219,192,.18), transparent 28%),
  radial-gradient(circle at 88% 8%, rgba(82,152,219,.10), transparent 22%),
  linear-gradient(180deg,#f6f8f8 0%,#f4f8f7 48%,#f5f8f8 100%);
  background-attachment:fixed;}
.topline{position:relative;overflow:hidden}
.topline::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(130,223,195,.12) 22%,transparent 45%,transparent 100%);mix-blend-mode:screen;pointer-events:none}
.desktop-nav{gap:clamp(10px,1.35vw,18px)}
.navlink{transition:color .22s ease, transform .22s ease}
.navlink:hover{transform:translateY(-1px)}
.navlink-cost{height:auto;padding:11px 14px!important;border-radius:999px;background:linear-gradient(135deg,#112c33 0%,#0b4f4d 100%);color:#e9fff6;box-shadow:0 10px 22px rgba(10,46,50,.18), inset 0 0 0 1px rgba(172,244,223,.18);position:relative;overflow:hidden}
.navlink-cost::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 8%,rgba(255,255,255,.18) 32%,transparent 54%);transform:translateX(-120%);transition:transform .65s ease}
.navlink-cost:hover,.navlink-cost.active{color:#fff;background:linear-gradient(135deg,#13343b 0%,#116561 100%)}
.navlink-cost:hover::before,.navlink-cost.active::before{transform:translateX(120%)}
.navlink-cost.active:after{display:none}
.navlink-cost::after{display:none!important}
.mobile-cost-primary{background:linear-gradient(135deg,#102f36 0%,#0e5a57 100%)!important;color:#eafff7!important;box-shadow:0 10px 22px rgba(9,46,51,.18)}
.hero{position:relative}
.hero::before{content:'';position:absolute;inset:-12% -10% auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(76,183,170,.16) 0%,rgba(76,183,170,.06) 36%,transparent 68%);filter:blur(8px);pointer-events:none;animation:heroFloat 12s ease-in-out infinite alternate}
.hero::after{content:'';position:absolute;left:-10%;bottom:-14%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(117,244,205,.10) 0%,transparent 70%);filter:blur(20px);pointer-events:none;animation:heroFloatB 16s ease-in-out infinite alternate}
.hero-art::before{content:'';position:absolute;inset:7% 5% 5% 18%;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.02),rgba(255,255,255,.0) 38%,rgba(255,255,255,.065) 100%);border:1px solid rgba(158,241,220,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 80px rgba(0,0,0,.16);pointer-events:none}
.hero-photo{transition:transform .55s cubic-bezier(.2,.72,.2,1), filter .55s ease}
.hero-art:hover .hero-photo{transform:translateY(-8px) scale(1.025);filter:drop-shadow(0 28px 38px rgba(0,0,0,.38))}
.hero-scroll-hint{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(7,24,30,.34);padding:7px 10px;border-radius:999px;border:1px solid rgba(168,236,219,.15);width:max-content}
.stats-strip{position:relative;overflow:hidden}
.stats-strip::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#6ee1bd 0%,#88befe 48%,#88e9d0 100%)}
.stats-strip::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,rgba(116,214,185,.12),transparent 26%);pointer-events:none}
.stat{transition:transform .24s ease, background .24s ease}
.stat:hover{transform:translateY(-2px);background:linear-gradient(180deg,#ffffff 0%,#f4fbf8 100%)}
.showroom-stage,.duel-showcase,.spot-preview,.compare-panel,.method-tile,.detail-hero,.detail-spec-card,.detail-callout,.detail-peer-card,.cost-research-page .shell,.ownership-lab,.trim-hero, .trim-lab, .tco-panel, .tco-panel-head{position:relative}
.showroom-stage::before,.duel-showcase::before{content:'';position:absolute;inset:0;padding:1px;border-radius:24px;background:linear-gradient(145deg,rgba(112,224,190,.33),rgba(255,255,255,.0) 20%,rgba(84,158,222,.18) 84%,rgba(255,255,255,.0));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.showroom-visual::before{content:'';position:absolute;left:12%;right:12%;bottom:11%;height:26px;border-radius:50%;background:radial-gradient(ellipse at center, rgba(7,49,53,.22), transparent 72%);filter:blur(12px);z-index:0}
.showroom-glow{filter:blur(24px) saturate(1.1)}
.showroom-panel::after{content:'';position:absolute;right:18px;top:18px;width:92px;height:92px;border-radius:50%;border:1px solid rgba(169,239,219,.12);opacity:.9}
.duel-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 24%,transparent 70%,rgba(255,255,255,.08));pointer-events:none}
.car-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.24) 100%);opacity:0;transition:opacity .24s ease;pointer-events:none}
.car-card:hover::before{opacity:1}
.car-card:hover{box-shadow:0 22px 48px rgba(17,42,48,.10)}
.car-card .card-body{position:relative}
.car-card .card-body::after{content:'';position:absolute;left:20px;right:20px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(22,118,104,.12),transparent)}
.editorial-section .section-heading,.showroom-heading,.section-heading{position:relative}
.section-heading::after{content:'';position:absolute;left:0;bottom:-12px;width:108px;height:1px;background:linear-gradient(90deg,#48c3a8,transparent)}
.floating-compare{box-shadow:0 16px 38px rgba(10,41,49,.18), inset 0 1px 0 rgba(255,255,255,.12)}
@keyframes heroFloat{from{transform:translate3d(0,0,0) scale(.96)}to{transform:translate3d(-18px,16px,0) scale(1.08)}}
@keyframes heroFloatB{from{transform:translate3d(0,0,0) scale(.92)}to{transform:translate3d(22px,-8px,0) scale(1.06)}}
@media(max-width:760px){
  .navlink-cost{padding:10px 12px!important}
  .hero::before{width:300px;height:300px;right:-12%;top:-4%}
  .hero::after{width:240px;height:240px;left:-16%;bottom:-10%}
  .hero-art::before{inset:8% 2% 6% 8%}
  .stats-strip::after{background:radial-gradient(circle at 78% 12%,rgba(116,214,185,.12),transparent 30%)}
}


/* V16 — Light-led automotive visual finish. Deliberately restrained motion. */
:root{--atlas-curve:cubic-bezier(.22,.74,.17,1);--atlas-tint:#64d7bd}
.site-header{transition:box-shadow .3s ease,background-color .3s ease,border-color .3s ease}
.site-header.atlas-scrolled{background:rgba(255,255,255,.91);border-color:rgba(178,209,201,.65);box-shadow:0 14px 38px rgba(7,41,48,.10)}
.brand-icon{isolation:isolate;overflow:hidden}
.brand-icon::after{content:'';position:absolute;inset:-60% auto -60% -90%;width:50%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .65s var(--atlas-curve);pointer-events:none}
.brand:hover .brand-icon::after{left:140%}
.hero{--atlas-hx:0px;--atlas-hy:0px;--atlas-scroll:0px;isolation:isolate}
.hero .art-grid{will-change:transform;transform:translate3d(var(--atlas-grid-x,0px),var(--atlas-grid-y,0px),0);transition:transform .3s ease-out}
.hero .orbit-one{transform:translate3d(var(--atlas-ring-x,0px),var(--atlas-ring-y,0px),0);transition:transform .3s ease-out}
.hero .orbit-two{transform:translate3d(var(--atlas-ring-y,0px),var(--atlas-ring-x,0px),0);transition:transform .4s ease-out}
.hero .art-halo{transform:translate3d(var(--atlas-halo-x,0px),var(--atlas-halo-y,0px),0);transition:transform .45s ease-out,opacity .45s ease;}
.hero .hero-photo{transform:translate3d(var(--atlas-hx,0px),calc(var(--atlas-hy,0px) + var(--atlas-scroll,0px)),0) scale(1);transition:transform .5s var(--atlas-curve),filter .5s var(--atlas-curve)}
.hero .hero-art:hover .hero-photo{transform:translate3d(var(--atlas-hx,0px),calc(var(--atlas-hy,0px) + var(--atlas-scroll,0px) - 7px),0) scale(1.025)}
.hero .hero-technical{transform:translate3d(calc(var(--atlas-hx,0px)*-.24),calc(var(--atlas-hy,0px)*-.24),0);transition:transform .4s ease}
.hero .art-label{transform:translate3d(calc(var(--atlas-hx,0px)*-.45),calc(var(--atlas-hy,0px)*-.45),0);transition:transform .35s ease,box-shadow .35s ease}
.hero-art:hover .art-label{box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10)}
.hero-art::after{content:'';position:absolute;inset:2% -5% 0 3%;z-index:0;pointer-events:none;background:radial-gradient(340px circle at var(--atlas-light-x,62%) var(--atlas-light-y,48%),rgba(104,218,193,.16),transparent 67%);transition:opacity .5s ease;opacity:.8}
.hero-buttons .btn-primary{box-shadow:0 15px 32px rgba(77,222,179,.16), inset 0 1px 0 rgba(255,255,255,.27)}
.hero-buttons .btn-quiet{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(15,56,60,.18)}
.hero-buttons .btn:hover{transform:translateY(-3px);box-shadow:0 18px 28px rgba(2,29,35,.22)}
.showroom-stage{box-shadow:0 28px 70px rgba(11,52,57,.095),0 8px 22px rgba(11,52,57,.055);transition:box-shadow .45s ease}
.showroom-stage:hover{box-shadow:0 34px 82px rgba(11,52,57,.14),0 10px 30px rgba(11,52,57,.07)}
.showroom-visual{--atlas-light-x:54%;--atlas-light-y:45%;isolation:isolate}
.showroom-visual::after{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(350px circle at var(--atlas-light-x) var(--atlas-light-y),rgba(255,255,255,.86) 0%,rgba(189,238,223,.23) 34%,transparent 72%);opacity:.65;transition:opacity .5s ease}
.showroom-visual:hover::after{opacity:1}
.showroom-visual .showroom-watermark{transition:transform .6s var(--atlas-curve),color .35s ease;transform:translate3d(var(--atlas-word-x,0px),var(--atlas-word-y,0px),0)}
.showroom-visual #showroomImage{transform:translate3d(var(--atlas-car-x,0px),var(--atlas-car-y,0px),0);transition:transform .6s var(--atlas-curve),filter .4s ease;filter:drop-shadow(0 27px 19px rgba(8,48,55,.21))}
.showroom-visual:hover #showroomImage{transform:translate3d(var(--atlas-car-x,0px),calc(var(--atlas-car-y,0px) - 9px),0) scale(1.028);filter:drop-shadow(0 38px 26px rgba(8,48,55,.23))}
.showroom-panel{background:radial-gradient(circle at 105% -20%,rgba(97,193,170,.13),transparent 42%),linear-gradient(145deg,#102b31 0%,#0d2530 100%)}
.showroom-kpis b{transition:color .3s ease,transform .3s ease}
.showroom-stage:hover .showroom-kpis b{color:#ccffee}
.showroom-arrow{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.showroom-tab.active{box-shadow:0 -10px 22px rgba(7,45,47,.10),inset 0 1px 0 rgba(255,255,255,.10)}
.car-card{--atlas-glare-x:50%;--atlas-glare-y:30%;transition:transform .38s var(--atlas-curve),box-shadow .38s var(--atlas-curve),border-color .32s ease}
.car-card::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--atlas-glare-x) var(--atlas-glare-y),rgba(255,255,255,.33),transparent 62%);transition:opacity .3s ease}
.car-card:hover::after{opacity:.8}
.car-card:hover{transform:translateY(-6px);border-color:#b7dace;box-shadow:0 28px 64px rgba(12,58,62,.14),0 4px 16px rgba(5,32,37,.04)}
.car-card .car-visual.clean-display{transition:background .4s ease}
.car-card .car-visual.clean-display .vehicle-photo{transition:transform .5s var(--atlas-curve),filter .5s ease}
.car-card:hover .car-visual.clean-display .vehicle-photo{transform:translate3d(var(--atlas-img-x,0px),-7px,0) scale(1.045);filter:drop-shadow(0 22px 22px rgba(12,42,51,.19))}
.review-card,.brand-card,.update-card,.method-tile,.credit-entry{transition:transform .34s var(--atlas-curve),box-shadow .34s var(--atlas-curve),border-color .34s ease}
.review-card:hover,.brand-card:hover,.update-card:hover,.method-tile:hover{transform:translateY(-5px);border-color:#b8d9cf;box-shadow:0 24px 45px rgba(10,53,58,.09)}
.duel-showcase{transition:box-shadow .38s ease,border-color .38s ease}
.duel-showcase:hover{border-color:#b6d6ce;box-shadow:0 32px 75px rgba(14,63,68,.12)}
.duel-showcase .duel-vs{box-shadow:0 0 0 5px rgba(255,255,255,.5),0 17px 30px rgba(4,49,49,.22)}
.page.shown{animation:atlasPageIn .5s var(--atlas-curve) both}
@keyframes atlasPageIn{from{opacity:.75;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.section-heading h2,.page-title{text-wrap:balance}
.section-heading .section-kicker::before{transition:width .32s ease}
.section-heading:hover .section-kicker::before{width:41px}
.back-top:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(12,53,51,.17)}
:focus-visible{outline:2px solid #159a7a;outline-offset:4px}
@media(min-width:761px) and (max-width:1200px){.desktop-nav{gap:clamp(7px,1vw,14px)}.navlink{font-size:clamp(10px,1vw,12px)}.header-inner{gap:12px}}
@media(max-width:760px){
  .hero .hero-photo,.hero .hero-art:hover .hero-photo{transform:none}
  .hero .art-grid,.hero .orbit-one,.hero .orbit-two,.hero .art-halo,.hero .art-label,.hero .hero-technical{transform:none}
  .showroom-visual .showroom-watermark{transform:none}
  .showroom-visual #showroomImage,.showroom-visual:hover #showroomImage{transform:none}
  .car-card:hover .car-visual.clean-display .vehicle-photo{transform:none}
  .car-card:hover{transform:none}
  .page.shown{animation:atlasPageInMobile .3s ease-out both}
  @keyframes atlasPageInMobile{from{opacity:.8}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){
  .hero .hero-photo,.hero .hero-art:hover .hero-photo,.hero .art-grid,.hero .orbit-one,.hero .orbit-two,.hero .art-halo,.hero .art-label,.hero .hero-technical,.showroom-visual .showroom-watermark,.showroom-visual #showroomImage,.showroom-visual:hover #showroomImage,.car-card:hover .car-visual.clean-display .vehicle-photo{transform:none!important;transition:none!important}
  .hero::before,.hero::after,.art-halo{animation:none!important}
  .page.shown{animation:none!important}
  .car-card:hover,.review-card:hover,.brand-card:hover,.update-card:hover,.method-tile:hover{transform:none!important}
}


/* V17 | vehicle editorial immersion */
.detail-hero{background:radial-gradient(ellipse at 77% 37%,#164d4e 0%,transparent 40%),linear-gradient(115deg,#071921 0%,#102b34 48%,#123d40 100%)}
.detail-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 67% 105%,rgba(119,240,198,.14),transparent 49%);mix-blend-mode:screen}
.detail-hero-art{isolation:isolate}
.detail-hero-art::after{content:"";position:absolute;z-index:0;inset:10% 1% 12%;pointer-events:none;background:radial-gradient(closest-side,rgba(114,226,197,.15),transparent 72%);filter:blur(12px)}
.detail-car-image{filter:drop-shadow(0 42px 33px rgba(0,0,0,.32));transition:filter .5s ease}
.detail-hero-art:hover .detail-car-image{filter:drop-shadow(0 48px 38px rgba(0,0,0,.39))}
.detail-art-caption{letter-spacing:.18em}
.detail-metrics{box-shadow:0 25px 60px rgba(8,44,50,.1);border-color:#d3e8e2}
.detail-metric{position:relative;background:linear-gradient(165deg,#fff,#f5f9f8);transition:background .3s,transform .3s}
.detail-metric:before{content:"";position:absolute;left:21px;top:0;width:0;height:3px;background:linear-gradient(90deg,#26ac93,#85ebcb);transition:width .35s ease}
.detail-metric:hover{background:#eaf7f2}.detail-metric:hover:before{width:calc(100% - 42px)}
.detail-section-title>span:before{content:"";display:inline-block;width:17px;height:1px;background:currentColor;vertical-align:middle;margin-right:11px}
.detail-gallery-stage{border:1px solid #cbdfda;box-shadow:0 30px 75px rgba(18,65,68,.11);border-radius:24px}
.detail-gallery-art{isolation:isolate;background:radial-gradient(ellipse at 52% 41%,#fff 0%,#f5f9f7 39%,#dce9e8 100%)}
.detail-gallery-art:before{max-width:490px;border:1px solid rgba(36,120,109,.11);box-shadow:0 0 0 54px rgba(46,117,112,.023),0 0 0 110px rgba(46,117,112,.018)}
.detail-gallery-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 81%,rgba(41,129,115,.09),transparent 54%)}
.detail-gallery-art img{position:relative;z-index:2;max-height:455px;filter:drop-shadow(0 25px 23px rgba(11,55,58,.20));transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .5s}
.detail-gallery-art:not(.crop-mode):hover img{transform:translateY(-8px) scale(1.032);filter:drop-shadow(0 35px 28px rgba(11,55,58,.23))}
.detail-gallery-art.crop-mode img{transform:scale(1.55) translate(-9%,7%)}
.detail-gallery-art.crop-mode:hover img{transform:scale(1.66) translate(-9%,7%)}
.gallery-stage-label{z-index:4;top:23px;left:26px;color:#547e79;font-size:10px}
.gallery-tech-circle{position:absolute;inset:12% 10%;border-radius:50%;border:1px solid rgba(28,103,97,.06);pointer-events:none}
.gallery-gridline{position:absolute;inset:0;pointer-events:none;opacity:.5;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(53,107,100,.065) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),rgba(53,107,100,.045) 50%,transparent calc(50% + .5px));z-index:0}
.gallery-stage-bottom{position:absolute;left:26px;right:26px;bottom:22px;display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.12em;font-weight:750;color:#77918f;z-index:5}
.gallery-expand{position:absolute;right:22px;top:19px;z-index:7;background:rgba(255,255,255,.80);border:1px solid #cde2dd;color:#185b55;border-radius:100px;padding:10px 13px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 25px rgba(10,55,58,.09);backdrop-filter:blur(12px);transition:background .24s,transform .24s;cursor:pointer;font-size:14px}
.gallery-expand span{font-size:11px;font-weight:750}.gallery-expand:hover{transform:translateY(-2px);background:#fff}
.gallery-selector,.gallery-official{border-radius:14px;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.gallery-selector:hover,.gallery-official:hover{transform:translateX(3px);box-shadow:0 9px 26px rgba(11,58,59,.09)}
.gallery-selector.active{border-color:#83cdb7;box-shadow:inset 3px 0 0 #0d866d}
.detail-spec-table{box-shadow:0 18px 49px rgba(14,55,58,.06);border-radius:19px}
.detail-spec-row{position:relative;grid-template-columns:24px 30% minmax(0,1fr);gap:16px;transition:background-color .25s ease}
.detail-spec-row:nth-child(even){background:#f9fcfb}
.detail-spec-row:hover{background:#ebf7f2}
.detail-spec-row .spec-num{font-size:10px;font-weight:800;color:#80a49b;letter-spacing:.04em}
.detail-source-card{background:radial-gradient(circle at 90% 1%,rgba(148,237,202,.25),transparent 38%),linear-gradient(154deg,#f0faf6,#e0efeb);box-shadow:0 15px 36px rgba(13,64,55,.07)}
.detail-peer-art{background:radial-gradient(ellipse at 45% 30%,#fff,#e9f3f2 95%);transition:background .3s}
.detail-peer:hover .detail-peer-image{transform:translateY(-4px) scale(1.04)}
.detail-peer-image{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.atlas-viewer[hidden]{display:none!important}.atlas-viewer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:3vw}
.atlas-viewer-scrim{position:absolute;inset:0;background:rgba(3,19,24,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.atlas-viewer-dialog{position:relative;width:min(1170px,100%);height:min(820px,94vh);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(130deg,#f8fdfb 0%,#e8f1ef 100%);border:1px solid rgba(199,240,221,.4);box-shadow:0 40px 100px rgba(0,0,0,.38);border-radius:22px;animation:viewerIn .25s ease-out both}
.atlas-viewer-top,.atlas-viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2;padding:23px 28px}
.atlas-viewer-top{font-size:11px;letter-spacing:.16em;color:#3f7770;font-weight:780}.atlas-viewer-top i{color:#b6c9c2;font-style:normal}
.atlas-viewer-close{background:#153b40;color:#e9fff6;width:43px;height:43px;border-radius:50%;border:0;font-size:18px;cursor:pointer;transition:transform .25s,background .25s}
.atlas-viewer-close:hover{transform:rotate(90deg);background:#0c7261}
.atlas-viewer-frame{position:relative;flex:1;min-height:0;display:grid;place-items:center;isolation:isolate;overflow:hidden}
.atlas-viewer-halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(37,121,107,.12);box-shadow:0 0 0 80px rgba(31,112,107,.025),0 0 0 170px rgba(38,104,99,.02);background:radial-gradient(circle,rgba(230,255,246,.75),transparent 70%)}
.atlas-viewer-frame img{position:relative;z-index:3;max-height:99%;width:92%;object-fit:contain;filter:drop-shadow(0 26px 25px rgba(16,58,57,.22))}
.atlas-viewer-ground{position:absolute;width:65%;height:18px;bottom:4%;border-radius:50%;background:rgba(14,79,70,.15);filter:blur(19px)}
.atlas-viewer-bottom{font-size:10px;letter-spacing:.1em;color:#507670;border-top:1px solid rgba(34,107,94,.12)}
.atlas-viewer-bottom>div{display:flex;flex-direction:column;gap:7px}.atlas-viewer-bottom b{font-size:16px;letter-spacing:0;color:#214d49}.atlas-viewer-bottom small{color:#718e87;font-size:9px;line-height:1.5}.atlas-viewer-open{overflow:hidden}
@keyframes viewerIn{from{opacity:0;transform:translateY(12px) scale(.988)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.detail-spec-row{grid-template-columns:21px 32% minmax(0,1fr);gap:9px;padding:13px}.gallery-expand{right:12px;top:12px;padding:8px 9px}.gallery-expand span{display:none}.gallery-stage-bottom{left:14px;right:14px;bottom:13px;font-size:8px}.gallery-stage-label{top:17px;left:15px}.detail-gallery-art:not(.crop-mode):hover img{transform:none}.detail-gallery-art.crop-mode:hover img{transform:scale(1.55) translate(-9%,7%)}.atlas-viewer{padding:10px}.atlas-viewer-dialog{height:min(650px,85vh);border-radius:15px}.atlas-viewer-top,.atlas-viewer-bottom{padding:16px}.atlas-viewer-bottom>span{display:none}.atlas-viewer-top{font-size:9px}.atlas-viewer-frame img{width:100%}}
@media(prefers-reduced-motion:reduce){.detail-metric,.detail-gallery-art img,.detail-peer-image,.atlas-viewer-dialog{animation:none!important;transition:none!important}.detail-gallery-art:not(.crop-mode):hover img{transform:none}}


/* V18 — editorial detail file, no duplicate model submenu */
.detail-year-stamp{margin-top:30px;padding-top:21px;border-top:1px solid rgba(189,242,227,.2);display:grid;grid-template-columns:.55fr 1.4fr 1.25fr;gap:14px;color:#86b7b0}
.detail-year-stamp>span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;line-height:1.65;min-width:0}
.detail-year-stamp strong{display:block;font-size:11px;letter-spacing:0;font-weight:700;color:#e3fbf3;text-transform:none;line-height:1.55;overflow-wrap:anywhere;margin-top:6px}
.detail-index{display:flex;align-items:center;gap:20px;margin-top:28px;border:1px solid #d3e5e1;border-radius:14px;background:linear-gradient(120deg,#fff,#f2faf7);box-shadow:0 15px 36px rgba(13,55,58,.05);overflow:hidden;position:relative}
.detail-index::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#1a9c85,#a7e9d7)}
.detail-index-side{padding:20px 19px 20px 25px;min-width:116px;border-right:1px solid #e1ede9}
.detail-index-side>span{display:block;font-size:24px;font-weight:850;letter-spacing:-.06em;color:#0d6457}
.detail-index-side>b{display:block;margin-top:4px;font-size:9px;letter-spacing:.13em;color:#7d9b96}
.detail-index-links{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;flex:1;padding:12px 16px 12px 0}
.detail-index-links button{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid transparent;color:#35605c;border-radius:9px;font-weight:750;font-size:11px;padding:11px 8px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.detail-index-links button small{color:#70aa9b;font-size:9px;font-weight:800}
.detail-index-links button span{font-size:13px;color:#218d77;opacity:0;transition:opacity .2s}
.detail-index-links button:hover,.detail-index-links button:focus-visible{background:#e5f5ef;border-color:#c5e4d9;color:#0a6757}
.detail-index-links button:hover span,.detail-index-links button:focus-visible span{opacity:1}
.detail-section-title,.expert-spec{scroll-margin-top:108px}
.detail-section-title h2{letter-spacing:-.045em}
.expert-intro{background:radial-gradient(ellipse at 96% 2%,rgba(111,213,177,.13),transparent 46%)}
.expert-data{background:#fff}
.expert-group:not(:last-child){border-bottom:1px solid #dbe8e5}
.expert-group-label{display:flex;align-items:center;gap:17px;padding:24px 34px;background:linear-gradient(105deg,#f3f9f7,#f9fcfb);border-bottom:1px solid #e7eeec}
.expert-group-label>span{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #cbe3db;background:#e6f5ef;border-radius:10px;color:#26866e;font-weight:850;font-size:11px}
.expert-group-label>div{flex:1;min-width:0}
.expert-group-label h3{font-size:16px;letter-spacing:-.02em;color:#153d40;margin:0}
.expert-group-label p{font-size:11px;color:#7b9694;margin:5px 0 0}
.expert-group-label small{font-size:10px;color:#64877e;white-space:nowrap}
.expert-data-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.expert-group .expert-data-cell{border-right:1px solid #e8eff0;border-bottom:1px solid #e8eff0;transition:background .22s}
.expert-group .expert-data-cell:hover{background:#f3faf7}
.expert-group .expert-data-cell:nth-child(3n){border-right:0}
.expert-group .expert-data-cell:nth-last-child(-n+3){border-bottom:0}
.detail-family{margin:43px 0 15px;padding:29px 30px 26px;border-radius:19px;background:linear-gradient(126deg,#0f2a32,#123f42);border:1px solid rgba(165,235,219,.18);color:#eaf9f4;box-shadow:0 25px 45px rgba(18,57,62,.11);position:relative;overflow:hidden}
.detail-family::after{content:'';position:absolute;top:-90px;right:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(85,191,163,.2),transparent 72%);pointer-events:none}
.detail-family-top{display:flex;align-items:start;justify-content:space-between;gap:15px;position:relative;z-index:1}
.detail-family-top div>span{font-size:10px;font-weight:750;letter-spacing:.17em;color:#87d9bf}
.detail-family-top h3{font-size:23px;letter-spacing:-.04em;margin:10px 0 6px}
.detail-family-top p{font-size:11px;line-height:1.7;color:#acc9c4;margin:0 0 18px}
.detail-family-top>span{font-size:9px;letter-spacing:.08em;color:#9fc9c0;white-space:nowrap;padding-top:8px}
.detail-family-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative;z-index:1}
.detail-family-item{display:flex;align-items:center;text-align:left;gap:12px;min-width:0;padding:17px;background:rgba(241,255,251,.085);border:1px solid rgba(173,238,217,.16);border-radius:12px;color:#e8fff6;transition:transform .23s,background .23s,border-color .23s}
.detail-family-item:hover{transform:translateY(-3px);background:rgba(241,255,251,.15);border-color:rgba(173,238,217,.45)}
.detail-family-icon{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:50%;border:1px solid rgba(192,255,227,.35);font-size:14px;color:#b0f2da}
.detail-family-info{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.detail-family-info strong{font-size:14px;font-weight:780;line-height:1.3}
.detail-family-info small{font-size:10px;color:#a9ccc7;line-height:1.4}
.detail-family-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;min-width:0}
.detail-family-meta b{font-size:15px;color:#bdf9df;white-space:nowrap}
.detail-family-meta small{font-size:9px;color:#97bcb6}
@media(max-width:1110px){.detail-index{flex-direction:column;align-items:stretch;gap:0}.detail-index-side{padding:13px 20px;border-right:0;border-bottom:1px solid #e5efec;display:flex;align-items:center;gap:12px}.detail-index-side>span{font-size:17px}.detail-index-links{padding:7px 11px;justify-content:space-around}.detail-index-links button{padding:11px 7px;font-size:10px}}
@media(max-width:760px){.detail-year-stamp{grid-template-columns:1fr 1fr;gap:15px;padding-bottom:10px}.detail-year-stamp>span:last-child{grid-column:1/-1}.detail-index{margin-top:18px;border-radius:12px}.detail-index-links{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.detail-index-links button{flex-shrink:0}.detail-index-links button span{display:none}.detail-section-title,.expert-spec{scroll-margin-top:82px}.expert-group-label{gap:10px;padding:17px 18px}.expert-group-label h3{font-size:14px}.expert-group-label small{font-size:9px;white-space:normal;max-width:65px;text-align:right}.expert-group .expert-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expert-group .expert-data-cell{min-height:102px;padding:17px 18px}.expert-group .expert-data-cell:nth-child(3n){border-right:1px solid #e8eff0}.expert-group .expert-data-cell:nth-child(2n){border-right:0}.expert-group .expert-data-cell:nth-last-child(-n+3){border-bottom:1px solid #e8eff0}.expert-group .expert-data-cell:last-child,.expert-group .expert-data-cell:nth-last-child(2):nth-child(odd){border-bottom:0}.detail-family{margin-top:32px;padding:21px 16px}.detail-family-list{grid-template-columns:1fr}.detail-family-top h3{font-size:19px}.detail-family-meta b{font-size:13px}}
@media(prefers-reduced-motion:reduce){.detail-family-item,.detail-index-links button,.expert-group .expert-data-cell{transition:none!important}.detail-family-item:hover{transform:none}}


/* ─── V19: restrained five-item navigation and linked editorial model records ─── */
.desktop-nav{gap:clamp(14px,2.35vw,38px)}
.atlas-nav-group>.navlink{display:flex;align-items:center;gap:7px;height:100%;border:0}
.atlas-nav-caret{display:inline-block;font-size:15px;line-height:1;color:#82a29d;transform:translateY(-2px);transition:transform .22s,color .22s}
.atlas-nav-group:hover .atlas-nav-caret,.atlas-nav-group:focus-within .atlas-nav-caret{transform:translateY(1px) rotate(180deg);color:#18705d}
.atlas-nav-submenu{min-width:252px;top:calc(100% - 1px);left:-16px;padding:13px;gap:7px;border-radius:16px;box-shadow:0 25px 52px rgba(15,46,49,.15);border:1px solid #dbe9e6;background:linear-gradient(175deg,#ffffff 0%,#f9fdfb 100%)}
.atlas-nav-submenu button{border:1px solid transparent!important;background:transparent!important;padding:13px 12px;transition:background .2s ease, border-color .2s ease, transform .2s ease}
.atlas-nav-submenu button:hover,.atlas-nav-submenu button:focus-visible,.atlas-nav-submenu button.active{background:#e7f5ef!important;border-color:#c9e3d8!important;transform:translateX(2px)}
.nav-menu-heading{font-size:9px;color:#8a9d9f;letter-spacing:.16em;text-transform:uppercase;font-weight:850;padding:5px 10px 7px;display:block}
.atlas-nav-submenu button>span{font-weight:800}
.atlas-nav-submenu button small{font-size:9px!important;color:#669189!important}
.navlink-cost{margin-left:7px;flex:none}
.mobile-nav.open{grid-template-columns:1fr 1fr}
.atlas-mobile-subnav{display:flex;flex-wrap:wrap;grid-column:1/-1;align-items:stretch;gap:8px;padding:0 4px 8px 12px;border-left:2px solid #d5e6df;margin-left:10px}
.mobile-nav .atlas-mobile-subnav button{flex:1 1 120px;padding:10px 13px!important;background:#ebf5f1!important;color:#315953!important;font-size:12px!important;border:1px solid #d5e9e1!important;border-radius:9px!important;min-width:0}
.mobile-nav .atlas-mobile-subnav button:hover{background:#d7ede5!important}
.mobile-nav .mobile-cost-primary{grid-column:1/-1;text-align:center!important;padding:15px!important}
.record-journal{margin:40px 0 12px;background:linear-gradient(140deg,#f4faf8 0%,#ffffff 52%,#f2f8f8 100%);border:1px solid #d9e9e4;border-radius:20px;padding:28px;box-shadow:0 15px 35px rgba(16,55,53,.04)}
.record-journal-title>span,.detail-reading-top span{font-size:10px;letter-spacing:.18em;font-weight:850;color:#148c75}
.record-journal-title h3,.detail-reading-top h3{font-size:clamp(21px,2.4vw,27px);margin:12px 0 6px;letter-spacing:-.04em}
.record-journal-title p,.detail-reading-top p{font-size:12px;line-height:1.8;color:#667e80;margin:0;max-width:690px}
.record-events{display:grid;gap:0;border-left:1px solid #bedfd2;margin:24px 0 18px 8px;padding-left:23px}
.record-event{display:grid;grid-template-columns:95px minmax(0,1fr);gap:20px;position:relative;padding:0 0 24px}
.record-event:last-child{padding-bottom:0}
.record-event::before{content:'';width:10px;height:10px;background:#62c3a7;border-radius:50%;border:3px solid #e4f4ed;box-sizing:content-box;position:absolute;left:-31px;top:2px;box-shadow:0 0 0 3px rgba(99,198,171,.12)}
.record-date{font-size:12px;color:#185d53;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.record-date i{display:none}
.record-body{min-width:0}
.record-body small{font-size:9px;color:#7c9f98;letter-spacing:.12em;font-weight:800}
.record-body h4{font-size:15px;color:#173e43;margin:7px 0 9px;line-height:1.4}
.record-body p{margin:0 0 10px;color:#526d74;font-size:12px;line-height:1.8}
.record-body a{font-size:11px;font-weight:800;color:#12816c;text-decoration:underline;text-underline-offset:3px}
.record-footnote{font-size:10px;color:#788d91;margin:0;border-top:1px solid #e0ebe8;padding-top:14px;line-height:1.6}
.detail-reading{margin:46px 0 36px;padding:31px 33px;background:#fff;border:1px solid #d9e8e5;border-radius:20px;box-shadow:0 16px 36px rgba(15,54,52,.04)}
.detail-reading-top{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:18px}
.detail-reading-top>b{font-size:9px;color:#8aa69e;white-space:nowrap;margin-top:5px}
.detail-reading-list{display:grid;gap:9px}
.detail-reading-entry{display:grid;grid-template-columns:38px minmax(0,1fr) 30px;gap:15px;align-items:center;text-align:left;border-radius:12px;border:1px solid #e0ebe7;background:#f7fbf9;padding:16px;transition:transform .2s,border-color .2s,background .2s}
.detail-reading-entry:hover{background:#edf8f3;border-color:#94cdb8;transform:translateX(4px)}
.reading-count{font-size:22px;font-weight:850;color:#99c9ba;letter-spacing:-.05em}
.detail-reading-entry>div{display:grid;gap:5px}
.detail-reading-entry small{font-size:9px;color:#15876f;font-weight:850;letter-spacing:.05em}
.detail-reading-entry strong{font-size:14px;color:#153a40;line-height:1.55}
.detail-reading-entry>div>span{font-size:10px;color:#748f8c}
.detail-reading-entry>b{color:#21846d;font-size:21px}
.review-profile-links{margin-top:24px;border-top:1px solid #d9e6e0;padding-top:20px}
.review-profile-links>span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#528173}
.review-profile-links>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.review-profile-links button{padding:11px 13px;border-radius:8px;border:1px solid #b6d9ce;background:#fff;color:#176c59;font-weight:780;font-size:12px}
.review-profile-links button:hover{background:#e5f5ed}
@media(max-width:760px){
 .desktop-nav{display:none}.mobile-nav .atlas-mobile-subnav{margin-left:8px;padding-left:10px}
 .record-journal{padding:22px 16px}.record-event{grid-template-columns:1fr;gap:7px;padding-bottom:24px}.record-date{font-size:11px}.record-events{margin-top:23px}
 .detail-reading{padding:23px 17px}.detail-reading-top>b{display:none}.detail-reading-entry{grid-template-columns:22px minmax(0,1fr) 16px;gap:9px;padding:13px 11px}.reading-count{font-size:16px}.detail-reading-entry strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.atlas-nav-caret,.detail-reading-entry,.atlas-nav-submenu button{transition:none!important}.detail-reading-entry:hover{transform:none}}

/* ── V20: international editorial edition and technology journal ── */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.brand-text{display:flex;align-items:baseline;gap:5px;line-height:1;letter-spacing:.06em}
.brand-text small{display:none!important}
.brand{flex:none}
.language-picker-wrap{display:flex;align-items:center;position:relative}
.language-picker{appearance:none;-webkit-appearance:none;min-width:86px;height:39px;padding:0 26px 0 12px;border:1px solid #c7dcd8;border-radius:9px;font-weight:770;letter-spacing:.01em;font-size:12px;background:linear-gradient(#fff,#f7fbfa);color:#15433e;box-shadow:0 4px 12px rgba(15,56,55,.04);cursor:pointer;outline-offset:3px}
.language-picker-wrap::after{content:'⌄';position:absolute;right:11px;top:9px;font-size:15px;color:#3c7b71;pointer-events:none}
.language-picker:hover,.language-picker:focus-visible{border-color:#5eb79f;box-shadow:0 0 0 3px rgba(60,178,143,.09)}
.tech-home-section{padding-bottom:65px}
.tech-home-grid,.tech-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.tech-topic-card{border:1px solid #d8e6e5;background:#fff;border-radius:17px;overflow:hidden;text-align:left;color:inherit;padding:0;display:flex;flex-direction:column;min-width:0;box-shadow:0 10px 28px rgba(10,45,48,.044);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}
.tech-topic-card:hover,.tech-topic-card:focus-visible{transform:translateY(-5px);box-shadow:0 20px 47px rgba(9,43,47,.12);border-color:#8dceb9}
.tech-topic-top{padding:18px 21px 15px;display:flex;align-items:center;gap:12px;color:#3d7572;font-size:10px;letter-spacing:.12em;font-weight:780}
.tech-topic-top i{font-style:normal;color:#1d3f43;font-size:12px;border:1px solid #d9e8e5;background:#f5faf8;border-radius:6px;width:28px;height:25px;display:grid;place-items:center;letter-spacing:0}
.tech-topic-top b{margin-left:auto;font-size:16px;font-weight:500;color:#2c8070}
.tech-topic-diagram{height:155px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 49% 40%,#294d53 0%,#103138 43%,#091f28 100%)}
.tech-topic-diagram::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#c5f4e610 1px,transparent 1px),linear-gradient(90deg,#c5f4e610 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle,#000 0%,transparent 80%)}
.tech-topic-diagram::after{content:'';position:absolute;inset:18px 24px;border:1px solid rgba(141,225,202,.24);border-radius:50% 50% 46% 54%;transform:rotate(-14deg);pointer-events:none;transition:transform .35s}
.tech-topic-card:hover .tech-topic-diagram::after{transform:rotate(-4deg) scale(1.06)}
.diagram-glow{position:absolute;width:180px;height:110px;background:#81f1cd30;filter:blur(45px);border-radius:50%;transition:transform .3s}
.tech-topic-card:hover .diagram-glow{transform:scale(1.28)}
.diagram-figure{position:relative;z-index:1;font-size:51px;font-weight:830;letter-spacing:-.09em;color:#d2fff1;text-shadow:0 0 30px #74f8c460}
.diagram-caption{position:absolute;z-index:1;left:20px;bottom:15px;font-size:9px;font-weight:700;letter-spacing:.17em;color:#82cbb9}
.tech-diagram-charging{background:radial-gradient(circle at 47% 42%,#3c5669 0%,#172b3b 50%,#091822 100%)}
.tech-diagram-winter{background:radial-gradient(circle at 49% 41%,#4a6977 0%,#203543 48%,#0d1a27 100%)}
.tech-diagram-winter .diagram-figure{color:#d6ebff;text-shadow:0 0 35px #bcdcff7a}
.tech-topic-content{padding:21px 23px 23px;display:flex;flex-direction:column;flex:1}
.tech-topic-meta{font-size:9px;letter-spacing:.18em;color:#569789;font-weight:800}
.tech-topic-content h3{font-size:clamp(18px,1.65vw,23px);letter-spacing:-.036em;line-height:1.36;margin:12px 0 11px;font-weight:790;color:#123039}
.tech-topic-content p{font-size:12px;line-height:1.8;color:#647c80;margin:0 0 24px;flex:1}
.tech-topic-read{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6efed;padding-top:15px;font-size:11px;font-weight:760;color:#167760}
.tech-topic-read b{font-size:16px;font-weight:500}
.tech-journal-page .page-title{margin-top:16px}
.tech-indexline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px;margin:25px 0;border-top:1px solid #dce9e6;border-bottom:1px solid #dce9e6;color:#5b8280;font-size:10px;letter-spacing:.14em;font-weight:760}
.tech-journal-grid{margin:0 0 30px}
.tech-article{background:#fff;border:1px solid #dce8e7;border-radius:23px;overflow:hidden;margin:36px 0 28px;box-shadow:0 30px 70px rgba(11,42,48,.055);scroll-margin-top:112px}
.tech-back{background:#eaf5f0;color:#145a51;border:0;border-radius:9px;padding:12px 16px;font-size:12px;font-weight:750;margin:22px 26px 0;transition:background .2s}
.tech-back:hover{background:#cfeddf}
.tech-article-hero{background:radial-gradient(circle at 90% 8%,rgba(93,228,192,.18),transparent 38%),linear-gradient(120deg,#102b32,#0a1e29);padding:48px clamp(26px,5.2vw,76px) 34px;color:#eaf9f3;margin:23px 0 0}
.tech-article-hero>span{color:#8cd1ba;letter-spacing:.16em;font-size:10px;font-weight:740}
.tech-article-hero h2{max-width:825px;margin:19px 0 12px;font-size:clamp(31px,4.3vw,58px);font-weight:820;line-height:1.18;letter-spacing:-.045em}
.tech-article-hero p{max-width:690px;color:#bbd0d1;font-size:15px;line-height:1.8}
.tech-article-rule{display:flex;justify-content:space-between;border-top:1px solid #ffffff2a;padding-top:19px;margin-top:34px;color:#bde0d2;letter-spacing:.1em;font-size:10px}
.tech-article-body{padding:17px clamp(25px,6vw,87px) 23px}
.tech-article-section{display:grid;grid-template-columns:60px minmax(0,1fr);gap:18px;padding:31px 0;border-bottom:1px solid #e3edeb}
.tech-section-index{font-size:10px;letter-spacing:.12em;color:#258370;font-weight:760;padding-top:7px}
.tech-article-section h3{font-size:clamp(21px,2.3vw,29px);line-height:1.3;letter-spacing:-.03em;margin:0 0 15px;color:#153238}
.tech-article-section p{font-size:15px;line-height:1.95;color:#4b666d;max-width:850px;margin:0}
.tech-article-sources{padding:25px clamp(25px,6vw,87px) 32px;background:#f5f9f8}
.tech-article-sources h3{font-size:20px;margin:0 0 9px}
.tech-article-sources p{font-size:12px;color:#7a9092;margin-bottom:20px;line-height:1.7}
.tech-article-sources a{display:grid;grid-template-columns:185px 1fr auto;gap:14px;align-items:center;border-top:1px solid #d9e8e3;padding:15px 0;color:#175f58;font-size:13px}
.tech-article-sources a span{color:#81999a;font-size:11px}
.tech-article-sources a b{font-weight:600;font-size:18px}
.tech-article-sources a:hover strong{text-decoration:underline;text-underline-offset:4px}
.tech-article-disclaimer{font-size:11px;line-height:1.65;color:#5d777b;background:#e9f2ef;padding:17px clamp(25px,6vw,87px)}
@media(max-width:1080px){.desktop-nav{gap:clamp(9px,1.1vw,13px)}.brand-text{font-size:13px}.language-picker{min-width:78px}}
@media(max-width:820px){.tech-home-grid,.tech-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.brand-text{font-size:15px}.language-picker{height:37px;min-width:81px}.tech-home-grid,.tech-journal-grid{grid-template-columns:1fr;gap:13px}.tech-topic-diagram{height:135px}.tech-topic-content h3{font-size:21px}.tech-indexline{font-size:9px}.tech-article-hero{padding:34px 25px}.tech-article-hero h2{font-size:34px}.tech-article-section{grid-template-columns:1fr;gap:10px;padding:26px 0}.tech-article-section p{font-size:14px}.tech-article-sources a{grid-template-columns:1fr auto;gap:5px}.tech-article-sources a span{grid-column:1 / -1}}
@media(prefers-reduced-motion:reduce){.tech-topic-card,.tech-topic-diagram::after,.diagram-glow{transition:none!important}}

/* V21 / COLD CLIMATE STUDIES — evidence-led editorial visuals */
.winter-home-section{padding-top:52px;padding-bottom:48px}
.winter-home-shell{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);border-radius:25px;background:radial-gradient(ellipse at 88% 0%,#123b59 0%,#092a38 41%,#081e2a 84%);color:#eaf9fb;border:1px solid rgba(114,215,219,.16);box-shadow:0 28px 68px rgba(11,47,55,.16);isolation:isolate}
.winter-aurora{position:absolute;width:720px;height:500px;right:-150px;top:-210px;background:conic-gradient(from 150deg,transparent 0deg,rgba(102,250,212,.19) 65deg,rgba(67,151,235,.22) 115deg,transparent 220deg);border-radius:50%;filter:blur(55px);opacity:.85;animation:winterAurora 14s ease-in-out infinite alternate;pointer-events:none}
.winter-starfield{position:absolute;inset:0;background-image:radial-gradient(rgba(232,255,252,.36) 1px,transparent 1.5px),radial-gradient(rgba(179,234,248,.20) 1px,transparent 1.8px);background-size:105px 91px,177px 143px;background-position:12px 15px,90px 50px;mask-image:linear-gradient(90deg,transparent 4%,#000 68%);pointer-events:none;opacity:.4}
.winter-home-copy{position:relative;z-index:2;padding:53px 22px 34px 52px;display:flex;flex-direction:column;align-items:flex-start}
.winter-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:790;letter-spacing:.19em;color:#84e8dd}
.winter-indicator{width:7px;height:7px;background:#8ff0d6;border-radius:50%;box-shadow:0 0 0 6px #90f6df17,0 0 18px #7cf6df77}
.winter-home-copy h2{font-size:clamp(32px,3.55vw,51px);line-height:1.08;letter-spacing:-.053em;margin:27px 0 15px;font-weight:820;max-width:570px}
.winter-home-copy p{font-size:13px;line-height:1.94;max-width:520px;color:#bdccd6;margin:0 0 27px}
.winter-open{padding:13px 15px 13px 18px;background:linear-gradient(120deg,#c6ffe8,#87ddcf);border:0;border-radius:8px;color:#0d3133;font-weight:760;display:flex;align-items:center;justify-content:space-between;gap:28px;transition:transform .25s,box-shadow .25s}
.winter-open:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(73,210,187,.20)}
.winter-home-disclaimer{color:#82aeb8;margin-top:auto;padding-top:27px;font-size:10px;line-height:1.6}
.winter-home-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:380px;padding:50px 5px 48px}
.winter-temp-lines{position:absolute;font-size:clamp(95px,11vw,188px);font-weight:900;letter-spacing:-.11em;right:8%;top:13%;color:rgba(188,240,246,.085);line-height:1;white-space:nowrap;user-select:none}
.winter-moon{position:absolute;right:20%;top:10%;width:270px;height:270px;border-radius:50%;border:1px solid rgba(119,225,229,.25);box-shadow:0 0 0 44px rgba(52,151,174,.045),0 0 0 88px rgba(102,199,205,.023),inset 0 0 90px rgba(99,208,206,.08);background:radial-gradient(circle at 40% 45%,rgba(110,207,210,.12),transparent 62%)}
.winter-home-visual img{position:relative;z-index:2;object-fit:contain;width:117%;max-width:none;height:270px;filter:drop-shadow(0 24px 18px rgba(2,20,29,.38));transition:transform .55s}
.winter-home-shell:hover .winter-home-visual img{transform:translateY(-7px) scale(1.022)}
.winter-temp-meta{position:absolute;top:36px;right:35px;text-align:right;color:#8ccbd0;font-size:9px;letter-spacing:.2em;line-height:1.7}
.winter-stat-glass{position:absolute;z-index:3;bottom:25px;right:30px;width:240px;background:rgba(7,29,43,.76);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(162,231,231,.24);box-shadow:0 20px 35px rgba(0,0,0,.18);padding:15px 19px;border-radius:11px}
.winter-stat-glass>span{display:block;color:#a9ced3;font-size:9px;letter-spacing:.075em;line-height:1.5;max-width:210px}
.winter-stat-glass strong{font-size:42px;display:block;font-weight:780;letter-spacing:-.06em;line-height:1.3}.winter-stat-glass strong span{font-size:21px;color:#9ce9d7}
.winter-home-evidence{grid-column:1/-1;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(150,228,230,.17);background:rgba(4,24,33,.4)}
.winter-mini-case{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto;gap:6px;text-align:left;padding:25px 26px 23px;background:none;border:0;border-right:1px solid rgba(181,238,238,.14);color:#dff9fa;position:relative;transition:background .25s}
.winter-mini-case:last-child{border-right:0}.winter-mini-case:hover{background:rgba(105,216,198,.10)}
.winter-mini-index{font-size:9px;letter-spacing:.12em;color:#6dabae;grid-column:1/3}
.winter-mini-metric{font-size:36px;font-weight:830;letter-spacing:-.065em;line-height:1.2;margin:5px 0;grid-column:1}
.winter-mini-case strong{font-size:13px;font-weight:770;grid-column:1}.winter-mini-case small{font-size:10px;color:#97b7bb;line-height:1.65;grid-column:1}
.winter-mini-case b{grid-column:2;grid-row:2/4;align-self:center;color:#79d9c6;font-size:23px;font-weight:400}
.winter-research-page{min-height:74vh;background:#f6faf9}
.winter-page-intro{padding-top:76px;padding-bottom:44px}
.winter-section-kicker{font-size:11px;letter-spacing:.23em;color:#087568;font-weight:790}
.winter-page-intro h1{font-size:clamp(43px,5vw,70px);font-weight:850;line-height:1.1;letter-spacing:-.07em;max-width:960px;margin:21px 0}
.winter-page-intro p{font-size:16px;line-height:1.9;color:#5d747a;max-width:810px}
.winter-intro-chip{display:inline-flex;border-radius:8px;border:1px solid #bcded9;background:#eaf7f3;padding:12px 16px;font-size:12px;line-height:1.7;color:#205c57;margin-top:12px}
.winter-research-body{padding-bottom:115px}
.winter-research-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #d8e8e5;padding-top:30px}
.winter-research-heading span,.winter-methodology span{color:#1d897c;font-size:10px;font-weight:800;letter-spacing:.18em}
.winter-research-heading h2{max-width:670px;font-size:24px;line-height:1.45;letter-spacing:-.035em;margin:14px 0 20px}
.winter-article-link{border:1px solid #0d7165;color:#e2fff5;background:#0d4b48;border-radius:10px;padding:14px 18px;font-weight:750;font-size:12px;white-space:nowrap}
.winter-article-link:hover{background:#147362}
.winter-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0 25px}
.winter-tabs button{border:1px solid #d1e3e1;background:#fff;color:#527375;padding:11px 14px;border-radius:8px;font-size:12px;font-weight:740;transition:background .23s,color .23s,border-color .23s}
.winter-tabs button.active,.winter-tabs button:hover{background:#123f42;color:#fff;border-color:#123f42}
.winter-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.winter-evidence-card{background:#fff;border:1px solid #d9e6e5;border-radius:15px;padding:24px;box-shadow:0 10px 35px rgba(12,42,47,.04);display:flex;flex-direction:column;min-height:370px;transition:transform .25s,box-shadow .25s}
.winter-evidence-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(14,43,50,.09)}
.winter-evidence-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;font-weight:810;color:#148071;letter-spacing:.07em}
.winter-evidence-card-head small{color:#809597;font-size:10px}
.winter-evidence-title{margin:23px 0 13px}.winter-evidence-title>span{display:block;font-size:10px;letter-spacing:.18em;color:#82979d;font-weight:760}.winter-evidence-title h3{font-size:23px;line-height:1.2;letter-spacing:-.04em;margin:6px 0 0}
.winter-evidence-metric{font-size:35px;letter-spacing:-.06em;font-weight:840;color:#155d55;margin:5px 0 13px}
.winter-evidence-metric small{display:block;font-size:11px;font-weight:600;letter-spacing:0;color:#779093;line-height:1.7}
.winter-evidence-card>p{font-size:12px;color:#526a72;line-height:1.88;flex:1;margin:12px 0 24px}
.winter-evidence-bottom{border-top:1px solid #e7eeec;padding-top:16px;display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:10px;color:#8b9d9d;line-height:1.6}
.winter-evidence-bottom a{font-size:10px;font-weight:800;color:#0d7565;white-space:nowrap}
.winter-methodology{background:radial-gradient(ellipse at 96% 5%,#235966 0%,#10343f 38%,#08242e 96%);color:#dff8f4;border-radius:18px;padding:31px 34px;margin-top:35px;display:flex;gap:25px;justify-content:space-between;align-items:center}
.winter-methodology h3{font-size:23px;letter-spacing:-.04em;margin:12px 0;color:#f1fefa}.winter-methodology p{line-height:1.9;color:#b0cbd0;font-size:12px;max-width:780px;margin:0}
.winter-method-seal{border:1px solid #4c8b89;border-radius:50%;width:116px;height:116px;flex:none;display:grid;place-items:center;text-align:center;color:#8be6cf!important;transform:rotate(12deg)}
@keyframes winterAurora{from{transform:translate3d(-20px,12px,0) rotate(-6deg) scale(.94)}to{transform:translate3d(18px,-9px,0) rotate(12deg) scale(1.07)}}
@media(max-width:1100px){.winter-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.winter-home-copy{padding-left:36px}.winter-home-visual img{width:108%}}
@media(max-width:760px){.winter-home-section{padding-top:28px}.winter-home-shell{grid-template-columns:1fr;border-radius:19px}.winter-home-copy{padding:34px 23px 14px}.winter-home-copy h2{font-size:clamp(33px,9vw,47px);margin-top:20px}.winter-home-visual{min-height:265px;padding:0 12px 40px}.winter-home-visual img{height:230px;width:110%}.winter-temp-meta{top:10px;right:21px}.winter-temp-lines{font-size:106px;top:5%}.winter-moon{width:188px;height:188px;top:3%}.winter-stat-glass{right:15px;bottom:15px;width:188px;padding:11px 13px}.winter-stat-glass strong{font-size:32px}.winter-home-evidence{grid-template-columns:1fr}.winter-mini-case{min-height:94px;padding:17px 23px;border-right:0;border-bottom:1px solid rgba(181,238,238,.14);grid-template-columns:70px 1fr 24px;grid-template-rows:auto auto auto;column-gap:16px}.winter-mini-index{grid-column:1/4}.winter-mini-metric{grid-column:1;grid-row:2/4;font-size:28px}.winter-mini-case strong{grid-column:2;grid-row:2;font-size:13px}.winter-mini-case small{grid-column:2;grid-row:3}.winter-mini-case b{grid-column:3;grid-row:2/4}.winter-page-intro{padding-top:44px;padding-bottom:26px}.winter-page-intro h1{font-size:39px}.winter-research-heading{flex-direction:column;align-items:flex-start}.winter-research-heading h2{font-size:20px}.winter-evidence-grid{grid-template-columns:1fr}.winter-evidence-card{min-height:0;padding:23px}.winter-tabs button{font-size:11px;padding:10px 11px}.winter-methodology{padding:24px}.winter-method-seal{display:none}}
@media(prefers-reduced-motion:reduce){.winter-aurora{animation:none}.winter-home-shell:hover .winter-home-visual img,.winter-evidence-card:hover{transform:none}}

/* V22: Winter Test Database / precise archival editorial UI */
.wtd-block{margin:65px auto 15px}
.wtd-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:23px}
.wtd-kicker{color:#16816f;font-weight:840;letter-spacing:.19em;font-size:10px}
.wtd-heading h2{font-size:clamp(31px,4vw,50px);letter-spacing:-.055em;line-height:1.12;margin:14px 0}
.wtd-heading p{color:#587077;font-size:14px;line-height:1.8;max-width:740px}
.wtd-stamp{border:1px solid #d0e3df;border-radius:11px;background:linear-gradient(140deg,#fff,#ecf6f3);padding:18px 22px;min-width:182px;display:flex;flex-direction:column;gap:5px}
.wtd-stamp span{font-size:9px;letter-spacing:.14em;color:#4e8882;font-weight:750}
.wtd-stamp strong{font-size:44px;line-height:1;letter-spacing:-.08em;color:#124e47}
.wtd-stamp strong small{font-size:10px;letter-spacing:.08em}
.wtd-stamp i{font-style:normal;font-size:9px;color:#738a8d}
.wtd-summary{background:linear-gradient(110deg,#0a252d,#113e46 78%,#13524c);border-radius:13px 13px 0 0;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;color:#f1fff9;overflow:hidden;min-height:96px}
.wtd-summary>span{padding:20px;display:flex;flex-direction:column;gap:3px;font-size:10px;font-weight:760;letter-spacing:.12em;color:#8bcbca;border-right:1px solid #ffffff18}
.wtd-summary b{font-size:26px;color:#e6fff5;line-height:1.1;letter-spacing:-.03em}
.wtd-summary small{font-size:9px;letter-spacing:0;color:#9bb5b9;font-weight:520}
.wtd-summary .wtd-temp{font-size:11px;line-height:1.5;padding:18px 23px;max-width:215px;color:#d1fff1;border:0}
.wtd-controls{display:grid;grid-template-columns:1fr 1fr 1.6fr 1.1fr;gap:10px;align-items:end;border:1px solid #d5e6e3;border-top:0;background:#eaf3f0;padding:17px;border-radius:0 0 12px 12px}
.wtd-controls label{display:flex;flex-direction:column;gap:7px;min-width:0}
.wtd-controls small{font-size:10px;font-weight:730;color:#507c76;letter-spacing:.01em}
.wtd-controls select,.wtd-controls input{width:100%;height:43px;border:1px solid #cbdedc;border-radius:8px;background:#fff;color:#1a3b40;font-size:12px;padding:0 13px;min-width:0;outline-offset:2px}
.wtd-controls select:focus-visible,.wtd-controls input:focus-visible{outline:2px solid #4bb29d}
.wtd-table-scroll{overflow:auto;border:1px solid #dce8e6;border-top:0;border-radius:0 0 13px 13px;background:#fff}
.wtd-table{width:100%;min-width:930px;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.wtd-table thead{background:#f5faf9;position:sticky;top:0;z-index:1}
.wtd-table th,.wtd-table td{padding:16px 14px;text-align:left;border-bottom:1px solid #eaf0ef;vertical-align:middle}
.wtd-table thead th{color:#587679;font-size:10px;font-weight:820;letter-spacing:.025em;white-space:nowrap}
.wtd-table tbody th{min-width:188px;color:#163b41;font-weight:700}
.wtd-table tbody th strong{display:block;font-weight:810;font-size:13px}
.wtd-table tbody th small{display:block;font-size:10px;color:#7c9496;font-weight:500;margin-top:5px}
.wtd-table tbody tr{transition:background .18s}.wtd-table tbody tr:hover{background:#f5faf8}.wtd-table tbody tr.active{background:#e9f8f1}
.wtd-region{background:#e8f2fa;color:#315a79;padding:5px 8px;border-radius:6px;font-size:9px;letter-spacing:.08em;font-weight:810}
.wtd-region.norway{background:#e5f4e9;color:#277451}
.wtd-delta{color:#13675b;font-weight:830;font-size:15px;white-space:nowrap}
.wtd-delta sup{font-size:9px;color:#a2773b;margin-left:2px}
.wtd-figure{white-space:nowrap}
.wtd-row-button{border:1px solid #bbded2;background:#ecf8f2;border-radius:7px;color:#0c6d5c;padding:9px 12px;font-size:11px;font-weight:800;white-space:nowrap}
.wtd-row-button:hover,.wtd-row-button:focus-visible{background:#0e6558;color:#fff}
.wtd-empty{text-align:center!important;padding:40px!important;color:#688287}
.wtd-under{display:flex;justify-content:space-between;gap:20px;color:#7b9291;font-size:11px;padding:15px 3px 22px;line-height:1.6}
.wtd-under b{color:#0f6258}
.wtd-detail{background:#fff;border:1px solid #c7e2d8;border-radius:16px;box-shadow:0 18px 60px #113a4120;overflow:hidden;margin:13px 0 24px}
.wtd-detail header{display:flex;justify-content:space-between;gap:16px;background:#102f38;color:#f5fffb;padding:25px 29px}
.wtd-detail header span{font-size:9px;letter-spacing:.2em;color:#83d7c6;font-weight:800}
.wtd-detail header h3{font-size:27px;margin:9px 0;letter-spacing:-.04em}
.wtd-detail header p{font-size:11px;color:#9bbcbc;margin:0}
.wtd-detail header button{border:1px solid #70929366;border-radius:50%;background:#ffffff10;color:white;font-size:16px;width:36px;height:36px;flex:none}
.wtd-detail-body{display:grid;grid-template-columns:1.25fr 1fr;gap:29px;padding:26px 28px}
.wtd-viz-title{color:#516a6f;font-size:11px;font-weight:800;margin-bottom:20px}
.wtd-viz-bars{display:grid;gap:22px;padding:9px 0 5px}
.wtd-viz-bars>div{height:43px;background:#e8f1ef;position:relative;border-radius:7px;overflow:hidden}
.wtd-viz-bars span{position:relative;display:block;z-index:2;padding:13px;font-size:11px;font-weight:800;color:#183e44}
.wtd-viz-bars i{position:absolute;left:0;top:0;bottom:0;background:#b5d8d3;opacity:.83}
.wtd-viz-bars i.measured{background:linear-gradient(90deg,#7ed0b6,#50a78e)}
.wtd-viz-note,.wtd-no-range{margin-top:19px;color:#768e91;font-size:11px;line-height:1.75}
.wtd-detail-facts h4{margin:0 0 12px;font-size:14px;color:#1b4548}
.wtd-detail-facts dl{margin:0}.wtd-detail-facts dl div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #edf2f0;padding:10px 0}
.wtd-detail-facts dt{font-size:11px;color:#687f82}.wtd-detail-facts dd{font-size:12px;font-weight:810;color:#0e5750;margin:0}
.wtd-detail footer{display:flex;justify-content:space-between;align-items:center;gap:23px;padding:19px 28px;border-top:1px solid #e5efec;background:#f6fbf9}
.wtd-detail footer p{margin:0;color:#607a7d;font-size:11px;line-height:1.7;max-width:690px}
.wtd-detail footer a{white-space:nowrap;color:#0f7563;font-size:11px;font-weight:850}
.wtd-method{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:29px 32px;background:#0d2c33;color:#c7ece7;border-radius:15px;margin-top:11px}
.wtd-method span{font-size:9px;color:#87dcca;letter-spacing:.17em;font-weight:800}
.wtd-method h3{color:white;font-size:19px;line-height:1.45;margin:10px 0}
.wtd-method p{font-size:11px;line-height:1.75;color:#afc9c8;margin:8px 0;max-width:875px}
.wtd-method a{font-size:11px;color:#c4ffea;white-space:nowrap;border:1px solid #bdf9e866;padding:12px;border-radius:7px;font-weight:760}
@media(max-width:960px){.wtd-summary{grid-template-columns:repeat(3,1fr)}.wtd-summary .wtd-temp{grid-column:1/-1;max-width:none;padding:11px 20px;background:#ffffff08}.wtd-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.wtd-detail-body{grid-template-columns:1fr}}
@media(max-width:760px){.wtd-block{margin-top:44px}.wtd-heading{align-items:stretch;flex-direction:column}.wtd-stamp{align-self:start}.wtd-summary>span{padding:14px 10px}.wtd-summary b{font-size:23px}.wtd-summary small{font-size:9px}.wtd-controls{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.wtd-controls .wtd-search{grid-column:1/-1;grid-row:1}.wtd-controls label:last-child{grid-column:1/-1}.wtd-under{flex-direction:column;gap:5px}.wtd-detail header{padding:23px}.wtd-detail-body{padding:21px}.wtd-detail footer{flex-direction:column;align-items:flex-start;padding:20px}.wtd-method{flex-direction:column;align-items:flex-start;padding:23px}.wtd-method a{white-space:normal}}
@media(prefers-reduced-motion:reduce){.wtd-table tbody tr,.wtd-row-button{transition:none}}


/* ─── V23 COLD-WEATHER ENGINEERING LAB ─── */
.thermal-research{margin:46px 0 20px;border:1px solid #d5e4e6;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(7,43,55,.08)}
.thermal-titlebar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:35px 37px 29px}
.thermal-kicker{font-size:10px;font-weight:800;letter-spacing:.2em;color:#11826e}
.thermal-titlebar h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.065em;line-height:1.18;margin:13px 0 10px;font-weight:810}
.thermal-titlebar p{color:#6d828b;line-height:1.7;font-size:13px;max-width:690px;margin:0}
.thermal-badge{font-size:9px;line-height:1.5;text-align:right;letter-spacing:.1em;font-weight:800;color:#416d74;border:1px solid #d4e5e4;background:#f3f9f8;padding:10px 12px;border-radius:8px;flex:0 0 auto}
.thermal-workbench{display:grid;grid-template-columns:47% 53%;min-height:408px;background:#f7faf9;border-top:1px solid #e7efef;border-bottom:1px solid #e7efef}
.thermal-visual{position:relative;overflow:hidden;background:radial-gradient(ellipse at 38% 44%,rgba(74,145,161,.3),transparent 60%),linear-gradient(145deg,#061922,#0b333e 75%,#0b2934);color:#e6fff8;min-height:408px;display:flex;flex-direction:column;justify-content:space-between;padding:27px 29px;isolation:isolate}
.thermal-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(157,219,220,.045) 0 1px,transparent 1px 36px),repeating-linear-gradient(0deg,rgba(157,219,220,.045) 0 1px,transparent 1px 36px);mask-image:radial-gradient(ellipse at 50% 55%,#000 30%,transparent 80%);pointer-events:none}
.thermal-visual:after{content:'';position:absolute;inset:-60% -40%;background:conic-gradient(from 100deg,transparent 0deg,rgba(120,237,199,.075) 76deg,transparent 135deg,rgba(86,159,203,.085) 200deg,transparent 255deg);animation:thermalAmbient 25s linear infinite;pointer-events:none}
.thermal-diagram-top,.thermal-visual-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;z-index:2;font-size:10px;letter-spacing:.16em;font-weight:750;color:#84adba}
.thermal-diagram-top b{color:#c4fcdf;font-size:11px}
.thermal-visual-bottom{letter-spacing:.04em;text-transform:none;color:#b6d2d3;font-size:11px}.thermal-visual-bottom small{font-size:10px;color:#70a2ae}
.thermal-flow-graphic{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;min-width:0;width:100%;padding:12px 0}
.thermal-node{width:88px;height:100px;border-radius:18px;border:1px solid rgba(125,236,210,.21);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(22,70,79,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(10px);flex:0 1 88px;min-width:0}
.thermal-node>span{font-size:42px;line-height:1;font-weight:300;color:#b9f9e3;text-shadow:0 0 22px rgba(125,239,202,.32)}
.thermal-node small{font-size:8px;letter-spacing:.1em;font-weight:800;color:#a9cacc}
.thermal-node-battery{height:130px;min-width:108px;flex:0 1 108px;border-color:rgba(133,241,210,.62);background:linear-gradient(135deg,rgba(27,96,94,.87),rgba(6,58,67,.85));box-shadow:0 0 35px rgba(90,231,188,.2),inset 0 1px 0 rgba(255,255,255,.14)}
.thermal-node-battery>span{font-size:62px;color:#e0fff3}
.thermal-beam{height:2px;width:35px;min-width:8px;flex:1 1 35px;background:linear-gradient(90deg,rgba(120,218,203,.08),rgba(120,241,196,.85),rgba(120,218,203,.08));position:relative}
.thermal-beam span{display:block;position:absolute;left:0;top:-3px;height:8px;width:8px;border-radius:50%;background:#abffe5;box-shadow:0 0 16px 5px rgba(141,245,218,.45);animation:thermalDot 3s ease-in-out infinite}
.thermal-beam-right span{animation-delay:1.3s}
.thermal-phase-0 .thermal-node-outside,.thermal-phase-1 .thermal-node-outside{border-color:rgba(146,204,255,.65)}
.thermal-phase-1 .thermal-node-battery,.thermal-phase-2 .thermal-node-battery{box-shadow:0 0 52px rgba(90,231,188,.32),inset 0 1px 0 rgba(255,255,255,.18)}
.thermal-phase-3 .thermal-node-charger{border-color:#a7ffe6;box-shadow:0 0 40px rgba(99,242,190,.23)}
.thermal-copy{padding:26px 32px 30px;display:flex;flex-direction:column;gap:16px;min-width:0}
.thermal-step-label{color:#148974;font-weight:800;font-size:10px;letter-spacing:.14em}
.thermal-steps{display:flex;gap:7px;overflow-x:auto;padding:0 0 6px;scrollbar-width:thin}
.thermal-steps button{border:1px solid #dae8e7;border-radius:10px;background:#fff;color:#48636a;text-align:left;flex:1 0 auto;min-width:90px;padding:12px 10px;font-weight:750;font-size:11px;transition:background .25s,border-color .25s,box-shadow .25s}
.thermal-steps button small{display:block;font-weight:800;font-size:9px;color:#98aaa9;margin-bottom:7px}
.thermal-steps button.active{background:#e3f6ee;color:#09614f;border-color:#8ed2b9;box-shadow:inset 0 2px 0 #269777}
.thermal-steps button:focus-visible{outline:2px solid #148974;outline-offset:3px}
.thermal-current{display:flex;flex-direction:column;flex:1;min-height:0}
.thermal-current h3{margin:5px 0 11px;font-size:clamp(20px,2.1vw,28px);letter-spacing:-.045em;color:#112e35;line-height:1.28}
.thermal-current p{margin:0 0 19px;font-size:12px;line-height:1.85;color:#54737b}
.thermal-fact{border-top:1px solid #d6e4e3;padding:17px 0 0;display:flex;flex-direction:column;gap:5px;margin-top:auto}
.thermal-fact strong{font-size:19px;letter-spacing:-.035em;color:#0b6e5f}
.thermal-fact span{font-size:11px;line-height:1.6;color:#627f84}
.thermal-current a{display:inline-flex;margin-top:13px;color:#0b8270;font-size:10px;letter-spacing:.04em;font-weight:850;width:max-content}
.thermal-evidence-header{padding:30px 35px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.thermal-evidence-header h3{margin:0;font-size:20px;letter-spacing:-.035em;line-height:1.3}
.thermal-evidence-header button{border:0;background:#103e40;color:#e6fff3;border-radius:9px;padding:12px 14px;font-size:11px;font-weight:780;white-space:normal;text-align:left}
.thermal-evidence-header button:hover{background:#187766}
.thermal-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 35px 24px}
.thermal-evidence-grid article{padding:19px;background:linear-gradient(145deg,#f4f9f7,#eef6f5);border:1px solid #dae9e5;border-radius:13px;min-width:0}
.thermal-evidence-grid article>span{color:#398774;font-size:9px;letter-spacing:.08em;font-weight:850;line-height:1.7;display:block;min-height:24px}
.thermal-evidence-grid strong{display:block;margin:13px 0 8px;font-size:17px;line-height:1.32;letter-spacing:-.035em;color:#113538}
.thermal-evidence-grid p{color:#678084;font-size:11px;line-height:1.7;min-height:38px;margin:0 0 8px}
.thermal-evidence-grid a{color:#1b806c;font-size:10px;font-weight:780}
.thermal-disclaimer{font-size:11px;line-height:1.8;color:#718990;margin:0;padding:15px 35px 22px;border-top:1px solid #e5eeee}
@keyframes thermalAmbient{to{transform:rotate(360deg)}}
@keyframes thermalDot{0%{left:2%;opacity:.3}50%{opacity:1}100%{left:94%;opacity:.3}}
@media(max-width:1060px){.thermal-workbench{grid-template-columns:1fr}.thermal-visual{min-height:290px}.thermal-copy{padding:24px}.thermal-evidence-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.thermal-research{border-radius:17px;margin-top:32px}.thermal-titlebar{padding:25px 22px 22px;display:block}.thermal-badge{display:inline-block;margin-top:14px}.thermal-titlebar h2{font-size:30px}.thermal-visual{min-height:278px;padding:17px}.thermal-node{width:65px;height:86px}.thermal-node-battery{width:85px;min-width:85px;height:108px;flex-basis:85px}.thermal-node>span{font-size:33px}.thermal-node-battery>span{font-size:47px}.thermal-node small{font-size:7px}.thermal-copy{padding:19px 20px}.thermal-steps button{padding:10px 11px}.thermal-evidence-header{display:block;padding:27px 21px 12px}.thermal-evidence-header button{margin-top:14px}.thermal-evidence-grid{grid-template-columns:1fr;padding:0 21px 20px}.thermal-evidence-grid p{min-height:0}.thermal-disclaimer{padding:15px 21px}}
@media(prefers-reduced-motion:reduce){.thermal-visual::after,.thermal-beam span{animation:none!important}.thermal-steps button{transition:none}}


/* V24 subtle corner easter egg */
.corner-easter-egg{position:fixed;right:26px;bottom:144px;z-index:18;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 11px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(244,250,248,.38));border:1px solid rgba(188,209,204,.45);box-shadow:0 12px 32px rgba(10,37,41,.06),inset 0 1px 0 rgba(255,255,255,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:.58;pointer-events:none;user-select:none;transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease}
.corner-easter-egg:hover{opacity:.82;transform:translateY(-1px);box-shadow:0 16px 36px rgba(10,37,41,.09),inset 0 1px 0 rgba(255,255,255,.65)}
.egg-sigil{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.72),rgba(232,240,238,.2) 58%,rgba(16,86,72,.14));border:1px solid rgba(119,155,146,.26);color:#456a64;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.egg-copy{display:flex;flex-direction:column;line-height:1.08;gap:3px}
.egg-title{font-size:12px;font-weight:700;letter-spacing:.11em;color:rgba(35,64,65,.78)}
.egg-sub{font-size:10px;letter-spacing:.18em;color:rgba(79,109,108,.72)}
@media(max-width:760px){.corner-easter-egg{right:14px;bottom:126px;padding:8px 10px 8px 9px;gap:8px;border-radius:14px;opacity:.52}.egg-sigil{width:24px;height:24px;font-size:12px}.egg-title{font-size:11px}.egg-sub{font-size:9px;letter-spacing:.15em}}
@media(prefers-reduced-motion:reduce){.corner-easter-egg{transition:none!important}}


/* V25: quiet, almost-hidden maker mark and evidence-first technical archive */
.corner-easter-egg{position:fixed;z-index:16;right:18px;bottom:9px;display:flex;align-items:center;gap:6px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:.22;color:#3b6262;filter:grayscale(1);pointer-events:none;user-select:none;transform:none!important;transition:opacity .3s ease;white-space:nowrap}
.corner-easter-egg:hover{opacity:.22;transform:none;box-shadow:none}
.corner-easter-egg .egg-sigil{width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;font-family:serif;font-size:12px;line-height:1;color:inherit;opacity:.72}
.corner-easter-egg .egg-copy{display:flex;align-items:baseline;gap:5px;flex-direction:row;line-height:1}
.corner-easter-egg .egg-title{font-size:10px;letter-spacing:.07em;color:inherit;font-weight:550}
.corner-easter-egg .egg-sub{font-size:8px;letter-spacing:.03em;color:inherit;font-weight:400;opacity:.68}
.floating-compare.is-visible ~ .corner-easter-egg{opacity:.045}
@media(max-width:760px){.corner-easter-egg{bottom:8px;right:10px;opacity:.17;padding:0;border:0;background:none;box-shadow:none;border-radius:0}.corner-easter-egg .egg-sigil{font-size:10px;width:auto;height:auto}.corner-easter-egg .egg-title{font-size:9px}.corner-easter-egg .egg-sub{font-size:7px}}
/* Archive header and editorial hierarchy */
.technology-archive{margin:70px 0 46px;scroll-margin-top:105px;position:relative}
.archive-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:43px clamp(24px,4.6vw,62px);align-items:center;background:radial-gradient(circle at 82% 50%,rgba(74,194,163,.14),transparent 38%),linear-gradient(118deg,#0b222b,#123b42 70%,#104f4a);color:#f3fff9;border-radius:23px 23px 0 0;overflow:hidden;position:relative}
.archive-heading::after{content:'';position:absolute;right:-72px;top:-110px;width:340px;height:340px;border:1px solid rgba(139,231,205,.20);border-radius:50%;box-shadow:0 0 0 65px rgba(142,244,211,.028),0 0 0 130px rgba(142,244,211,.016);pointer-events:none}
.archive-kicker{font-size:10px;font-weight:780;letter-spacing:.22em;color:#83d6c0}
.archive-heading h2{font-size:clamp(29px,3.8vw,46px);letter-spacing:-.052em;line-height:1.13;margin:16px 0 11px;max-width:770px;font-weight:780}
.archive-heading p{max-width:570px;line-height:1.7;font-size:13px;color:#b6d5d2;margin:0}
.archive-total{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;z-index:1;border-left:1px solid rgba(184,242,223,.22);padding:14px 0 14px 28px;min-width:110px}
.archive-total strong{font-size:43px;font-variant-numeric:tabular-nums;letter-spacing:-.07em;font-weight:780}
.archive-total span{font-size:9px;font-weight:760;letter-spacing:.13em;color:#9ecbc2;text-align:center}
.archive-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:18px 20px;background:#fff;border:1px solid #d9e8e5;border-top:0}
.archive-search{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #d7e5e2;border-radius:9px;flex:1 1 210px;background:#fbfdfd;min-width:175px;color:#397168}
.archive-search span[aria-hidden]{font-size:18px}.archive-search input{min-width:0;width:100%;background:transparent;border:0;outline:none;color:#224c4e;font-size:12px}
.archive-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.archive-filters button{font-size:10px;font-weight:700;color:#567774;padding:9px 12px;border-radius:8px;background:#f4f8f7;border:1px solid transparent;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.archive-filters button:hover{background:#eaf4ef;color:#125e50}
.archive-filters button.active{background:#e0f4eb;color:#136855;border-color:#aedfcc}
.archive-domain-filters{width:100%;padding-top:11px;border-top:1px solid #e9f0ef}
.archive-evidence{color:#718c89;background:#f8fbfa;border-inline:1px solid #d9e8e5;padding:12px 22px;font-size:10px;line-height:1.6;letter-spacing:.006em}
.archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:20px;background:linear-gradient(180deg,#eff6f4 0%,#f5f9f8 100%);border-inline:1px solid #d9e8e5}
.archive-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;text-align:left;border-radius:14px;border:1px solid #dce8e5;background:white;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer}
.archive-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(10,53,48,.09);border-color:#a5d7c7}
.archive-card.active{border-color:#5ebca0;box-shadow:0 0 0 2px rgba(114,205,178,.14)}
.archive-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 20px 14px;font-size:9px;font-weight:800;letter-spacing:.10em;color:#438a7a}
.archive-card-meta small{font-size:9px;color:#81979a;letter-spacing:.05em;font-weight:600}
.archive-card-name{padding:0 20px;font-size:20px;line-height:1.25;letter-spacing:-.04em;color:#12373e;font-weight:780}
.archive-card-desc{padding:10px 20px 19px;font-size:12px;line-height:1.8;color:#637f80;flex:1}
.archive-card-bottom{border-top:1px solid #e7efed;padding:13px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#27695b;font-size:10px;font-weight:720;background:#fbfdfc}
.archive-card-bottom b{font-weight:600;color:#78918e}
.archive-empty{grid-column:1/-1;color:#526f6e;background:#fff;padding:32px;border-radius:10px;font-size:13px;text-align:center}
.archive-detail{scroll-margin-top:110px;background:#fff;border:1px solid #b5d8cd;border-top:3px solid #269b7b;padding:clamp(24px,4vw,47px);box-shadow:0 20px 55px rgba(15,53,54,.055)}
.archive-detail[hidden]{display:none!important}
.archive-detail-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.archive-detail-eyebrow{color:#2d8c76;letter-spacing:.13em;font-size:10px;font-weight:800}
.archive-detail h3{font-size:clamp(23px,2.6vw,37px);letter-spacing:-.042em;line-height:1.23;margin:14px 0 15px;color:#16373b}
.archive-detail-close{background:#eff7f3;border:1px solid #d0e5dd;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;color:#2b6c5f;flex:none;font-size:20px}
.archive-detail-lead{font-size:14px;line-height:1.87;color:#536f72;max-width:830px;margin:0 0 27px}
.archive-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 30px}
.archive-fact{padding:16px;border:1px solid #e1ede8;border-radius:10px;background:#f7fbf9;display:flex;flex-direction:column;gap:6px}
.archive-fact small{font-size:10px;color:#77918d}.archive-fact b{font-size:12px;line-height:1.5;color:#244f4a;font-weight:750}
.archive-detail-sections{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.archive-detail-sections article{padding:21px;border-radius:12px;background:#f5f8f7;border:1px solid #e5eeeb}
.archive-detail-sections h4{margin:0 0 10px;font-size:12px;color:#134f47}
.archive-detail-sections p{margin:0;color:#617a79;font-size:12px;line-height:1.85}
.archive-related{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px;align-items:center}
.archive-related button{border:1px solid #ccded9;border-radius:8px;background:white;color:#2e7165;font-size:11px;font-weight:700;padding:10px 13px}
.archive-related button:hover{background:#eaf6f0}
.archive-source{margin-top:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:22px;border-top:1px solid #e1ece9}
.archive-source a{color:#126c58;font-weight:760;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.archive-source span{color:#87999a;font-size:10px}
.archive-method{display:flex;align-items:flex-start;gap:28px;background:#e9f3ee;padding:23px 28px;border-radius:0 0 18px 18px;color:#718782}
.archive-method>span{white-space:nowrap;font-size:9px;letter-spacing:.12em;color:#397d70;font-weight:750;margin-top:2px}
.archive-method p{max-width:670px;font-size:11px;line-height:1.7;margin:0}
@media(max-width:820px){.archive-heading{padding:30px 26px}.archive-list{grid-template-columns:1fr}.archive-toolbar{padding:15px}.archive-facts{grid-template-columns:1fr 1fr}.archive-method{flex-direction:column;gap:8px}}
@media(max-width:540px){.archive-heading{grid-template-columns:1fr;gap:9px;padding:32px 22px}.archive-total{padding:9px 0 0;border-left:0;border-top:1px solid rgba(184,242,223,.22);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;min-width:0}.archive-total strong{font-size:28px}.archive-list{padding:12px}.archive-card-name{font-size:19px}.archive-toolbar{gap:10px}.archive-search{flex-basis:100%}.archive-filters button{padding:8px 9px}.archive-facts{grid-template-columns:1fr}.archive-detail-sections{grid-template-columns:1fr}.archive-detail{padding:22px 18px}.archive-detail h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.archive-card,.archive-filters button{transition:none!important}.archive-card:hover{transform:none}}

.archive-quicklink{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px 17px 22px;margin-top:15px;background:linear-gradient(90deg,#e5f1ec,#f5faf8);border:1px solid #d4e6de;border-radius:11px}
.archive-quicklink>span{font-size:10px;letter-spacing:.13em;color:#648d82;font-weight:750}
.archive-quicklink button{border:0;background:transparent;color:#196d5c;font-size:12px;font-weight:750;display:flex;gap:18px;align-items:center}
.archive-index-jump{border:1px solid #bcdacd;border-radius:9px;background:#ebf5f0;color:#156d56;padding:11px 16px;margin:1px 0 9px;font-size:11px;letter-spacing:.10em;font-weight:800;display:inline-flex;gap:13px;align-items:center}
.archive-index-jump:hover,.archive-quicklink button:hover{color:#0e3a32}
@media(max-width:540px){.archive-quicklink{align-items:flex-start;flex-direction:column;gap:8px}.archive-quicklink button{padding:5px 0}}


/* V26: calm three-part editorial methodology strip above the technology index */
.archive-reading-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e1ece8;border-top:1px solid #d8e8e2;border-bottom:1px solid #d8e8e2}
.archive-reading-notes>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;background:linear-gradient(145deg,#f7fbf9,#eef6f2);padding:22px 22px 23px}
.archive-reading-notes span{font-size:9px;font-weight:800;letter-spacing:.16em;color:#438f7e}
.archive-reading-notes strong{font-size:13px;line-height:1.44;color:#214d4b;letter-spacing:-.01em}
.archive-reading-notes small{font-size:11px;line-height:1.65;color:#708887}
.archive-filters{scrollbar-width:thin}
.archive-card-meta span{letter-spacing:.1em}
@media(max-width:850px){.archive-reading-notes{grid-template-columns:1fr}.archive-reading-notes>div{padding:15px 20px}.archive-reading-notes>div:not(:last-child){border-bottom:1px solid #dfebe6}}
@media(max-width:540px){.archive-reading-notes>div{padding:14px 17px;gap:5px}.archive-reading-notes strong{font-size:12px}.archive-reading-notes small{font-size:10px}}


/* V27: discoverable but unobtrusive Tao-inspired creator signature.
   Never fade it away when the comparison control appears. */
.corner-easter-egg,
.floating-compare.is-visible ~ .corner-easter-egg{
  position:fixed;
  right:24px;
  bottom:150px;
  z-index:39;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  background:rgba(248,251,250,.92);
  border:1px solid rgba(124,163,152,.23);
  border-radius:11px;
  box-shadow:0 5px 18px rgba(12,51,49,.055);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  filter:none;
  opacity:.94;
  transform:none;
  pointer-events:none;
  user-select:none;
  white-space:nowrap;
  transition:none;
}
.corner-easter-egg:hover{
  opacity:.94;
  transform:none;
  box-shadow:0 5px 18px rgba(12,51,49,.055);
}
.corner-easter-egg .egg-sigil{
  flex:none;
  width:auto;
  height:auto;
  background:none;
  border:0;
  box-shadow:none;
  font-size:15px;
  line-height:1;
  font-family:serif;
  color:#4d736c;
  opacity:.82;
}
.corner-easter-egg .egg-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  line-height:1.15;
}
.corner-easter-egg .egg-title{
  font-size:12px;
  color:#355b55;
  font-weight:700;
  letter-spacing:.07em;
  opacity:1;
}
.corner-easter-egg .egg-sub{
  font-size:9px;
  color:#637e77;
  font-weight:500;
  letter-spacing:.055em;
  opacity:1;
}
@media(max-width:760px){
  .corner-easter-egg,
  .floating-compare.is-visible ~ .corner-easter-egg{
    right:12px;
    bottom:132px;
    gap:6px;
    padding:7px 9px;
    opacity:.94;
    border-radius:10px;
  }
  .corner-easter-egg .egg-sigil{font-size:13px;}
  .corner-easter-egg .egg-title{font-size:11px;}
  .corner-easter-egg .egg-sub{font-size:9px;}
}


/* V28: Creator easter egg is exclusively visible in the Chinese UI.
   The existing language picker updates <html lang> on every switch.
   :lang(zh) covers zh-CN and future Chinese locale variants. */
html:not(:lang(zh)) .corner-easter-egg { display:none!important; }