/* A moving line of choices beneath the page title; no enclosing navigation surface. */
.page-opening.has-heading-filter-rail {min-width:0}
.page-opening.has-heading-filter-rail h1 {margin-bottom:0}
.heading-filter-slot {min-width:0;max-width:100%;width:100%;min-height:57px;margin:25px 0 24px;grid-column:1/-1}
.heading-filter-rail {display:flex;align-items:center;gap:12px;min-width:0;max-width:100%;width:100%;margin:0}
.heading-filter-viewport {flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:5px 2px 8px;scroll-behavior:auto}
.heading-filter-viewport::-webkit-scrollbar {display:none}
.heading-filter-track {display:flex;align-items:center;gap:30px;width:max-content;padding-right:12px}
.heading-filter-group {display:flex;align-items:center;gap:10px;flex-shrink:0}
.heading-filter-label {font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b8c5b080;margin-right:2px;white-space:nowrap}
.heading-filter-item {display:inline-flex;align-items:center;flex-shrink:0;border:1px solid #d2d9d02b;border-radius:99px;transition:border-color .18s,color .18s,background-color .18s}
.heading-filter-rail button {font:inherit;cursor:pointer;color:inherit;background:none;border:0;box-shadow:none}
.heading-filter-choice {min-height:42px;padding:10px 16px;font-size:13px!important;line-height:1.35;white-space:nowrap;color:#c4ccc3!important;border-radius:99px}
.heading-filter-item:hover {border-color:#d4dcc382;background:#d4dcc308}
.heading-filter-item.is-selected {border-color:#c4d0bda1;background:#cad8bd15}
.heading-filter-item.is-selected .heading-filter-choice {color:#eff5e9!important}
.heading-filter-item.is-selected .heading-filter-choice:after {content:'·';color:#b7caa5;margin-left:8px}
.heading-filter-remove {min-width:34px;min-height:42px;font-size:19px!important;padding:4px 10px 6px 1px;margin-left:-4px;border-radius:50%}
.heading-filter-rail .heading-filter-motion {display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:42px;padding:8px;border-radius:50%;color:#bdc7b5}
.heading-filter-motion svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.heading-filter-motion:disabled {opacity:.35;cursor:default}
.heading-filter-motion:not(:disabled):hover {background:#d4dcc312}
.heading-filter-rail button:focus-visible,.heading-filter-viewport:focus-visible {outline:2px solid #d3e2c3;outline-offset:3px}
.heading-filter-rail [hidden] {display:none!important}
.recognition-opening.has-heading-filter-rail>.heading-filter-slot {grid-row:2;margin-top:25px;margin-bottom:0}
.recognition-opening.has-heading-filter-rail>p {grid-column:2;grid-row:1}
.recognition-opening.has-heading-filter-rail {row-gap:0}
.connections-index .page-opening.has-heading-filter-rail>.heading-filter-slot {grid-row:3;margin-bottom:0}
@media(max-width:700px) {
  .heading-filter-slot {min-height:59px;margin-top:20px;margin-bottom:20px}
  .heading-filter-rail {gap:5px}
  .heading-filter-track {gap:22px}
  .heading-filter-group {gap:8px}
  .heading-filter-choice {font-size:12px!important;padding:9px 13px;min-height:44px}
  .heading-filter-remove {min-width:36px;min-height:44px}
  .heading-filter-rail .heading-filter-motion {flex-basis:34px;width:34px;min-height:44px;padding:7px}
  .recognition-opening.has-heading-filter-rail>p {grid-column:1;grid-row:3;margin-top:20px}
  .recognition-opening.has-heading-filter-rail>.heading-filter-slot {margin-top:20px}
}
@media(prefers-reduced-motion:reduce) {
  .heading-filter-item {transition:none}
}
