/* ==== LESS FLUX RESET CSS (improved sizing) ==== */

/* 1. Set box-sizing globally */
*, *::before, *::after {
    box-sizing: border-box;
  }
  
  /* 2. Set a better root font-size (10px = 1rem) */
  html {
    font-size: 62.5%; /* 1rem = 10px, easier to calculate spacing */
  }
  
  /* 3. Remove default margins */
  body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
    margin: 0;
  }
  
  /* 4. Remove list styles */
  ul[role='list'], ol[role='list'], ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  /* 5. Scroll behavior */
  html:focus-within {
    scroll-behavior: smooth;
  }
  
  /* 6. Core body setup */
  body {
    min-height: 100vh;
    line-height: 1.6;
    text-rendering: optimizeSpeed;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    font-size: 1.6rem; /* 16px */
    background-color: #ffffff;
  }
  
  /* 7. Media and images */
  img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
    height: auto;
  }
  
  /* 8. Forms reset */
  input, button, textarea, select {
    font: inherit;
    background: none;
    border: none;
    outline: none;
  }
  
  /* 9. Prevent overflow issues */
  p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
  }
  
  /* 10. Create a root stacking context */
  #root, #app {
    isolation: isolate;
  }