/* Frequently asked questions (faq/ and en/faq/). Builds on site.css tokens; written by faq (source)/build_faq.py. */
.faq h1{font-size:var(--fs-h2);font-weight:650;letter-spacing:-0.02em;line-height:1.15}
:lang(ja) .faq h1{letter-spacing:0;word-break:auto-phrase}
.site-nav a[aria-current="page"]{color:var(--ink);background:var(--panel)}
.qa-list{border-top:1px solid var(--ink);max-width:82ch}
.qa{border-bottom:1px solid var(--line)}
.qa > summary{display:grid;grid-template-columns:2.6em minmax(0,1fr) 18px;gap:2px 12px;align-items:baseline;padding:16px 2px 16px 0;
  list-style:none;cursor:pointer;color:var(--ink);font-weight:600;line-height:1.55}
.qa > summary::-webkit-details-marker{display:none}
.qa > summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--orange-ink);border-bottom:2px solid var(--orange-ink);
  transform:translateY(-3px) rotate(45deg);align-self:center;justify-self:center}
.qa[open] > summary::after{transform:translateY(3px) rotate(-135deg)}
.qa > summary:hover .qt{color:var(--orange-ink)}
:lang(ja) .qa .qt{word-break:auto-phrase}
.qn{color:var(--orange-ink);font-weight:700;font-variant-numeric:tabular-nums}
.qa .ans{display:grid;gap:12px;padding:0 30px 22px calc(2.6em + 12px);max-width:78ch}
.qa-more{margin-top:32px;display:grid;gap:8px;max-width:76ch}
@media (max-width:640px){
  .qa > summary{grid-template-columns:2.4em minmax(0,1fr) 14px;gap:2px 8px}
  .qa .ans{padding:0 0 20px}
}
@media print{
  .qa > summary::after{display:none}
  .qa > summary{padding-block:12px 8px}
  .qa > summary{break-after:avoid}
  .qa .ans p{orphans:3;widows:3}
  .qa-more{display:none}
}