.qa-section { padding-block:32px; scroll-margin-top:100px; }
.qa-panel { background:#fff; border:1px solid #dce7e3; border-radius:18px; padding:24px; box-shadow:0 4px 16px rgba(18,58,45,.035); color:#101a30; }
.qa-panel h2 { text-align:center; margin:0 0 8px; font-size:1.9rem; font-weight:800; }
.qa-panel h2::before { content:'💬'; color:#009b78; margin-inline-end:12px; font-size:.8em; }
.qa-subtitle { text-align:center; color:#7b968c; margin:0 0 24px; }
.qa-form { background:#f8fafc; border:1px solid #dce4ef; border-radius:12px; padding:16px; display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.qa-identity { margin-inline-end:auto; border-radius:20px; background:#eef3f8; padding:5px 12px; font-size:.8rem; }
.qa-form textarea,.qa-reply { width:100%; min-height:82px; background:white; border:1px solid #d1dbe8; border-radius:7px; padding:12px; font:inherit; resize:vertical; color:inherit; }
.qa-form textarea { flex-basis:100%; }
.qa-counter { flex-basis:100%; color:#8394ad; direction:ltr; text-align:start; }
.qa-hint { color:#7f8da5; font-size:.78rem; }
.qa-form .btn { margin-inline-start:auto; }
.qa-thread { border:1px solid #d9e3ed; border-radius:12px; padding:16px; margin-block:12px; }
.qa-thread-head { display:flex; align-items:center; gap:9px; font-size:.9rem; }
.qa-avatar { width:32px; height:32px; border-radius:50%; background:#edf1f6; color:#748599; display:grid; place-items:center; flex-shrink:0; }
.qa-date,.qa-example { color:#8293a8; font-size:.75rem; }
.qa-example { background:#f2f6f4; border-radius:10px; padding:3px 8px; }
.qa-question { margin:12px 0; font-weight:600; }
.qa-question,.qa-answer p { white-space:pre-wrap; overflow-wrap:anywhere; unicode-bidi:plaintext; }
.qa-answer { padding:12px 16px; border:1px solid #c8eee1; background:linear-gradient(100deg,#f1fcf8,#edf9f5); border-radius:8px; margin-inline-start:24px; }
.qa-admin-badge { color:white; background:#008b6d; border-radius:8px; padding:4px 9px; display:inline-block; font-size:.78rem; }
.qa-answer p { margin:9px 0 0; line-height:1.8; }
.qa-translate { background:transparent; border:0; color:#00896b; text-decoration:underline; font:inherit; font-size:.8rem; cursor:pointer; padding:7px 0; }
.qa-translation-label,.qa-pending { color:#7b8d9e; font-size:.75rem; margin-inline-start:10px; }
.qa-more { display:block; margin:20px auto 0; }
.qa-more[hidden] { display:none; }
.qa-feedback { color:#008b6d; font-size:.85rem; }
.qa-private { display:block; margin-block:8px; color:#75879c; }
.qa-reply { margin-top:12px; }
.qa-admin-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.qa-delete { color:#c03942; }
@media(max-width:600px){ .qa-panel{padding:14px;} .qa-panel h2{font-size:1.45rem;} .qa-answer{margin-inline-start:8px;padding:10px;} .qa-form{padding:12px;} .qa-hint{flex-basis:100%;} .qa-thread{padding:12px;} }