:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  color: #172033;
  background: #f4f7fa;
}

* { box-sizing: border-box; }

body {
  max-width: 900px;
  margin: 0 auto;
  padding: 32px 24px 64px;
}

header, #content { min-width: 0; }

h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); line-height: 1.15; }
h2 { font-size: 1.4rem; margin-top: 2.3rem; }
h3 { font-size: 1.1rem; margin-top: 1.7rem; }
h4 { font-size: 1rem; margin-top: 1.4rem; }
h1, h2, h3, h4 { line-height: 1.3; }

a { color: #1d4ed8; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid #93c5fd; outline-offset: 3px; }

li { margin: 0.4rem 0; }
p, li { max-width: 80ch; }

#content {
  padding: 28px 34px 40px;
  background: #fff;
  border: 1px solid #d9e0e8;
}

#table-of-contents {
  margin: 2rem 0;
  padding: 1rem 1.5rem;
  background: #f4f7fa;
}

#table-of-contents h2 { margin: 0 0 0.5rem; font-size: 1.1rem; }
#table-of-contents ul { margin: 0.3rem 0; }

.tag { display: none; }

@media (max-width: 640px) {
  body { padding: 0; }
  #content { padding: 22px 18px 36px; border: 0; }
}