@font-face{font-family:'Source Serif 4';font-style:normal;font-display:swap;font-weight:200 900;src:url(fonts/source-serif-4-latin-opsz-normal.woff2) format('woff2-variations')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/libre-franklin-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/libre-franklin-latin-700-normal.woff2) format('woff2')}
:root{--navy:#14285A;--navy-2:#0E1D44;--red:#C8102E;--ink:#14213D;--muted:#4A5672;--line:#DDE3EE}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:'Libre Franklin',system-ui,sans-serif;font-size:17px;line-height:1.65}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{border-bottom:3px solid var(--red)}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px;max-width:1000px}
header a{color:var(--navy);font-weight:700;text-decoration:none}
.brand{display:flex;align-items:center;gap:10px;font-family:'Source Serif 4',Georgia,serif;font-size:19px}
.brand img{width:44px;height:44px}
main{padding-top:40px;padding-bottom:60px}
h1{font-family:'Source Serif 4',Georgia,serif;color:var(--navy);font-size:clamp(32px,5vw,44px);line-height:1.15;margin:0}
h2{font-family:'Source Serif 4',Georgia,serif;color:var(--navy);font-size:23px;margin:34px 0 8px}
.upd{color:var(--muted);font-size:15px}
ul{padding-left:22px}li{margin:4px 0}
a{color:var(--red)}
.todo{background:#FFF1A8;color:#5A4500;padding:0 4px;border-radius:4px;font-weight:700}
footer{background:var(--navy-2);color:#AEB9D6;font-size:14.5px;padding:22px 0}
footer a{color:#fff}
@media (max-width:520px){header .wrap>a:last-child{font-size:14px}}