:root { --legal-width: 900px; }
body { background: var(--bg); }
main { width: min(calc(100% - 40px), var(--legal-width)); margin: 0 auto; padding: 36px 0 96px; }
.back { display: inline-flex; align-items: center; min-height: 42px; margin: 0 0 74px; color: var(--ink); text-decoration: none; font-family: var(--mono); font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; }
.back:hover { color: var(--signal-deep); }
main h1 { max-width: 760px; margin-bottom: 15px; font-size: clamp(2.8rem, 4.8vw, 4.6rem); text-wrap: balance; }
.meta { margin-bottom: 56px; padding-bottom: 22px; border-bottom: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: .72rem; }
main h2 { margin: 62px 0 18px; padding-top: 20px; border-top: 1px solid var(--line); font-size: clamp(1.55rem, 3vw, 2.35rem); }
main p, main li { font-size: 1rem; line-height: 1.75; }
main p { max-width: 810px; }
main ul, main ol { padding-left: 1.3em; }
main li + li { margin-top: 8px; }
main a { color: var(--signal-deep); }
main code { font-family: var(--mono); font-size: .86em; }
main table { width: 100%; margin: 26px 0 38px; border-collapse: collapse; background: var(--paper); font-size: .9rem; }
main th, main td { padding: 14px 15px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
main th { background: #e5ece9; font-family: var(--mono); font-size: .7rem; letter-spacing: .04em; text-transform: uppercase; }
.note, .warn { margin: 32px 0; padding: 24px 26px; border: 0; border-left: 4px solid var(--signal); border-radius: 0; background: var(--panel); color: #d9e7e2; }
.warn { border-left-color: var(--warn); background: #fff5de; color: #4d3b16; }
.note a, .warn a { color: inherit; }
main footer { margin-top: 74px; padding-top: 22px; border-top: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: .72rem; }
@media (max-width: 640px) {
  main { width: min(calc(100% - 28px), var(--legal-width)); padding-top: 20px; }
  .back { margin-bottom: 54px; }
  main table { display: block; overflow-x: auto; }
  main th, main td { min-width: 150px; }
}