html { color-scheme: dark; font-family: system-ui, sans-serif; background: #17151d; color: #f1edf7; }
body { margin: 0 auto; max-inline-size: 76rem; padding: clamp(1rem, 4vw, 3rem); line-height: 1.6; }
a { color: #d6baff; text-underline-offset: .2em; }
a:focus-visible, .table-wrapper:focus-visible { outline: 3px solid #e4cdff; outline-offset: 4px; }
a { display: inline-block; padding-block: .25rem; }
header { border-block-end: 1px solid #655078; padding-block-end: 1rem; }
h1 { font-size: clamp(1.8rem, 4vw, 2.5rem); line-height: 1.2; }
h2 { font-size: 1.25rem; }
main { display: grid; gap: 1.25rem; margin-block: 1.5rem; }
section { padding: 1.25rem; border: 1px solid #655078; border-radius: .6rem; min-inline-size: 0; }
.eyebrow, .muted, footer { color: #c0b6cc; }
.eyebrow { letter-spacing: .08em; }
.geoarit-buttonclclass { border: 1px solid #aa80d5; border-radius: .4rem; padding: .6rem 1rem; font-weight: 600; }
dl { display: grid; grid-template-columns: minmax(7rem, 12rem) minmax(0, 1fr); gap: .5rem 1rem; }
dt { font-weight: 600; } dd { margin: 0; overflow-wrap: anywhere; }
.table-wrapper { overflow: auto; max-inline-size: 100%; max-block-size: 32rem; }
table { inline-size: 100%; border-collapse: separate; border-spacing: 0; }
caption { text-align: start; padding-block: .6rem; }
th, td { text-align: start; vertical-align: top; padding: .6rem; border-block-end: 1px solid #655078; }
thead { position: sticky; inset-block-start: 0; z-index: 1; background: #241c2f; }
tbody th { position: sticky; inset-inline-start: 0; background: #241c2f; }
nav { display: flex; gap: 1rem; }