/* Shared topic navigation only. Existing page content and pricing stay untouched. */
.content-breadcrumbs ol {
  display:flex; flex-wrap:wrap; align-items:center; gap:.4rem .65rem;
  list-style:none; padding:0; margin:0; font-size:.88rem;
}
.content-breadcrumbs li { display:inline-flex; align-items:center; margin:0; gap:.65rem; }
.content-breadcrumbs li + li::before { content:"/"; color:var(--text-faint); }
.content-breadcrumbs [aria-current="page"] { color:var(--text-muted); }
nav.content-breadcrumbs { margin-bottom:1.5rem; }
.content-breadcrumbs a { display:inline-flex; align-items:center; min-height:44px; }
.content-related {
  margin-top:3rem; padding:1.5rem clamp(1rem,3vw,1.75rem);
  border:1px solid var(--border); border-radius:var(--radius-lg);
  background:var(--surface);
}
.content-related h2 { margin:0 0 .75rem; font-size:1.35rem; }
.content-related ul { display:grid; gap:.25rem; margin:0; padding:0; list-style:none; }
.content-related li { margin:0; }
.content-related a { display:inline-flex; align-items:center; min-height:44px; }
.content-hub .content-hub-list {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;
  list-style:none; margin:2rem 0; padding:0;
}
.content-hub-list li { padding:1.25rem; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); }
.content-hub-list h2 { font-size:1.25rem; margin:0; }
.content-hub-list a { display:inline-flex; align-items:center; min-height:44px; }
.content-hub-list p { margin:.5rem 0 0; }
.skip { position:absolute; left:-9999px; }
.skip:focus { left:1rem; top:1rem; z-index:999; padding:.75rem; background:var(--surface); }
.content-related a:focus-visible,.content-breadcrumbs a:focus-visible,.topic-hub-link:focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }
/* Keep the extra hub links reachable at narrower widths, including legal pages. */
.header .brand { flex-shrink:0; }
.header .nav { gap:1rem; }
.header .nav a { white-space:nowrap; }
@media(max-width:1200px) {
  .header__inner { height:auto; min-height:4.5rem; flex-wrap:wrap; padding-top:.75rem; padding-bottom:.4rem; }
  .header .nav { display:flex; order:3; width:100%; gap:1rem; overflow-x:auto; padding-bottom:.4rem; }
  .header .nav a { flex:none; min-height:44px; display:inline-flex; align-items:center; }
}
@media(max-width:560px) {
  .content-hub .content-hub-list { grid-template-columns:1fr; }
}