/* Question (Ask/Feed) page – uses site theme vars */

.q-hero{ position:relative; padding:100px 0 40px; background: linear-gradient(135deg, rgba(255,255,255,.02), rgba(255,255,255,.01)); }
.q-hero-inner{ text-align:center; max-width:880px; margin:0 auto; }
.q-hero h1{ color:#fff; font-weight:800; letter-spacing:.2px; font-size: clamp(1.9rem, 1.1rem + 2.5vw, 3rem); margin-bottom:8px; }
.q-hero p{ color:#b8b8b8; margin:0 auto 12px; max-width:760px; }

.q-section{ padding:48px 0; position:relative; z-index:1; }
.q-grid-2{ display:grid; grid-template-columns: 1fr 360px; gap:22px; }
.q-card{ border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); border-radius:16px; padding:18px; box-shadow:0 20px 40px rgba(0,0,0,.25); }
.q-title{ color:#fff; font-weight:800; letter-spacing:.2px; display:flex; align-items:center; gap:10px; margin:0 0 12px; }
.q-input{ background:#0f0f10; border:1px solid rgba(255,255,255,.16); color:#fff; }
.q-input:focus{ outline:none; border-color: rgba(229,9,22,.45); box-shadow: 0 0 0 3px rgba(229,9,22,.15); }
.q-input::placeholder{ color:#a2a2a2; }
label.form-label, .form-check-label{ color:#e8e8e8; }
select.q-input option{ background:#0f0f10; color:#fff; }

.q-chips{ display:flex; flex-wrap:wrap; gap:10px; }
.q-chip{ border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); color:#fff; border-radius:999px; padding:.35rem .9rem; cursor:pointer; }
.q-chip.active, .q-chip:hover{ background: linear-gradient(135deg, var(--advanced), var(--intermediate)); border-color: transparent; }

.q-bullets{ margin:0; padding-left:18px; color:#cfcfcf; }
.q-bullets li{ margin:.35rem 0; }

.q-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.q-feed{ display:grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap:16px; margin-top:8px; }
.q-item{ border:1px solid rgba(255,255,255,.12); background: rgba(10,10,11,.55); border-radius:14px; padding:14px; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; display:flex; flex-direction:column; min-height: 140px; position:relative; overflow:hidden; border-left:3px solid rgba(229,9,22,.45); }
.q-item::after{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)); opacity:.6; }
.q-item:hover{ transform: translateY(-4px); }
.q-item .meta{ display:flex; align-items:center; justify-content:space-between; color:#b0b0b0; font-size:.9rem; margin-bottom:6px; }
.q-item .cat{ color:#fff; font-weight:700; }
.q-item h4{ color:#ffffff; margin:0 0 6px; font-size:1.08rem; font-weight:700; }
.q-item p{ color:#e0e0e0; margin:0 0 10px; }
.q-item .actions{ display:flex; align-items:center; justify-content:space-between; margin-top:auto; }
.pro-btn.sm{ padding:.45rem .8rem; font-size:.9rem; }

@media (max-width: 992px){ .q-grid-2{ grid-template-columns: 1fr; } }