@layer base{*,*::before,*::after{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-text);font-size:clamp(15px, 1vw + 0.6rem, 18px);scroll-behavior:smooth}body{margin:0;background:var(--surface-0)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-heading);line-height:1.2;margin:0 0 var(--space-3)}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5{font-size:var(--fs-md)}h6{font-size:var(--fs-sm)}p,ul,ol{margin:0 0 var(--space-3);line-height:1.6}ul[role="list"],ol[role="list"]{list-style:none;padding:0}a{color:var(--color-brand);text-underline-offset:2px;text-decoration-thickness:.08em;transition:color .2s}a:hover{color:var(--color-heading)}a:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}svg,video{max-width:100%;height:auto;display:block}}