/* /faq/ (Common Questions) SYSTEM v3 LIGHT LUXURY
   Page-specific styles only. Tokens from site.css, no new hex values. */

/* asymmetric body: sticky index left, accordions right */
.faqgrid {
  display: grid;
  grid-template-columns: 0.32fr 0.68fr;
  gap: clamp(2.5rem, 5vw, 5.5rem);
  align-items: start;
}
@media (max-width: 860px) {
  .faqgrid { grid-template-columns: 1fr; }
}

/* index rail */
.faqindex {
  position: sticky;
  top: calc(var(--nav-h) + 1.5rem);
  border-top: 1px solid var(--line);
  padding-top: 1.25rem;
}
.faqindex__head {
  font-family: var(--font-d);
  font-weight: 500;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--brass-deep);
  margin-bottom: 0.9rem;
}
.faqindex__list { display: grid; counter-reset: fqi; }
.faqindex__list li { counter-increment: fqi; }
.faqindex__list a {
  display: flex;
  align-items: baseline;
  gap: 0.9rem;
  padding: 0.65rem 0.15rem;
  min-height: 44px;
  border-bottom: 1px solid var(--line);
  text-decoration: none;
  font-family: var(--font-d);
  font-weight: 500;
  font-size: 1.05rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--ink);
  transition: color 0.25s ease;
}
.faqindex__list a::before {
  content: counter(fqi, decimal-leading-zero);
  font-weight: 300;
  font-size: 0.85rem;
  color: var(--brass-deep);
  font-variant-numeric: tabular-nums;
}
.faqindex__list a:hover { color: var(--brass-deep); }
.faqindex__note {
  margin-top: 1.4rem;
  font-size: 0.9rem;
  color: var(--ink-soft);
}
.faqindex__note a {
  color: var(--brass-deep);
  font-weight: 700;
  text-decoration: none;
}
.faqindex__note a:hover { text-decoration: underline; }
@media (max-width: 860px) {
  .faqindex { position: static; }
}

/* question groups */
.faqgroup { scroll-margin-top: calc(var(--nav-h) + 1.5rem); }
.faqgroup + .faqgroup { margin-top: clamp(3rem, 6vw, 4.75rem); }
.faqgroup h2 { font-size: var(--fs-d3); margin-bottom: 1.4rem; }
.faqgroup .rule { margin-bottom: 1rem; }
.faqgroup__more { margin-top: 1.75rem; }

/* answer links */
.faq__a a {
  color: var(--brass-deep);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: oklch(66.5% 0.083 78 / 0.5);
  text-underline-offset: 3px;
  transition: text-decoration-color 0.2s ease;
}
.faq__a a:hover { text-decoration-color: var(--brass-deep); }

/* ctaband contact links */
.ctaband__link {
  color: var(--brass-deep);
  font-weight: 700;
  text-decoration: none;
}
.ctaband__link:hover { text-decoration: underline; }

/* ---- theme-dark overrides ---- */
body.theme-dark .ctaband .ctaband__link { color: var(--brass-light); }
.faqgroup__more.btn { margin-top: 1.75rem; }