@font-face { font-family: "Archivo"; src: url(fonts/archivo-latin-wdth-normal.woff2) format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
:root { --ink: #0E2236; --slate: #546378; --rule: #CBD3DD; --mist: #EEF2F6; --signal: #FF6A2B; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); font: 400 17px/1.6 "Archivo", "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--ink); text-decoration-color: var(--signal); text-decoration-thickness: 2px; text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--signal); outline-offset: 2px; }
.wrap { max-width: 780px; margin: 0 auto; padding: 0 24px; }
.top { border-bottom: 1px solid var(--rule); }
.top .wrap { display: flex; align-items: center; justify-content: space-between; height: 68px; }
.brand { display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font: 760 22px/1 "Archivo", sans-serif; font-stretch: 118%; letter-spacing: -0.02em; }
.brand svg { width: 30px; height: 30px; }
.back { font-size: 15px; font-weight: 600; }
main { padding: 48px 0 72px; }
h1 { font-size: clamp(32px, 4vw, 44px); line-height: 1.1; font-weight: 720; font-stretch: 114%; letter-spacing: -0.02em; margin: 0 0 8px; }
h2 { font-size: 21px; font-weight: 680; font-stretch: 106%; margin: 36px 0 8px; }
.updated { color: var(--slate); margin: 0 0 28px; }
.summary { background: var(--mist); border-left: 3px solid var(--ink); padding: 16px 22px; margin: 0 0 12px; }
.summary ul { margin: 8px 0 0; padding-left: 20px; }
li { margin: 4px 0; }
footer { border-top: 1px solid var(--rule); padding: 24px 0 40px; color: var(--slate); font-size: 15px; }
footer .wrap { display: flex; gap: 20px; flex-wrap: wrap; }