:root { --ink: #0b2239; --ink-soft: #425466; --ink-faint: #6b7c93; --line: #e3e9f1; --mist: #f5f8fc; --gold: #f4b740;
  --sans: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif; --serif: 'Newsreader', Georgia, 'Times New Roman', serif; }
* { box-sizing: border-box; }
body { margin: 0; font-family: var(--sans); color: var(--ink); background: #fff; font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; border-radius: 4px; }
.wrap { max-width: 760px; margin: 0 auto; padding: 0 24px; }
.top { background: var(--ink); color: #fff; }
.top .wrap { max-width: 1120px; display: flex; justify-content: space-between; align-items: center; height: 76px; }
.brand { font-weight: 300; font-stretch: 125%; text-transform: uppercase; font-size: 1.05rem; letter-spacing: .06em; text-decoration: none; }
.top a.back { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 500; text-decoration: none; }
.top a.back:hover { text-decoration: underline; }
main { padding: 72px 0 96px; }
h1 { font-weight: 250; font-stretch: 125%; text-transform: uppercase; font-size: clamp(2.2rem, 6vw, 3.6rem); line-height: 1; margin: 0 0 14px; }
h2 { font-size: 1.25rem; font-weight: 650; margin: 44px 0 10px; letter-spacing: -0.01em; }
.dated { color: var(--ink-faint); font-size: .95rem; margin: 0 0 36px; }
main p, main li { font-family: var(--serif); font-size: 1.15rem; color: var(--ink-soft); }
main p { margin: 0 0 14px; }
main ul { margin: 0 0 14px; padding-left: 1.2em; }
main li { margin-bottom: 6px; }
.box { background: var(--mist); border-radius: 14px; padding: 26px 28px; margin: 28px 0; }
.box p:last-child { margin-bottom: 0; }
.btn { display: inline-block; font: 600 1rem/1 var(--sans); padding: 14px 22px; border-radius: 999px; text-decoration: none; background: var(--ink); color: #fff; }
footer { border-top: 1px solid var(--line); padding: 30px 0 44px; color: var(--ink-faint); font-size: .9rem; }
footer .wrap { max-width: 1120px; display: flex; justify-content: space-between; gap: 18px 28px; flex-wrap: wrap; }
footer nav { display: flex; gap: 22px; flex-wrap: wrap; }