/* Simple Inline FAQs - frontend */
.sif-faqs{font-size:var(--sif-font,16px);--q:var(--sif-q,#111);--a:var(--sif-a,#4b5563);--acc:var(--sif-accent,#3b82f6);--r:var(--sif-radius,10px);--gap:var(--sif-gap,10px);display:block}
.sif-item{border:1px solid #e5e7eb;border-radius:var(--r);background:#fff;margin:var(--gap) 0;overflow:hidden}
.sif-summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;color:var(--q);position:relative}
.sif-summary::-webkit-details-marker{display:none}
.sif-answer{padding:0 14px 14px;color:var(--a)}
/* symbol */
.sif-symbol::before{content: attr(data-closed, "+"); content: attr(data-closed); display:inline-block; width:1em; text-align:center; color:var(--acc); font-weight:700}
.sif-faqs[data-open][data-closed] .sif-symbol::before{content: attr(data-closed)}
.sif-item[open] .sif-symbol::before{content: attr(data-open)}
/* attach data attributes to symbol elements via JS-less CSS: inherit from container */
.sif-faqs .sif-symbol::before{content: attr(data-closed)}
.sif-faqs .sif-symbol{}
/* numbering with CSS counters */
.sif-numbered{counter-reset: faq}
.sif-numbered .sif-item .sif-num::before{counter-increment: faq; content: counter(faq) "."; width:2ch; display:inline-block; text-align:right; margin-right:2px; color:var(--acc); font-weight:700}
/* bullet dot */
.sif-bulleted .sif-bullet{width:8px;height:8px;border-radius:50%;background:var(--acc);display:inline-block;margin-right:2px}
/* focus state */
.sif-summary:focus{outline:2px solid var(--acc); outline-offset:2px; border-radius:calc(var(--r) - 2px)}