html,body{max-width:100%;overflow-x:hidden}
.hero{max-width:100%;overflow:hidden}
.intro{overflow-wrap:anywhere}
.section-head h2{min-width:0;overflow-wrap:anywhere}
@media(max-width:560px){
  .hero nav{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
  .hero nav a{display:flex;align-items:center;justify-content:center;min-width:0;white-space:normal;text-align:center;line-height:1.35}
  .hero nav .notice-link{grid-column:1/-1}
  .section-head{align-items:flex-start;gap:10px}
  .section-head>div{min-width:0}
  .section-head p{flex:0 0 auto;padding-top:5px}
}