/* ============================================================
   FAQ — accordions, category nav, link chips
   Content uses native <details>, so it works without JavaScript.
   ============================================================ */

/* — category nav — */
.fq-navs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1000px;margin:0 auto}
.fq-nav{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;
  text-decoration:none;border:1px solid var(--hb-border);
  background:linear-gradient(180deg,#FFFDF6,#F6EEDB);
  box-shadow:0 12px 24px -18px rgba(29,22,28,.3),inset 0 1px 0 #fff;
  font:700 14px/1.3 var(--hb-display);color:var(--hb-ink);
  transition:transform .15s ease,border-color .15s ease}
.fq-nav:hover{transform:translateY(-2px);border-color:#B08542}
.fq-nav .n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  font:800 13px/1 var(--hb-display);color:#3F2F10;
  background:radial-gradient(circle at 35% 30%,#F3DA9A,#ECCE77 55%,#C9A44E);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.5),inset 0 -1px 2px rgba(0,0,0,.25)}
.fq-nav:nth-child(n+4) .n{color:#FCF7EA;
  background:radial-gradient(circle at 35% 30%,#8A6A38,#6E5327 55%,#4A3714)}
.fq-nav:nth-child(n+7) .n{color:#FCF7EA;
  background:radial-gradient(circle at 35% 30%,#8C3B32,#7B2D26 55%,#5A1F1A)}

/* — accordion — */
.fq-list{max-width:900px;margin:0 auto;display:grid;gap:12px}
.fq-item{border-radius:16px;border:1px solid var(--hb-border);overflow:hidden;
  background:linear-gradient(180deg,#FFFDF6,#F8F1E0);
  box-shadow:0 14px 28px -20px rgba(29,22,28,.28),inset 0 1px 0 #fff}
.fq-item[open]{border-color:#B08542;box-shadow:0 22px 40px -24px rgba(29,22,28,.36),inset 0 1px 0 #fff}
.fq-item summary{display:flex;align-items:center;gap:14px;padding:17px 20px;cursor:pointer;
  list-style:none;font:700 15.5px/1.45 var(--hb-display);color:var(--hb-ink)}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary:hover{background:rgba(226,177,93,.08)}
.fq-item summary:focus-visible{outline:3px solid rgba(226,177,93,.75);outline-offset:-3px}
.fq-item .q{flex:1}
.fq-item .ic{flex:none;width:26px;height:26px;border-radius:50%;position:relative;
  background:radial-gradient(circle at 35% 30%,#F3D58C,var(--hb-gold) 55%,#B08542);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.5),inset 0 -1px 2px rgba(0,0,0,.25);
  transition:transform .2s ease}
.fq-item .ic::before,.fq-item .ic::after{content:"";position:absolute;left:50%;top:50%;
  background:#5A1F1A;border-radius:2px;transform:translate(-50%,-50%)}
.fq-item .ic::before{width:12px;height:2.4px}
.fq-item .ic::after{width:2.4px;height:12px;transition:opacity .2s ease}
.fq-item[open] .ic{transform:rotate(180deg);
  background:radial-gradient(circle at 35% 30%,#8C3B32,var(--hb-burg) 55%,#5A1F1A)}
.fq-item[open] .ic::before{background:#F3D58C}
.fq-item[open] .ic::after{opacity:0}
.fq-a{padding:0 20px 20px 20px;border-top:1px solid rgba(236,208,147,.7)}
.fq-a p{margin:14px 0 0;font:500 14.5px/1.75 var(--hb-text);color:var(--hb-body);max-width:70ch}
.fq-a ul{margin-top:12px}
.fq-a .ab-checks{max-width:640px}

/* — link chips — */
.fq-chip{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border-radius:999px;
  text-decoration:none;font:700 13px/1 var(--hb-text);color:#3F2F10;margin:12px 8px 0 0;
  background:linear-gradient(180deg,#F0CE83,var(--hb-gold) 58%,#C89440);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.22),
    0 8px 14px -8px rgba(143,106,46,.6);transition:transform .15s ease}
.fq-chip:hover{transform:translateY(-1px)}
.fq-chip img{width:15px;height:15px}
.fq-chips{display:flex;flex-wrap:wrap;gap:0 4px;justify-content:center;max-width:960px;margin:0 auto}

/* — closing rules — */
.fq-rules{list-style:none;margin:0 auto;padding:0;max-width:640px;
  display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fq-rules li{position:relative;padding:13px 16px 13px 42px;border-radius:14px;
  border:1px solid rgba(123,45,38,.28);background:#FBF1EC;
  font:700 14px/1.4 var(--hb-display);color:#5A2620}
.fq-rules li::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);
  width:13px;height:13px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#F3D58C,var(--hb-burg) 70%)}

.hb-btn.hbx-app{color:#FCF7EA;background:linear-gradient(180deg,#8A6A38,#6E5327 55%,#4A3714);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.3),
    0 10px 18px -9px rgba(74,55,20,.6)}
.hb-btn.hbx-app:hover{color:#FCF7EA;transform:translateY(-1px)}

@media (max-width:900px){.fq-navs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){
  .fq-navs{grid-template-columns:1fr}
  .fq-rules{grid-template-columns:1fr}
  .fq-item summary{font-size:14.5px;padding:15px 16px}
  .fq-a{padding:0 16px 16px}
}