/* Style tylko dla wersji demo. Kolory/komponenty dziedziczą z style.css. */
.demo-head{text-align:center; padding-top:6px; margin-bottom:20px}
.badge-demo{display:inline-block; background:var(--miod); color:#fff; font-weight:700; font-size:12px; letter-spacing:.18em; border-radius:999px; padding:5px 14px; margin-bottom:12px}
.demo-head h1{font-size:30px; color:var(--terakota); margin-bottom:8px}
.demo-head p{color:var(--muted); margin:0 auto; max-width:44ch}
.demo-head .demo-note{margin-top:10px; color:var(--tekst); font-weight:600}

.acc{display:flex; flex-direction:column; gap:12px}
.accitem{background:var(--karta); border:1px solid var(--obwodka); border-radius:var(--radius); overflow:hidden}
.accrow{width:100%; text-align:left; background:transparent; border:none; padding:16px 18px; display:flex; align-items:center; gap:12px}
.accrow .rname{font-weight:700; font-size:18px; color:var(--tekst)}
.accrow .rmeta{display:flex; gap:6px; flex-wrap:wrap; margin-top:6px}
.accplus{margin-left:auto; width:30px; height:30px; flex:none; border-radius:50%; background:var(--terakota); color:#fff; font-size:20px; line-height:30px; text-align:center; font-weight:700}
.accbody{padding:0 18px 20px; border-top:1px solid var(--obwodka)}
.accbody .sec:first-child{margin-top:16px}

.cta{margin-top:26px; background:var(--terakota); color:#fff; border-radius:var(--radius); padding:20px; text-align:center}
.cta .cta-txt{font-size:15.5px; line-height:1.5; margin-bottom:14px; opacity:.97}
.cta .cta-txt b{font-weight:700}
.cta .btn{background:#fff; color:var(--terakota); font-size:17px; padding:13px 28px}
.cta .btn:hover{background:#fff6ef}

.demo-foot{margin-top:16px; text-align:center; color:var(--muted); font-size:12.5px}