main { max-width: 54rem; }
footer { margin-top: 1.5rem; }
nav { display: flex; flex-wrap: wrap; gap: .25rem .65rem; }
.area-cta { display: inline-block; margin: .4rem 0; padding: .45rem .9rem; color: white; background: #135347; border-radius: .55rem; }
.area-links { display: flex; flex-wrap: wrap; gap: .35rem 1rem; list-style: none; padding: 0; margin-bottom: .5rem; }
.area-links a { display: inline-block; padding-block: .25rem; }
.area-kind, .area-note { color: #4d6058; font-size: .86rem; }
.area-kind { margin-top: 0; }
dl > div { display: grid; grid-template-columns: 8em minmax(0, 1fr); gap: .5rem; padding: .22rem 0; border-bottom: 1px solid #e3e8e1; }
dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 27rem) {
  dl > div { grid-template-columns: 1fr; gap: 0; }
  dt { font-weight: 600; }
}