/* Audience routing C: tabs. Without script every panel shows in order under its own heading.
   With script (routing-tabs.js) the short labels become an ARIA tablist. Scoped to .routing-tabs. */
.routing-tabs > .wrap > h2{font-family:var(--serif-d);font-weight:400;font-size:48px;line-height:1.08;letter-spacing:-.005em;margin-bottom:32px}
.routing-tabs .rt-label{display:none}
.routing-tabs .rt-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--rule)}
.routing-tabs .rt-tabs button{font:inherit;font-family:var(--serif-d);font-size:26px;line-height:1.2;color:var(--muted);background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:14px 4px 16px;text-align:left;cursor:pointer}
.routing-tabs .rt-tabs button:hover{color:var(--ink)}
.routing-tabs .rt-tabs button[aria-selected="true"]{color:var(--accent);border-bottom-color:var(--accent)}
.routing-tabs .rt-panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;padding:36px 0 0}
.routing-tabs:not(.is-tabbed) .rt-panel + .rt-panel{margin-top:24px;border-top:1px solid var(--rule)}
.routing-tabs.is-tabbed .rt-panel h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.routing-tabs .rt-panel[hidden]{display:none}
.routing-tabs .rt-panel:focus-visible{outline-offset:8px}
.routing-tabs .rt-panel h3{font-family:var(--serif-d);font-weight:500;font-size:28px;line-height:1.2;margin-bottom:8px}
.routing-tabs .panel-copy > p:not(.go){font-size:21px;line-height:1.45;font-family:var(--serif);max-width:32ch}
.routing-tabs .panel-copy .go{margin-top:24px}
.routing-tabs .panel-copy .go a{font-weight:600;text-decoration:none;font-size:16px}
.routing-tabs .panel-copy .go a:hover .lbl{text-decoration:underline}
.routing-tabs .svc{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.routing-tabs .svc li{border-bottom:1px solid var(--rule)}
.routing-tabs .svc a{display:flex;justify-content:space-between;gap:12px;padding:16px 0;color:var(--ink);text-decoration:none;font-size:18px;font-weight:500}
.routing-tabs .svc a::after{content:"\2192";color:var(--accent);transition:transform .15s}
.routing-tabs .svc a:hover{color:var(--accent)}
.routing-tabs .svc a:hover::after{transform:translateX(3px)}
@media (max-width:980px){.routing-tabs .rt-panel{grid-template-columns:1fr;gap:32px}}
@media (max-width:640px){
  .routing-tabs > .wrap > h2{font-size:36px}
  .routing-tabs .rt-tabs{grid-template-columns:1fr;border-bottom:0;border-left:1px solid var(--rule)}
  .routing-tabs .rt-tabs button{font-size:21px;border-bottom:0;border-left:3px solid transparent;margin:0 0 0 -1px;padding:10px 14px}
  .routing-tabs .rt-tabs button[aria-selected="true"]{border-left-color:var(--accent)}
  .routing-tabs .rt-panel{padding-top:24px;gap:20px}
  .routing-tabs .panel-copy > p:not(.go){font-size:19px}
  .routing-tabs .svc a{font-size:17px}
}