:root{font-family:Arial,Helvetica,sans-serif;color:#243a36;background:#fff;letter-spacing:0;line-height:1.65}
*{box-sizing:border-box}
body{margin:0}
a{color:#087864;text-underline-offset:3px;overflow-wrap:anywhere}
a:focus-visible{outline:3px solid #deac22;outline-offset:4px}
header{border-bottom:1px solid #dce8e3;background:#f0f8f5}
.shell{width:min(100%,808px);margin:auto;padding:22px 24px}
header .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{font-size:20px;font-weight:800;text-decoration:none;color:#243a36}
nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}
main.shell{padding-top:40px;padding-bottom:48px}
h1{font-size:32px;line-height:1.2;margin:0 0 12px;overflow-wrap:anywhere}
h2{font-size:20px;line-height:1.35;margin:32px 0 10px}
p{margin:0 0 16px}
.date{font-size:14px;color:#526b62;margin-bottom:28px}
ul{padding-left:22px;margin:0 0 20px}
li{margin:8px 0}
footer{border-top:1px solid #dce8e3;font-size:14px;color:#526b62}
@media(max-width:480px){.shell{padding-left:18px;padding-right:18px}main.shell{padding-top:28px}h1{font-size:28px}nav{gap:14px}}