.contact-layout{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;gap:clamp(24px,4vw,56px);display:grid}@media (width<=1080px){.contact-layout{grid-template-columns:minmax(0,1fr)}}.contact-main{min-width:0}.contact-form{gap:24px}.contact-form[hidden],.contact-done[hidden]{display:none}.contact-head h2{font-size:clamp(26px,3vw,32px)}.contact-head p{margin-top:4px}.reason-field{gap:10px}.reason-field legend{margin-bottom:4px;padding:0}.reason-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;display:grid}.reason-card{border:1px solid var(--control);border-radius:var(--radius-control);background:var(--white);cursor:pointer;overflow-wrap:anywhere;align-items:center;gap:12px;min-height:64px;padding:12px 14px;font-size:15px;font-weight:600;line-height:1.25;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex;position:relative}.reason-card:hover{border-color:var(--violet)}.reason-card input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.reason-icon{background:var(--neutral);width:40px;height:40px;color:var(--violet);border-radius:999px;flex:none;place-items:center;transition:background-color .15s,color .15s;display:grid}.reason-card:has(input:checked){border-color:var(--violet);background:var(--neutral);box-shadow:0 0 0 1px var(--violet)}.reason-card:has(input:checked) .reason-icon{background:var(--violet);color:var(--white)}.reason-card:has(input:focus-visible){outline:3px solid var(--amber);outline-offset:2px}.reason-field:has([aria-invalid=true]) .reason-card{border-color:var(--red);background:#fff8f8}.reason-card input[aria-invalid=true]{box-shadow:none;background:0 0}.reason-hint{border-left:4px solid var(--violet);border-radius:0 var(--radius-control) var(--radius-control) 0;background:var(--neutral);color:var(--carbon);margin:0;padding:10px 14px}.reason-hint[hidden]{display:none}.contact-form .btn.primary{align-self:stretch}@media (width>=640px){.contact-form .btn.primary{align-self:flex-start;min-width:240px}}.contact-done{border-left:6px solid var(--lime-text);flex-direction:column;align-items:flex-start;gap:16px;display:flex}.contact-done:focus{outline:none}.done-badge{background:var(--lime);width:56px;height:56px;color:var(--carbon);border-radius:999px;place-items:center;display:grid}.contact-done h2{font-size:clamp(26px,3vw,32px)}.contact-done p{max-width:52ch;margin:0}.done-actions{flex-wrap:wrap;gap:12px;display:flex}.contact-side{flex-direction:column;gap:20px;display:flex}@media (width>=1081px){.contact-side{position:sticky;top:96px}}.side-head h2{font-size:24px}.channel-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.channel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);gap:14px;padding:16px;display:flex}.channel .badge{background:var(--neutral);width:44px;height:44px;color:var(--violet);border-radius:999px;flex:none;place-items:center;display:grid}.channel-body{flex-direction:column;gap:6px;min-width:0;display:flex}.channel-body h3{font:600 16px/1.3 var(--text);margin:0}.channel-value{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.channel-address{font:700 17px/1.3 var(--text);color:var(--violet-deep);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.channel-body p{margin:0}.copy-btn{border:1px solid var(--control);background:var(--white);min-height:36px;color:var(--carbon);font:600 14px/1 var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;transition:background-color .15s,border-color .15s;display:inline-flex}.copy-btn[hidden]{display:none}.copy-btn:hover{border-color:var(--violet);background:var(--neutral)}.copy-btn:focus-visible,.channel-link:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.copy-btn.copied{background:var(--lime);border-color:var(--lime-text)}.channel-link{color:var(--violet);align-self:flex-start;align-items:center;gap:6px;min-height:32px;font-weight:600;text-decoration:none;display:inline-flex}.channel-link:hover{text-decoration:underline}.side-data{border-radius:var(--radius-card);background:var(--neutral);border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.side-data h3{font:700 18px/1.3 var(--display);margin:0}.side-data p{margin:0}.other-card{color:inherit;text-decoration:none}.other-card:hover h3{color:var(--violet)}
