/* ROCKETS-ONLY override skin for /site/css/blocks/matchday-accordion.css.
   JOB-101119 design feedback (accordion round) — panel-approved token map, see review.md.
   Loaded only by rockets-news-detail.twig (FAQ branch), AFTER the base file.
   NEVER add to min/groupsConfig.php. Base file is shared — do not edit it.
   Selector contract: every rule = FULL base selector (including .matchday-faq)
   prefixed with `.rockets-faq `. TIE-TRAP RULE: base selectors already nest under
   .matchday-faq, so any property set on .pill or summary MUST have its :hover /
   .active / [open] variants restated here, or the static rule beats the base
   state rules on source order and kills them. !important is banned in this file. */

/* Voice: Rockets UI is system-sans; base declares Merriweather on 6 selectors,
   each reset below with font-family:inherit picking this up */
.rockets-faq .matchday-faq { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:var(--black,#000); }

/* Intro (unstyled in base — additive): orange-bar echo of .tr-section-title */
.rockets-faq .matchday-intro { margin:0 0 20px; padding-left:12px; border-left:4px solid var(--orange,#f53c00); font-size:15px; line-height:1.5; }

/* Pill row: hard black rule under the pills */
.rockets-faq .matchday-faq .filter-pills { border-bottom:2px solid var(--black,#000); }

/* Pills: .tr-tab transplant (family match with .food-pill). Base padding kept. */
.rockets-faq .matchday-faq .pill { font-family:inherit; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px;
  border:2px solid var(--black,#000); border-radius:0; background:var(--white,#fff); color:var(--black,#000); }
.rockets-faq .matchday-faq .pill:hover { background:var(--yellow-c,#ffe600); border-color:var(--black,#000); color:var(--black,#000); }
.rockets-faq .matchday-faq .pill.active { background:var(--black,#000); border-color:var(--black,#000); color:var(--yellow-c,#ffe600); }

/* Focus (NEW — base has zero focus rules): one orange ring; offset ≥2px is
   load-bearing — flush against the yellow hover fill the ring is 2.99:1 and fails */
.rockets-faq .matchday-faq .pill:focus-visible, .rockets-faq .matchday-faq details summary:focus-visible {
  outline:2px solid var(--orange,#f53c00); outline-offset:2px; }

/* Count: uppercase tracked, AA fix (base #a7a9ac = 2.36:1 pre-existing failure) */
.rockets-faq .matchday-faq .group-count { font-style:normal; font-size:11px; text-transform:uppercase; letter-spacing:1px; color:#6b6e6a; font-weight:600; }

/* Summaries: Rockets heading register, BLACK in all states — chevron flip is the
   [open] indicator (currentColor recolours it for free; ::after geometry untouched).
   hover/[open] restates are REQUIRED to kill base's green (tie-trap rule above). */
.rockets-faq .matchday-faq details summary { font-family:inherit; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--black,#000); }
.rockets-faq .matchday-faq details summary:hover { color:var(--black,#000); }
.rockets-faq .matchday-faq details[open] > summary { color:var(--black,#000); }

/* Answer body: sans + black; base 14px/1.4 rhythm kept */
.rockets-faq .matchday-faq details [itemprop="text"] { font-family:inherit; color:var(--black,#000); }
.rockets-faq .matchday-faq details [itemprop="text"] h3 { font-family:inherit; font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--black,#000); }

/* In-answer links: AA-darkened Rockets orange, underline + offset ride through from
   base; hover darkens further (#a32800 = 7.34:1) mirroring base's green→darker step */
.rockets-faq .matchday-faq details [itemprop="text"] a,
.rockets-faq .matchday-faq details [itemprop="text"] a:link,
.rockets-faq .matchday-faq details [itemprop="text"] a:visited { color:#c93100; }
.rockets-faq .matchday-faq details [itemprop="text"] a:hover,
.rockets-faq .matchday-faq details [itemprop="text"] a:focus { color:#a32800; }

/* Responsive restates — base 640px block varies .pill font-size and summary
   font-size, both set by this skin: re-asserted here so intent is explicit
   (12px pills and 15px summaries are deliberate at all widths). Base's mobile
   paddings are untouched by the skin and survive as-is. */
@media (max-width:640px) {
  .rockets-faq .matchday-faq .pill { font-size:12px; }
  .rockets-faq .matchday-faq details summary { font-size:15px; }
}

/* Rockets header is NOT sticky below 768px (rockets/styles.css:28) — kill the
   main-site 150px sticky-nav clearance so mobile deep-links (#hash / ?open=)
   land tight. 767px is the header boundary, deliberately ≠ the 640px type break. */
@media (max-width:767px) {
  .rockets-faq .matchday-faq details { scroll-margin-top:24px; }
}

/* Reduced motion: settle the chevron rotation and open animation instantly */
@media (prefers-reduced-motion: reduce) {
  .rockets-faq .matchday-faq details summary::after { transition:none; }
  .rockets-faq .matchday-faq details::details-content { transition:none; }
}