/*
 * Strategic Theaters — article FAQ treatment
 * Loaded only on single blog posts. Supports the existing <section id="faq">
 * editorial markup as well as class-based and <details> FAQ blocks.
 */
.stt-post-body :is(#faq,.faq,.stt-faq,.wp-block-group.stt-faq){
  margin:42px 0 28px;
  padding:24px 26px 10px;
  border-top:3px solid var(--st-data);
  border-bottom:1px solid var(--st-rule-2);
  background:rgba(220,224,221,.52);
  max-width:100%;
  min-width:0;
}
.stt-post-body :is(#faq,.faq,.stt-faq) > :is(h2,h3):first-child{
  margin-top:0;
}
.stt-post-body :is(#faq,.faq,.stt-faq) > h2{
  margin:0 0 18px;
  padding:0 0 13px;
  border-bottom:1px solid var(--st-rule-2);
  font-family:var(--st-disp);
  font-size:clamp(24px,3vw,32px);
  line-height:1.25;
  color:var(--st-head);
}
.stt-post-body :is(#faq,.faq,.stt-faq) > h3{
  margin:0;
  padding:17px 28px 9px 0;
  border-top:1px solid var(--st-rule);
  font-family:var(--st-disp);
  font-size:17px;
  line-height:1.42;
  color:var(--st-head);
}
.stt-post-body :is(#faq,.faq,.stt-faq) > h2 + h3{
  border-top:0;
  padding-top:0;
}
.stt-post-body :is(#faq,.faq,.stt-faq) > h3 + :is(p,ul,ol){
  margin-top:0;
}
.stt-post-body :is(#faq,.faq,.stt-faq) > :is(p,ul,ol){
  margin-bottom:17px;
  font-size:14px;
  line-height:1.72;
}
.stt-post-body :is(#faq,.faq,.stt-faq) details{
  margin:0;
  border-top:1px solid var(--st-rule);
}
.stt-post-body :is(#faq,.faq,.stt-faq) details:first-of-type{
  border-top:0;
}
.stt-post-body :is(#faq,.faq,.stt-faq) summary{
  position:relative;
  list-style:none;
  cursor:pointer;
  padding:15px 34px 15px 0;
  font-family:var(--st-disp);
  font-size:16px;
  font-weight:700;
  line-height:1.42;
  color:var(--st-head);
}
.stt-post-body :is(#faq,.faq,.stt-faq) summary::-webkit-details-marker{display:none}
.stt-post-body :is(#faq,.faq,.stt-faq) summary::after{
  content:'+';
  position:absolute;
  right:2px;
  top:13px;
  font-family:var(--st-mono);
  font-size:19px;
  font-weight:500;
  color:var(--st-mark);
}
.stt-post-body :is(#faq,.faq,.stt-faq) details[open] summary::after{content:'−'}
.stt-post-body :is(#faq,.faq,.stt-faq) details > :is(p,ul,ol){
  margin:0 0 17px;
  padding-right:30px;
  font-size:14px;
  line-height:1.72;
}
@media(max-width:620px){
  .stt-post-body :is(#faq,.faq,.stt-faq,.wp-block-group.stt-faq){
    margin:32px 0 22px;
    padding:20px 16px 7px;
  }
  .stt-post-body :is(#faq,.faq,.stt-faq) > h3,
  .stt-post-body :is(#faq,.faq,.stt-faq) summary{
    font-size:15.5px;
  }
  .stt-post-body :is(#faq,.faq,.stt-faq) details > :is(p,ul,ol){padding-right:0}
}