/* fixes-2026-10-30.css — CB.96 (in5-docs #283 F1, #319). The testimonials component (includes/testimonials/index.php) is a slick slider, but app.css gives
   `section.testimonials .inner-container .testimonial-cards` display:flex + wrap + gap before slick builds its list, so slick measures the list at content width
   (six cards → 47,808 px at first paint) and the page overflows. Once slick has initialised, the container is a block pinned to its column; the gap lives on the
   track (app.css). Selector specificity (0,4,1) outranks app.css's (0,3,1) without !important. */
section.testimonials .inner-container .testimonial-cards.slick-initialized { display: block; flex-wrap: nowrap; gap: 0; width: 100%; max-width: 100%; min-width: 0; }
section.testimonials .inner-container .testimonial-cards.slick-initialized .slick-list { width: 100%; overflow: hidden; }
section.testimonials .inner-container .testimonial-cards.slick-initialized .slick-slide { height: auto; }
section.testimonials .inner-container .testimonial-cards .slick-dots { position: static; margin: 8px 0 0; padding: 0; list-style: none; display: flex; justify-content: center; gap: 0; }
section.testimonials .inner-container .testimonial-cards .slick-dots li { width: 44px; height: 44px; margin: 0; display: flex; align-items: center; justify-content: center; } /* 2026-10-30: 44-px target (mandate 6) */
section.testimonials .inner-container .testimonial-cards .slick-dots li button { width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 50%; background: transparent; font-size: 0; line-height: 0; cursor: pointer; position: relative; }
section.testimonials .inner-container .testimonial-cards .slick-dots li button:after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: #01156b; opacity: .35; }
section.testimonials .inner-container .testimonial-cards .slick-dots li.slick-active button:after { opacity: 1; }
section.testimonials .inner-container .testimonial-cards .slick-dots li button:before { content: none; }
section.testimonials .inner-container .testimonial-cards .slick-dots li button:focus-visible { outline: 3px solid #01156b; outline-offset: -6px; }