.sodaev-entry-preview{grid-column:1/-1;min-width:0;overflow:hidden;border:1px solid rgba(155,143,117,.23);border-radius:20px;background:#f0eee8;color:#22271f;margin:0;padding:30px;isolation:isolate;scroll-margin-top:100px}
.sodaev-entry-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.sodaev-entry-copy{min-width:0}
.sodaev-entry-kicker{margin:0 0 12px;color:#807055;font-size:9px;letter-spacing:.19em;font-weight:700}
.sodaev-entry-wordmark{display:flex;align-items:center;gap:20px;margin:0;color:inherit;font-size:36px;font-weight:500;letter-spacing:-.045em;line-height:1.2}.sodaev-entry-divider{display:block;width:1px;height:25px;background:#b9b5a7;flex-shrink:0}
.sodaev-entry-title{color:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0}
.sodaev-entry-description{margin:11px 0 0;color:#63675e;font-size:12px;line-height:1.8;text-wrap:pretty}
.sodaev-entry-link{display:inline-flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0;min-height:44px;padding:0 18px;border-radius:99px;background:#262d24;color:#faf8f1;font-size:12px;font-weight:650;text-decoration:none;transition:background .18s}
.sodaev-entry-link:hover{background:#414c3a}.sodaev-entry-preview a:focus-visible,.sodaev-entry-preview button:focus-visible,.sodaev-products:focus-visible{outline:3px solid #a58442;outline-offset:3px}
.sodaev-products{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 3px 5px;margin:0 -3px;min-width:0}.sodaev-products::-webkit-scrollbar{display:none}
.sodaev-product{display:block;flex:0 0 calc((100% - 32px)/3);min-width:0;scroll-snap-align:start;color:inherit;text-decoration:none;border-radius:12px;overflow:hidden;background:#f9f8f4;border:1px solid #e0ded5;transition:border-color .18s}
.sodaev-product:hover{border-color:#a69574}.sodaev-product-image{aspect-ratio:1.3;background:#fff;overflow:hidden}.sodaev-product-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s}.sodaev-product:hover img{transform:scale(1.025)}
.sodaev-product-copy{padding:17px 17px 15px}.sodaev-product-brand{font-size:8px;font-weight:600;letter-spacing:.07em;color:#8b7a5f}.sodaev-product h3{font-size:16px;line-height:1.5;letter-spacing:0;margin:8px 0 10px;font-weight:650;color:inherit}.sodaev-product-detail{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5;color:#787a70}
.sodaev-entry-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.sodaev-entry-footer p{margin:0;color:#85867d;font-size:10px;line-height:1.6}.sodaev-scroll-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.sodaev-scroll-count{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.1em;margin-right:8px;color:#85867d}.sodaev-scroll-controls button{width:44px;height:44px;padding:0;border:1px solid #cecec3;border-radius:50%;background:transparent;color:inherit;font-size:19px;cursor:pointer}.sodaev-scroll-controls button:disabled{opacity:.28;cursor:default}.sodaev-scroll-controls button:not(:disabled):hover{background:#e5e2d8}
.project-menu-item--sodaev .project-menu-icon{color:#8c7755}.project-menu-item--sodaev small{white-space:normal}
html[data-theme="dark"] .sodaev-entry-preview{background:#22261f;border-color:#42483b;color:#f2eee2}html[data-theme="dark"] .sodaev-entry-kicker,html[data-theme="dark"] .sodaev-product-brand{color:#c3ae85}html[data-theme="dark"] .sodaev-entry-description,html[data-theme="dark"] .sodaev-product-detail{color:#b6bcae}html[data-theme="dark"] .sodaev-entry-link{background:#e4d3ae;color:#25291f}html[data-theme="dark"] .sodaev-entry-link:hover{background:#f4e6c7}html[data-theme="dark"] .sodaev-product{background:#2c3129;border-color:#464b40}html[data-theme="dark"] .sodaev-scroll-controls button{border-color:#59614f}html[data-theme="dark"] .sodaev-scroll-controls button:not(:disabled):hover{background:#38402f}html[data-theme="dark"] .sodaev-entry-footer p,html[data-theme="dark"] .sodaev-scroll-count{color:#a4ad9b}
@media(min-width:700px) and (max-width:999px){.sodaev-entry-preview{padding:24px}.sodaev-entry-wordmark{font-size:30px;gap:14px}.sodaev-entry-title{font-size:14px}.sodaev-entry-header{gap:16px}.sodaev-product-copy{padding:14px}.sodaev-product h3{font-size:14px}.sodaev-product-brand{font-size:7px}.sodaev-product-detail{font-size:10px}}
@media(max-width:699px){.sodaev-entry-preview{padding:23px 20px 18px}.sodaev-entry-header{display:block;margin-bottom:20px}.sodaev-entry-wordmark{font-size:34px;display:block}.sodaev-entry-divider{display:none}.sodaev-entry-title{display:block;font-size:16px;margin-top:9px}.sodaev-entry-description{font-size:12px;margin-top:8px}.sodaev-entry-link{margin-top:16px;gap:25px}.sodaev-products{margin-right:-20px;padding-right:20px}.sodaev-product{flex-basis:85%}.sodaev-product-copy{padding:16px}.sodaev-product-image{aspect-ratio:1.2}.sodaev-entry-footer{margin-top:12px}.sodaev-entry-footer p{max-width:160px;font-size:10px}.sodaev-scroll-controls{gap:6px}.sodaev-scroll-count{display:none}}
@media(prefers-reduced-motion:reduce){.sodaev-product-image img,.sodaev-product,.sodaev-entry-link{transition:none}}
/* Use the same 18px outer radius as the two Tesla guide cards, at every breakpoint. */
html[data-homepage-version="v2"] #projects .map-feature-entry,.sodaev-entry-preview{border-radius:18px}
/* Shared project-card geometry, including the lower project rows. */
html[data-homepage-version="v2"] #projects .projects-grid>.project-card{height:221px;min-height:221px;padding:24px;border-radius:18px;box-sizing:border-box;transform:none}
html[data-homepage-version="v2"] #projects .project-card-inner{min-width:0;min-height:0}
html[data-homepage-version="v2"] #projects .project-icon{width:36px;height:36px;min-height:36px;flex:none;margin-bottom:12px;border-radius:11px}
html[data-homepage-version="v2"] #projects .project-icon svg{width:23px;height:23px}
html[data-homepage-version="v2"] #projects .project-card h3{margin:0 0 9px;font-size:17px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html[data-homepage-version="v2"] #projects .project-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.55}
html[data-homepage-version="v2"] #projects .project-link{margin-top:auto;padding-top:10px;font-size:12px;line-height:1.4;flex-shrink:0}
html[data-homepage-version="v2"] #projects #charging-guide>.wrap,html[data-homepage-version="v2"] #projects #japan-guide>.wrap{padding:24px;justify-content:flex-start;transform:none}
html[data-homepage-version="v2"] #projects .charging-guide-shell,html[data-homepage-version="v2"] #projects .japan-guide-shell{margin-top:16px;gap:0;min-height:0;flex:1;overflow:visible}
html[data-homepage-version="v2"] #projects .charging-guide-copy p,html[data-homepage-version="v2"] #projects .japan-guide-copy p{margin-top:0}
html[data-homepage-version="v2"] #projects .charging-guide-link,html[data-homepage-version="v2"] #projects .japan-guide-link{margin-top:auto;min-height:44px;line-height:1.4;transform:none;align-items:flex-end;justify-content:flex-start}
/* Shop is a normal interface icon, not a new brand logo. */
.nav-shop{display:inline-flex;align-items:center;gap:6px;white-space:nowrap!important}.nav-shop svg{width:18px;height:18px;flex:none}.nav-shop .shop-external{font-size:10px;opacity:.6}.mobile-shop{display:flex;align-items:center;gap:12px}.mobile-shop svg{width:22px;height:22px;flex:none}
/* Contact actions stack; icons participate in layout and cannot overlap labels. */
html[data-homepage-version="v2"] .feature-tiles{height:auto;min-height:430px;grid-auto-rows:minmax(430px,auto)!important;align-items:stretch}
html[data-homepage-version="v2"] #referral,html[data-homepage-version="v2"] #contact{height:auto;min-height:430px}
html[data-homepage-version="v2"] #contact>.wrap{min-height:430px;border-radius:18px;transform:none}
html[data-homepage-version="v2"] #referral .referral-shell{border-radius:18px}
html[data-homepage-version="v2"][data-preview~="community-form"] #contact .contact-actions{display:flex;flex-direction:column;align-items:stretch;width:min(100%,320px);gap:10px;margin-top:auto;padding-top:20px}
html[data-homepage-version="v2"][data-preview~="community-form"] #contact .contact-actions .email,html[data-homepage-version="v2"][data-preview~="community-form"][lang="zh-CN"] #contact .contact-actions .community-trigger{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;grid-template-columns:none;width:100%;min-width:0;min-height:44px;margin:0;padding:11px 18px;font-size:12px;font-weight:600;line-height:1.5;text-align:left;white-space:normal;box-sizing:border-box;transform:none}
html[data-homepage-version="v2"][data-preview~="community-form"] #contact .email:before{content:none!important}
html[data-homepage-version="v2"][data-preview~="community-form"] #contact .contact-actions svg{position:static;display:block;width:18px;height:18px;flex:0 0 18px}
html[data-homepage-version="v2"] #contact .email svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html[data-homepage-version="v2"][data-preview~="community-form"] #contact .contact-actions span{width:auto;min-width:0;text-align:left;overflow-wrap:anywhere}
html[data-homepage-version="v2"] #contact .social-links{margin-top:14px;width:auto;justify-content:flex-start}
@media(max-width:699px){html[data-homepage-version="v2"] .feature-tiles{min-height:0;grid-auto-rows:auto!important}html[data-homepage-version="v2"] #contact .social-links{justify-content:center}html[data-homepage-version="v2"] #contact>.wrap{padding:26px 24px}}
html body .nav-links>a.nav-shop{flex-direction:row;gap:6px}
html body .nav-links>a.nav-shop{min-height:44px}
@media(max-width:699px){html[data-theme="light"] body .mobile-menu{background:rgba(245,245,247,.98)}html[data-theme="dark"] body .mobile-menu{background:rgba(18,18,20,.98)}}
@media(min-width:700px) and (max-width:772px){html[lang="en"][data-theme="light"] body .mobile-menu{background:rgba(245,245,247,.98)}html[lang="en"][data-theme="dark"] body .mobile-menu{background:rgba(18,18,20,.98)}}
/* Shop links use their label and icon without a decorative external-link arrow. */
.sodaev-product-detail{justify-content:flex-start}.sodaev-entry-link{gap:0}
/* Stable navigation: protected TV + Shop actions sit outside the collapsible links. */
html[data-soda-nav] body .nav-inner{display:flex;align-items:center;gap:20px}
html[data-soda-nav] body .brand{flex:none}
html[data-soda-nav] body .nav-links{flex:1;min-width:0;margin-left:0}
html[data-soda-nav] body .nav-links>a{white-space:nowrap;flex:none;line-height:1.2;min-height:44px;display:inline-flex;align-items:center}
html[data-soda-nav] body .nav-controls{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto;transform:none}
html[data-soda-nav] body .header-tv{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px 0 0;border-right:1px solid rgba(128,128,128,.22);margin-right:4px;color:inherit;font-size:12px;white-space:nowrap;text-decoration:none;flex:none}
html[data-soda-nav] body .header-shop{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid transparent;border-radius:99px;background:#262d24;color:#faf8f1;font-size:12px;line-height:1;white-space:nowrap;text-decoration:none;flex:none}
html[data-soda-nav] body .header-shop svg{width:18px;height:18px;flex:none}
html[data-soda-nav][data-theme="dark"] body .header-shop{background:#e4d3ae;color:#25291f}
html[data-soda-nav] body .header-shop:focus-visible,html[data-soda-nav] body .header-tv:focus-visible{outline:2px solid #a58442;outline-offset:3px}
@media(min-width:700px) and (max-width:1199px){
 html[data-soda-nav] body #smartNav{transform:none!important}
 html[data-soda-nav] body .nav{height:56px}
 html[data-soda-nav] body .nav-inner{width:calc(100% - 32px);gap:22px}
 html[data-soda-nav] body .brand{font-size:15px;letter-spacing:.1em}
 html[data-soda-nav] body .nav-links{display:flex!important;align-items:center;justify-content:flex-start;gap:22px;margin:0;font-size:13px}
 html[data-soda-nav] body .nav-links>a{display:none!important}
 html[data-soda-nav] body .nav-links>a[href="tesla-charging-map.html"]{display:inline-flex!important;order:0}
 html[data-soda-nav] body .nav-links>#projectMenuTrigger{display:inline-flex!important;order:1}
 html[data-soda-nav] body .nav-controls{gap:8px}
 html[data-soda-nav] body .menu-button,html[data-soda-nav] body .mobile-menu{display:none!important}
}
@media(max-width:699px){
 html[data-soda-nav] body .nav-inner{width:calc(100% - 24px);gap:8px}
 html[data-soda-nav] body .brand{font-size:13px;letter-spacing:.08em}
 html[data-soda-nav] body .nav-links,html[data-soda-nav] body .header-tv{display:none!important}
 html[data-soda-nav] body .nav-controls{gap:6px}
 html[data-soda-nav] body .header-shop{padding:0 10px;gap:5px;font-size:12px}
 html[data-soda-nav] body .header-shop svg{width:16px;height:16px}
}
@media(max-width:359px){html[data-soda-nav] body .header-shop{width:44px;padding:0}html[data-soda-nav] body .header-shop span{display:none}}
/* A light 32px visual capsule inside a 44px touch target. */
html[data-soda-nav] body .header-shop,html[data-soda-nav][data-theme="dark"] body .header-shop{position:relative;isolation:isolate;background:transparent;border:0;border-radius:10px;color:inherit;font-weight:550;box-shadow:none}
html[data-soda-nav] body .header-shop:before{content:"";position:absolute;z-index:-1;inset:6px 0;border:1px solid rgba(116,116,108,.24);border-radius:10px;background:rgba(255,255,255,.25);pointer-events:none}
html[data-soda-nav][data-theme="dark"] body .header-shop:before{border-color:rgba(225,215,190,.26);background:rgba(225,215,190,.045)}
html[data-soda-nav] body .header-shop:hover:before{border-color:#a69574;background:rgba(170,150,110,.07)}
html[data-soda-nav] body .header-tv{position:relative;border-right:0;margin-right:0;padding-right:14px}
html[data-soda-nav] body .header-tv:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background:rgba(128,128,120,.25)}
html[data-soda-nav] body .nav-controls>.langs,html[data-soda-nav] body .nav-controls>.theme-button{background:transparent;border-color:transparent;box-shadow:none}
html[data-soda-nav] body .nav-controls .langs:not(.is-open) button.active{background:transparent;box-shadow:none}
/* The store, language and theme share a light frame; hit areas remain 44px. */
html[data-soda-nav] body .nav-controls>.langs,html[data-soda-nav] body .nav-controls>#themeButton{position:relative;isolation:isolate;border:0!important}
html[data-soda-nav] body .nav-controls>.langs:before,html[data-soda-nav] body .nav-controls>#themeButton:after{content:""!important;position:absolute!important;inset:6px!important;width:auto!important;height:auto!important;z-index:-1;border:1px solid rgba(116,116,108,.24)!important;border-radius:10px!important;background:rgba(255,255,255,.25)!important;box-shadow:none!important;transform:none!important;pointer-events:none}
html[data-soda-nav][data-theme="dark"] body .nav-controls>.langs:before,html[data-soda-nav][data-theme="dark"] body .nav-controls>#themeButton:after{border-color:rgba(225,215,190,.26)!important;background:rgba(225,215,190,.045)!important}
/* Cutout products sit on the page tone, without white rectangular photo panels. */
.sodaev-product,html[data-theme="dark"] .sodaev-product{background:transparent;border-color:transparent}
.sodaev-product-image{background:transparent;aspect-ratio:1.25}
.sodaev-product-image img{padding:8px 12px;box-sizing:border-box}
.sodaev-product-copy{padding:14px 8px 16px}
.sodaev-product:hover{background:rgba(150,140,110,.035);border-color:rgba(150,140,110,.2)}
html[data-theme="dark"] .sodaev-product-image{background:radial-gradient(ellipse at center,rgba(240,235,220,.10),transparent 72%)}
.sodaev-product h3{min-height:3em}
.sodaev-entry-divider{height:16px}
/* Shared light treatment for the first-screen primary action. */
html[data-homepage-version="v2"] body .hero .button.primary,html[data-homepage-version="v2"] body .hero .button.primary:hover{position:relative;isolation:isolate;min-height:44px;padding:0 20px;border:0!important;border-radius:10px;background:transparent!important;color:inherit;box-shadow:none!important;font-size:13px;font-weight:600;line-height:1.2}
html[data-homepage-version="v2"] body .hero .button.primary:before{content:"";position:absolute;z-index:-1;inset:4px 0;border:1px solid rgba(116,116,108,.3);border-radius:10px;background:rgba(255,255,255,.25);pointer-events:none}
html[data-theme="dark"][data-homepage-version="v2"] body .hero .button.primary:before{border-color:rgba(225,215,190,.32);background:rgba(225,215,190,.045)}
html[data-soda-nav] body .nav-controls>.langs:before{display:block!important}
/* Apply the same quiet outlined action style to the accessories section. */
.sodaev-entry-link,html[data-theme="dark"] .sodaev-entry-link{position:relative;isolation:isolate;background:transparent;color:inherit;border:0;border-radius:10px;box-shadow:none}
.sodaev-entry-link:before{content:"";position:absolute;z-index:-1;inset:4px 0;border:1px solid rgba(116,116,108,.3);border-radius:10px;background:rgba(255,255,255,.25);pointer-events:none}
html[data-theme="dark"] .sodaev-entry-link:before{border-color:rgba(225,215,190,.32);background:rgba(225,215,190,.045)}
.sodaev-entry-link:hover,html[data-theme="dark"] .sodaev-entry-link:hover{background:transparent}
.sodaev-entry-link:hover:before{border-color:#a69574}
@media(min-width:700px) and (max-width:1199px){html[data-soda-nav]{scroll-behavior:auto!important}}
/* Footer actions share the same light outline as the main page controls. */
html[data-homepage-version="v2"] #referral .referral-button,html[data-homepage-version="v2"] #referral .guide-button,html[data-homepage-version="v2"][data-preview~="community-form"] #contact .contact-actions .email,html[data-homepage-version="v2"][data-preview~="community-form"] #contact .contact-actions .community-trigger{position:relative;isolation:isolate;min-height:44px;padding-top:0;padding-bottom:0;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font-size:12px;font-weight:600;line-height:1.4;transform:none!important}
html[data-homepage-version="v2"] #referral .referral-button:after,html[data-homepage-version="v2"] #referral .guide-button:after,html[data-homepage-version="v2"] #contact .contact-actions .email:after,html[data-homepage-version="v2"] #contact .contact-actions .community-trigger:after{content:""!important;position:absolute;z-index:-1;inset:4px 0;border:1px solid rgba(116,116,108,.3);border-radius:10px;background:rgba(255,255,255,.25);pointer-events:none;box-shadow:none;mask:none;-webkit-mask:none}
html[data-theme="dark"][data-homepage-version="v2"] #referral .referral-button:after,html[data-theme="dark"][data-homepage-version="v2"] #referral .guide-button:after,html[data-theme="dark"][data-homepage-version="v2"] #contact .contact-actions .email:after,html[data-theme="dark"][data-homepage-version="v2"] #contact .contact-actions .community-trigger:after{border-color:rgba(225,215,190,.32);background:rgba(225,215,190,.045)}