/* ClinXAi comparison editorial. White canvas, text hierarchy, simple dividers.
   Avoid promotional cards, decorative labels, icon arrows and feature scores. */
body.sp-site.tesla-layout .page-family-comparison { background:#fff; }
body.sp-site.tesla-layout .compare-page {
  --cp-ink:#171a20;--cp-muted:#626468;--cp-rule:#e5e5e5;--cp-wide:1096px;--cp-text:784px;
  box-sizing:border-box;min-width:0;padding:0 24px 120px;color:var(--cp-ink);
  background:#fff;font-family:Inter,Arial,sans-serif;
}
body.sp-site.tesla-layout .compare-page *,
body.sp-site.tesla-layout .compare-page *::before { box-sizing:border-box; }
body.sp-site.tesla-layout .compare-page :is(h1,h2,h3,h4,p) { margin:0;padding:0; }
body.sp-site.tesla-layout .compare-page a { color:inherit; }
body.sp-site.tesla-layout .compare-page :is(.compare-intro,.compare-directory,.compare-fit,.compare-analysis,.compare-availability,.compare-sources,.compare-related) {
  max-width:var(--cp-text);margin-inline:auto;
}

/* Intro: text, not an oversized marketing component. */
body.sp-site.tesla-layout .compare-intro { padding:108px 0 72px;text-align:left; }
body.sp-site.tesla-layout .compare-intro h1 {
  max-width:760px;font-size:clamp(40px,5vw,62px);font-weight:500;
  line-height:1.1;letter-spacing:-.052em;text-wrap:balance;
}
body.sp-site.tesla-layout .compare-intro>p:not(.compare-date) {
  max-width:650px;margin-top:26px;color:var(--cp-muted);
  font-size:clamp(16px,1.6vw,18px);line-height:1.75;
}
body.sp-site.tesla-layout .compare-intro .compare-date {
  margin-top:26px;color:var(--cp-muted);font-size:12px;line-height:1.6;
}
body.sp-site.tesla-layout .compare-breadcrumb {
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  margin:0 0 38px;color:var(--cp-muted);font-size:13px;line-height:1.5;
}
body.sp-site.tesla-layout .compare-breadcrumb a {
  min-height:28px;text-decoration:none;border-bottom:1px solid #bababa;
}
body.sp-site.tesla-layout .compare-breadcrumb a:hover { border-bottom-color:currentColor; }

/* Four direct linked records rather than featureless grey tiles. */
body.sp-site.tesla-layout .compare-directory { margin-top:8px; }
body.sp-site.tesla-layout .compare-directory>h2:not(.sr-only) {
  font-size:14px;font-weight:500;line-height:1.55;
}
body.sp-site.tesla-layout .compare-directory-list {
  margin-top:0;border-top:1px solid var(--cp-rule);
}
body.sp-site.tesla-layout .compare-platform {
  display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);
  column-gap:50px;align-items:start;min-height:132px;
  padding:30px 0 33px;border-bottom:1px solid var(--cp-rule);text-decoration:none;
}
body.sp-site.tesla-layout .compare-platform-name h3 {
  font-size:clamp(23px,2.5vw,30px);font-weight:500;letter-spacing:-.032em;line-height:1.25;
}
body.sp-site.tesla-layout .compare-platform-name>span {
  display:block;margin-top:10px;color:var(--cp-muted);
  font-size:13px;line-height:1.55;
}
body.sp-site.tesla-layout .compare-platform>p {
  color:#4f5054;font-size:14px;line-height:1.78;
}
body.sp-site.tesla-layout .compare-platform:hover .compare-platform-name h3 {
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;
}
body.sp-site.tesla-layout .compare-platform:focus-visible { outline:2px solid #171a20;outline-offset:5px; }

/* Index table: clear typography, fixed first column for small viewports. */
body.sp-site.tesla-layout .compare-overview {
  width:100%;max-width:var(--cp-wide);margin:118px auto 0;
}
body.sp-site.tesla-layout .compare-section-head { max-width:var(--cp-text);margin:0 auto 34px; }
body.sp-site.tesla-layout .compare-section-head h2,
body.sp-site.tesla-layout .compare-fit h2,
body.sp-site.tesla-layout .compare-availability h2 {
  font-size:clamp(26px,3vw,36px);font-weight:500;letter-spacing:-.036em;line-height:1.22;
}
body.sp-site.tesla-layout .compare-section-head p {
  max-width:57ch;margin-top:14px;color:var(--cp-muted);
  font-size:14px;line-height:1.75;
}
body.sp-site.tesla-layout .compare-table-scroll {
  width:100%;max-width:100%;overflow-x:auto;
  border-top:1px solid #bdbdbd;-webkit-overflow-scrolling:touch;
}
body.sp-site.tesla-layout .compare-table-scroll:focus-visible { outline:2px solid #171a20;outline-offset:4px; }
body.sp-site.tesla-layout .compare-table-scroll table {
  width:100%;min-width:1096px;border-collapse:separate;border-spacing:0;
  table-layout:fixed;text-align:left;
}
body.sp-site.tesla-layout .compare-table-scroll tr>* {
  padding:20px 15px;border-bottom:1px solid var(--cp-rule);
  vertical-align:top;overflow-wrap:break-word;
  font-size:13px;font-weight:400;line-height:1.7;
}
body.sp-site.tesla-layout .compare-table-scroll tr>*:first-child {
  position:sticky;left:0;z-index:1;width:158px;
  background:#fff;font-weight:500;box-shadow:1px 0 var(--cp-rule);
}
body.sp-site.tesla-layout .compare-table-scroll thead tr>* {
  background:#fff;font-size:13px;font-weight:500;
}
body.sp-site.tesla-layout .compare-table-scroll td { color:#56575b; }
body.sp-site.tesla-layout .compare-table-scroll th a {
  border-bottom:1px solid #bababa;text-decoration:none;text-underline-offset:4px;
}
body.sp-site.tesla-layout .compare-table-scroll th a:hover { border-bottom-color:currentColor; }
body.sp-site.tesla-layout .compare-scroll-hint {
  display:none;margin-top:14px;color:var(--cp-muted);font-size:12px;line-height:1.6;
}

/* Individual pages: human-readable two-column notes, never a dense comparison grid. */
body.sp-site.tesla-layout .compare-fit { margin-top:8px; }
body.sp-site.tesla-layout .compare-fit .compare-takeaway {
  max-width:700px;color:var(--cp-ink);font-weight:500;
  font-size:clamp(23px,2.8vw,31px);letter-spacing:-.027em;line-height:1.48;
}
body.sp-site.tesla-layout .compare-fit-columns {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:52px;margin-top:46px;padding-top:28px;border-top:1px solid var(--cp-rule);
}
body.sp-site.tesla-layout .compare-fit-columns h3 { font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.025em; }
body.sp-site.tesla-layout .compare-fit-columns p {
  margin-top:14px;color:#54565a;font-size:14px;line-height:1.82;
}
body.sp-site.tesla-layout .compare-analysis { margin-top:110px; }
body.sp-site.tesla-layout .compare-analysis .compare-section-head { margin-bottom:28px; }
body.sp-site.tesla-layout .compare-feature-list { border-top:1px solid #bdbdbd; }
body.sp-site.tesla-layout .compare-feature { padding:34px 0 38px;border-bottom:1px solid var(--cp-rule); }
body.sp-site.tesla-layout .compare-feature h3 { font-size:21px;line-height:1.3;letter-spacing:-.02em;font-weight:500; }
body.sp-site.tesla-layout .compare-feature-columns {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:52px;margin-top:24px;
}
body.sp-site.tesla-layout .compare-feature h4 { font-size:12px;line-height:1.5;font-weight:500; }
body.sp-site.tesla-layout .compare-feature p {
  margin-top:9px;color:#57585b;font-size:14px;line-height:1.82;
}

/* Availability and source notes appear after the substance. */
body.sp-site.tesla-layout .compare-availability {
  display:grid;grid-template-columns:210px minmax(0,1fr);
  gap:42px;align-items:start;margin-top:102px;
  padding-top:28px;border-top:1px solid #bdbdbd;
}
body.sp-site.tesla-layout .compare-availability h2 { font-size:22px;max-width:200px; }
body.sp-site.tesla-layout .compare-availability p {
  margin-bottom:22px;color:#54565a;font-size:14px;line-height:1.8;
}
body.sp-site.tesla-layout .compare-availability strong {
  display:block;margin-bottom:4px;color:var(--cp-ink);font-weight:500;
}
body.sp-site.tesla-layout .compare-sources {
  margin-top:95px;padding-top:30px;border-top:1px solid var(--cp-rule);
}
body.sp-site.tesla-layout .compare-sources h2 { font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.3; }
body.sp-site.tesla-layout .compare-sources p {
  max-width:730px;margin-top:19px;color:var(--cp-muted);font-size:12px;line-height:1.85;
}
body.sp-site.tesla-layout .compare-sources ul {
  list-style:none;columns:2;column-gap:42px;margin:25px 0 0;padding:0;
}
body.sp-site.tesla-layout .compare-sources li { break-inside:avoid;margin:0 0 10px; }
body.sp-site.tesla-layout .compare-sources a {
  display:inline-block;padding:7px 0;font-size:13px;line-height:1.6;
  text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;
}
body.sp-site.tesla-layout .compare-related {
  margin-top:76px;padding-top:26px;border-top:1px solid var(--cp-rule);
}
body.sp-site.tesla-layout .compare-related h2 { font-size:19px;font-weight:500;letter-spacing:-.02em;line-height:1.4; }
body.sp-site.tesla-layout .compare-related>div { display:flex;flex-wrap:wrap;gap:8px 30px;margin-top:22px; }
body.sp-site.tesla-layout .compare-related a {
  display:inline-flex;min-height:44px;align-items:center;
  font-size:14px;text-decoration:underline;text-underline-offset:4px;
}
@media(max-width:760px){
  body.sp-site.tesla-layout .compare-page { padding:0 20px 80px; }
  body.sp-site.tesla-layout .compare-intro { padding:74px 0 54px; }
  body.sp-site.tesla-layout .compare-intro h1 { font-size:clamp(37px,8.5vw,48px); }
  body.sp-site.tesla-layout .compare-intro>p:not(.compare-date) { margin-top:22px;font-size:15px; }
  body.sp-site.tesla-layout .compare-directory { margin-top:0; }
  body.sp-site.tesla-layout .compare-platform {
    grid-template-columns:minmax(0,1fr);gap:14px;min-height:0;padding:27px 0 30px;
  }
  body.sp-site.tesla-layout .compare-platform-name h3 { font-size:24px; }
  body.sp-site.tesla-layout .compare-overview { margin-top:85px; }
  body.sp-site.tesla-layout .compare-table-scroll { width:calc(100% + 20px);margin-right:-20px; }
  body.sp-site.tesla-layout .compare-scroll-hint { display:block; }
  body.sp-site.tesla-layout .compare-fit-columns,
  body.sp-site.tesla-layout .compare-feature-columns { grid-template-columns:minmax(0,1fr);gap:26px; }
  body.sp-site.tesla-layout .compare-fit-columns { margin-top:32px; }
  body.sp-site.tesla-layout .compare-analysis { margin-top:78px; }
  body.sp-site.tesla-layout .compare-feature { padding:28px 0 30px; }
  body.sp-site.tesla-layout .compare-feature-columns { margin-top:18px; }
  body.sp-site.tesla-layout .compare-availability { grid-template-columns:minmax(0,1fr);gap:22px;margin-top:80px; }
  body.sp-site.tesla-layout .compare-sources { margin-top:76px; }
  body.sp-site.tesla-layout .compare-sources ul { columns:1; }
  body.sp-site.tesla-layout .compare-related { margin-top:70px; }
}
@media print{
  body.sp-site.tesla-layout .compare-page { padding-bottom:0; }
  body.sp-site.tesla-layout .compare-intro { padding-top:38px; }
  body.sp-site.tesla-layout .compare-table-scroll { overflow:visible; }
  body.sp-site.tesla-layout .compare-table-scroll table { min-width:0; }
  body.sp-site.tesla-layout .compare-feature,
  body.sp-site.tesla-layout .compare-fit-columns { break-inside:avoid; }
}