/* Shared mobile tweaks: the design uses inline styles, so these override with !important on small screens. */
html{-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
img,svg{max-width:100%}
pre{max-width:100%}
@media (max-width:760px){
  h1{font-size:40px!important;line-height:1.1!important}
  h2{font-size:32px!important;line-height:1.15!important}
  [style*="padding: 120px 32px 160px"]{padding:72px 20px 110px!important}
  [style*="padding: 120px 32px"]{padding:72px 20px!important}
  [style*="padding: 14px 32px"],[style*="padding: 18px 32px"],[style*="padding: 20px 32px"],[style*="padding: 22px 32px"]{padding-left:20px!important;padding-right:20px!important}
  [style*="padding: 72px 32px 96px"]{padding:48px 20px 72px!important}
  [style*="padding: 0 32px 72px"],[style*="padding: 0 32px 64px"],[style*="padding: 40px 32px"]{padding-left:16px!important;padding-right:16px!important}
  [style*="padding: 64px"]{padding:32px 22px!important}
  [style*="padding: 48px"],[style*="padding: 44px"]{padding:28px 20px!important}
  [style*="gap: 64px"]{gap:40px!important}
  nav[aria-label="Main"]{gap:14px 18px!important}
  pre{font-size:12px!important;padding:18px!important}
}
/* "Back to MAR1 AURA" pill on demo pages */
.demo-back{position:fixed;left:16px;bottom:16px;z-index:50;background:#0A1A2F;color:#F7F4EE!important;text-decoration:none;font:600 13px/1 Inter,system-ui,sans-serif;padding:12px 16px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.3);border:1px solid #C9A66B}
.demo-back span{color:#C9A66B}