.content-page { margin:0; background:var(--paper); color:var(--ink); font:17px/1.75 system-ui,sans-serif; }
.content-page * { box-sizing:border-box; }
.content-page header,.content-page footer { max-width:1100px; margin:auto; padding:25px; display:flex; gap:25px; justify-content:space-between; flex-wrap:wrap; }
.content-page header { border-bottom:1px solid var(--line); }
.content-page nav { display:flex; flex-wrap:wrap; gap:20px; }
.content-page a { color:var(--accent); text-underline-offset:3px; }
.content-page .brand { color:var(--ink); font-size:1.5rem; font-weight:750; text-decoration:none; letter-spacing:-.05em; }
.content-page main { max-width:800px; margin:45px auto 70px; padding:0 25px; }
.content-page h1 { font:400 clamp(2.2rem,6vw,3.4rem)/1.12 Georgia,serif; letter-spacing:-.035em; }
.content-page h2 { font-size:1.5rem; line-height:1.3; margin-top:35px; }
.content-page .eyebrow { text-transform:uppercase; font-size:.75rem; letter-spacing:.1em; color:var(--accent); }
.content-page .primary-link { display:inline-block; background:var(--ink); color:white; padding:12px 22px; border-radius:6px; text-decoration:none; }
.content-page footer { border-top:1px solid var(--line); font-size:.9rem; }
.content-page .guide-note { padding:22px; border-left:3px solid var(--accent); background:#ecefe8; }
.content-page table { border-collapse:collapse; width:100%; font-size:.9rem; }
.content-page td,.content-page th { text-align:left; border-bottom:1px solid var(--line); padding:12px 8px; vertical-align:top; }
.content-page .guide-cta { padding:25px; margin-top:40px; background:#e9ede6; border-radius:8px; }
.content-page :focus-visible { outline:3px solid var(--accent); outline-offset:4px; }