/* ---- Aarau24 Survey – Frontend UI (stable) ---- */
:root{
  --a24-green:#1b7f3b; --a24-green-dark:#14622c; --a24-border:#e6e8ec;
  --a24-text:#1f2937; --a24-muted:#4b5563; --a24-bg:#ffffff; --a24-card:#ffffff;
}
.a24-survey{ background:var(--a24-bg); color:var(--a24-text); font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
.a24-progress{height:8px;background:#f2f5f7;border-radius:6px;margin:12px 0 18px;overflow:hidden}
.a24-progress-bar{height:100%;width:0;background:var(--a24-green);transition:width .25s}
.a24-question{ display:block !important; background:var(--a24-card); border:1px solid var(--a24-border); border-radius:10px; padding:14px 14px 12px; margin:14px 0 !important; }
.a24-qtext{ display:block !important; margin:0 0 10px 0 !important; font-size:18px; line-height:1.35; font-weight:700; color:var(--a24-text); }
.a24-qopts{ display:block !important; margin:0; }
.a24-qopts label{ display:flex !important; align-items:flex-start; gap:10px; margin:8px 0 !important; color:var(--a24-muted); font-size:16px; line-height:1.4; }
.a24-qopts input[type="radio"], .a24-qopts input[type="checkbox"]{ margin-top:2px; flex:0 0 auto; }
.a24-input, .a24-textarea{ display:block !important; width:100% !important; max-width:100% !important; box-sizing:border-box !important; padding:10px 12px; border:1px solid var(--a24-border); border-radius:8px; font-size:16px; color:var(--a24-text); background:#fff; }
.a24-textarea{ min-height:120px }
.a24-error{ margin-top:6px; font-size:13px; color:#b42318; }
.a24-controls{ display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.a24-controls button{ appearance:none; border:1px solid transparent; border-radius:8px; padding:10px 16px; font-weight:700; cursor:pointer; transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s; }
.a24-controls .a24-next, .a24-controls .a24-submit{ background:var(--a24-green); color:#fff; border-color:var(--a24-green); }
.a24-controls .a24-next:hover, .a24-controls .a24-submit:hover{ background:var(--a24-green-dark); border-color:var(--a24-green-dark); }
.a24-controls .a24-prev{ background:#fff; color:var(--a24-muted); border-color:var(--a24-border); }
.a24-controls .a24-prev:hover{ border-color:#9aa3af; color:#111827; }
.a24-controls button:disabled{ opacity:.55; cursor:not-allowed }
@media (max-width:640px){ .a24-controls{ flex-direction:column } .a24-controls button{ width:100% } }
.a24-thanks{ padding:14px; border:1px solid #e5efe8; background:#f6fbf8; border-radius:10px; font-weight:700; text-align:center; }