* { box-sizing: border-box; }
html { font-family: ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--bg); color: var(--text); line-height: 1.55; }
body { margin: 0; min-width: 18rem; background: radial-gradient(circle at 15% 0%, #142b52 0, transparent 32rem), var(--bg); }
a { color: #b9dcff; text-underline-offset: .2em; }
a:hover { color: white; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: .2rem solid var(--focus); outline-offset: .2rem; position: relative; z-index: var(--layer-focus); }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1 { font-size: clamp(2rem, 7vw, 4.5rem); line-height: 1.02; margin: .2em 0; }
h2 { font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1.2; }
button, textarea { font: inherit; }
button, .nav-card { min-height: 2.75rem; }
button { width: 100%; border: 0; border-radius: var(--radius-sm); padding: .85rem 1rem; background: var(--energy); color: #04111f; font-weight: 800; }
.button-link { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; padding: .75rem 1rem; border-radius: var(--radius-sm); background: var(--energy); color: #04111f; font-weight: 800; text-decoration: none; }
button[disabled] { opacity: .72; cursor: not-allowed; }
code { white-space: normal; word-break: break-all; }
.skip-link { position: fixed; top: .5rem; left: .5rem; transform: translateY(-180%); background: white; color: #07111f; padding: .75rem; z-index: 50; }
.skip-link:focus { transform: none; }
.eyebrow { color: var(--earned); letter-spacing: .12em; font-weight: 800; font-size: .8rem; }
.implementation-note, small { color: var(--muted); }