/* 既存CSSより前で読み込む。低い詳細度 + カスケードレイヤー */
@layer reset {
  *,*::before,*::after {
    box-sizing: border-box;
  }

  :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd) { 
    margin: 0; 
  }

  img,svg,video,canvas,picture { 
    display:block; 
    max-width:100%; 
    height:auto; 
  }

  :where(button,input,select,textarea) {
     font: inherit; 
     color: inherit; 
  }

  table { 
    border-collapse: collapse; 
    border-spacing: 0; 
  }

  a { 
    color: inherit; 
    text-decoration-thickness: from-font; 
  }

  html,body { 
    min-height: 100%;
  }

  body { 
    line-height: 1.5; 
    -webkit-text-size-adjust: 100%; 
    text-rendering: optimizeLegibility; 
  }
}