:root {
  color-scheme: light;
  --bg: #111716;
  --text: #edf0e8;
  --muted: #aeb8b1;
  --accent: #c8e7b8;
  --paper: #f7f5ef;
  --ink: #202321;
  --ink-muted: #686c67;
  --line: #dcded4;
  --link: #285c42;
  --focus: #267448;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 24px; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.75 var(--font); -webkit-font-smoothing: antialiased; }
a { color: var(--link); text-underline-offset: 4px; overflow-wrap: anywhere; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 3px solid var(--focus); outline-offset: 5px; }
.skip-link { position: absolute; left: 16px; top: -80px; padding: 12px; background: var(--paper); z-index: 1; }
.skip-link:focus { top: 12px; }
.site-header { background: var(--bg); color: var(--text); }
.header-inner { max-width: 1120px; padding: 20px 32px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-header a { color: var(--text); min-height: 44px; display: inline-flex; align-items: center; }
.site-header a:focus-visible { outline-color: var(--accent); }
.brand { font-size: 26px; font-weight: 600; letter-spacing: -.05em; text-decoration: none; }
.brand span { color: var(--accent); }
.home-link { font-size: 14px; }
main { max-width: 856px; padding: 56px 32px 48px; margin: auto; }
.eyebrow { margin: 0 0 20px; color: var(--ink-muted); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
h1 { max-width: 760px; margin: 0 0 24px; font-size: clamp(32px, 4.2vw, 48px); font-weight: 550; letter-spacing: -.035em; line-height: 1.15; text-wrap: balance; }
h2 { margin: 44px 0 16px; padding-top: 28px; border-top: 1px solid var(--line); font-size: 24px; font-weight: 600; line-height: 1.35; }
p { margin: 0 0 20px; }
article > p:nth-of-type(1) { font-size: 19px; }
article > p:nth-of-type(2) { color: var(--ink-muted); font-size: 14px; }
ul, ol { padding-left: 24px; margin: 20px 0; }
li { padding-left: 4px; margin: 12px 0; }
table { width: 100%; border-collapse: collapse; margin: 24px 0; table-layout: fixed; font-size: 16px; }
th, td { padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
thead th { font-size: 12px; color: var(--ink-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; border-top: 1px solid var(--line); }
th:first-child, td:first-child { width: 34%; }
tbody th { font-weight: 500; }
article > p:last-child { margin-top: 32px; color: var(--ink-muted); font-size: 14px; }
.site-footer { max-width: 792px; padding: 24px 0 40px; margin: 0 auto; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 20px; font-size: 13px; color: var(--ink-muted); }
.site-footer a { min-height: 44px; display: inline-flex; align-items: center; }
@media (max-width: 880px) { .site-footer { margin-inline: 32px; } }
@media (max-width: 600px) {
  body { font-size: 16px; }
  .header-inner { padding: 12px 20px; }
  main { padding: 36px 20px; }
  h2 { font-size: 22px; margin-top: 32px; padding-top: 24px; }
  th, td { padding: 12px 8px; font-size: 14px; }
  th:first-child, td:first-child { width: 38%; }
  .site-footer { margin-inline: 20px; flex-wrap: wrap; }
}
@media print {
  .site-header, .skip-link, .site-footer, .eyebrow { display: none; }
  body { background: white; color: black; font-size: 11pt; }
  main { max-width: none; padding: 0; }
  h1 { font-size: 24pt; }
  h2 { break-after: avoid; font-size: 15pt; margin-top: 20px; padding-top: 16px; }
  tr { break-inside: avoid; }
  a { color: inherit; }
}