*{box-sizing:border-box}a{text-underline-offset:1px;text-decoration-thickness:1px}body{min-height:100svh;margin:0;display:grid}h1,h2{font-weight:600}html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.5}img{vertical-align:middle;max-width:100%;height:auto}li{padding-left:.5rem}ul{padding-left:1.5rem;list-style-type:"•"}a{color:currentColor;text-decoration-color:#62748e;&:hover{color:#0084d1;text-decoration-color:#0084d1}}body{grid-template-rows:auto 1fr auto}footer{text-align:center;background:#00598a;padding:.5rem 0;font-size:.875rem;& a{padding:.5rem;display:inline-block}}h1{color:#0f172b;margin:0;font-size:1.875rem}header{background:#00598a;& a{color:#fff;padding:.25rem 0;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-block;&:hover{color:#fff}}& div{max-width:38rem;margin:0 auto;padding:.5rem 1rem}}p{text-wrap:pretty}#content{color:#314158;justify-self:center;width:100%;max-width:38rem;padding:1.75rem 1rem}h2{color:#0f172b;margin:1.5rem 0 1rem;scroll-margin-block:1.5rem;font-size:1.25rem;& a{color:currentColor;text-decoration:none;&:hover{color:currentColor;&:after{content:" ¶"}}}}