/* Home FAQ: native details/summary, readable without JavaScript. */
.faq-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(28px,5vw,80px);align-items:start;background:var(--ivory)}
.faq-head h2{margin:0;font-size:clamp(1.9rem,3vw,3rem);line-height:1.08}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 2px;font-weight:700;font-size:1.02rem;line-height:1.45;color:var(--leaf)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:500;color:var(--flame);transition:transform .2s ease,background-color .2s ease}
.faq-item[open] summary::after{content:"−";background:var(--leaf);border-color:var(--leaf);color:var(--white)}
.faq-item summary:hover{color:var(--flame)}
.faq-item summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.faq-item p{margin:0 0 22px;max-width:62ch;color:var(--muted);line-height:1.7}
html[lang=si] .faq-item summary{line-height:1.7}
html[lang=si] .faq-item p{line-height:1.9}
@media (max-width:820px){.faq-section{grid-template-columns:1fr;gap:24px}}
@media (prefers-reduced-motion:reduce){.faq-item summary::after{transition:none}}