html { color-scheme: light; background: white; color: black; font: 16px/1.3 "Times New Roman", Times, serif; }
body { margin: 8px; }
a { color: #0000cc; } a:visited { color: #000066; }
.band { min-height: 24px; box-sizing: border-box; background: #003399; color: white; padding: 2px 8px; }
.band a, .band a:visited { color: white; font-weight: bold; }
h1 { font-size: 2rem; margin: .45em 0 .3em; }
h2 { font-size: 1.25rem; margin: 1em 0 .35em; }
p { margin: .65em 0; max-width: 100ch; }
ul, ol { margin: .4em 0; padding-left: 2em; }
li { margin: .15em 0; }
nav { line-height: 1.6; }
hr { border: 0; border-top: 1px solid #999; margin: .65em 0; }
pre { max-width: 100%; box-sizing: border-box; overflow-x: auto; padding: .65em; background: #f3f3f3; border-left: 2px solid #999; }
code { font: .9em/1.45 monospace; }
.notice { border-left: 2px solid #003399; padding-left: .6em; }
label[for="note"], label[for="text"] { display: block; font-weight: bold; margin: 1em 0 .35em; }
textarea { display: block; box-sizing: border-box; width: 100%; max-width: 100ch; resize: vertical; font: 1rem/1.35 monospace; padding: .4em; border: 1px solid #777; }
button, input { font: inherit; max-width: 100%; box-sizing: border-box; }
button { cursor: pointer; }
.search { margin: .8em 0; line-height: 1.8; }
.search span, footer { font-size: .875rem; }
footer { border-top: 1px solid #999; padding-top: .5em; margin-top: .75em; }
:focus-visible { outline: 2px solid #003399; outline-offset: 2px; }
@media (max-width: 480px) { h1 { font-size: 1.75rem; overflow-wrap: anywhere; } nav { line-height: 1.9; } ul, ol { padding-left: 1.4em; } .search label { display: block; } }