.sup{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:20px;margin-top:8px;display:grid}@media (max-width:820px){.sup{grid-template-columns:minmax(0,1fr)}}.sup-card{border:1px solid var(--line);background:var(--card-bg);border-radius:18px;padding:24px;box-shadow:0 1px 2px #0a25400d,0 8px 24px #0a25400d}.sup-card h2{margin:0 0 16px;font-size:1.25rem}.sup-form{gap:14px;display:grid}.sup-form label{gap:6px;font-size:.88rem;font-weight:600;display:grid}.sup-form label em{color:var(--muted);font-style:normal;font-weight:400}.sup-form input,.sup-form select,.sup-form textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:10px;padding:11px 12px;font-weight:400}.sup-form textarea{resize:vertical;min-height:140px}.sup-form input:focus,.sup-form select:focus,.sup-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.sup-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:520px){.sup-row{grid-template-columns:1fr}}.sup-form .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.sup-note{color:var(--muted);margin:0;font-size:.82rem}.sup-send{background:var(--fg);color:var(--bg);font:inherit;cursor:pointer;border:0;border-radius:12px;justify-self:start;padding:12px 22px;font-weight:700}.sup-send:hover{background:var(--accent);color:#fff}.sup-send:disabled{opacity:.6;cursor:wait}.sup-msg{min-height:1.4em;color:var(--fg);margin:0;font-size:.9rem;font-weight:600}.sup-msg.ok{color:#0a7d3b}.sup-side{gap:12px;display:grid}.sup-tip{background:var(--note-bg);border-radius:16px;padding:16px 18px}.sup-tip h3{margin:0 0 4px;font-size:.95rem}.sup-tip p{color:var(--muted);margin:0;font-size:.88rem}main>p.lede{color:var(--muted)}