/* /submit: the deal wizard on its own, at the top of the page. Uses land.css for the wizard itself. */
.sb-page .contact-inner { max-width: 820px; }
.sb-top { margin: 0; }
.sb-k { display: flex; flex-wrap: wrap; gap: .45em; align-items: center; margin-bottom: 12px; }
.sb-k .sb-mg { color: var(--mg-teal-text, #0A6874); }
.sb-plus { color: var(--muted); }
.sb-h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(2.3rem, 5.5vw, 3.6rem); line-height: 1; margin: 0 0 12px; text-wrap: balance; }
.sb-h1 em { color: var(--signal-text); }
.sb-lede { color: var(--ink-2); max-width: 42rem; margin: 0 0 14px; font-size: 1.05rem; }
.sb-chips { list-style: none; margin: 0 0 26px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; font-size: .72rem; letter-spacing: .05em; }
.sb-chips li { border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; color: var(--ink-2); }
.sb-more { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 32px 0 12px; font-size: .78rem; }
.sb-more a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--line); padding-bottom: 2px; }
.sb-more a:hover, .sb-more a:focus-visible { color: var(--signal-text); border-bottom-color: var(--signal); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .sb-k .sb-mg { color: #5CC3CE; } }
:root[data-theme="dark"] .sb-k .sb-mg { color: #5CC3CE; }