/* d29-signin - /signin (1006, founder): one page for every way in. Two doors as tabs (companies: the LaunchPad
   application; lawyers: AnswerLoop sign-in and application). The LaunchPad form's own rules are d29-signup.css.
   Without signin-1006.js the tab cards are jump links and both panels show. */
.d29 .si-hero {padding-top: clamp(1.75rem, 1rem + 2.5vw, 3.25rem); padding-bottom: var(--stack-m);}
.d29 .si-hero .d29-crumbs {margin-bottom: var(--stack-m);}
.d29 .si-hero .eyebrow {margin-bottom: 1rem;}
.d29 .si-hero .display {max-width: 18ch; font-size: clamp(2.5rem, 1.6rem + 3vw, 4.25rem); margin-bottom: 1.25rem;}
.d29 .si-hero .d29-lede {margin-bottom: 0;}
.d29 .si-sec {padding-top: 0; border-top: 0 !important;}

/* the two doors */
.d29 .si-tabs {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-bottom: var(--stack-l); scroll-margin-top: calc(var(--navh) + 14px);}
.d29 .si-tab {position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 1rem; align-items: start; padding: 1.25rem 1.5rem; border: 1px solid var(--rule); border-radius: calc(var(--radius) + 4px); background: var(--surface); color: var(--ink); text-decoration: none; transition: border-color .15s, box-shadow .15s;}
.d29 .si-tab:hover {border-color: rgba(0,0,0,.28);}
.d29 .si-tab:focus-visible {outline: 2px solid var(--focus); outline-offset: 2px;}
.d29 .si-tab[aria-selected="true"] {border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink), var(--shadow);}
.d29 .si-ico {grid-row: 1 / span 3; width: 44px; height: 44px;}
.d29 .si-ico-al [fill="#F2EDE3"] {fill: var(--ink);}
.d29 .si-ico-al [stroke="#F2EDE3"] {stroke: var(--ink);}
.d29 .si-tab-k {font: 600 var(--fs-eyebrow)/1.4 var(--sans); letter-spacing: var(--track-eyebrow); text-transform: uppercase; color: var(--muted);}
.d29 .si-tab-t {font: 400 1.5rem/1.2 var(--serif); letter-spacing: -.01em; margin-top: .15rem;}
.d29 .si-tab-d {font-size: var(--fs-small); color: var(--text); margin-top: .35rem;}

/* panels */
.d29 .si-panel {scroll-margin-top: calc(var(--navh) + 14px);}
.d29 .si-panel + .si-panel {margin-top: var(--section); padding-top: var(--section); border-top: 1px solid var(--rule);}
.d29 .si-tabs.is-tabs ~ .si-panel + .si-panel {margin-top: 0; padding-top: 0; border-top: 0;}
.d29 .si-more {margin-top: var(--stack-m);}

/* both panels: the words left, the forms right */
.d29 .si-co {align-items: start; row-gap: var(--stack-l);}
.d29 .si-intro {grid-column: 1 / span 5; position: sticky; top: calc(var(--navh) + 2rem);}
.d29 .si-intro .h2 {margin-bottom: var(--stack-m);}
.d29 .si-intro .su-scope {margin-top: var(--stack-m);}
.d29 .si-apply {grid-column: 7 / span 6;}
.d29 .si-apply .su-card {padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);}
.d29 .si-apply .fstep-h {font-size: clamp(1.625rem, 1.3rem + 1vw, 2.125rem); margin-bottom: 1.5rem;}
.d29 .si-apply .d29-fgrid, .d29 .si-apply .d29-review-rail {grid-template-columns: minmax(0, 1fr);}
.d29 .si-apply .d29-fgrid {gap: 1.25rem;}

/* lawyers: the same shape — the words left; sign-in on top of the right column, the application under it */
.d29 .si-cards {grid-column: 7 / span 6; display: grid; gap: var(--stack-m);}
.d29 .si-card {padding: clamp(1.5rem, 1rem + 2vw, 2.5rem); scroll-margin-top: calc(var(--navh) + 14px);}
.d29 .si-sub {margin-top: .6rem; font-size: var(--fs-small); color: var(--text);}
.d29 .si-checks {margin-top: 1.25rem; font-size: var(--fs-small);}
.d29 .si-form {display: grid; gap: 1.1rem; margin-top: 1.5rem;}
.d29 .si-form .d29-chips label span {min-height: 40px; font-size: .875rem;}
.d29 .si-go {width: 100%; justify-content: center; margin-top: .25rem;}
.d29 .si-alt {margin-top: 1.25rem; font-size: .875rem; color: var(--muted);}
.d29 .si-alt .d29-tlink {font-size: .875rem;}

@media (max-width: 960px){
.d29 .si-intro, .d29 .si-apply, .d29 .si-cards {grid-column: 1 / -1;}
.d29 .si-intro {position: static;}
}
@media (max-width: 640px){
.d29 .si-tabs {gap: .6rem;}
.d29 .si-tab {grid-template-columns: minmax(0, 1fr); padding: 1rem;}
.d29 .si-ico {grid-row: auto; width: 32px; height: 32px; margin-bottom: .6rem;}
.d29 .si-tab-t {font-size: 1.25rem;}
.d29 .si-tab-d {display: none;}
}