/* Rostify FAQ (30.09.2026) — on top of vp.css (hero, stats, card, closing band). Prefix fq- */
.fq-h1{max-width:12ch}
.fq-h1-k{display:block;margin-top:clamp(14px,1.6vw,22px);font-stretch:100%;font-weight:500;font-size:clamp(18px,1.6vw,24px);line-height:1.3;letter-spacing:0;color:var(--ink2);max-width:34ch;text-wrap:pretty}

/* contents card */
.fq-index-list{list-style:none;margin:0;padding:4px 0;counter-reset:none}
.fq-index-list a{display:grid;grid-template-columns:40px minmax(0,1fr) auto 16px;gap:14px;align-items:center;padding:16px 20px;border-top:1px solid var(--rule);text-decoration:none;transition:background-color .2s ease}
.fq-index-list li:first-child a{border-top:0}
.fq-index-list a:hover,.fq-index-list a:focus-visible{background:light-dark(#F3F6F6,#121D1F)}
.fq-no{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--teal)}
.fq-t b{display:block;font-stretch:88%;font-weight:650;font-size:clamp(17px,1.35vw,20px);line-height:1.2;color:var(--ink)}
.fq-t em{display:block;margin-top:4px;font-style:normal;font-size:13.5px;line-height:1.4;color:var(--mute)}
.fq-n{min-width:2ch;font-family:var(--mono);font-size:12px;text-align:right;font-variant-numeric:tabular-nums;color:var(--mute)}
.fq-index-list i{font-style:normal;color:var(--teal);transition:transform .2s ease}
.fq-index-list a:hover i{transform:translateY(2px)}
.fq-docs{justify-content:space-between}
.fq-docs a{font-weight:600;color:var(--teal);text-decoration:none;white-space:nowrap}
.fq-docs a:hover{text-decoration:underline;text-underline-offset:4px}

/* topic bands */
.fq-sec{padding-top:clamp(56px,6vw,96px);padding-bottom:clamp(56px,6vw,96px)}
.fq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,96px);align-items:start}
.fq-head{position:sticky;top:96px}
.fq-head .v4-ch{margin:0 0 14px}
.v4 .fq-head h2{font-size:clamp(34px,3.9vw,60px);max-width:14ch}
.fq-sub{margin:16px 0 0;max-width:30ch;font-size:16px;line-height:1.5;color:var(--ink2)}
.fq-list{border-top:2px solid var(--ink)}
.fq-item{border-bottom:1px solid var(--rule);scroll-margin-top:84px}
.fq-item summary{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:20px;align-items:center;padding:22px 0;list-style:none;cursor:pointer}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:6px}
.fq-q{margin:0;font-stretch:88%;font-weight:650;font-size:clamp(19px,1.6vw,24px);line-height:1.22;letter-spacing:-.005em;text-wrap:balance;transition:color .2s ease}
.fq-item summary:hover .fq-q{color:var(--teal)}
.fq-x{position:relative;width:30px;height:30px;border-radius:50%;border:1px solid var(--rule2);transition:background-color .2s ease,border-color .2s ease}
.fq-x::before,.fq-x::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;margin:-.75px 0 0 -5.5px;background:var(--ink);transition:transform .25s ease}
.fq-x::after{transform:rotate(90deg)}
.fq-item[open] .fq-x{background:var(--ink);border-color:var(--ink)}
.fq-item[open] .fq-x::before,.fq-item[open] .fq-x::after{background:var(--paper)}
.fq-item[open] .fq-x::after{transform:rotate(0deg)}
.fq-a{max-width:66ch;padding:0 50px 28px 0}
.fq-a p{margin:0;font-size:17px;line-height:1.62;color:var(--ink2)}
.fq-more{display:inline-flex;gap:8px;align-items:baseline;margin-top:14px;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--teal);text-decoration:none}
.fq-more:hover{text-decoration:underline;text-underline-offset:4px}

@media (max-width:900px){
  .fq-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .fq-head{position:static}
  .v4 .fq-head h2{max-width:none}
}
@media (max-width:640px){
  .fq-index-list a{grid-template-columns:32px minmax(0,1fr) auto;padding:14px 16px}
  .fq-index-list i{display:none}
  .fq-a{padding-right:0}
  .fq-a p{font-size:16px}
  .fq-docs{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .fq-index-list a,.fq-index-list i,.fq-q,.fq-x,.fq-x::before,.fq-x::after{transition:none}
}
@media print{
  .fq-item:not([open]) > .fq-a{display:block}
  .fq-head{position:static}
}