/* The second tab level is scoped to the branch introduction page. */
.about-shell .branch-panel { display: block; }
.about-shell .branch-panel[hidden], .branch-section[hidden] { display: none; }
.branch-panel-head { max-width: 780px; }
.branch-panel-head p.branch-tagline { margin-bottom: 26px; }
.branch-subtabs { display: flex; gap: 30px; border-bottom: 1px solid var(--line); margin-bottom: 32px; }
.branch-subtabs a { display: inline-flex; align-items: center; min-height: 48px; padding: 9px 2px 13px; border-bottom: 2px solid transparent; color: var(--muted); font-size: 1rem; letter-spacing: .08em; }
.branch-subtabs a:hover { color: var(--cream); }
.branch-subtabs a[aria-selected="true"] { color: var(--gold); border-bottom-color: var(--gold); }
.branch-subtabs a:focus-visible, .branch-section:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
.branch-section { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; gap: 64px; scroll-margin-top: 110px; }
.branch-section h3 { font-family: var(--serif); font-size: 1.4rem; font-weight: 400; line-height: 1.7; letter-spacing: .04em; margin: 0 0 20px; }
.branch-section .branch-facts > div { grid-template-columns: 88px minmax(0, 1fr); }
.branch-contact-note { font-size: .8125rem; line-height: 1.9; color: var(--muted); margin: -7px 0 23px; }
.branch-history-record { border-top: 1px solid var(--line); padding-top: 23px; }
.branch-history-record > h3 { color: var(--gold); font-size: 1.15rem; margin-bottom: 7px; }
.branch-timeline { list-style: none; margin: 0; padding: 0; }
.branch-timeline li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 18px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.branch-timeline-step { font-family: Georgia, serif; font-size: .875rem; line-height: 2; color: var(--gold); }
.branch-timeline h4 { font-weight: 500; font-size: 1rem; line-height: 1.8; margin: 0 0 5px; color: var(--cream); }
.branch-timeline p { font-size: .9375rem; line-height: 1.9; margin: 0; color: var(--muted); }
@media (max-width: 1000px) { .branch-section { gap: 32px; } }
@media (max-width: 700px) {
  .branch-subtabs { gap: 24px; margin-bottom: 26px; }
  .branch-subtabs a { font-size: .9375rem; }
  .branch-section { grid-template-columns: 1fr; gap: 28px; scroll-margin-top: 90px; }
  .branch-section h3 { font-size: 1.25rem; margin-bottom: 18px; }
  .branch-section .branch-facts > div { grid-template-columns: 78px minmax(0, 1fr); }
  .branch-contact-note { margin-top: -5px; }
}