/* Support page. Loads after the approved content-page styles (style, landing, primitives, content).
   Layout: the form beside one portrait image, then the three addresses. */
.support-page{padding-top:64px;padding-bottom:80px}
.support-split{padding-top:0}
.support-media{aspect-ratio:4/5}
.support-form,.support-sent{display:flex;flex-direction:column;gap:24px}
.support-sent{align-items:flex-start;outline:none}
.support-group{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0}
.support-group legend{padding:0;margin-bottom:8px}
.support-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.support-choice{position:relative;display:block}
.support-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.support-choice span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:999px;text-align:center}
.support-files{position:relative;display:flex;align-items:center;cursor:pointer}
.support-files input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.support-check{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}
.support-check input{position:absolute;left:0;top:50%;width:20px;height:20px;margin:-10px 0 0;opacity:0;cursor:pointer}
.support-box{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:5px}
.support-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.support-submit{align-self:flex-start;min-width:180px}
.support-split.is-sent{grid-template-columns:1fr}
.support-direct{margin-top:80px}
.support-direct-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}
.support-direct-list .eyebrow{margin-bottom:10px}
@media(max-width:1000px){
 .support-split{grid-template-columns:1fr}
 .support-media{display:none}
 .support-panel{max-width:640px}
}
@media(max-width:700px){
 .support-page{padding-top:32px;padding-bottom:56px}
 .support-direct{margin-top:56px}
 .support-direct-list{grid-template-columns:1fr;gap:24px;margin-top:24px}
}
/* Category choices never leave one alone: 3 + 3, then 2 + 2 + 2 on phones. */
@media(max-width:520px){.support-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Fields: the approved Request access field. Choice pills and the tick box use the composer format-pill values. */
.support-label{font-size:12px;color:#c5c3bd}
.support-field{width:100%;min-width:0;min-height:48px;border:0;border-radius:9px;background:#202020;color:#f2f2f2;font:inherit;font-size:13px;padding:13px 14px}
.support-field:focus,.support-files:focus-within{outline:none;background:#2b2b2b}
textarea.support-field{display:block;resize:none;min-height:170px;line-height:1.6}
.support-files{color:#aaa9a6}
.support-choice span{background:#202020;color:var(--ink);font-size:12px;line-height:1.3}
.support-choice input:checked+span{background:#efefe9;color:#171717}
.support-choice input:focus-visible+span{background:#555;color:#fff}
.support-box{background:#202020;color:#171717}
.support-box svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;opacity:0}
.support-check input:checked+.support-box{background:#efefe9}
.support-check input:checked+.support-box svg{opacity:1}
.support-check input:focus-visible+.support-box{background:#555}
.support-check{color:var(--muted)}
.support-terms{padding:0;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer}
.support-error{color:var(--ink)}
.support-direct-list a{font-size:17px;letter-spacing:-.4px}
.support-sent p{color:#bdbdb8}
.support-sent .button{margin-top:4px}
@media(max-width:650px){.support-field{font-size:16px}}
/* The shared button's 1px edge shows as a light ring around its focus fill. Buttons on this page have none. */
.button{border:0}