:root { color: #12352c; background: #f7f4eb; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --ink: #12352c; --green: #176b52; --cream: #f7f4eb; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; line-height: 1.65; }
a { color: var(--green); text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid rgba(23,107,82,.3); outline-offset: 3px; }
.topbar { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 12px clamp(20px,5vw,76px); border-bottom: 1px solid rgba(18,53,44,.13); background: rgba(247,244,235,.94); }
.brand { display: flex; align-items: center; gap: 11px; color: var(--ink); font: 700 21px Georgia,serif; text-decoration: none; }
.mark { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 10px; color: white; background: var(--green); font: 700 18px Arial,sans-serif; }
.topbar nav, footer nav { display: flex; flex-wrap: wrap; gap: 22px; }
.topbar nav a, footer nav a { color: var(--ink); font-size: 14px; font-weight: 700; text-decoration: none; }
.topbar nav a:hover, footer nav a:hover { text-decoration: underline; }
main { width: min(820px,calc(100% - 38px)); margin: 0 auto; padding: 62px 0 82px; }
.eyebrow { margin: 0 0 10px; color: var(--green); font-size: 12px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
h1,h2 { font-family: Georgia,"Times New Roman",serif; font-weight: 500; letter-spacing: -.025em; line-height: 1.1; }
h1 { margin: 0 0 18px; font-size: clamp(40px,7vw,62px); }
h2 { margin: 42px 0 12px; font-size: 28px; }
h3 { margin: 28px 0 7px; font-size: 18px; }
.lede { margin: 0 0 36px; color: #526861; font-size: 18px; }
.updated { margin-bottom: 35px; padding: 11px 14px; border-left: 3px solid var(--green); color: #5d716a; background: #eaf3eb; font-size: 13px; }
p,li { color: #435e55; }
li + li { margin-top: 7px; }
.notice { margin: 30px 0; padding: 20px; border: 1px solid #b8d2c0; border-radius: 12px; background: #edf6ee; }
.notice strong { color: var(--ink); }
.cta { display: inline-flex; margin-top: 22px; padding: 11px 16px; border-radius: 9px; color: white; background: var(--green); font-weight: 800; text-decoration: none; }
footer { padding: 30px clamp(20px,5vw,76px); border-top: 1px solid rgba(18,53,44,.13); }
.footer-inner { width: min(1000px,100%); display: flex; justify-content: space-between; gap: 24px; margin: 0 auto; color: #657a72; font-size: 13px; }
@media (max-width:650px) { .topbar { align-items:flex-start; flex-direction:column; } .topbar nav { gap:14px; } main { padding-top:45px; } .footer-inner { flex-direction:column; } }