/* Centered editorial reading and FAQs.
   One shared rule-set avoids page-by-page layout drift.
   The *column* is centered; long paragraphs and question labels stay left-aligned. */

/* Guides and support: centered, single-column article flow on all screen sizes. */
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) :is(.article-overview,.article-reading-layout,.article-mobile-toc){
  box-sizing:border-box;
  width:min(760px,calc(100% - 2 * var(--page-gutter,24px)));
  max-width:760px;
  margin-inline:auto;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-overview{
  margin-block:32px 0;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-reading-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  justify-content:center;
  align-items:start;
  gap:48px;
  margin-top:48px;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-reading-layout > :is(.article-body,.article-side){
  box-sizing:border-box;
  grid-column:1;
  grid-row:auto;
  width:100%;
  min-width:0;
  max-width:100%;
  margin-inline:auto;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-body{
  text-align:left;
  overflow-wrap:anywhere;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-side{
  position:static;
  display:grid;
  gap:16px;
  padding:28px 0 0;
  border-top:1px solid #e8e8e8;
  background:transparent;
}
/* The existing desktop side-rail TOC becomes the same compact disclosure
   used on mobile. Keep related links and operational boundaries below reading. */
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-side > :is(.article-toc,.section-label:first-child){
  display:none;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-mobile-toc{
  display:block;
  margin-top:32px;
  padding:0;
  border:1px solid #ebebeb;
  border-radius:8px;
  background:#f9f9f9;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-mobile-toc > summary{
  display:list-item;
  min-height:48px;
  padding:16px 20px;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-mobile-toc > nav{
  display:grid;
  padding:0 20px 16px;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-mobile-toc:not([open]) > nav{display:none}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-mobile-toc a{
  display:flex;align-items:center;gap:12px;min-height:44px;
  padding:10px 0;border-top:1px solid #e8e8e8;
  color:#282828;font-size:14px;text-decoration:none;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-mobile-toc a > span{
  display:none;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-side .article-related-label{
  margin:0;
  text-align:center;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-side > nav:not(.article-toc){
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 20px;
  border:0;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-side > nav:not(.article-toc) a{
  min-height:44px;
  padding:10px 0;
  border:0;
  font-size:14px;
  line-height:1.4;
  text-align:center;
}
body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-side .article-boundary{
  width:100%;
  margin:12px 0 0;
}

/* All standard FAQ groups share the same centered reading measure. */
body.sp-site.tesla-layout .page-family .tool-guide-questions{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  width:min(760px,100%);
  max-width:760px;
  margin:var(--site-section-gap,88px) auto 0;
  gap:28px;
  align-items:start;
}
body.sp-site.tesla-layout .page-family .tool-guide-questions > h2{
  width:100%;
  margin:0;
  text-align:center;
  text-wrap:balance;
}
body.sp-site.tesla-layout .page-family .tool-question-list{
  width:100%;
  max-width:760px;
  margin:0 auto;
}
body.sp-site.tesla-layout .page-family .tool-question-list :is(summary,p){
  text-align:left;
}
body.sp-site.tesla-layout.public-home .home-flow .sp-questions{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  width:min(760px,calc(100% - 2 * var(--page-gutter,24px)));
  max-width:760px;
  margin-inline:auto;
  gap:30px;
}
body.sp-site.tesla-layout.public-home .sp-questions > div:first-child{
  text-align:center;
}
body.sp-site.tesla-layout.public-home .sp-questions > div:first-child h2{
  margin-inline:auto;
  text-wrap:balance;
}
body.sp-site.tesla-layout.public-home .sp-accordion{
  min-width:0;
  width:100%;
}
body.sp-site.tesla-layout.public-home .sp-accordion :is(summary,p){text-align:left}
body.sp-site.tesla-layout .page-family .lp-faq{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  width:min(760px,100%);
  max-width:760px;
  margin-inline:auto;
  gap:24px;
}
body.sp-site.tesla-layout .page-family .lp-faq > div:first-child{text-align:center}
body.sp-site.tesla-layout .page-family .lp-faq :is(.sp-accordion,.tool-question-list){width:100%}
body.sp-site.tesla-layout .business-main .pricing-faq{
  box-sizing:border-box;
  width:min(860px,calc(100% - 2 * var(--page-gutter,24px)));
  max-width:860px;
  margin-inline:auto;
}
body.sp-site.tesla-layout .business-main .pricing-faq .pricing-section-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:center;
}
body.sp-site.tesla-layout .business-main .pricing-faq-list{
  width:100%;
  max-width:760px;
  margin-inline:auto;
}
body.sp-site.tesla-layout .business-main .pricing-question :is(summary,p){text-align:left}

/* Maintain comfortable mobile gutters, tap targets and reading alignment. */
@media(max-width:760px){
  body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) :is(.article-overview,.article-reading-layout,.article-mobile-toc){
    width:calc(100% - 40px);
    max-width:760px;
  }
  body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-reading-layout{
    margin-top:32px;
    gap:32px;
  }
  body.sp-site.tesla-layout .page-family .tool-guide-questions{gap:20px}
  body.sp-site.tesla-layout.public-home .home-flow .sp-questions{
    width:calc(100% - 40px);
    gap:24px;
  }
  body.sp-site.tesla-layout .business-main .pricing-faq{width:calc(100% - 40px)}
}
@media print{
  body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-reading-layout{
    display:block;
  }
  body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-side,
  body.sp-site.tesla-layout .page-family:is(.page-family-guide-article,.page-family-support-article) .article-mobile-toc{
    display:none;
  }
}