/* Phase 2 components. Loads after site.css and pages.css and reuses their tokens. */

/* FAQ accordion (native details/summary, works without JavaScript) */
.faq-list{display:grid;border-top:1px solid var(--line);margin-bottom:1rem}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;padding:1rem 0;font-weight:700;font-size:1rem;color:var(--maroon);list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;font-size:1.4rem;line-height:1;color:var(--gold);font-weight:700}
.faq-item[open] summary::after{content:"\2013"}
.faq-item summary:hover{color:var(--ml)}
.faq-item p{padding:0 0 1.1rem;color:var(--ink);line-height:1.7}

/* Numbered process steps: the content is a real sequence, so numbers are appropriate here */
.steps-list{list-style:none;padding:0;margin:0 0 2rem;counter-reset:step;display:grid;gap:0}
.steps-list li{counter-increment:step;display:grid;grid-template-columns:56px 1fr;gap:16px;padding:1.4rem 0;border-top:1px solid var(--line)}
.steps-list li:last-child{border-bottom:1px solid var(--line)}
.steps-list li::before{content:counter(step);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--maroon);color:var(--gold);font:800 1rem var(--body)}
.prose .steps-list h2{margin:.1rem 0 .35rem}
.prose .steps-list p{margin:0}

/* Reviews */
.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.review{margin:0;background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:8px;padding:24px}
.review blockquote{margin:0}
.review blockquote p{font-size:1rem;line-height:1.65;color:var(--ink)}
.review figcaption{margin-top:14px;display:grid;gap:2px;font-size:.88rem}
.review figcaption b{color:var(--maroon)}
.review figcaption span{color:var(--mute)}

/* Responsive */
@media(max-width:1000px){.review-grid{grid-template-columns:1fr}}
@media(max-width:560px){.steps-list li{grid-template-columns:44px 1fr;gap:12px}.steps-list li::before{width:36px;height:36px}}