/* AutoPilot V26.69 — focused usability pass for Profile and Calculator. */

/* Both pages use the same width, title rhythm and safe overflow rules. */
body.page-profile-v2659,
body.page-calculator-v2586{overflow-x:clip}
body.page-profile-v2659 :where(main,section,article,form,div),
body.page-calculator-v2586 :where(main,section,article,form,div){min-width:0}

.profile-hero-v2659 h1,
body.page-calculator-v2586 #calculator h2{
  font:800 46px/1.08 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:-1.5px!important;
  overflow-wrap:anywhere;
}
.profile-section-head-v2659 h2{
  font:800 30px/1.12 Manrope,Inter,Arial,sans-serif!important;
  letter-spacing:-.7px!important;
}

/* Calculator: compact composition, consistent controls and no dead vertical area. */
body.page-calculator-v2586 #calculator.section{
  padding-top:46px!important;
  padding-bottom:58px!important;
}
body.page-calculator-v2586 #calculator .calc-grid{
  grid-template-columns:minmax(0,.82fr) minmax(470px,1.18fr)!important;
  gap:42px!important;
  align-items:start!important;
  min-height:0!important;
}
body.page-calculator-v2586 #calculator .calc-grid>div:first-child{
  max-width:510px!important;
  padding-top:6px!important;
}
body.page-calculator-v2586 #calculator .eyebrow{margin:0 0 10px!important}
body.page-calculator-v2586 #calculator .section-lead{
  max-width:500px!important;
  margin:12px 0 0!important;
  color:#9aa5ab!important;
  font-size:14px!important;
  line-height:1.65!important;
}
body.page-calculator-v2586 #calculator .calculator{
  width:100%;
  max-width:none!important;
  padding:20px!important;
  gap:13px 12px!important;
  border-radius:15px!important;
}
body.page-calculator-v2586 #calculator .calculator label{gap:7px!important}
body.page-calculator-v2586 #calculator .calculator input,
body.page-calculator-v2586 #calculator .calculator select{
  height:48px!important;
  min-height:48px!important;
  padding-inline:13px!important;
}
body.page-calculator-v2586 #calculator #calcBtn{
  min-height:48px!important;
  margin-top:1px!important;
}
body.page-calculator-v2586 #calculator .calc-result{
  min-height:70px!important;
  margin:0!important;
  padding:14px 16px!important;
}
body.page-calculator-v2586 #calculator .fuel-live-status{
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
  margin:0!important;
  overflow-wrap:anywhere;
}
body.page-calculator-v2586 #calculator .fuel-live-status a{margin-left:auto;white-space:nowrap}

