:root { color: #263442; background: #fff; font: 16px/1.75 "Courier New", Courier, monospace; }
* { box-sizing: border-box; }
body { margin: 0; border-top: 3px solid #263442; }
a { color: #22647c; text-underline-offset: 3px; overflow-wrap: anywhere; }
a:focus-visible { outline: 2px solid #263442; outline-offset: 4px; }
.info-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; border-bottom: 2px solid #263442; padding: 22px max(20px, calc((100% - 920px) / 2)); }
.info-brand { color: inherit; text-decoration: none; font-size: 32px; line-height: 1.2; letter-spacing: -1px; }
.info-brand span { color: #8b4a32; }
.info-header > a:last-child { font-size: 13px; }
main { max-width: 850px; padding: 40px 24px 56px; margin: auto; }
h1 { font-size: clamp(27px, 5vw, 40px); font-weight: 400; line-height: 1.2; margin: 0 0 15px; }
h2 { font-size: 20px; line-height: 1.4; margin: 32px 0 10px; }
p, ul { margin: 12px 0; }
li { margin: 7px 0; }
.info-date { color: #626b73; font-size: 13px; margin-bottom: 28px; }
.info-summary { border-left: 3px solid #8b4a32; padding: 2px 0 2px 18px; }
footer { border-top: 1px solid #d4dbe0; max-width: 802px; margin: 0 auto; padding: 24px; font-size: 13px; display: flex; flex-wrap: wrap; gap: 12px 24px; }
@media (max-width: 480px) { :root { font-size: 15px; } main { padding: 30px 20px 40px; } .info-brand { font-size: 28px; } }