/* FAQ hub page */
.fq-hero{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:clamp(56px,7vw,96px) 0 clamp(40px,5vw,64px)}
.fq-hero-in{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.fq-title{font-size:clamp(34px,4.4vw,56px);font-weight:600;color:var(--ink);letter-spacing:-.01em}
.fq-sub{color:var(--muted);font-size:16px;line-height:1.8;max-width:680px;margin:0;text-wrap:pretty}
.fq-cats{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.fq-cats a{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:500;font-size:15px;white-space:nowrap;transition:border-color .2s,color .2s}
.fq-cats a .n{font-family:var(--font-en);font-size:12px;color:var(--green-600);font-weight:600}
.fq-cats a:hover{border-color:var(--green);color:var(--green-600)}
.fq-body{padding:clamp(56px,7vw,96px) 0}
.fq-grid{display:grid;gap:clamp(48px,6vw,80px)}
.fq-group{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start;scroll-margin-top:96px}
.fq-ghead{position:sticky;top:96px;display:grid;gap:10px}
.fq-ghead .n{font-family:var(--font-en);font-size:13px;font-weight:600;color:var(--green-600);letter-spacing:.08em}
.fq-ghead h2{font-size:clamp(24px,2.4vw,30px);color:var(--ink)}
.fq-ghead p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.fq-list{display:grid;gap:12px}
.fq-item{border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s}
.fq-item[open]{border-color:rgba(30,160,151,.45);box-shadow:var(--shadow-sm)}
.fq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:14px 20px}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary h3{font-size:16px;font-weight:600;color:var(--ink);line-height:1.5;margin:0}
.fq-item summary:hover h3{color:var(--green-600)}
.fq-ic{flex:none;color:var(--green-600);transition:transform .2s}
.fq-item[open] .fq-ic{transform:rotate(45deg)}
.fq-a{padding:0 20px 20px}
.fq-a p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.85;text-wrap:pretty}
.fq-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.fq-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 20px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:500;font-size:15px;transition:border-color .2s,color .2s}
.fq-links a:hover{border-color:var(--green);color:var(--green-600)}
.fq-links .tag{font-family:var(--font-en);font-size:11px;font-weight:600;color:var(--green-600);background:var(--green-50);border-radius:999px;padding:3px 8px;white-space:nowrap}
@media (max-width:900px){.fq-group{grid-template-columns:minmax(0,1fr);gap:20px}.fq-ghead{position:static}}
@media (max-width:560px){.fq-item summary{padding:14px 16px}.fq-a{padding:0 16px 18px}.fq-item summary h3{font-size:15px}}