/* site extras on top of Tailwind */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
@media (max-width:767px){
  h1,h2{max-width:20.5rem !important}
  #main p,#main li{max-width:100% !important}
  #main .grid > *{min-width:0}
}

.skip{position:absolute;left:-999px}
.skip:focus{left:1rem;top:1rem}
details>summary{list-style:none}
details>summary::-webkit-details-marker{display:none}
details>summary:after{content:'+';float:right;font-weight:700;opacity:.5}
details[open]>summary:after{content:'−'}
img{max-width:100%;height:auto}
h1,h2,p{overflow-wrap:break-word;word-break:break-word}
@media (max-width: 767px){
  header nav #mnav.open{display:flex}
}