/* MyXPENG owner interface: open typography, quiet navigation, no tracking. */
.article-guide-layout.has-index{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start;margin:55px auto 0;max-width:1260px}.article-guide-layout .article-reading{width:100%;min-width:0;max-width:78ch;margin:0}.article-index{position:sticky;top:28px;border-top:1px solid #365361;padding-top:20px;font:16px/1.6 system-ui;color:#a8c0cb}.article-index>p{font:12px/1.6 ui-monospace,monospace;letter-spacing:.12em;color:#73d8ef;margin:0 0 20px}.article-index ul{list-style:none;padding:0!important;margin:0!important;display:grid;gap:12px}.article-index a{display:block;color:#b9cdd6;text-decoration:none;padding:4px 0}.article-index a:hover,.article-index a[aria-current]{color:#59ddff}.article-index .article-top{margin-top:25px;border-top:1px solid #263c47;padding-top:16px;font-size:14px}.article-reading h2{scroll-margin-top:28px}.answer-feedback{max-width:1260px;margin:70px auto 20px;padding:35px 0;border-top:1px solid #365361;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px}.answer-feedback h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em}.answer-feedback p{max-width:65ch;font-size:17px;line-height:1.7}.feedback-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.feedback-actions button,.feedback-confirm,.owner-form button{font:600 17px/1.4 system-ui;min-height:48px;padding:14px 20px;border:1px solid #5daabd;background:#12212b;color:#eaf5f9;cursor:pointer}.feedback-actions button:disabled,.owner-form button:disabled{opacity:.6;cursor:default}.answer-feedback>.feedback-status,.answer-feedback>.feedback-reason,.answer-feedback>.feedback-confirm{grid-column:1/-1}.answer-feedback>[hidden]{display:none}.feedback-reason select{display:block;margin-top:8px;font:inherit;background:#101d29;color:#edf5f8;border:1px solid #46606f;padding:12px}.owner-form-page{max-width:1000px;margin:55px auto 100px;padding:0 24px}.owner-form-page h1{font-size:clamp(38px,5vw,72px);line-height:1.08;letter-spacing:-.045em;max-width:17ch}.owner-form-page>p{font-size:20px;line-height:1.75;max-width:68ch;color:#bdcfd8}.owner-form{display:grid;gap:26px;margin-top:38px;max-width:820px}.owner-form label{display:grid;gap:9px;font-size:19px}.owner-form input,.owner-form select,.owner-form textarea{min-width:0;width:100%;box-sizing:border-box;font:18px/1.6 system-ui;color:#edf6fa;background:#0c1722;border:1px solid #46606f;border-radius:0;padding:13px 15px}.owner-form input:focus-visible,.owner-form select:focus-visible,.owner-form textarea:focus-visible{outline:2px solid #59ddff;outline-offset:3px}.owner-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.owner-form .owner-consent{display:flex;align-items:flex-start;font-size:18px;line-height:1.6;gap:12px}.owner-consent input{width:22px;min-width:22px;height:22px;margin-top:4px;accent-color:#59ddff}.owner-form button{justify-self:start}.owner-form p{font-size:16px;line-height:1.7;color:#a9c1cf}.owner-form .form-honeypot{position:absolute;left:-9999px}.form-private-note,.form-error,.form-success{border-left:2px solid #59ddff;padding:10px 20px}.form-error{border-color:#ffb489;color:#ffd0b5!important}.form-success{border-color:#b8ff32}.owner-form-page a{color:#59ddff}
@media(max-width:800px){.article-guide-layout.has-index{grid-template-columns:1fr;gap:32px;margin-top:35px}.article-index{position:static}.article-index ul{grid-template-columns:1fr 1fr;gap:8px 22px}.article-index .article-top{display:none}.article-index a{min-height:40px;font-size:16px}.answer-feedback{grid-template-columns:1fr;margin-top:45px}.owner-form-pair{grid-template-columns:1fr}.owner-form-page{margin:35px auto 60px;padding:0 20px}.owner-form-page>p{font-size:18px}.feedback-actions button{flex:1;min-width:135px}.owner-form button{width:100%}}
@media(prefers-reduced-motion:no-preference){.article-index a{transition:color .15s}}

/* An open model atlas: typography and photography, without card containers. */
.has-model-atlas>:not(.model-atlas):not(.retained-partner){display:none!important}.model-atlas{padding:45px 0 70px}.model-atlas h1{font-size:clamp(40px,5.5vw,82px);line-height:1.07;letter-spacing:-.045em;max-width:1050px}.model-atlas h1 span{color:#51dafa}.atlas-intro{font-size:22px;line-height:1.6;max-width:760px;color:#a4bac9}.atlas-model{display:grid;grid-template-columns: .8fr 1.2fr;align-items:center;gap:6%;padding:65px 0;border-bottom:1px solid #304351}.atlas-copy h2{font-size:clamp(82px,12vw,160px);line-height:1;margin:22px 0;letter-spacing:-.065em}.atlas-copy>p:not(.eyebrow){font-size:26px;line-height:1.4}.atlas-copy small{display:block;color:#a4bac9;font-size:17px;line-height:1.6}.atlas-explore{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;margin:18px 0 12px;border-bottom:1px solid #51dafa;font-size:22px;color:#e9f7fa;text-decoration:none}.atlas-explore span{color:#b8ff32}.atlas-copy nav{display:flex;flex-wrap:wrap;gap:8px 24px}.atlas-copy nav a,.atlas-other a{display:inline-block;padding:12px 0;color:#51dafa;font-size:18px}.atlas-image{position:relative;display:block;overflow:hidden}.atlas-image img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .7s}.atlas-image:hover img{transform:scale(1.025)}.atlas-image>span{position:absolute;bottom:20px;left:20px;background:#07111ee8;padding:12px 16px;font:13px ui-monospace,monospace;letter-spacing:.1em}.atlas-other{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:65px}.atlas-other h2{font-size:34px;letter-spacing:-.03em}.atlas-other p:not(.eyebrow){font-size:20px;line-height:1.65;color:#a4bac9}.atlas-other a{margin-right:26px}.atlas-explore:focus-visible,.atlas-image:focus-visible{outline:3px solid #b8ff32;outline-offset:5px}@media(max-width:720px){.model-atlas{padding-top:20px}.atlas-model{grid-template-columns:1fr;gap:28px;padding:40px 0}.atlas-image{grid-row:1}.atlas-copy h2{margin:14px 0}.atlas-copy>p:not(.eyebrow){font-size:23px}.atlas-intro{font-size:20px}.atlas-other{grid-template-columns:1fr;gap:35px;padding-top:40px}.atlas-other h2{font-size:29px}}@media(prefers-reduced-motion:reduce){.atlas-image img{transition:none}}

.model-stage .model-briefing-title{font-size:clamp(40px,4.8vw,70px);line-height:1.08;letter-spacing:-.05em}.model-briefing-title>[data-model-heading]{display:inline-block;font-size:1.55em;color:#51dafa;margin-bottom:12px}@media(max-width:720px){.model-stage .model-briefing-title{font-size:39px}.model-briefing-title>[data-model-heading]{font-size:1.7em}}

.model-stage p:not(.eyebrow){font-size:20px;line-height:1.65}.model-stage label,.model-stage select,.model-stage .solid-button{font-size:18px}.model-stage figcaption{font-size:16px;line-height:1.65}
/* Keep real filter controls and placement labels readable on narrow phones. */
.native-tool .voice-filters{flex-wrap:wrap;overflow:visible;max-width:100%;min-width:0}
.native-tool .voice-filters button{flex:0 1 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.native-tool .as-page small{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere}

.native-tool .voice-grid{min-width:0}.native-tool .voice-card{min-width:0;overflow-wrap:anywhere}
.ad-studio .as-lower small{white-space:normal!important;overflow-wrap:anywhere;max-width:100%}

.ad-studio .as-price small{white-space:normal!important;overflow-wrap:anywhere}.ad-studio .as-price-number small{display:inline-block}

/* Open, readable action sequences; article text and procedures remain native. */
.article-action-routes{display:flex;gap:14px 32px;flex-wrap:wrap;max-width:1260px;margin:28px auto 0;border-top:1px solid #385160;border-bottom:1px solid #385160;padding:10px 0}.article-action-routes a{display:flex;align-items:center;min-height:44px;font-size:18px;color:#83dbe8;text-underline-offset:5px}
.article-index summary{font:600 17px/1.5 system-ui;cursor:pointer;color:#83dbe8;padding:5px 0 18px}.article-index details[open] summary{margin-bottom:8px}.article-reading .guide-step-list{list-style:none!important;counter-reset:guide-action;padding:0!important;margin:28px 0 40px}.article-reading .guide-step-list>li{counter-increment:guide-action;position:relative;padding:20px 0 24px 62px;border-top:1px solid #2e4553;min-height:48px;margin:0;font-size:19px;line-height:1.75}.article-reading .guide-step-list>li:before{content:counter(guide-action,decimal-leading-zero);position:absolute;left:0;top:22px;color:#b4ff2b;font:24px/1.4 ui-monospace,monospace}.article-reading .guide-step-list>li p:first-child{margin-top:0}.article-reading h2{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.025em;margin-top:1.8em}.result .result-answer{font-size:19px;line-height:1.65;max-width:76ch;color:#d4e4eb}.result .result-scope{font-size:16px;line-height:1.6;color:#a5becd;border-left:2px solid #4a9bad;padding-left:14px;margin-top:14px}.result-build{color:#b4ff2b}.result:focus-visible{outline:3px solid #83dbe8;outline-offset:5px}
@media(max-width:800px){.article-index{padding:10px 0;border-bottom:1px solid #365361}.article-index summary{min-height:44px;padding:10px 0}.article-guide-layout.has-index{gap:20px;margin-top:24px}.article-action-routes{gap:6px 22px;margin-top:22px}.article-action-routes a{font-size:17px}.article-reading .guide-step-list>li{padding-left:44px;font-size:18px}.article-reading .guide-step-list>li:before{font-size:20px}.result .result-answer{font-size:18px}.result .result-scope{font-size:16px}}

.article-guide-layout>.article-index{display:block}

/* Feedback is outside article-reading: give it explicit dark-theme text colours. */
section.answer-feedback{color:#eaf5f9}
section.answer-feedback h2{color:#eaf5f9}
section.answer-feedback p,section.answer-feedback label{color:#bdcfd8}
section.answer-feedback .eyebrow{color:#a8c0cb}
section.answer-feedback .feedback-actions button:disabled{opacity:1;color:#bdcfd8;background:#12212b;border-color:#5d7c8c;cursor:default}

/* Owner driver layout 20261024: scoped reading aids, original handbook artwork. */
.article-reading :is(.driver-system-map,.mirror-axis-map){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;margin:24px 0;padding:0;}
.article-reading :is(.driver-system-map,.mirror-axis-map)>div{min-width:0;border-top:1px solid #405568;padding:16px 0;}
.article-reading :is(.driver-system-map,.mirror-axis-map) dt{color:#72deee;font-weight:700;font-size:1.05em;margin:0 0 8px;}
.article-reading :is(.driver-system-map,.mirror-axis-map) dd{margin:0 0 8px;line-height:1.65;}
.article-reading .driver-map-caption{margin-top:0;color:#bed0db;}
.reading-view .answer-article .article-reading figure.owner-handbook-figure{width:100%;max-width:698px;margin:24px 0 32px;}
.reading-view .answer-article .article-reading figure.owner-handbook-figure img{display:block;width:100%;height:auto;object-fit:contain;background:#fff;}
.reading-view .answer-article .article-reading figure.boot-switch-figure{max-width:440px;}
.reading-view .answer-article .article-reading figure.owner-handbook-figure figcaption{font-size:16px;line-height:1.6;margin-top:10px;}
@media(max-width:540px){.article-reading :is(.driver-system-map,.mirror-axis-map){grid-template-columns:minmax(0,1fr);gap:0;}.article-reading .mirror-axis-map{margin:14px 0;}}

/* Guide clarity 20261024: existing words in smaller reading units. */
.article-reading li.guide-step-paragraphs>p{margin:0 0 1em;}
.article-reading li.guide-step-paragraphs>p:last-child{margin-bottom:0;}
.reading-view .answer-article .article-reading figure.handbook-reading-figure{width:100%;max-width:640px;margin:26px 0;}
.reading-view .answer-article .article-reading figure.handbook-reading-figure img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain;background:#fff;}
.reading-view .answer-article .article-reading figure.handbook-reading-figure figcaption{font-size:16px;line-height:1.6;margin-top:10px;}

/* Mobile guide usability 20261024: readable art and clear tap targets. */
.answer-article .guide-image-open{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:8px;font-size:17px;line-height:1.5;color:#72deee;text-underline-offset:5px;}
.answer-article .guide-image-open:focus-visible,.article-index a:focus-visible,.article-action-routes a:focus-visible{outline:3px solid #b8ff32;outline-offset:4px;}
@media(max-width:640px){
.article-index a,.article-action-routes a{display:inline-flex;align-items:center;min-height:44px;}
.article-index summary{min-height:44px;padding-block:8px;box-sizing:border-box;}
.article-reading table.routine-options{display:block;width:100%;overflow:visible;}
.article-reading .routine-options thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.article-reading .routine-options tbody{display:block;}
.article-reading .routine-options tbody tr{display:block;padding:20px 0;border-top:1px solid #405568;}
.article-reading .routine-options tbody td{display:block;padding:8px 0;border:0;min-width:0;}
.article-reading .routine-options tbody td:first-child{font-size:22px;line-height:1.4;font-weight:700;color:#72deee;}
.article-reading .routine-options tbody td:not(:first-child)::before{content:attr(data-label);display:block;font-weight:700;color:#e6eef4;margin:4px 0;}
}

/* UK release notes: readable feature comparison on phones, no horizontal table drag. */
@media(max-width:640px){
.article-reading table.release-options{display:block;width:100%;overflow:visible;}
.article-reading .release-options thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.article-reading .release-options tbody{display:block;}
.article-reading .release-options tr{display:block;border-top:1px solid #405568;padding:18px 0;}
.article-reading .release-options td{display:block;border:0;padding:7px 0;min-width:0;}
.article-reading .release-options td:first-child{font-size:22px;font-weight:700;line-height:1.4;color:#72deee;}
}

.reading-view .answer-article .article-reading figure.app-control-figure{max-width:427px;}

/* Compact native-guide next routes remain legible on the dark reading surface. */
.reading-view .next-reading>.eyebrow{color:#80dfed;font-size:14px;line-height:1.6}

/* Feedback is shared by article and reference layouts; never inherit light-theme ink. */
.answer-feedback{color:#eaf5f9}
.answer-feedback h2{color:#eaf5f9}
.answer-feedback p,.answer-feedback .feedback-reason{color:#bdcfd8}
.answer-feedback .eyebrow{color:#80dfed}
.answer-feedback .feedback-actions button:disabled{opacity:1;background:#12212b;color:#bdcfd8;border-color:#46606f}

/* Expanded feedback must fit a narrow phone as well as the initial state. */
.answer-feedback,.answer-feedback>*{min-width:0}
.answer-feedback .feedback-reason select{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
@media(max-width:800px){.answer-feedback{grid-template-columns:minmax(0,1fr)}}

/* Keep marked handbook illustrations within the reading width on phones. */
.reading-view .answer-article .article-reading figure[data-article-inline="true"]{width:100%;max-width:698px;margin:26px 0;}
.reading-view .answer-article .article-reading figure[data-article-inline="true"] img{display:block;width:auto;max-width:100%;height:auto;object-fit:contain;}
.reading-view .answer-article .article-reading figure[data-article-inline="true"] figcaption{font-size:16px;line-height:1.6;margin-top:10px;}

/* Battery identification: each derivative reads vertically on phones. */
@media(max-width:640px){
.article-reading table[aria-label="G6 battery identification by generation and listed capacity"]{display:block;width:100%;overflow:visible}
.article-reading table[aria-label="G6 battery identification by generation and listed capacity"] thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.article-reading table[aria-label="G6 battery identification by generation and listed capacity"] tbody,.article-reading table[aria-label="G6 battery identification by generation and listed capacity"] tr,.article-reading table[aria-label="G6 battery identification by generation and listed capacity"] td{display:block;width:auto;min-width:0}
.article-reading table[aria-label="G6 battery identification by generation and listed capacity"] tbody tr{padding:20px 0;border-top:1px solid #405568}
.article-reading table[aria-label="G6 battery identification by generation and listed capacity"] td{border:0;padding:7px 0}
.article-reading table[aria-label="G6 battery identification by generation and listed capacity"] td:first-child{font-size:22px;line-height:1.4;font-weight:700;color:#72deee}
.article-reading table[aria-label="G6 battery identification by generation and listed capacity"] td:nth-child(2)::before{content:"Battery chemistry: ";font-weight:700}
.article-reading table[aria-label="G6 battery identification by generation and listed capacity"] td:nth-child(3)::before{content:"Identify it: ";font-weight:700}
}

/* Reserve linked handbook artwork before lazy loading; the link must have a usable hit area. */
.reading-view .answer-article .article-reading figure[data-article-inline="true"] > a{display:block;width:100%;max-width:100%;}
.reading-view .answer-article .article-reading figure[data-article-inline="true"] > a > img{width:100%;height:auto;}


/* 29 Oct 2026: keep desktop navigation inside the viewport at medium-wide widths. */
@media (min-width: 901px) and (max-width: 1440px) {
  .site-header { gap: clamp(14px, 1.5vw, 20px) !important; }
  .site-header .brand img { width: clamp(160px, 13.5vw, 180px) !important; }
  .site-header .desktop-nav { gap: clamp(10px, 1.25vw, 17px) !important; min-width: 0; }
  .site-header .desktop-nav a { font-size: clamp(12px, 1.05vw, 14px) !important; white-space: nowrap; }
  .site-header .header-action { flex: 0 0 120px !important; width: 120px !important; padding: 8px 10px !important; }
}