/* TeslaGuide — editorial design, September 2026. Scoped to Xbox2. */
:root{--accent:#913c26;--accent-dark:#702e20;--black:#f7f4ee;--darker:#eee9e1;--dark:#eee9e1;--card:#fffdfa;--card2:#f0e9e1;--border:#dcd4cb;--text:#302831;--muted:#675f65;--white:#302831;--red:#913c26;--ink:#302831;--coral:#f6ac8f}
html{scroll-padding-top:100px}body{background:#f7f4ee!important;background-image:none!important;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;overflow-x:clip}
h1,h2,h3,h4,.nav-logo,.stat-val,.btn-primary,.btn-secondary,.calc-btn{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:-.04em}h1,h2,h3,h4{color:var(--ink)!important}p{line-height:1.75}a{color:var(--accent)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #a3472d;outline-offset:5px}img{max-width:100%}.reveal{opacity:1!important;transform:none!important}
nav#mainnav,nav#mainnav.scrolled{height:84px;padding:16px max(24px,calc((100vw - 1280px)/2));gap:20px;background:#f7f4eef5;border-bottom:1px solid var(--border);backdrop-filter:blur(15px);box-shadow:none}
.nav-logo{font-size:25px!important;color:var(--ink)!important;font-weight:800;letter-spacing:-1.2px!important;text-transform:none!important;line-height:1.1}.nav-logo span{color:#913c26!important}.nav-logo small{display:block!important;font:500 9px Arial,sans-serif!important;letter-spacing:1.4px!important;color:var(--muted)!important;margin:6px 0 0!important}.nav-links{gap:2px;flex-shrink:1}.nav-link{font-family:Arial,sans-serif;font-size:13px;color:var(--ink);padding:10px 12px}.nav-link:hover{color:var(--accent);background:#eae1d7}.nav-cta,.btn-primary,.calc-btn,#cookie-ok,#stickyBar>a{background:var(--accent)!important;color:#fff!important;box-shadow:none!important;border:1px solid var(--accent)!important;border-radius:100px!important;font-weight:600;font-family:Arial,sans-serif!important;letter-spacing:0;white-space:normal;line-height:1.4;text-align:center;justify-content:center}.nav-cta{font-size:12px;padding:12px 18px;max-width:260px}.btn-primary,.btn-secondary{padding:16px 24px!important;font-size:14px!important;min-height:52px;transition:background .2s,transform .2s}.btn-primary:hover,.calc-btn:hover{background:var(--accent-dark)!important;transform:translateY(-2px)}.btn-secondary{border:1px solid #b5a9ad!important;border-radius:100px!important;color:var(--ink)!important;background:transparent!important;box-shadow:none!important;font-weight:600}.btn-secondary:hover{background:#eee4da!important}
.dd-menu{background:#fffdfa;border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 50px #30283118;max-height:65vh}.dd-menu a{color:var(--ink)}.dd-menu a:hover,.dd-menu a.cur{color:var(--accent);background:#f4e7df}.dd-cat{color:var(--accent);border-color:var(--border)}.hbg span{background:var(--ink)}
.guide-hero{max-width:1330px;margin:84px auto 0;padding:52px 24px 34px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;position:relative}.guide-intro{padding:24px 0}.guide-kicker{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:28px}.guide-kicker:before{content:'';height:7px;width:7px;border-radius:50%;background:var(--accent)}.guide-hero h1{font-weight:500;font-size:clamp(42px,5.2vw,74px);line-height:1.02;margin:0 0 24px;max-width:650px}.guide-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-.06em}.guide-summary{font-size:17px;max-width:500px;color:var(--muted);margin-bottom:24px}.guide-actions{display:flex;gap:12px;flex-wrap:wrap}.guide-note{font-size:11px;color:var(--muted);margin-top:18px;max-width:470px}.guide-photo{position:relative;min-height:520px;align-self:stretch;margin:0;border-radius:130px 20px 20px 20px;overflow:hidden;background:#dfd5cd}.guide-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}.guide-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#241d2bcc)}.guide-photo figcaption{position:absolute;z-index:1;bottom:30px;left:30px;right:30px;color:#fff;font:italic 35px/1.1 Georgia,serif;max-width:350px}.guide-photo .guide-stamp{position:absolute;z-index:1;right:20px;top:20px;border-radius:100px;background:#f7f4eeed;color:var(--ink);font-size:10px;letter-spacing:2px;padding:10px 16px}
.guide-tools{max-width:1330px;margin:0 auto;padding:12px 24px 68px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-tool{display:grid;grid-template-columns:38px 1fr 20px;gap:14px;align-items:center;text-decoration:none;padding:23px;border:1px solid var(--border);border-radius:16px;background:transparent;color:var(--ink);transition:background .2s,transform .2s}.guide-tool:hover{background:#efe6de;transform:translateY(-3px)}.guide-tool .guide-number{color:var(--accent);font-size:12px;align-self:start}.guide-tool strong{display:block;font-size:16px;letter-spacing:-.3px}.guide-tool small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.guide-arrow{font-size:22px;color:var(--accent)}
section{padding:80px 24px}.container,.footer-inner{max-width:1180px}.sec-label{color:var(--accent);font:600 11px Arial,sans-serif;letter-spacing:2px}.sec-label:before{content:none!important}.sec-title{font-size:clamp(30px,3.5vw,46px);font-weight:500;line-height:1.15;letter-spacing:-.05em}.sec-sub{color:var(--muted);max-width:660px;font-size:16px}.benefits,.faq{background:#eee9e1}.benefits-grid{gap:20px;margin-top:36px}.benefit-card{padding:32px;border:0;border-radius:18px;box-shadow:none;background:#fffdfa}.benefit-card:hover,.blog-card:hover{box-shadow:none;border-color:#bda397;transform:translateY(-3px)}.benefit-card h3{font-size:21px;font-weight:500}.benefit-icon{width:46px;height:46px;border-radius:14px;background:#f5e3d8;display:grid;place-items:center;font-size:23px;margin-bottom:25px}.benefit-val{font:500 14px Arial,sans-serif;color:var(--accent);background:#f6e9df;border-radius:50px;padding:8px 13px;max-width:100%}.steps{background:var(--black)}.steps-grid{gap:36px}.step{border-top:1px solid var(--border);padding-top:22px}.step-num{font:italic 54px Georgia,serif;color:#a88777;margin-bottom:28px}.step h3{font-size:20px;font-weight:500}.faq-list{gap:0;border-top:1px solid #d1c6c1;margin-top:36px}.faq-item{border:0;border-bottom:1px solid #d1c6c1;background:transparent;border-radius:0;box-shadow:none}.faq-q{color:var(--ink);padding:23px 0;font-weight:500;font-size:17px}.faq-a{padding-left:0;padding-right:35px}.faq-item.open .faq-a{max-height:1500px;padding:0 35px 25px 0}.faq-icon{color:var(--accent)}
.cta-section{background:#302831!important;border:0;text-align:left}.cta-section:before{display:none}.cta-section .container{max-width:1180px}.cta-section h2{color:#fff5ed!important;font-size:clamp(34px,4vw,56px);font-weight:500;max-width:800px}.cta-section p{color:#d2c5cf!important;margin-left:0;max-width:650px}.cta-section .cta-btns{justify-content:flex-start}.cta-section .btn-primary{background:#f6ac8f!important;color:#302831!important;border-color:#f6ac8f!important}.cta-section .btn-secondary{color:#fff5ed!important;border-color:#91808e!important}.blog{background:#f7f4ee}.blog-card{background:#fffdfa;border-radius:18px;border:1px solid var(--border);box-shadow:none}.blog-card h3{font-size:21px;font-weight:500}.blog-tag,.art-tag,.tool-tag{background:#f3e2d6;color:var(--accent);border:0;border-radius:30px;font-family:Arial,sans-serif;letter-spacing:.03em}.blog-img{height:230px}.blog-body{padding:28px}
footer{background:#eee9e1;color:var(--ink);border-top:1px solid var(--border);padding-bottom:100px}footer a{color:var(--accent)}.footer-lang-link{padding:8px 12px;background:#f7f4ee;border:1px solid var(--border);border-radius:30px;font-size:12px}.footer-lang-link:hover,.footer-lang-link.active{color:var(--accent);border-color:var(--accent)}.footer-disc{color:var(--muted)}.site-fact-check{border-color:var(--border)!important;text-align:left;font-size:11px!important}.art-hero,.tool-hero{background:#eee9e1!important;padding:140px 24px 55px!important;border-bottom:1px solid var(--border)}.art-hero h1,.tool-hero h1{font-size:clamp(32px,4vw,54px);line-height:1.12;font-weight:500;max-width:850px;margin-left:auto;margin-right:auto}.art-hero p,.tool-hero p{color:var(--muted)!important}.art-body,.article-body{color:var(--ink);font-size:17px;line-height:1.85}.art-body h2,.article-body h2{font-size:30px;font-weight:500}.art-body strong,.article-body strong,td,tr:last-child td{color:var(--ink)}.art-body li,.article-body li{color:var(--muted)}.art-body blockquote,.art-body .highlight,.info-box,.tip-box{background:#eee3d8!important;color:var(--ink)!important;border-color:var(--accent)!important;border-radius:14px}.cta-box{background:#eee3d8!important;border:1px solid var(--border)!important;border-radius:18px!important;padding:28px!important;box-shadow:none}.cta-box p{color:var(--muted)!important}
.tool-body{max-width:1050px;margin:36px auto 80px}.calc-card{background:#fffdfa;border:1px solid var(--border);box-shadow:0 12px 40px #30283108;border-radius:22px;padding:32px}.field-grid{gap:22px}.field label{color:var(--muted);font-size:13px}.field-val{background:#f7f4ee;border:1px solid #bcb0b7;border-radius:12px;color:var(--ink)}.field-val input,input[type=number],select{background:#f7f4ee!important;color:var(--ink)!important;border-color:#bcb0b7!important}.field-val input{font-family:Arial,sans-serif!important}input[type=range]{accent-color:var(--accent)}.calc-btn{padding:16px!important}.result-box,.result-card{background:#eee9e1!important;border:1px solid var(--border);border-radius:14px}.result-box .val,.result-box .value,.result-card .val,.bar-val{color:var(--accent)!important}.result-box .label{color:var(--muted)!important}.bar-track{background:#e9dfd9}.bar-fill.green{background:#8b6559!important}.bar-fill.red{background:#302831!important}.phase-label{color:var(--accent)}.check-item{background:#f7f4ee;border:1px solid var(--border);border-radius:12px}.check-title{color:var(--ink)!important}.check-box{border-color:var(--accent)}.check-item.done{border-color:var(--accent);opacity:.7}.check-item.done .check-box{background:var(--accent);color:white}.progress-bar{background:#e7dbd5}.progress-fill{background:var(--accent)}th{background:#eee3d8!important;color:var(--ink)!important}td{border-color:var(--border)!important}.toast{background:#302831;color:white;border-radius:12px}
#cookie-notice{background:#fffdfa!important;color:var(--ink)!important;border:1px solid var(--border)!important;border-radius:18px!important;left:18px!important;right:auto!important;bottom:18px!important;width:min(410px,calc(100% - 36px));box-shadow:0 10px 45px #30283120!important;font-family:Arial,sans-serif!important;font-size:12px!important;padding:18px!important}#cookie-notice>div{gap:12px!important}#cookie-notice span{min-width:0!important}#stickyBar{background:#fffdfaf5!important;border-color:var(--border)!important;box-shadow:0 -4px 30px #3028310c!important;color:var(--ink)!important}#stickyBar strong{color:var(--ink)!important}#stickyBar>a{font-size:12px!important}.hero-stats{display:none!important}
@media(max-width:1100px){nav#mainnav,nav#mainnav.scrolled{padding:16px 24px}.nav-link{padding:10px 7px;font-size:12px}.nav-cta{max-width:215px;font-size:11px}.guide-hero{gap:28px}.guide-photo{min-height:480px}.guide-tool{padding:18px;gap:8px;grid-template-columns:24px 1fr 18px}}
@media(max-width:880px){nav#mainnav,nav#mainnav.scrolled{height:72px;padding:14px 20px}.nav-links{top:72px;height:calc(100dvh - 72px);background:#f7f4ee!important;padding:20px 20px 60px}.nav-link{font-size:17px;padding:15px 12px}.nav-cta{max-width:none;font-size:15px;padding:17px}.dd-menu{background:#eee9e1!important;border-color:var(--border)!important}.dd-menu a{white-space:normal;font-size:15px}.nav-logo{font-size:24px!important}.guide-hero{margin-top:72px;gap:24px;padding-top:34px;grid-template-columns:1fr 1fr}.guide-hero h1{font-size:46px}.guide-photo{min-height:460px;border-top-left-radius:90px}.guide-photo figcaption{font-size:28px}.guide-summary{font-size:15px}.guide-tools{gap:10px;padding-bottom:45px}.guide-tool{display:block}.guide-tool strong{font-size:14px;margin-top:10px}.guide-tool small{font-size:11px}.guide-arrow{display:none}section{padding:55px 22px}}
@media(max-width:620px){.guide-hero{grid-template-columns:1fr;padding:24px 20px 20px;gap:20px}.guide-intro{padding:16px 0 0}.guide-kicker{font-size:10px;margin-bottom:22px}.guide-hero h1{font-size:48px;max-width:480px}.guide-summary{font-size:16px}.guide-actions{gap:9px}.guide-actions .btn-primary{width:100%}.guide-actions .btn-secondary{font-size:12px!important;padding:10px 18px!important;min-height:42px}.guide-photo{min-height:330px;border-radius:80px 18px 18px 18px}.guide-photo figcaption{font-size:30px;bottom:24px;left:24px}.guide-tools{grid-template-columns:1fr;padding:0 20px 40px}.guide-tool{display:grid;grid-template-columns:30px 1fr 20px;padding:18px}.guide-tool strong{font-size:16px;margin:0}.guide-tool small{font-size:12px}.guide-arrow{display:block}.guide-number{align-self:center!important}.benefits-grid,.steps-grid,.blog-grid{grid-template-columns:1fr}.benefit-card{padding:26px}.sec-title{font-size:34px}.calc-card{padding:21px}.tool-body{margin:22px 16px 50px}.field-grid,.results-grid{grid-template-columns:1fr!important}.faq-q{font-size:16px}.art-body,.article-body{padding-left:20px;padding-right:20px}.art-body table{display:block;overflow-x:auto}.footer-top{gap:24px}.footer-langs{gap:8px}.cta-section .btn-primary,.cta-section .btn-secondary{width:100%}.guide-note{font-size:11px}#stickyBar{padding:9px 14px!important}#stickyBar>div{font-size:10px!important}#cookie-notice{bottom:12px!important;left:12px!important;width:calc(100% - 24px)}.art-hero,.tool-hero{padding-top:112px!important}}
.art-section p,.art-intro,.art-section ul,.art-section strong{color:var(--ink)!important}.art-meta,.art-img-caption{color:var(--muted)!important}.art-body a{color:var(--accent)}section:not(.cta-section) p[style]{color:var(--muted)!important}section:not(.cta-section) p[style*="border"]{background:#eee3d8;color:var(--ink)!important;border:0!important;border-radius:14px!important;padding:18px!important}.results{animation:none!important;opacity:1!important;transform:none!important}.result-box .val,.stat-val,.step-num{font-family:Arial,sans-serif!important}.cta-section .sec-label{justify-content:flex-start!important}.result-note{color:var(--muted)!important}
.guide-privacy header{background:#f7f4ee;border-color:var(--border)}.guide-privacy .logo{font-family:Arial,sans-serif;color:var(--ink);line-height:1.1}.guide-privacy .logo small{display:block;font:10px Arial,sans-serif;letter-spacing:1px;margin-top:5px;color:var(--muted)}.guide-privacy main{max-width:850px}.guide-privacy p,.guide-privacy .lead{color:var(--muted)}.guide-privacy h1,.guide-privacy h2{font-family:Arial,sans-serif}.art-img-block{box-shadow:none!important;border:1px solid var(--border)!important;border-radius:18px}.art-body{max-width:820px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}