/* ===== Smart FAQ =====
   <details>/<summary> list that works with no JS. JS adds the toolbar (search, topic chips, expand all), highlights,
   deep links and copy-link buttons. Opening animates with ::details-content + interpolate-size where supported
   (Chrome 131+); elsewhere it opens instantly. Skin: override the --sfaq-* tokens on .sfaq or a skin class. */
.sfaq{
  --sfaq-bg:#fafaf8; --sfaq-ink:#1d1d1b; --sfaq-muted:#545450; --sfaq-line:#d9d8d2;
  --sfaq-item:#fff; --sfaq-item-open:#fff; --sfaq-accent:#1d1d1b; --sfaq-accent-ink:#fff;
  --sfaq-chip:#fff; --sfaq-chip-ink:#1d1d1b; --sfaq-chip-line:#8c8b85;
  --sfaq-mark:#ffe58a; --sfaq-mark-ink:#1d1d1b; --sfaq-focus:#1b5fc2;
  --sfaq-display:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; --sfaq-body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --sfaq-radius:12px; --sfaq-max:880px; --sfaq-q-size:clamp(17px,2vw,19px);
  background:var(--sfaq-bg); color:var(--sfaq-ink); font:16px/1.6 var(--sfaq-body);
  padding:clamp(56px,8vw,100px) clamp(16px,4vw,40px);
}
.sfaq *,.sfaq *::before,.sfaq *::after{box-sizing:border-box}
.sfaq__in{max-width:var(--sfaq-max);margin:0 auto}
.sfaq__head{margin:0 0 28px}
.sfaq__eyebrow{margin:0 0 10px;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sfaq-muted)}
.sfaq__head h2{margin:0;font:700 clamp(28px,4.4vw,44px)/1.1 var(--sfaq-display)}

/* Toolbar (hidden until JS runs) */
.sfaq__tools{display:grid;gap:14px;margin:0 0 22px}
.sfaq__tools[hidden]{display:none}
.sfaq__searchrow{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.sfaq__field{flex:1 1 260px;display:grid;gap:6px;min-width:0}
.sfaq__field label{font-weight:700;font-size:15px}
.sfaq__search{width:100%;min-height:48px;padding:10px 14px;border:2px solid var(--sfaq-chip-line);border-radius:var(--sfaq-radius);background:var(--sfaq-item);color:var(--sfaq-ink);font:inherit}
.sfaq__toggle{min-height:48px;padding:10px 18px;border:2px solid var(--sfaq-accent);border-radius:var(--sfaq-radius);background:transparent;color:var(--sfaq-ink);font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.sfaq__toggle:hover{background:var(--sfaq-accent);color:var(--sfaq-accent-ink)}
.sfaq__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}
.sfaq__chip{min-height:44px;padding:8px 16px;border:2px solid var(--sfaq-chip-line);border-radius:999px;background:var(--sfaq-chip);color:var(--sfaq-chip-ink);font:inherit;font-weight:600;cursor:pointer}
.sfaq__chip[aria-pressed=true]{background:var(--sfaq-accent);border-color:var(--sfaq-accent);color:var(--sfaq-accent-ink)}
.sfaq__status{margin:0;min-height:1.6em;color:var(--sfaq-muted);font-size:15px}

/* List */
.sfaq__list{display:grid;gap:10px}
.sfaq__item{background:var(--sfaq-item);border:1px solid var(--sfaq-line);border-radius:var(--sfaq-radius);scroll-margin-top:96px}
.sfaq__item[hidden]{display:none}
.sfaq__item[open]{background:var(--sfaq-item-open)}
.sfaq__item summary{list-style:none;cursor:pointer;display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:18px 22px;border-radius:var(--sfaq-radius)}
.sfaq__item summary::-webkit-details-marker{display:none}
.sfaq__q{font:700 var(--sfaq-q-size)/1.35 var(--sfaq-display)}
.sfaq__icon{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid currentColor;position:relative;margin-top:1px;transition:transform .2s ease}
.sfaq__icon::before,.sfaq__icon::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:currentColor}
.sfaq__icon::after{transform:rotate(90deg);transition:transform .2s ease}
.sfaq__item[open] .sfaq__icon::after{transform:rotate(0)}
.sfaq__a{padding:0 22px 18px;color:var(--sfaq-muted)}
.sfaq__a p{margin:0 0 10px}
.sfaq__a a{color:var(--sfaq-ink);font-weight:600}
.sfaq__tools-row{margin:6px 0 0!important}
.sfaq__copy{display:inline-flex;align-items:center;gap:6px;min-height:36px;min-width:44px;padding:6px 12px;border:1px solid var(--sfaq-line);border-radius:999px;background:transparent;color:var(--sfaq-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.sfaq__copy:hover{border-color:var(--sfaq-ink)}
.sfaq__copy.is-copied::after{content:"Copied";font-weight:700}
.sfaq__copy.is-copied > :first-child{display:none}
.sfaq__hit{background:var(--sfaq-mark);color:var(--sfaq-mark-ink);border-radius:3px;padding:0 1px}

.sfaq__empty{margin:12px 0 0;padding:22px;border:2px dashed var(--sfaq-chip-line);border-radius:var(--sfaq-radius);background:var(--sfaq-item)}
.sfaq__empty[hidden]{display:none}
.sfaq__empty p{margin:0 0 6px}
.sfaq__empty a{color:var(--sfaq-ink);font-weight:700}

.sfaq summary:focus-visible,.sfaq button:focus-visible,.sfaq input:focus-visible,.sfaq a:focus-visible{outline:3px solid var(--sfaq-focus);outline-offset:3px}
.sfaq__vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Smooth open where the browser can animate to height:auto. */
@media (prefers-reduced-motion:no-preference){
  @supports (interpolate-size:allow-keywords){
    .sfaq{interpolate-size:allow-keywords}
    .sfaq__item::details-content{height:0;overflow:clip;transition:height .28s ease,content-visibility .28s allow-discrete}
    .sfaq__item[open]::details-content{height:auto}
  }
}
@media (prefers-reduced-motion:reduce){ .sfaq__icon,.sfaq__icon::after{transition:none} }
@media (forced-colors:active){ .sfaq__item{border:1px solid CanvasText} .sfaq__chip[aria-pressed=true]{outline:3px solid Highlight} .sfaq__hit{forced-color-adjust:none} }
@media print{ .sfaq__tools,.sfaq__tools-row{display:none} }