/* faq.css - /Faq. Pafta material only: question search, topic rail (chip bar below 1024px) and
   topic groups headed by a sheet index and a dimension line. Shared parts (.pfp-faq, .pfp-anchors,
   .pfp-page-hero, .pfp-cta-band) live in public.css; this file only places and refines them.
   No animation of its own; .pfp-reveal (public.css) is static under reduced motion. */

/* JS filtering toggles [hidden]; nothing below may win over it. */
.pfp-faq-page [hidden]{display:none !important}

/* == layout == */
.pfp-faq-body{padding-block:clamp(1.75rem,1rem + 3vw,4.5rem) var(--pf-pub-section-y)}
.pfp-faq-layout{display:block}

@media (max-width:1023.98px){
  /* The side wrapper dissolves, so the sticky chip bar's containing block is the whole layout. */
  .pfp-faq-side{display:contents}
  .pfp-faq-page .pfp-anchors{margin:0 calc(-1 * var(--pf-pub-gutter)) 1.75rem;border-top:1px solid var(--mum-color-border)}
}

@media (min-width:1024px){
  .pfp-faq-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--mum-space-7);align-items:start}
  .pfp-faq-side{position:sticky;top:calc(var(--pf-pub-header-h) + 1.5rem);display:grid;gap:1.75rem;max-width:20rem}
  .pfp-faq-side .pfp-anchors{position:static}
  .pfp-faq-side .pfp-anchors__link{display:flex;justify-content:space-between;gap:.75rem}
}

/* == search == */
.pfp-faq-search{display:grid;gap:.5rem;margin-bottom:1.25rem}
@media (min-width:1024px){.pfp-faq-search{margin-bottom:0}}
.pfp-faq-search__label{justify-self:start;font-size:.9375rem;font-weight:600;color:var(--mum-color-text)}
.pfp-faq-search__field{position:relative}
.pfp-faq-search__field > svg{position:absolute;inset-inline-start:.85rem;top:50%;translate:0 -50%;width:1.1rem;height:1.1rem;color:var(--pf-pub-ink);pointer-events:none}
/* 16px minimum so iOS does not zoom on focus (the root is 14px on phones). */
.pfp-faq-search .mum-input{min-height:48px;padding-inline-start:2.6rem;font-size:max(16px,1rem)}
.pfp-faq-count{min-height:1.4em;font:500 .8125rem/1.4 var(--pf-font-mono);color:var(--pf-pub-ink);font-variant-numeric:tabular-nums}

/* == topic rail / chip bar == */
.pfp-faq-side__label{display:none}
@media (min-width:1024px){
  .pfp-faq-side__label{display:block;margin:0 0 -1rem;font:500 var(--pf-pub-fs-tag)/1.3 var(--pf-font-mono);letter-spacing:.06em;color:var(--pf-pub-ink)}
}
.pfp-faq-nav__count{margin-inline-start:.45rem;font:500 .75rem/1 var(--pf-font-mono);color:var(--mum-color-text-muted);font-variant-numeric:tabular-nums}
.pfp-anchors__link[aria-current="true"] .pfp-faq-nav__count,
.pfp-anchors__link.is-active .pfp-faq-nav__count{color:inherit}

/* == groups == */
.pfp-faq-groups{display:grid;gap:clamp(2.75rem,2rem + 2.5vw,4.25rem);min-width:0}

/* Sheet index, title, dimension line with end ticks, question count. */
.pfp-faq-group__head{display:grid;grid-template-columns:auto minmax(0,auto) minmax(1.5rem,1fr) auto;align-items:center;gap:.75rem;margin-bottom:.5rem}
.pfp-faq-group__num{display:inline-grid;place-items:center;min-width:2.1rem;padding:.3rem .35rem;border:1px solid var(--pf-pub-ink-soft);border-radius:2px;font:600 .75rem/1 var(--pf-font-mono);color:var(--pf-pub-ink);font-variant-numeric:tabular-nums;background:var(--pf-pub-paper)}
.pfp-faq-group__title{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);font-weight:700;line-height:1.25;letter-spacing:-.01em}
.pfp-faq-group__rule{height:9px;background:
  linear-gradient(var(--pf-pub-ink-soft),var(--pf-pub-ink-soft)) left center / 1px 9px no-repeat,
  linear-gradient(var(--pf-pub-ink-soft),var(--pf-pub-ink-soft)) right center / 1px 9px no-repeat,
  repeating-linear-gradient(90deg,var(--pf-pub-ink-soft) 0 4px,transparent 4px 8px) center / 100% 1px no-repeat}
.pfp-faq-group__count{font:500 .75rem/1 var(--pf-font-mono);letter-spacing:.06em;color:var(--pf-pub-ink);white-space:nowrap}

/* Questions: answers hang off a thin ink rule, like a footnote on the sheet. */
.pfp-faq-page .pfp-faq__q{padding-block:.9rem}
.pfp-faq-page .pfp-faq__item[open] > .pfp-faq__q{color:var(--pf-pub-ink)}
.pfp-faq-page .pfp-faq__a{margin:0 0 1.15rem;padding-block:.1rem;padding-inline:1rem 0;border-inline-start:2px solid var(--pf-pub-ink-soft);line-height:1.65}
.pfp-faq-group__more{margin-top:.5rem}

/* == no results == */
.pfp-faq-empty{display:grid;justify-items:start;gap:.5rem;padding:clamp(1.25rem,1rem + 1vw,1.75rem);border:1px dashed var(--pf-pub-ink-soft);border-radius:var(--mum-radius-sm);background:var(--pf-pub-paper)}
.pfp-faq-empty > svg{width:1.5rem;height:1.5rem;color:var(--pf-pub-ink)}
.pfp-faq-empty__title{font-weight:700;color:var(--mum-color-text)}
.pfp-faq-empty__text{color:var(--mum-color-text-muted);max-width:var(--pf-pub-measure)}
.pfp-faq-empty .mum-btn{margin-top:.5rem;min-height:44px}