/* Isolated questions surface. Existing commerce/header styles remain unchanged. */
.eq-panel { margin-top:24px; padding:clamp(18px,3vw,28px); border:1px solid #d6e1dc; border-radius:14px; background:#fff; color:#163c30; min-width:0; }
.eq-panel h2 { margin:0 0 8px; color:#153b2f; font-size:1.4rem; letter-spacing:-.025em; }
.eq-panel p { color:#526a60; }
.eq-panel .eq-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.eq-panel .eq-hint, .eq-panel .eq-meta { font-size:.85rem; line-height:1.55; margin:8px 0 12px; }
.eq-panel .eq-notice { color:#075c3b; font-weight:650; line-height:1.5; white-space:pre-wrap; }
.eq-panel .eq-notice:empty { display:none; }
.eq-panel label { display:grid; gap:8px; font-weight:650; color:#173e31; }
.eq-panel :is(textarea,input,select) { display:block; width:100%; min-width:0; padding:12px; border:1px solid #b9cec3; border-radius:8px; color:#173e31; background:#fff; font:inherit; color-scheme:light; }
.eq-panel textarea { resize:vertical; min-height:94px; }
.eq-panel :is(textarea,input,select,button,a,summary):focus-visible { outline:3px solid #008c60; outline-offset:3px; }
.eq-panel .button { color:#075b3c; border-color:#82baa1; box-shadow:none; }
.eq-panel .button.primary { color:#063522; background:#00d48c; border-color:#00b77a; }
.eq-panel .button:hover { background:#eaf7f0; }
.eq-panel .eq-list { margin-top:20px; }
.eq-panel .eq-card { border-top:1px solid #dce8e1; padding:20px 0; overflow-wrap:anywhere; }
.eq-panel .eq-text { white-space:pre-wrap; margin:6px 0; color:#183a2d; line-height:1.65; }
.eq-panel .eq-answer { border-left:3px solid #7ac6a4; padding:8px 14px; margin:14px 0; background:#f3faf6; border-radius:0 8px 8px 0; }
.eq-panel .eq-product { color:#08764d; font-weight:700; text-decoration:none; }
.eq-panel .eq-badge { display:inline-block; padding:2px 8px; border-radius:20px; color:#24513f; background:#e9f3ed; }
.eq-panel .eq-reason { padding:9px 12px; background:#fff5e5; border-radius:8px; color:#705015; }
.eq-panel .eq-own { margin-top:24px; border-top:1px solid #dce8e1; padding-top:18px; }
.eq-panel summary { cursor:pointer; font-weight:700; }
.eq-panel .eq-filter { max-width:320px; margin-top:14px; }
.eq-panel .eq-review { padding:14px 0; }
.eq-panel .eq-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
.eq-panel [hidden] { display:none !important; }
@media (max-width:600px) { .eq-panel .eq-heading { flex-direction:column; gap:8px; } .eq-panel .eq-heading .button { width:100%; } }
@media (prefers-reduced-motion:no-preference) { .eq-panel .button { transition:background .16s ease,border-color .16s ease; } }
