@layer base, components, overrides;

@layer base{
  [hidden]{ display:none !important; }
  *,*::before,*::after{ box-sizing:border-box; }
  html,body{ height:100%; margin:0; padding:0; overflow-x:hidden; }
  .page-wrapper{ display:flex; flex-direction:column; min-height:100vh; }
  main{ flex:1; }
  body{ background:var(--bg-dark); color:var(--text-light); font-family:"Segoe UI",sans-serif; }
}