/* ============================================================
   COWCARD — faq.css
   Styles exclusive to faq.html.
   ============================================================ */

/* ---------- accordion ---------- */

.acc-group{ min-width:0; }
.acc-group > .label{
  font-family:var(--font-display);
  font-size:clamp(.82rem, 1.2vw, .98rem);
  font-weight:600; letter-spacing:.1em;
  color:var(--pink);
  text-align:center;
  margin-bottom:1.15rem;
}
.acc{ border-top:1px solid var(--ink-line); }
.acc-item{
  border-bottom:2.5px solid var(--ink) !important;
  transition:background .28s var(--ease);
}
.acc-q{
  width:100%; background:none; border:0; cursor:pointer;
  display:flex; align-items:flex-start; justify-content:space-between; gap:1.5rem;
  padding:1.3rem 0; text-align:left;
  font-family:var(--font-display); font-weight:600; font-size:1.03rem;
  letter-spacing:-.015em; color:var(--ink) !important;
}
.acc-q:hover{ color:var(--gray); }
.acc-ico{ position:relative; flex:none; width:14px; height:14px; margin-top:.35rem; }
.acc-ico::before, .acc-ico::after{
  content:''; position:absolute; background:var(--pink) !important;
  transition:transform .3s var(--ease), opacity .3s var(--ease);
}
.acc-ico::before{ inset:6px 0 auto 0; height:1.5px; }
.acc-ico::after{ inset:0 6px auto 6px; height:14px; width:1.5px; }
.acc-item.is-open .acc-ico::after{ transform:scaleY(0); opacity:0; }
.acc-a{ overflow:hidden; max-height:0; transition:max-height .35s var(--ease); }
.acc-in{
  padding:0 3rem 1.4rem 0; color:var(--ink) !important;
  font-size:var(--fs-small); max-width:64ch;
}
.acc-in ul, .acc-in ol{ margin:.6rem 0 .9rem; padding-left:1.15rem; }
.acc-in li{ margin-bottom:.4rem; }
.acc-in > :last-child{ margin-bottom:0; }
.acc-in li::marker{ color:var(--pink); }
.acc-in a{ color:var(--pink); font-weight:600; text-decoration:underline; text-underline-offset:2px; }
.acc-in a:hover{ color:var(--light); }
.acc-hl{ color:var(--pink); font-weight:700; }

/* open accordion item lifts onto its own surface */
.acc-item.is-open{
  background:var(--white) !important;
  border:2.5px solid var(--ink) !important;
  box-shadow:var(--sh) !important;
  border-radius:14px;
  border-bottom-color:transparent;
  margin-inline:calc(clamp(1rem,2vw,1.5rem) * -1);
  padding-inline:clamp(1rem,2vw,1.5rem);
}

/* tier table inside accordion */
.tiers{ width:100%; border-collapse:collapse; margin:.9rem 0; font-size:.85rem; }
.tiers th{
  text-align:left; font-weight:600; font-size:.68rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--gray-dim);
  padding:0 .8rem .55rem 0; border-bottom:1px solid var(--ink-line);
}
.tiers td{ padding:.6rem .8rem .6rem 0; border-bottom:1px solid var(--ink-line); color:var(--light); }
.tiers tr td:first-child{ font-weight:600; }
.tiers tr:last-child td{ border-bottom:0; }

@media (max-width:640px){ .acc-in{ padding-right:1.25rem; } .acc-q{ font-size:.98rem; } }

/* two-column accordion layout */
.acc2{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.75rem,5vw,4rem) clamp(2rem,5vw,4.5rem); align-items:start; }
@media (max-width:820px){ .acc2{ grid-template-columns:1fr; gap:clamp(2.5rem,8vw,3.25rem) 0; } }

/* ---------- restrictions panel ---------- */

.restrict{
  display:grid; grid-template-columns:1fr 1fr;
  gap:clamp(2.75rem,5vw,4rem) clamp(2rem,5vw,4.5rem); align-items:start;
}
@media (max-width:900px){ .restrict{ grid-template-columns:1fr; } }

.panel-r{ min-width:0; }
.panel-r h3, .panel-r h2.r-title{ font-size:1.12rem; }
.panel-r h2.r-title, .panel-r h3.r-title{ color:var(--pink); }
.r-note{ font-size:.85rem; margin-top:.7rem; max-width:46ch; }
.r-sub{
  font-size:.7rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  margin-top:1.6rem; color:var(--pink);
}

.rlist{ list-style:none; padding:0; margin:1.3rem 0 0; display:flex; flex-direction:column; gap:.95rem; }
.rlist li{ position:relative; padding-left:1.05rem; font-size:.9rem; line-height:1.55; color:var(--gray); }
.rlist li::before{
  content:''; position:absolute; left:0; top:.62em;
  width:5px; height:5px; background:var(--pink); border-radius:1px;
}
.rlist b{ color:var(--light); font-weight:600; }

.chips{ list-style:none; display:flex; flex-wrap:wrap; gap:.4rem; padding:0; margin:1.1rem 0 0; }
.chips li{
  font-size:.84rem; line-height:1.3; color:var(--light);
  background:rgba(247,247,247,.06); border:1px solid var(--ink-line);
  border-radius:999px; padding:.32rem .72rem;
}
.chips li.terr{ color:var(--gray); background:transparent; border-style:dashed; }