.features-renewal-all .features-directory { display: grid; gap: 28px; margin: 38px 0 24px; }
.feature-directory-navigation { padding: 86px 0 94px; border-top: 1px solid #dce9ef; background: #fff; color: #183a5b; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif; }
.feature-directory-navigation * { box-sizing: border-box; }
.feature-directory-navigation .container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.feature-directory-navigation__heading { max-width: 720px; margin-bottom: 38px; }
.feature-directory-navigation__label { margin: 0 0 10px; color: #2176bd; font-size: 12px; font-weight: 800; letter-spacing: .16em; }
.feature-directory-navigation__heading h2 { margin: 0 0 14px; color: #163a5f; font-size: clamp(30px, 3vw, 42px); font-weight: 800; line-height: 1.45; }
.feature-directory-navigation__heading > p:last-child { margin: 0; color: #607587; font-size: 16px; line-height: 1.9; }
.feature-directory-navigation .features-directory { display: grid; gap: 20px; }
.features-directory__group { display: grid; grid-template-columns: 235px minmax(0, 1fr); gap: 26px; padding: 32px; background: #f7fbfd; border: 1px solid #dce9ef; border-radius: 16px; }
.features-directory__heading h3 { margin: 0 0 8px; color: #163a5f; font-size: 21px; font-weight: 800; line-height: 1.5; }
.features-directory__heading p { margin: 0; color: #607587; font-size: 13px; line-height: 1.7; }
.features-directory__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.features-directory__links a { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 15px; color: #163a5f; background: #fff; border: 1px solid #dce9ef; border-radius: 8px; font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.features-directory__links img { width: 42px; height: 42px; flex: none; }
.features-directory__links span { flex: 1; }
.features-directory__links a:hover, .features-directory__links a:focus { color: #2176bd; border-color: #82bfdc; box-shadow: 0 5px 14px rgba(22, 58, 95, .09); text-decoration: none; }
.features-directory__links b { color: #2176bd; font-size: 17px; }
.features-directory__links a.is-current { color: #fff; border-color: #2176bd; background: #2176bd; box-shadow: 0 7px 18px rgba(33, 118, 189, .2); pointer-events: none; }
.features-directory__links a.is-current img { padding: 4px; border-radius: 8px; background: #fff; }
.features-directory__links a.is-current b { color: #fff; font-size: 11px; white-space: nowrap; }
@media (max-width: 991px) {
    .features-directory__group { grid-template-columns: 1fr; gap: 18px; }
    .features-directory__links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .feature-directory-navigation { padding: 64px 0 70px; }
    .feature-directory-navigation .container { width: min(100% - 32px, 1180px); }
    .feature-directory-navigation__heading h2 { font-size: 29px; }
    .features-directory__group { padding: 20px; }
    .features-directory__links { grid-template-columns: 1fr; }
}