@import url('/styles.css');

.data-header { display:flex; align-items:center; justify-content:space-between; max-width:960px; margin:0 auto; padding:22px 28px; }
.data-header nav { display:flex; flex-wrap:wrap; gap:20px; }
.data-header nav a,.data-footer a { color:var(--accent); text-underline-offset:3px; }
main { max-width:760px; padding:48px 28px 72px; margin:0 auto; }
.eyebrow { margin:0 0 12px; color:var(--accent); text-transform:uppercase; letter-spacing:.12em; font-size:12px; font-weight:800; }
h1 { max-width:680px; margin:0 0 18px; font-size:clamp(36px,6vw,58px); line-height:1.04; letter-spacing:-.055em; }
.lede { max-width:650px; margin:0 0 40px; color:var(--muted); font-size:20px; line-height:1.5; }
section { padding:24px 0; border-top:1px solid var(--line); }
h2 { margin:0 0 12px; font-size:23px; letter-spacing:-.03em; }
section p { max-width:68ch; margin:0 0 14px; }
section p:last-child { margin-bottom:0; }
.data-note { margin:28px 0 0; padding:16px 18px; border-left:4px solid var(--accent); background:var(--surface); color:var(--muted); font-size:14px; }
.data-action { margin:24px 0 0; font-weight:700; }
.data-action a { color:var(--accent); text-underline-offset:3px; }
.data-footer { display:flex; justify-content:space-between; gap:16px; max-width:760px; margin:0 auto; padding:22px 28px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
@media (max-width:620px) { .data-header { align-items:flex-start; flex-direction:column; gap:14px; padding:18px 16px; } .data-header nav { gap:14px; } main { padding:36px 16px 52px; } .lede { font-size:17px; margin-bottom:30px; } .data-footer { padding:20px 16px; } }