:root{
  --ink:#1c2b2d;
  --paper:#f6f4ee;
  --teal:#0e7c6b;
  --teal-dark:#0a5d50;
  --mint:#e3efe9;
  --line:#d8d3c7;
  --muted:#5a6a6a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}

/* header */
.topbar{background:var(--teal);color:#fff;border-bottom:4px solid var(--teal-dark)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;flex-wrap:wrap;gap:10px}
.brand{font-size:1.5rem;font-weight:bold;letter-spacing:.5px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}
.brand .dot{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.nav{display:flex;gap:18px;flex-wrap:wrap;font-family:Helvetica,Arial,sans-serif;font-size:.82rem;text-transform:uppercase;letter-spacing:.5px}
.nav a{color:#dff0ea;text-decoration:none}
.nav a:hover{color:#fff;text-decoration:underline}

/* page head */
.hero{padding:54px 0 30px;border-bottom:1px solid var(--line)}
.eyebrow{font-family:Helvetica,Arial,sans-serif;font-size:.74rem;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
h1{font-size:2.3rem;line-height:1.15;margin-bottom:14px}
.lead{font-size:1.1rem;color:var(--muted)}

/* content */
main{padding:36px 0 60px}
main h2{font-size:1.35rem;margin:34px 0 12px;color:var(--teal-dark)}
main h3{font-size:1.08rem;margin:22px 0 8px}
main p{margin-bottom:16px}
main ul{margin:0 0 16px 22px}
main li{margin-bottom:8px}
a{color:var(--teal-dark)}
.updated{font-family:Helvetica,Arial,sans-serif;font-size:.82rem;color:var(--muted);margin-top:6px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 24px;margin:20px 0}
.contact-line{font-size:1.05rem}

/* footer */
footer{background:var(--ink);color:#cfd9d8;font-family:Helvetica,Arial,sans-serif;font-size:.86rem}
footer .wrap{padding:34px 24px}
.foot-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}
.foot-links{display:flex;flex-direction:column;gap:7px}
.foot-links a{color:#cfd9d8;text-decoration:none}
.foot-links a:hover{text-decoration:underline}
.foot-note{margin-top:24px;padding-top:18px;border-top:1px solid #33464a;color:#90a0a0}
.foot-title{color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:.74rem;margin-bottom:6px}

@media(max-width:560px){
  h1{font-size:1.8rem}
  .nav{font-size:.74rem;gap:12px}
}