/* chokinghazard.org: the Learn More FAQ grouped by category.
   The open category's heading turns ink with a mint toggle; closed ones are listed by name and question count. */
.fcat{border-bottom:2px solid var(--ink)}
.fcath{display:grid;grid-template-columns:minmax(0,1fr) auto 46px;gap:18px;align-items:center;width:100%;
  background:none;border:0;padding:20px 4px 20px 18px;cursor:pointer;text-align:left;font:inherit;color:var(--ink);transition:background .15s}
.fcatn{font:900 clamp(20px,2.3vw,30px)/1 var(--disp);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.fcatc{font:700 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--teal);white-space:nowrap}
.fcatx{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:2px;
  color:var(--ink);font:700 22px/1 var(--mono);background:transparent}
.fcath:hover{background:rgba(15,40,48,.05)}
.fcath:hover .fcatx,.fcath:focus-visible .fcatx{background:var(--mint)}
.fcath:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.fcat.open > .fcath{background:var(--ink)}
.fcat.open > .fcath .fcatn{color:#fff}
.fcat.open > .fcath .fcatc{color:var(--mint)}
.fcat.open > .fcath .fcatx{background:var(--mint);border-color:var(--mint);color:#08171c}
/* the category heading already names the group, so each question drops its own label */
.faqcats .fqtag{display:none}
.faqcats .fcatp .fq:last-child{border-bottom:0}
@media(max-width:560px){
  .fcath{grid-template-columns:minmax(0,1fr) 46px;gap:8px 14px;padding:16px 4px 16px 14px}
  .fcatc{grid-column:1;grid-row:2}
  .fcatx{grid-column:2;grid-row:1 / 3}
}
@media(prefers-reduced-motion:reduce){.fcath{transition:none}}
/* filled answers: short lists inside an answer, and the sources line under it */
.fqbody ul{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:10px}
.fqbody li{font:400 17px/1.6 var(--serif);color:var(--ink);padding-left:22px;position:relative}
.fqbody li::before{content:"";position:absolute;left:0;top:.72em;width:12px;height:3px;background:var(--mint)}
.fqbody li b{color:var(--logo)}
.fqin2 .cites{margin-top:4px}
