:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; background: #0e0f10; color: #f7f2e6; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #ffbd4b; text-underline-offset: .18em; }
a:hover, a:focus-visible { color: #ffdb96; }
:focus-visible { outline: 3px solid #ffbd4b; outline-offset: 3px; }
.skip { position: absolute; left: -9999px; top: 0; background: #0e0f10; padding: .6rem; z-index: 10; }
.skip:focus { left: .5rem; }
.site-header, .site-footer { max-width: 70rem; margin: auto; padding: 1.25rem 1.5rem; }
.site-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #343434; }
.site-header nav, .site-footer nav { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; }
.brand { color: #f7f2e6; font-weight: 800; font-size: 1.25rem; text-decoration: none; }
.page { max-width: 70rem; min-height: 65vh; margin: auto; padding: 3rem 1.5rem 4rem; }
.page article { max-width: 48rem; }
h1, h2, h3 { line-height: 1.2; }
h1 { font-size: clamp(2rem, 5vw, 3.7rem); max-width: 18ch; margin: .5rem 0 1.5rem; }
h2 { margin-top: 2.3rem; }
.eyebrow { color: #ffbd4b; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; }
.lead { font-size: 1.2rem; max-width: 45rem; }
.card-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); margin-top: 3rem; }
.card { padding: 1.3rem; border: 1px solid #444; border-radius: .8rem; background: #191a1b; }
.card h2 { margin-top: 0; font-size: 1.3rem; }
.notice { margin-top: 3rem; padding: 1rem; border-left: 3px solid #ffbd4b; background: #1f1d18; }
.site-footer { border-top: 1px solid #343434; color: #c9c2b5; font-size: .9rem; }
.site-footer a { color: #e6c17b; }
li { margin: .4rem 0; }
@media (max-width: 42rem) { .site-header { align-items: flex-start; flex-direction: column; } .page { padding-top: 2rem; } }