.area-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem 2rem; margin:2rem 0; }
.area-groups section { min-width:0; }
.area-groups h2,.area-groups h3 { font-size:1.1rem; margin:0 0 .5rem; }
.area-groups ul { list-style:none; margin:0; padding:0; }
.area-groups a { display:inline-flex; align-items:center; min-height:44px; padding:.35rem 0; color:var(--color-green,#08783e); text-underline-offset:.2em; }
.area-page { padding-block:2rem 4rem; }
.area-page > header,.area-detail { max-width:75rem; }
.area-detail > p,.area-detail .entry-content { max-width:75ch; }
.area-detail section { margin-block:2rem; }
.area-detail li { margin-bottom:.5rem; }
@media(max-width:64rem) { .area-groups { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:40rem) { .area-groups { grid-template-columns:1fr; gap:1rem; } }