@font-face {
  font-family: "Fira Sans";
  src: url("/fonts/fira-sans-400.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fira Sans Condensed";
  src: url("/fonts/fira-condensed-800.woff2") format("woff2");
  font-weight: 800;
  font-display: swap;
}

* { box-sizing: border-box; }
body { margin: 0; background: #fcfaf6; color: #1e3355; font: 16px/1.65 "Fira Sans", system-ui, sans-serif; }
header, main, footer { width: min(100% - 32px, 760px); margin-inline: auto; }
header { padding: 26px 0 16px; }
main { background: #fff; border: 1px solid #e5dfd3; border-radius: 16px; padding: clamp(20px, 5vw, 46px); }
h1, h2 { color: #031937; font-family: "Fira Sans Condensed", system-ui, sans-serif; font-weight: 800; line-height: 1.1; }
h1 { margin: 0; font-size: clamp(34px, 6vw, 52px); }
h2 { margin: 32px 0 10px; font-size: 25px; }
p, ul { margin: 0 0 12px; }
li + li { margin-top: 6px; }
a { color: #05592f; overflow-wrap: anywhere; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid #a57312; outline-offset: 4px; }
.status { margin: 20px 0 28px; padding: 14px 16px; border-left: 4px solid #ba861e; background: #f6f1e7; }
.date { margin: 10px 0 0; color: #526482; font-size: 14px; }
footer { padding: 18px 0 32px; }
footer nav { display: flex; flex-wrap: wrap; gap: 12px 24px; }