.hero-faq{margin-top:18px;border-radius:28px;padding:56px 52px;background:var(--ink);color:#F4EFEC;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.hero-faq .eyebrow{color:#E7A9B9;margin:0}
.hero-faq h1{margin:0;font-family:var(--serif);font-weight:500;font-size:56px;line-height:1.02;letter-spacing:-.02em}
.hero-faq h1 em{color:#E7A9B9}
.fsearch{width:100%;max-width:640px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;height:60px;padding:0 10px 0 24px;margin-top:10px}
.fsearch input{flex:1;min-width:0;border:0;outline:none;font-size:16px;color:var(--ink);background:transparent;height:100%}
.fsearch button{height:40px;padding:0 14px;border:0;border-radius:999px;background:var(--soft);font-size:13px;font-weight:600;color:var(--ink)}
.popular{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;color:#CFC6C1}
.popular button{border:1px solid #4A4542;background:transparent;color:#F4EFEC;height:36px;padding:0 14px;border-radius:999px;font-size:12.5px}
.popular button:hover{border-color:#F4EFEC}
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:8px}
.catb{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:18px;padding:14px 16px;background:#fff;text-align:left;font-size:14px;font-weight:600;min-height:68px;transition:border-color .15s}
.catb:hover{border-color:var(--ink-2)}
.catb.on{border-color:var(--ink);background:var(--ink);color:#fff}
.catb.on .ic-c{background:#2A2725;color:#E7A9B9}
.catb small{display:block;font-weight:400;font-size:12px;color:var(--muted)}
.catb.on small{color:#CFC6C1}
.catb .ic-c{width:38px;height:38px}
.res-info{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--ink-2);margin-bottom:6px}
.res-info button{border:0;background:none;color:var(--brand);font-weight:700;font-size:13px;padding:6px 0}
.grp h3{margin:36px 0 4px;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--muted)}
.grp:first-child h3{margin-top:12px}
mark{background:#F9E2A8;color:inherit;border-radius:3px;padding:0 2px}
.helpful{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);padding-top:6px}
.helpful button{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-size:12.5px;font-weight:600;color:var(--ink)}
.helpful button:hover{border-color:var(--ink)}
.empty{text-align:center;padding:56px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1.5px dashed var(--line-2);border-radius:24px}
.empty h3{margin:0;font-family:var(--serif);font-weight:500;font-size:28px}
.empty p{margin:0;color:var(--muted);max-width:420px}
.still{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;background:var(--brand-soft);border-radius:24px;padding:32px}
.still h2{margin:0 0 6px;font-family:var(--serif);font-weight:500;font-size:30px}
.still p{margin:0;color:var(--ink-2)}
@media (max-width:1100px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){
  .hero-faq{padding:32px 18px;border-radius:20px;margin-top:12px}
  .hero-faq h1{font-size:34px}
  .fsearch{height:52px;padding-left:18px}
  .fsearch input{font-size:15px}
  .popular{display:none}
  .cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .catb{padding:10px 12px;min-height:56px;font-size:13px}
  .catb .ic-c{display:none}
  .still{padding:22px}
  .still h2{font-size:24px}
}