@layer reset {
  *,*::before,*::after{ box-sizing:border-box }
  html:focus-within{ scroll-behavior:smooth }
  body{
    margin:0; background:var(--bg); color:var(--ink-1);
    font:400 var(--fs-300,16px)/var(--lh-regular,1.5) var(--font-body);
  }
  img,svg,video,canvas{ display:block; max-inline-size:100%; block-size:auto }
  button,input,select,textarea{ font:inherit; color:inherit; background:transparent; border:none }
  a{ color:inherit; text-decoration:none }
  :where(a,button,[role="button"],[tabindex]):focus-visible{ outline:2px solid var(--brand); outline-offset:2px }
  .o-container{ inline-size:min(1200px,100% - 6vw); margin-inline:auto; container-type:inline-size; container-name:page }
  .u-flow > * + * { margin-block-start: var(--space-400,16px); }
}