/* Shared outline language; existing product marks and task layouts retain their own scale. */
body.tesla-layout .site-glyph{display:inline-block;flex:0 0 auto;width:24px;height:24px;vertical-align:middle;color:currentColor}
body.tesla-layout .site-search .site-glyph{width:20px;height:20px}
body.tesla-layout .header-dropdown-link-copy:has(>.site-glyph){display:grid!important;grid-template-columns:24px minmax(0,1fr);column-gap:12px;align-items:center}
body.tesla-layout .header-dropdown-link-copy>.site-glyph{grid-column:1;grid-row:1 / 3;color:#626262}
body.tesla-layout .header-dropdown-link-copy:has(>.site-glyph)>:is(span,small){grid-column:2}
body.tesla-layout .global-menu-panel:not([data-menu-panel="tools"]) .global-menu-links>a{justify-content:flex-start;gap:16px}
body.tesla-layout .global-menu-links .site-glyph{color:#626262}
body.tesla-layout .sp-sector-card h3{display:flex;align-items:center;gap:12px}
body.tesla-layout :is(.sector-tool-card,.metricon-live-card,.checkmate-tool-card)>.site-glyph{margin-bottom:16px;color:#626262}
body.tesla-layout .sector-tool-action{display:inline-flex;align-items:center;gap:8px}
body.tesla-layout .sector-tool-action .site-glyph{width:16px;height:16px}
body.sp-site.tesla-layout :is(.sector-tool-card,.metricon-live-card,.checkmate-tool-card,.support-card,.guide-library-card,.home-problem-card){transition:background-color .22s ease,border-color .22s ease;transform:none!important}
body.sp-site.tesla-layout :is(.sector-tool-card,.metricon-live-card,.checkmate-tool-card):focus-visible{outline:2px solid #626262!important;outline-offset:4px}
body.sp-site.tesla-layout :is(.header-dropdown-link,.global-menu-links>a,.landing-task-nav a,.metricon-category-filter){transition:background-color .2s ease,color .2s ease}
body.sp-site.tesla-layout :is(.bento-slider-controls,.metricon-slider-controls)>button{min-width:44px;min-height:44px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body.sp-site.tesla-layout :is(.sector-tool-card,.metricon-live-card,.checkmate-tool-card,.support-card,.guide-library-card,.home-problem-card):hover{background-color:#f2f2f2!important;border-color:#dedede}
  body.tesla-layout .sector-tool-action .site-glyph{transition:transform .22s ease}
  body.tesla-layout .sector-tool-card:hover .sector-tool-action .site-glyph{transform:translateX(3px)}
  /* Ease the fill back out when leaving a CTA, as well as when entering. */
  body.sp-site.tesla-layout :is(.page-hero-actions a,.subpage-hero-cta,.business-action,.hero-actions a,.primary-cta,.btn-primary,.button-primary,button[type="submit"]):not(:disabled):not([aria-disabled="true"]):not(:focus-visible){transition:background-size .4s cubic-bezier(.2,.8,.2,1)!important}
}
@media(max-width:600px){
  body.tesla-layout :is(.sector-tool-card,.metricon-live-card,.checkmate-tool-card)>.site-glyph{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  body.sp-site.tesla-layout :is(.page-hero-actions a,.subpage-hero-cta,.business-action,.hero-actions a,.primary-cta,.btn-primary,.button-primary,button[type="submit"]):not(:disabled):not([aria-disabled="true"]):hover{transition:none!important}
  body.sp-site.tesla-layout :is(a,button,summary,.site-glyph){transition:none!important}
  body.tesla-layout .sector-tool-card:hover .sector-tool-action .site-glyph{transform:none}
}
@media(forced-colors:active){
  body.tesla-layout .site-glyph{color:inherit}
}

@media(min-width:761px){body.sp-site.tesla-layout .bento-track.sector-native-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto}}

/* Photo motion stays inside the frame; labels and surrounding layout stay still. */
body.sp-site.tesla-layout.public-home .sp-sector-card>.site-art{overflow:hidden}
body.sp-site.tesla-layout.public-home .sp-sector-card>.site-art img{transform:none!important;transition:none}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  body.sp-site.tesla-layout.public-home .sp-sector-card>.site-art img{transition:transform 1s cubic-bezier(0,0,.2,1)!important}
  body.sp-site.tesla-layout.public-home .sp-sector-card:is(:hover,:focus-visible)>.site-art img{transform:scale(1.05)!important}
}