.show-picker { min-inline-size: 0; margin: 1.8rem 0 1rem; padding: .75rem 1.25rem 1rem; border: 1px solid #dbe5ef; border-radius: 12px; background: #f5f8fc; }
.show-picker[hidden], .programme-list .programme-card[hidden] { display: none; }
.show-picker legend { padding: 0 .5rem; color: #132b4b; font-size: clamp(1.2rem, 2vw, 1.5rem); font-weight: 750; }
.show-picker p { margin: 0 0 .8rem; color: #455d7a; font-size: .9rem; }
.show-picker-options { display: flex; flex-wrap: wrap; gap: .5rem; }
.show-picker-options label { position: relative; display: block; cursor: pointer; }
.show-picker-options input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.show-picker-options span { display: inline-flex; align-items: center; min-height: 44px; border: 1px solid #ccd9e8; border-radius: 7px; padding: .45rem .75rem; color: #173758; background: white; font-size: .875rem; font-weight: 650; }
.show-picker-options input:checked + span { background: #18467e; border-color: #18467e; color: white; }
.show-picker-options input:focus-visible + span { outline: 3px solid #2264c7; outline-offset: 2px; }
.show-picker p.show-picker-count { margin: .7rem 0 0; font-weight: 650; }
.show-placements { margin-block: 2rem 3.5rem; scroll-margin-top: 7rem; }
.show-placements-panel { border: 1px solid #dbe5ef; border-radius: 12px; background: #f5f8fc; padding: clamp(1rem, 4vw, 2.5rem); }
.show-placements h2 { margin: .35rem 0 1.15rem; }
.show-placements ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: .75rem; padding: 0; margin: 0 0 1rem; list-style: none; }
.show-placements li { display: flex; gap: .65rem; align-items: flex-start; padding: .9rem; border-radius: 8px; background: #fff; overflow-wrap: anywhere; }
.show-placements li > svg { flex: 0 0 1.2rem; margin-top: .17rem; color: #245caa; }
.show-placements h3 { margin: 0; font-size: 1rem; }
.show-placements p { margin: .35rem 0 0; font-size: .9rem; color: #455d7a; }