/* ============================================================
   エリアハブ /area/{slug}/(arh- 名前空間・v1.25.0 #8)
   zukan.css / stories.css の部品(zkn-/str-)を継承。本ファイルは配置のみ。
   @since 1.25.0
   ============================================================ */

.arh-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 32px 110px;
}
.arh-wrap .arh-sec-t {
    font-family: var(--ntm-font-serif);
    font-weight: 500;
    font-size: 1.45rem;
    letter-spacing: .14em;
    color: var(--ntm-indigo);
    margin: 0 0 36px;
}
.arh-shops-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.arh-shops-grid .zkn-item { margin-top: 0 !important; }
.arh-shops-grid .zkn-card .zkn-card-title,
.arh-card-title { font-size: 1.02rem; line-height: 1.9; }
.arh-articles-grid { row-gap: 56px; }
.arh-more {
    margin: 40px 0 0;
    text-align: right;
}
.arh-more a {
    font-family: var(--ntm-font-serif);
    font-size: .88rem;
    letter-spacing: .12em;
    color: var(--ntm-indigo);
    text-decoration: none;
    border-bottom: 1px solid var(--ntm-border);
    padding-bottom: 4px;
}
.arh-more a:hover { color: var(--ntm-terracotta); border-color: var(--ntm-terracotta); }

@media (max-width: 900px) {
    .arh-wrap { padding: 0 20px 80px; }
    .arh-shops-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; }
    .arh-shops-grid .zkn-card .zkn-card-title { font-size: .85rem; }
}
@media (max-width: 640px) {
    .arh-shops-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
}