/* faq page */
.top .lede{max-width:44ch}
.faq-wrap{display:grid;gap:20px}.faq-wrap > *{min-width:0}
.index{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.index li{flex:none;max-width:100%}
.index a{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.84rem;font-weight:600;text-decoration:none;line-height:1.25;transition:border-color .5s var(--ease),transform .5s var(--ease),background-color .5s var(--ease)}
.index a:hover{border-color:rgba(11,31,68,.3);transform:translateY(-1px)}
.qs{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.q{scroll-margin-top:84px}
.q .core{padding:16px 16px 18px;display:grid;gap:8px;transition:box-shadow .7s var(--ease),transform .7s var(--ease)}
.q h2{font-size:1.15rem;line-height:1.25}
.q p,.q li{color:var(--ink-2);font-size:.95rem;line-height:1.5}
.q p a,.q li a{font-weight:600}
.q ul{margin:0;padding:0 0 0 18px;display:grid;gap:4px}
.q:target .core{animation:lift 1.6s var(--ease);box-shadow:var(--shadow)}
.q:target.shell{border-color:rgba(31,101,204,.5)}
@keyframes lift{0%{transform:translateY(0)}20%{transform:translateY(-4px)}100%{transform:translateY(0)}}
.q .next{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;margin-top:2px}
.q .next a{font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;min-height:44px}
@media (min-width:900px){.faq-wrap{grid-template-columns:4fr 8fr;column-gap:56px;align-items:start}.index{position:sticky;top:100px;display:grid;gap:4px;overflow:visible;margin:0;padding:0}.index a{justify-content:start;white-space:normal;min-height:44px;padding:8px 16px;font-size:.92rem}.q .core{padding:26px 28px 28px;gap:10px}.q h2{font-size:1.35rem}.q p,.q li{font-size:1rem}}