* {
  margin:0;
  padding:0
}
.container {
  max-width:700px;
  margin:0 auto;
  padding:80px 28px 72px
}
body {
  line-height:1.8;
  font-size:15px;
  color:var(--secondary)
}
.back {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--accent);
  text-decoration:none;
  font-size:13px;
  margin-bottom:32px
}
h1 {
  font-size:40px;
  font-weight:650;
  letter-spacing:-.04em;
  color:var(--text);
  line-height:1.2;
  margin-bottom:12px
}
.updated {
  font-size:12px;
  color:var(--tertiary);
  margin-bottom:36px
}
h2 {
  font-size:19px;
  letter-spacing:-.025em;
  font-weight:600;
  color:var(--text);
  margin-top:32px;
  margin-bottom:12px
}
p {
  margin-bottom:16px
}
ul {
  margin-bottom:16px;
  padding-left:22px
}
li {
  margin-bottom:6px
}
a {
  color:var(--accent);
  text-underline-offset:4px
}
strong {
  color:var(--text)
}
@media(max-width:480px) {
  .container {
    padding:76px 24px 48px
  }
  h1 {
    font-size:34px
  }
}
table {
  width:100%;
  border-collapse:collapse;
  margin:20px 0 28px;
  font-size:14px;
  text-align:left;
  overflow-wrap:anywhere
}
th {
  font-weight:600;
  color:var(--text);
  background:var(--surface)
}
td,th {
  vertical-align:top;
  padding:12px;
  border-bottom:1px solid var(--border)
}
td:first-child {
  width:28%
}
h3 {
  font-size:16px;
  color:var(--text);
  margin:24px 0 12px
}
.tldr-box {
  padding:24px;
  border:1px solid var(--border);
  border-radius:24px;
  background:var(--surface);
  margin:28px 0
}
.tldr-box h2 {
  margin-top:0
}
.tldr-note {
  font-size:12px;
  color:var(--tertiary);
  margin-bottom:0
}
.tldr {
  border-left:2px solid var(--accent);
  padding-left:16px
}
a {
  overflow-wrap:anywhere
}
@media(max-width:480px) {
  td,th {
    padding:10px 8px;
    font-size:13px
  }
  .tldr-box {
    padding:20px
  }
}