:root{--navy:#10243c;--orange:#b84c0d;--cream:#fffaf1;--line:#e7ddd0}
*{box-sizing:border-box}
body{margin:0;color:#283648;background:var(--cream);font:16px/1.7 Arial,sans-serif}
header,footer{background:var(--navy);color:#fff}
.bar,main{width:min(900px,calc(100% - 36px));margin:auto}
.bar{padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand{font-size:25px;font-weight:800;color:#fff;text-decoration:none}.back{color:#fff}
main{background:#fff;margin-top:36px;margin-bottom:36px;padding:clamp(24px,5vw,54px);border:1px solid var(--line);border-radius:16px}
h1,h2{color:var(--navy);line-height:1.2}h1{font-size:clamp(34px,6vw,48px);margin-top:0}h2{margin-top:34px;font-size:23px}
a{color:var(--orange)}.notice{background:#fff7e8;border-left:4px solid #f47e2b;padding:16px 18px}.updated{color:#667085}
footer{text-align:center;padding:30px 18px;font-size:13px}footer a{color:#fff;margin:0 8px}
@media(max-width:560px){.bar{align-items:flex-start;flex-direction:column}.bar .back{font-size:14px}}