/* 338TH extras — helpers added on top of the cloned design system */

/* FAQ wrapper used by the composite builder (accordion markup contract) */
.faq-item{border:1px solid var(--border)!important;border-radius:14px!important;overflow:hidden;margin-bottom:12px;background:var(--surface);}
.faq-item .accordion-header{margin:0;}
.faq-item .accordion-button{border:none!important;}

/* Key-facts strip */
.quick-facts{list-style:none;padding:22px 24px;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;}
.quick-facts li{color:var(--text);font-size:.94rem;line-height:1.75;padding:9px 0 9px 30px;position:relative;border-bottom:1px dashed var(--border);}
.quick-facts li:last-child{border-bottom:none;}
.quick-facts li::before{content:"\F26A";font-family:"bootstrap-icons";position:absolute;left:0;top:9px;color:var(--primary);}
.quick-facts strong{color:var(--heading);}

/* Short descriptive text (must NOT be a <p>: the article measurer counts long <p> as paragraphs) */
.card-desc{color:var(--muted);font-size:.88rem;line-height:1.65;}

/* Closing identity line (E-E-A-T) + self-reference line — allowed to repeat on every page */
.article-note{margin-top:8px;padding-top:22px;border-top:1px solid var(--border);color:var(--muted);font-size:.83rem;line-height:1.7;}
.article-note a{color:var(--primary);}

/* Simple in-content link list */
.link-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px;}
.link-list li a{display:inline-block;background:rgba(34,197,94,.08);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 14px;font-size:.88rem;transition:all .2s;}
.link-list li a:hover{background:var(--primary);color:var(--on-primary);}

/* section helpers */
.section-lead{color:var(--muted);font-size:.98rem;line-height:1.8;}
.sec-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(34,197,94,.12);color:var(--primary);font-weight:800;margin-right:10px;font-size:.95rem;}

@media (max-width:576px){
  .quick-facts{padding:18px;}
  .hero-h1{font-size:clamp(1.6rem,6.5vw,2.4rem);}
}