/* Mobile projection axes, shared by every appearance. */
@layer mobile-projection-axes {
 @media (max-width:760px) {
  #profile-section .my-plan-projection-chart-panel .profile-chart-graph { height:230px !important; background:transparent !important; border:0 !important; }
  #profile-section .my-plan-projection-chart-panel .profile-chart-axis { display:none !important; }
  #profile-section .mobile-projection-axes text { fill:#c9d0da !important; font:10px system-ui,sans-serif !important; stroke:none !important; }
  #profile-section .mobile-projection-axes line { stroke:#2b353c !important; stroke-width:0.7 !important; }
  html[data-appearance="light"] #profile-section .mobile-projection-axes text { fill:#526b88 !important; }
  html[data-appearance="light"] #profile-section .mobile-projection-axes line { stroke:#dce6ef !important; }
  html[data-theme="warm-oak"] #profile-section .mobile-projection-axes text { fill:#685747 !important; }
  html[data-theme="warm-oak"] #profile-section .mobile-projection-axes line { stroke:#d8c8b1 !important; }
 }
}