.op.support .support-head{padding:20px 0 56px}.op.support .support-head h1{max-width:22ch}.op.support .support-body{max-width:720px;padding:56px 0 72px}.op.support .notice{background:var(--color-white);border:2px solid var(--color-ink);border-radius:var(--radius-card);align-items:flex-start;gap:14px;margin-bottom:24px;padding:20px;display:flex}.op.support .notice svg{flex:none;margin-top:2px}.op.support .notice h3{font-family:var(--font-display);margin-bottom:6px;font-size:20px;font-weight:800;line-height:1.2}.op.support .notice p{color:var(--color-muted)}.op.support .notice.ok{background:var(--color-lime);color:var(--color-green)}.op.support .notice.ok p{color:var(--color-green)}.op.support .notice.bad{color:#b3261e;border-color:#b3261e}.op.support .notice.bad p{color:var(--color-ink)}.op.support .panel{background:var(--color-white);border:2px solid var(--color-ink);border-radius:var(--radius-card);padding:28px 22px}.op.support .fields,.op.support .pair{gap:22px;display:grid}.op.support .field{gap:8px;font-size:16px;font-weight:700;line-height:1.3;display:grid}.op.support .field .req{color:#b3261e}.op.support .field input,.op.support .field select,.op.support .field textarea{width:100%;min-height:52px;font:inherit;color:var(--color-ink);background:var(--color-paper);border:2px solid var(--color-ink);border-radius:var(--radius-button);padding:0 14px;font-size:17px;font-weight:400}.op.support .field textarea{resize:vertical;min-height:180px;padding:12px 14px}.op.support .field ::placeholder{color:var(--color-muted);opacity:1}:is(.op.support .field input:focus-visible,.op.support .field select:focus-visible,.op.support .field textarea:focus-visible){outline:3px solid var(--color-green);outline-offset:2px}.op.support .panel .btn{cursor:pointer;border:0;margin-top:6px;font-family:inherit}.op.support .panel .btn:disabled{opacity:.6;cursor:not-allowed}.op.support .panel .btn:focus-visible{outline:3px solid var(--color-green);outline-offset:3px}.op.support .spin{border:3px solid #0c3b254d;border-top-color:var(--color-green);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite support-spin}@keyframes support-spin{to{transform:rotate(360deg)}}.op.support .fine{border-top:2px solid var(--color-ink);color:var(--color-muted);text-align:center;margin-top:24px;padding-top:24px;font-size:16px}@media (prefers-reduced-motion:reduce){.op.support .spin{animation:none}}@media (min-width:900px){.op.support .support-head{padding:40px 0 96px}.op.support .support-body{padding:96px 0 110px}.op.support .panel{padding:40px 36px}.op.support .pair{grid-template-columns:1fr 1fr}}
