.subarea-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 0;padding:0;list-style:none}
.subarea-card{min-width:0}
.subarea-card__link{display:grid;grid-template-columns:96px minmax(0,1fr);min-height:76px;height:100%;overflow:hidden;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.subarea-card__link:hover,.subarea-card__link:focus-visible{border-color:var(--gold);box-shadow:0 8px 22px rgba(8,16,29,.12);transform:translateY(-1px)}
.subarea-card__image{display:block;width:96px;height:100%;min-height:76px;object-fit:cover;background:var(--surface-2)}
.subarea-card__body{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:4px;padding:10px 12px}
.subarea-card__name{font-family:var(--serif);font-size:1rem;font-weight:700;line-height:1.2;color:var(--navy)}
.subarea-card__count{font-size:.76rem;color:var(--text-2)}
.subarea-card__count .num{font-size:.92rem;color:var(--text)}
.subarea-cards-note{margin:12px 0 0}
@media(max-width:1050px){.subarea-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.subarea-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.subarea-card__link{display:block}.subarea-card__image{width:100%;height:82px;min-height:82px}.subarea-card__body{padding:8px 10px}.subarea-card__name{font-size:.94rem}}