/* Composition only: fields, Section Header and Button retain Octopus styles. */
.cinf-contact {
 background: var(--color-bg-base);
 padding-block: var(--space-structural-lg);
 scroll-margin-top: var(--space-structural-lg);
}
.cinf-contact__layout {
 display: grid;
 grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
 align-items: start;
 gap: var(--space-structural-md);
}
.cinf-contact__intro,
.cinf-contact__card,
.cinf-contact__form { min-width: 0; }
.cinf-contact__intro { max-width: 32rem; }
.cinf-contact__details {
 display: grid;
 gap: var(--space-component-xl);
 margin: var(--space-structural-md) 0 0;
 padding: 0;
 list-style: none;
 color: var(--color-text-secondary);
 font-size: var(--type-body-md-size);
 line-height: var(--type-body-md-line-height);
}
.cinf-contact__detail { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: var(--space-component-md); }
.cinf-contact__icon { display: flex; padding-top: .2em; color: var(--color-text-primary); }
.cinf-contact__detail address { margin: 0; font-style: normal; }
.cinf-contact__detail a { color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.cinf-contact__detail a:hover { text-decoration: underline; }
.cinf-contact__detail a:focus-visible { outline: 2px solid var(--color-input-active); outline-offset: 4px; }
.cinf-contact__form { display: grid; gap: var(--space-layout-sm); margin: 0; }
.cinf-contact__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-layout-sm); }
.cinf-contact__actions { display: grid; justify-items: start; gap: var(--space-component-lg); }
@media (max-width: 63.99rem) {
 .cinf-contact { padding-block: var(--space-structural-md); }
 .cinf-contact__layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-layout-xl); }
}
@media (max-width: 39.99rem) {
 .cinf-contact__details { margin-top: var(--space-layout-xl); }
 .cinf-contact__fields { grid-template-columns: minmax(0, 1fr); }
 .cinf-contact__actions { justify-items: stretch; }
}