.seventeenth { margin: 0; color: #182938; background: #fff; font: 1rem/1.6 system-ui, sans-serif; }
.seventeenth * { box-sizing: border-box; min-width: 0; }
.seventeenth main, .seventeenth [data-world-header], .seventeenth footer { max-width: 72rem; margin: auto; padding: 1rem; }
.seventeenth h1 { font-size: 1.8rem; line-height: 1.3; }
.seventeenth h2 { font-size: 1.4rem; line-height: 1.4; }
.seventeenth h3 { font-size: 1.15rem; line-height: 1.4; }
.seventeenth nav { display: flex; flex-wrap: wrap; gap: .5rem; }
.seventeenth a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; padding: .5rem; color: #064e85; }
.seventeenth button, .seventeenth input, .seventeenth select, .seventeenth textarea, .seventeenth summary { min-width: 44px; min-height: 44px; max-width: 100%; padding: .6rem; font: inherit; color: inherit; background: #fff; border: 1px solid #526676; border-radius: .2rem; }
.seventeenth button, .seventeenth summary { cursor: pointer; }
.seventeenth label { display: block; margin-top: .5rem; }
.seventeenth [data-controls] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: .5rem; padding: 1rem; border: 1px solid #526676; }
.seventeenth [data-controls] button { grid-column: 1 / -1; }
.seventeenth textarea { width: 100%; }
.seventeenth p, .seventeenth h1, .seventeenth bdi, .seventeenth a, .seventeenth pre, .seventeenth summary { overflow-wrap: anywhere; }
.seventeenth bdi { white-space: pre-wrap; unicode-bidi: isolate; }
.seventeenth dt { font-weight: 700; }
.seventeenth dd { margin: 0; }
.seventeenth [data-fact] { padding: 1rem 0; border-bottom: 1px solid #526676; }
.seventeenth ul { padding-left: 1.25rem; }
.seventeenth :focus-visible { outline: 3px solid #005ea8; outline-offset: 3px; }
.seventeenth .skip { position: absolute; top: -10rem; background: #fff; }
.seventeenth .skip:focus { top: 0; }
.seventeenth [data-print] { display: none; white-space: pre-wrap; unicode-bidi: plaintext; }
.seventeenth [hidden] { display: none !important; }
@media (max-width: 30rem) { .seventeenth [data-controls] { grid-template-columns: minmax(0, 1fr); } }
@media (forced-colors: active) { .seventeenth :focus-visible { outline-color: Highlight; } .seventeenth button, .seventeenth summary { border-color: ButtonText; } }
@media (prefers-reduced-motion: reduce) { .seventeenth * { scroll-behavior: auto; animation: none; transition: none; } }
@media print {
  .seventeenth [data-controls], .seventeenth form, .seventeenth button, .seventeenth textarea, .seventeenth .skip { display: none; }
  .seventeenth [data-print] { display: block; }
  .seventeenth details > * { display: block; }
  .seventeenth main { max-width: none; }
}