:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { background: #0b0805; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #0b0805; color: #f7ecdf; font: 17px/1.7 'Plus Jakarta Sans Variable', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #f59e0b; text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid #f59e0b; outline-offset: 3px; border-radius: 3px; }
header, main, footer { width: 100%; max-width: 46rem; margin: 0 auto; padding-left: 1.25rem; padding-right: 1.25rem; }
header { padding-top: 1.5rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
header a.brand { color: #f7ecdf; font-weight: 750; letter-spacing: -0.03em; text-decoration: none; display: inline-flex; align-items: center; gap: .6rem; }
header nav { display: flex; gap: 1.1rem; font-size: .9rem; flex-wrap: wrap; }
header nav a { color: #b09a83; text-decoration: none; }
header nav a:hover, header nav a[aria-current] { color: #f59e0b; }
main { padding-top: 3.5rem; padding-bottom: 4rem; }
.kicker { font: 12px 'JetBrains Mono Variable', ui-monospace, Menlo, monospace; letter-spacing: .14em; text-transform: uppercase; color: #b09a83; }
h1 { font-size: clamp(2.2rem, 7vw, 3.4rem); line-height: 1; letter-spacing: -0.045em; margin: .7rem 0 .6rem; font-weight: 800; }
h2 { font-size: 1.3rem; letter-spacing: -0.02em; margin: 2.6rem 0 .5rem; padding-top: 1.4rem; border-top: 1px solid rgba(247,236,223,.12); }
p, li { color: #cdbaa5; }
p { margin: .8rem 0; }
li { margin: .35rem 0; }
strong { color: #f7ecdf; }
.meta { color: #b09a83; font-size: .92rem; }
.note { border-left: 2px solid #f59e0b; padding: .2rem 0 .2rem 1rem; margin: 1.6rem 0; }
footer { padding-bottom: 3rem; color: #b09a83; font-size: .88rem; border-top: 1px solid rgba(247,236,223,.08); padding-top: 1.5rem; }