/* ==========================================================================
   prv-faq — accordion block for the legal FAQ
   Layered on top of privacy.css. Inherits every token from .prv-page,
   so there is nothing to keep in sync when the palette changes.
   Load AFTER privacy.css.
   ========================================================================== */

.prv-faq{
  max-width:var(--prv-read-w);
  margin:6px 0 0;
  border-top:1px solid var(--prv-line);
}

.prv-faq-item{
  border-bottom:1px solid var(--prv-line);
  scroll-margin-top:calc(var(--prv-header-h) + var(--prv-tabs-h) + 24px);
}

/* ---- question ---- */
.prv-faq-q{
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding:20px 2px;
  color:var(--prv-ink);
  font-size:17px;
  font-weight:500;
  line-height:1.5;
  cursor:pointer;
  list-style:none;
  transition:color .14s ease;
  -webkit-tap-highlight-color:transparent;
}
.prv-faq-q::-webkit-details-marker{ display:none; }
.prv-faq-q::marker{ content:""; }
.prv-faq-q:hover{ color:var(--prv-accent); }
.prv-faq-q:focus-visible{
  outline:2px solid var(--prv-accent);
  outline-offset:2px;
  border-radius:6px;
}

.prv-faq-qt{
  flex:1 1 auto;
  min-width:0;
}

.prv-faq-c{
  flex:0 0 auto;
  margin-top:4px;
  color:var(--prv-muted);
  transition:transform .2s var(--prv-ease), color .14s ease;
}
.prv-faq-q:hover .prv-faq-c{ color:var(--prv-accent); }
.prv-faq-item[open] > .prv-faq-q > .prv-faq-c{ transform:rotate(180deg); }
.prv-faq-item[open] > .prv-faq-q{ color:var(--prv-ink); }

/* ---- answer ---- */
.prv-faq-a{
  padding:0 44px 24px 2px;
}
.prv-faq-a > *:last-child{ margin-bottom:0; }

/* answers sit inside a narrower measure than section body copy */
.prv-faq-a .prv-p{
  font-size:16.5px;
  line-height:1.72;
}
.prv-faq-a .prv-ul{ margin-bottom:16px; }
.prv-faq-a .prv-table-wrap{ margin-top:14px; }

/* a FAQ block that opens a section needs less top separation */
.prv-sec > .prv-faq{ margin-top:2px; }


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width:900px){
  .prv-faq{ max-width:none; }
}

@media (max-width:520px){
  .prv-faq-q{
    gap:14px;
    padding:18px 0;
    font-size:16px;
  }
  .prv-faq-a{ padding:0 0 20px; }
  .prv-faq-a .prv-p{ font-size:16px; }
}

@media (prefers-reduced-motion:reduce){
  .prv-faq-q,
  .prv-faq-c{ transition:none; }
}