html,body{ height:100%; }

body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  font-size:16px;
  line-height:1.6;
}

/* Background layer behind everything */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

a{ text-decoration:none; }
a:hover{ text-decoration:underline; }

h1,h2,h3{ line-height:1.25; margin:0 0 10px; }
h1{ font-size:1.6rem; }
h2{ font-size:1.25rem; }
h3{ font-size:1.1rem; }

.container{ max-width:var(--maxw); margin:0 auto; padding:24px 16px; }
.section{ margin-top:18px; }

/* Scroll handling */
html{ overflow-y:hidden; overflow-x:hidden; }
body{ overflow-y:auto; overflow-x:hidden; }

/* Scrollbar */
body{ scrollbar-width: thin; }
body::-webkit-scrollbar{ width: 8px; }
body::-webkit-scrollbar-thumb{ border-radius: 999px; }

/* Focus ring */
:focus-visible{
  outline: none;
  border-radius: 8px;
}