/* Keep the accessibility link off-canvas until it receives keyboard focus. */
body.page-calculator-v2586 .skip-link-v251:not(:focus):not(:focus-visible){
  position:fixed!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Profile: denser hero, stable tabs and one spacing system. */
.profile-page-v2659{padding-top:22px!important;padding-bottom:54px!important}
.profile-hero-v2659{
  align-items:center!important;
  gap:28px!important;
  padding:18px 0 22px!important;
}
.profile-hero-v2659 p{margin-top:9px!important;line-height:1.6!important}
.profile-local-note-v2659{flex-basis:310px!important;padding:13px 15px!important}
.profile-tabs-v2659{
  top:76px!important;
  gap:8px!important;
  margin-bottom:22px!important;
  padding:10px 0!important;
  overscroll-behavior-inline:contain;
}
.profile-tabs-v2659 button{min-height:44px!important;padding-inline:16px!important}
.profile-panel-v2659{scroll-margin-top:140px}
.profile-section-head-v2659{gap:16px!important;margin-bottom:15px!important}
.profile-section-head-v2659 p{max-width:680px;margin-top:5px!important}
.profile-section-head-v2659>button{min-height:44px!important}
.profile-subhead-v2659{margin-top:28px!important}
.profile-stats-v2659{margin-bottom:14px!important}
.profile-stats-v2659>a,
.profile-stats-v2659>button{min-height:92px;padding:15px!important}
.profile-callout-v2659{display:flex;flex-direction:column;align-items:flex-start}
.profile-callout-v2659 p{flex:1}
.profile-callout-v2659 button{min-height:44px!important}

/* Forms and cards never push beyond their grid or viewport. */
.garage-form-v2659,
.garage-service-v2665,
.profile-settings-card-v2659,
.profile-import-preview-v2668{max-width:100%;overflow:hidden}
.garage-selector-v2659,
.garage-custom-fields-v2665,
.garage-common-fields-v2665,
.garage-service-form-v2665,
.profile-settings-grid-v2659,
.profile-import-summary-v2668{min-width:0}
.garage-selector-v2659 :where(input,select,textarea),
.garage-service-form-v2665 :where(input,select),
.profile-settings-card-v2659 input{max-width:100%}
.garage-form-actions-v2659 button,
.garage-service-actions-v2665 button,
.garage-photo-actions-v2668 :where(label,button),
.profile-data-actions-v2668 :where(button,label),
.profile-import-actions-v2668 button{min-height:44px!important}
.garage-card-actions-v2659 a,
.garage-card-actions-v2659 button{min-height:42px!important}
.garage-card-body-v2659 :where(h3,p),
.profile-settings-card-v2659 :where(h3,p),
.profile-import-preview-v2668 :where(h4,p){overflow-wrap:anywhere}
.profile-settings-card-v2659{display:flex;flex-direction:column}
.profile-settings-card-v2659>p{margin-bottom:14px!important}
.profile-future-card-v2659{justify-content:center}

@media(max-width:1000px){
  body.page-calculator-v2586 #calculator .calc-grid{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  body.page-calculator-v2586 #calculator .calc-grid>div:first-child,
  body.page-calculator-v2586 #calculator .calculator{max-width:720px!important}
}

@media(max-width:820px){
  .profile-tabs-v2659{top:65px!important}
}

@media(max-width:760px){
  .profile-hero-v2659 h1,
  body.page-calculator-v2586 #calculator h2{
    font-size:36px!important;
    line-height:1.1!important;
    letter-spacing:-1px!important;
  }
  .profile-section-head-v2659 h2{font-size:27px!important}
  body.page-calculator-v2586 #calculator.section{
    padding-top:30px!important;
    padding-bottom:42px!important;
  }
  body.page-calculator-v2586 #calculator .calculator{
    grid-template-columns:1fr!important;
    padding:16px!important;
  }
  body.page-calculator-v2586 #calculator .calculator :where(label,#calcBtn,.calc-result,.fuel-live-status){grid-column:1!important}
  body.page-calculator-v2586 #calculator .calculator input,
  body.page-calculator-v2586 #calculator .calculator select,
  .garage-selector-v2659 :where(input,select,textarea),
  .garage-service-form-v2665 :where(input,select),
  .profile-settings-card-v2659 input{font-size:16px!important}
  body.page-calculator-v2586 #calculator .fuel-live-status a{margin-left:0}

  .profile-page-v2659{padding-top:12px!important;padding-bottom:42px!important}
  .profile-hero-v2659{gap:14px!important;padding:14px 0 18px!important}
  .profile-local-note-v2659{width:100%;padding:12px 13px!important}
  .profile-tabs-v2659{margin-inline:-12px;padding-inline:12px!important}
  .profile-section-head-v2659{gap:12px!important}
  .profile-section-head-v2659>button{width:100%}
  .profile-stats-v2659>a,
  .profile-stats-v2659>button{min-height:84px;padding:13px!important}
  .garage-form-v2659,.garage-service-v2665{padding:15px!important}
}

@media(max-width:560px){
  .profile-stats-v2659{gap:8px!important}
  .profile-overview-grid-v2659,
  .profile-settings-grid-v2659,
  .garage-grid-v2659,
  .profile-recent-grid-v2659,
  .garage-selector-v2659,
  .garage-custom-fields-v2665,
  .garage-common-fields-v2665,
  .garage-service-form-v2665,
  .garage-service-summary-v2665{grid-template-columns:1fr!important}
  .garage-note-field-v2659,
  .garage-service-description-v2665{grid-column:auto!important}
  .garage-form-head-v2659{gap:12px!important}
  .garage-form-actions-v2659,
  .garage-service-actions-v2665{display:grid!important;grid-template-columns:1fr!important}
  .garage-form-actions-v2659 button,
  .garage-service-actions-v2665 button{width:100%}
  .garage-photo-preview-v2668{width:100%;max-width:none!important}
  .profile-import-summary-v2668{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}