/* Support page. Builds on guide.css and help.css; nothing new in colour. */
.support .stype{border:0;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.support .stype legend{padding:0;margin:0 0 8px;color:var(--gray);font-size:14px}
.support .stype label{cursor:pointer}
.support .stype input{position:absolute;opacity:0;pointer-events:none}
.support .stype span{display:block;padding:7px 16px;border-radius:999px;font-size:15px;color:var(--graphite);background:var(--glass);border:1px solid var(--glass-line)}
.support .stype input:checked+span{border-color:var(--liquid);color:var(--liquid);background:color-mix(in srgb,var(--liquid) 12%,transparent)}
.support .stype input:focus-visible+span{box-shadow:0 0 0 3px color-mix(in srgb,var(--liquid) 25%,transparent)}
.support .sfield{display:block;margin:14px 0 6px;color:var(--gray);font-size:14px}
.support textarea,.support input[type=email]{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:17px;color:var(--graphite);background:var(--panel);border:1px solid var(--glass-line);border-radius:14px;padding:12px 14px;outline:none}
.support textarea{resize:vertical;min-height:150px}
.support textarea:focus,.support input[type=email]:focus{border-color:var(--liquid);box-shadow:0 0 0 3px color-mix(in srgb,var(--liquid) 25%,transparent)}
.support ::placeholder{color:var(--gray)}
.support .sbot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.support .serr{margin:14px 0 0;padding:10px 14px;border-radius:14px;font-size:15px;color:var(--graphite);background:color-mix(in srgb,#d93a4a 12%,transparent);border:1px solid color-mix(in srgb,#d93a4a 35%,transparent)}
.support .serr[hidden],.support .sok[hidden]{display:none}
.support .srow{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px}
.support .sbtn{font:inherit;font-size:16px;font-weight:600;color:#fff;background:var(--liquid);border:0;border-radius:999px;padding:11px 28px;cursor:pointer}
.support .sbtn:hover{filter:brightness(1.08)}
.support .sbtn:disabled{opacity:.6;cursor:default}
.support .sbtn:focus-visible{outline:3px solid color-mix(in srgb,var(--liquid) 40%,transparent);outline-offset:2px}
.support .snote{color:var(--gray);font-size:14px}
.support .sok h2{margin:0 0 6px}
@media (max-width:760px){.support textarea,.support input[type=email]{font-size:16px}.support .sbtn{width:100%}}