* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  background:var(--canvas);
  color:var(--ink);
  font:15px/1.6 var(--font);
  -webkit-font-smoothing:antialiased
}
a {
  color:var(--brand);
  text-decoration:none
}
a:hover {
  text-decoration:underline
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2,h3 {
  line-height:1.16;
  letter-spacing:-.035em
}
h1 {
  font-size:clamp(32px,4vw,50px);
  font-weight:730;
  margin-bottom:18px
}
h2 {
  font-size:25px;
  font-weight:650
}
h3 {
  font-size:18px;
  font-weight:650
}
p {
  margin-bottom:16px
}
button,input,select,textarea {
  font:inherit
}
button,a,input,select,textarea {
  touch-action:manipulation
}
button {
  cursor:pointer
}
button:disabled {
  cursor:not-allowed;
  opacity:.6
}
input,select,textarea {
  width:100%;
  padding:11px 13px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:var(--surface);
  color:var(--ink)
}
input[type=checkbox] {
  width:auto;
  accent-color:var(--brand)
}
input[type=color] {
  max-width:120px;
  min-height:46px
}
select[multiple] {
  min-height:100px
}
textarea {
  min-height:100px;
  resize:vertical
}
label {
  display:block;
  font-weight:600;
  margin-bottom:6px
}
input[type=checkbox]+label {
  display:inline
}
*:focus-visible {
  outline:3px solid var(--brand);
  outline-offset:4px
}
::selection {
  background:#cddfff
}
ul {
  padding-left:20px
}
small,.tiny {
  font-size:12px
}
.muted {
  color:var(--muted)
}
.skip {
  position:absolute;
  left:16px;
  top:-80px;
  z-index:10;
  background:white;
  padding:12px
}
.skip:focus {
  top:12px
}
.eyebrow {
  font-size:11px;
  letter-spacing:.16em;
  font-weight:750;
  color:var(--brand);
  margin-bottom:14px
}
.lead {
  font-size:17px;
  color:var(--muted);
  max-width:550px
}
.breadcrumb {
  display:inline-block;
  color:var(--muted);
  font-size:13px;
  margin-bottom:26px
}
.helptext {
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:5px
}
.errorlist {
  color:var(--down);
  font-size:14px
}
.section {
  margin-top:40px
}
table {
  border-collapse:collapse;
  width:100%
}
th,td {
  text-align:left;
  padding:14px;
  border-bottom:1px solid var(--border)
}
th {
  font-size:12px;
  color:var(--muted);
  font-weight:600
}
.table-scroll {
  overflow-x:auto
}
code {
  font-size:13px;
  background:var(--unknown-bg);
  padding:2px 5px;
  border-radius:4px
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important
  }
}