.sup-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:18px;display:grid}.sup-card{flex-direction:column;gap:14px;display:flex}.sup-card h2{margin:0;font-size:17px;font-weight:800}.sup-head{align-items:flex-start;gap:12px;display:flex}.sup-head p{color:var(--muted);margin:4px 0 0;font-size:13.5px}.sup-form{flex-direction:column;gap:12px;display:flex}.sup-form label{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.sup-form input,.sup-form select,.sup-form textarea{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px;font-size:14px}.sup-form textarea{resize:vertical}.sup-empty{color:var(--muted);font-size:13.5px}.sup-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sup-list li{border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:12px;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.sup-list li.answered{border-left-color:var(--green)}.sup-list li.closed{border-left-color:#a8b3c2}.sup-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.sup-list small{color:var(--muted);font-size:12px}.sup-list p{white-space:pre-line;margin:0;font-size:13.5px;line-height:1.5}.sup-answer{background:var(--green-soft);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.sup-answer b{color:var(--green);font-size:12.5px}@media (max-width:900px){.sup-grid{grid-template-columns:minmax(0,1fr)}}