*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-lh);font-weight:var(--weight-text);letter-spacing:var(--tracking);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}
a{color:var(--text-body);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-control)}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
::selection{background:var(--color-ink);color:var(--color-on-primary)}

.t-display{font-size:var(--type-display-size);line-height:var(--type-display-lh);font-weight:var(--weight-heading)}
.t-h1{font-size:var(--type-h1-size);line-height:var(--type-h1-lh);font-weight:var(--weight-heading)}
.t-h2{font-size:var(--type-h2-size);line-height:var(--type-h2-lh);font-weight:var(--weight-heading)}
.t-h3{font-size:var(--type-h3-size);line-height:var(--type-h3-lh);font-weight:var(--weight-heading)}
.t-h4{font-size:var(--type-h4-size);line-height:var(--type-h4-lh);font-weight:var(--weight-heading)}
.t-title{font-size:var(--type-title-size);line-height:var(--type-title-lh);font-weight:var(--weight-title)}
.t-lead{font-size:var(--type-lead-size);line-height:var(--type-lead-lh);font-weight:var(--weight-light)}
.t-body{font-size:var(--type-body-size);line-height:var(--type-body-lh);font-weight:var(--weight-text)}
.t-body-sm{font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lh);font-weight:var(--weight-text)}
.t-link{font-size:var(--type-link-size);line-height:var(--type-link-lh);font-weight:var(--weight-title)}
.t-label{font-size:var(--type-label-size);line-height:var(--type-label-lh);font-weight:var(--weight-title)}
.t-caption{font-size:var(--type-caption-size);line-height:var(--type-caption-lh);font-weight:var(--weight-text)}
.t-muted{color:var(--text-muted)}
.t-faint{color:var(--text-faint)}

.i3-container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter)}
.i3-section{padding:var(--space-section) 0}
.i3-section--lg{padding:var(--space-section-lg) 0}
.i3-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
