:root { --ui-band:#2d2f30; --ui-inverse:#ffffff; --ui-background:#161819; --ui-ink:#d8dee6; --ui-line:#333638; --ui-a:#7be237; --ui-grey:#94999e; --ui-surface:#282a2a }
*, *::before, *::after { box-sizing:border-box }
body { margin:0; font-family:Cambria, Georgia, serif; font-size:15px; line-height:1.55; color:var(--ui-ink); background:var(--ui-background); overflow-wrap:break-word }
h1, h2, h3, h4 { font-family:Consolas, "Courier New", monospace; line-height:1.2; margin:1.2em 0 .5em; font-weight:700 }
h1 { font-size:33px }
h2 { font-size:27px }
h3 { font-size:22px }
a:hover { text-decoration:underline }
a { color:var(--ui-a); text-decoration:none }
img { max-width:100%; height:auto }
img { vertical-align:middle }
p { margin:0 0 .9em }
.utility { max-width:680px; margin:24px auto; padding:0 16px; text-align:center }
.statement { font-size:43px; line-height:1.1; margin:32px 0 16px; max-width:16em }
.links { list-style:none; padding:0; margin:16px 0; font-size:17px }
.links li { margin:0 0 4px }
.dropzone { border:2px dashed var(--ui-line); padding:40px 16px; margin:16px 0; border-radius:0; color:var(--ui-grey) }
.area-eyebrow { font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--ui-grey); margin:0 0 3px }
.list { list-style:none; padding:0; margin:0 }
.list li { padding:8px 0; border-bottom:1px solid var(--ui-line) }
.area { padding:40px 0 }
.wrap { max-width:1080px; margin:0 auto; padding:0 16px }
.header-holder { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center }
.header-holder > * { min-width:0 }
.identity-img { display:block; height:48px; width:auto; max-width:100% }
.identity { display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:inherit; max-width:100% }
.identity > * { min-width:0 }
.identity-tag { margin:0; opacity:.8; font-size:14px }
body>header nav { margin:4px 0 }
body>header nav a[aria-current] { font-weight:bold }
body>header { padding:12px 0; background:var(--ui-surface); border-bottom:1px solid var(--ui-line) }
body>footer { padding:20px 0 16px; font-size:14px; color:var(--ui-grey); border-top:1px solid var(--ui-line); margin-top:24px }
.colophon-who { opacity:.75 }
.colophon-set { display:flex; flex-wrap:wrap; gap:4px 16px; justify-content:center }
.colophon-set > * { min-width:0 }
.pageintro a:not(.button):not(.button-light) { color:var(--ui-inverse) }
.pageintro { padding:24px 0 16px; background:var(--ui-band); color:var(--ui-inverse) }
.pageintro h1 { margin:0 }
.qa details { border-bottom:1px solid var(--ui-line); padding:8px 0 }
.qa details summary { cursor:pointer; font-weight:bold }
.qa details p { margin:6px 0 0 }
.big404 { font-size:66px; font-weight:bold; margin:0; color:#395f24; line-height:1 }
@media (max-width: 640px) {
h1 { font-size:24px }
h2 { font-size:26px }
.statement { font-size:24px }
}