*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0}
img{max-width:100%}
.skip{position:absolute;left:-9999px;top:0;background:#1C1C1C;color:#fff;padding:12px 16px;z-index:100;font-family:Inter,system-ui,sans-serif}
.skip:focus{left:8px;top:8px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1C1C1C;outline-offset:3px}
footer a:focus-visible,aside a:focus-visible{outline-color:#D0F14D}
.prose h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:30px;line-height:1.2;letter-spacing:-.01em;margin:44px 0 14px;color:#1C1C1C}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{font-size:18px;line-height:1.65;color:#474747}
.prose ul{padding-left:22px;display:grid;gap:10px}
.prose a{color:#1C1C1C}
mark.todo{background:#fff3a3;padding:1px 4px;border-radius:3px;color:#1C1C1C}
@media (max-width:640px){
  h1{overflow-wrap:anywhere}
  .prose p,.prose li{font-size:17px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}