/* Branchen page */
.branch-nav { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 8px; }
.branch-nav .chip { transition: border-color var(--dur-q) var(--ease), background-color var(--dur-q) var(--ease), color var(--dur-q) var(--ease); }
.branch-nav .chip:hover { border-color: var(--em); color: var(--em-800); background: var(--em-tint); }

.branch-sec { scroll-margin-top: 90px; }
.branch-sec .split__copy .branch__ic { width: 52px; height: 52px; border-radius: 14px; }
.branch-sec .split__copy .branch__ic svg { width: 26px; height: 26px; }

.branch-card {
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r-5);
  padding: clamp(24px,3vw,32px); box-shadow: var(--shadow-card); min-width: 0;
  display: flex; flex-direction: column; gap: 16px; align-self: center;
}
.branch-card__row { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.branch-card__k { font-size: 14px; color: var(--ink-4); flex: none; }
.branch-card__v { font-weight: 600; font-size: 14.5px; color: var(--ink); text-align: right; min-width: 0; }
.branch-card__label { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14px; color: var(--em-700); }
.branch-card__label svg { width: 17px; height: 17px; }
.branch-card__hw { font-size: 14.5px; color: var(--ink-3); }
.branch-card__link { font-size: 14px; font-weight: 600; color: var(--em-700); display: inline-flex; align-items: center; gap: 6px; }
.branch-card__link svg { width: 15px; height: 15px; transition: transform var(--dur-q) var(--ease); }
.branch-card__link:hover svg { transform: translateX(4px); }