/* 英文首页「RJ45 Connector Options at a Glance」板块（2026-10-19）。模板 common/home_v5_guide_en.html，只在英文首页（法 / 德 / 日没有译文，不输出）。
 * 由 home_en_exact_v80.html 单独引入（只在英文首页），国内站首页不加载。规则都挂在 .v5 下，理由同 home-en-v5.css 文件头。
 * 内容宽度按首页 banner 的规则（2026-10-19 宋方宇定：首页新板块都按这个）。同日全站新版页面宽度统一到应用领域页（工业控制）规则，
 *   banner、现有板块 .v5-wrap 一起改了，这里同一条线：768–1439 为 1200 居中（可用宽不足 1248 时两侧各 24）；
 *   ≥1440 由 vh-layout-pages.css「首页第五轮」一段跟随 --vhp-page（1440 屏 1240、1920 屏 1680，与页头 logo、页脚同边）；≤767 两侧各 20。 */

.v5.v5-guide { padding: clamp(64px, 6.667vw, 96px) 0; background: var(--v5-bg); }
.v5 .v5-guide-wrap { width: min(1200px, calc(100% - 48px)); margin-inline: auto; }
@media (max-width: 767px) { .v5 .v5-guide-wrap { width: calc(100% - 40px); } }

/* 八张选项卡：手机一列、平板两列、桌面四列（两行，和产品线、设计支持板块同为四列）；编号和小标签在每张卡左上角对齐成栏 */
.v5 .v5-guide-grid { list-style: none; margin: clamp(32px, 4vw, 48px) 0 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.v5 .v5-guide-item { min-width: 0; margin: 0; box-sizing: border-box; padding: 20px 20px 12px; display: flex; flex-direction: column; border: 1px solid var(--v5-line); border-radius: 10px; background: #FFFFFF; }
.v5 .v5-guide-tag { margin: 0; display: flex; align-items: baseline; gap: 12px; font-size: 12px; line-height: 20px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--v5-gray); }
.v5 .v5-guide-n { min-width: 2ch; font-size: 14px; line-height: 20px; letter-spacing: 1px; color: var(--v5-red); font-variant-numeric: tabular-nums; }
.v5 .v5-guide-item h3 { margin: 14px 0 0; font-size: 19px; line-height: 27px; font-weight: 600; color: var(--v5-ink); text-wrap: balance; }
.v5 .v5-guide-text { margin: 8px 0 0; font-size: 14px; line-height: 23px; color: var(--v5-gray); text-wrap: pretty; }
.v5 .v5-guide-more { margin: auto 0 0; padding-top: 8px; }
.v5 .v5-guide-more a { min-height: 44px; display: inline-flex; align-items: center; font-size: 14px; line-height: 22px; font-weight: 600; color: var(--v5-red); text-decoration: none; }
.v5 .v5-guide-more a:hover { color: var(--v5-red-dk); }
/* 速率、温度范围这类带连字符的写法不在连字符处断行（10GBASE- / T） */
.v5.v5-guide .v5-nw { white-space: nowrap; }

@media (min-width: 700px) {
  .v5 .v5-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .v5 .v5-guide-item { padding: 24px 24px 16px; }
}
@media (min-width: 1100px) {
  .v5 .v5-guide-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}