/* Contact layout; controls, palette and form feedback remain shared Runnerio components. */
.rio-contact { display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"form"; align-items:start; gap:clamp(28px,4vw,56px); font:var(--rio-content-weight,400) var(--rio-content-size,15px)/1.8 var(--rio-font,system-ui,sans-serif); color:var(--rio-ink,#20344b); text-transform:var(--rio-content-transform,none); }
.rio-contact.has-note { grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr); grid-template-areas:"form note"; }
.rio-contact-main { grid-area:form; min-width:0; }
.rio-contact-intro { margin:0 0 26px; max-width:760px; }
.rio-contact-form textarea { min-height:190px; }
.rio-contact-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; }
.rio-contact-note { grid-area:note; min-width:0; border:1px solid var(--rio-line,#dce2e7); border-top:3px solid var(--rio-accent,#00fe01); background:var(--rio-ink,#20344b); color:var(--rio-on-dark,#fff); }
.rio-contact-note-copy { padding:clamp(24px,2.6vw,36px); }
.rio-contact-note-top { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:24px; }
.rio-contact-note .rio-eyebrow { margin:0; font-size:11px; color:inherit; }
.rio-contact-note-symbol { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; background:var(--rio-accent,#00fe01); color:var(--rio-on-accent,var(--rio-ink,#20344b)); }
.rio-contact-note-symbol .rio-icon { width:24px; height:24px; }
.rio-contact-note h2 { margin:0 0 20px; color:inherit; font:var(--rio-heading-weight,700) var(--rio-heading-current-size,var(--rio-heading-size,clamp(32px,2.8vw,44px)))/1.08 var(--rio-heading,system-ui,sans-serif); text-transform:var(--rio-heading-transform,uppercase); }
.rio-contact-note p { margin:0; color:inherit; font:var(--rio-content-weight,400) var(--rio-content-size,15px)/1.8 var(--rio-font,system-ui,sans-serif); text-transform:var(--rio-content-transform,none); }
.rio-contact-channels { display:grid; gap:12px; padding:20px; background:var(--rio-soft,#f4f6f7); }
.rio-contact-channel.rio-button { --rio-btn-bg:var(--rio-paper,#fff); display:grid; grid-template-columns:42px minmax(0,1fr) 18px; align-items:center; justify-content:start; gap:14px; width:100%; min-height:86px; height:auto; padding:16px; text-align:left; text-transform:var(--rio-button-transform,none); letter-spacing:0; white-space:normal; }
.rio-contact-channel-icon { display:grid; place-items:center; width:42px; height:42px; background:var(--rio-accent,#00fe01); color:var(--rio-on-accent,var(--rio-ink,#20344b)); }
.rio-contact-channel-copy { display:grid; gap:4px; min-width:0; overflow-wrap:anywhere; }
.rio-contact-channel strong { font:var(--rio-button-weight,600) var(--rio-button-size,15px)/1.5 var(--rio-button-font,'Poppins',system-ui,-apple-system,"Segoe UI",sans-serif); }
.rio-contact-channel-copy>span { font:var(--rio-button-weight,400) var(--rio-button-size,15px)/1.6 var(--rio-button-font,'Poppins',system-ui,-apple-system,"Segoe UI",sans-serif); }
.rio-contact-channel-arrow { display:flex; align-items:center; justify-content:center; }
@media(max-width:819px) {
 .rio-contact.has-note { grid-template-columns:minmax(0,1fr); grid-template-areas:"note" "form"; }
 .rio-contact-intro { margin-bottom:22px; }
}
@media(max-width:599px) {
 .rio-contact-note-copy { padding:24px; }
 .rio-contact-note-top { margin-bottom:20px; }
 .rio-contact-channels { padding:16px; }
 .rio-contact-channel.rio-button { grid-template-columns:38px minmax(0,1fr) 18px; gap:10px; padding:14px 12px; }
 .rio-contact-channel-icon { width:38px; height:38px; }
 .rio-contact-actions { align-items:stretch; flex-direction:column; gap:10px; }
 .rio-contact-actions .rio-button { width:100%; }
 .rio-contact-form input:not([type=checkbox]):not([type=hidden]),.rio-contact-form textarea { font-size:16px; }
}