/* Stellar Mortgage site, v5 additions. Loaded after the inline styles. */

/* Footer language links: separators and text at 7:1 on navy */
.f-lang{color:#B8C7D3}

/* Header "Apply now" between tablet and wide desktop (was hidden 901-1240px) */
@media(min-width:901px) and (max-width:1240px){
  .mh-nav .wrap{gap:14px}
  .mh-nav nav ul{gap:16px}
  .mh-nav nav a{font-size:14px}
  .mh-apply{padding:10px 14px;font-size:13.5px}
  .mh-apply2{display:inline-block;padding:9px 13px;font-size:13.5px;margin-left:0}
}
@media(min-width:901px) and (max-width:1040px){
  .mh-nav .wrap{gap:10px}
  .mh-nav nav ul{gap:11px}
  .mh-nav nav a{font-size:13px}
  .mh-apply,.mh-apply2{padding:9px 10px;font-size:12.5px}
}

/* Form trust line with Equal Housing Lender mark, and one client quote */
.lf-trust{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.lf-trust .ehl{width:26px;height:30px;flex:none;margin-right:2px}
.lf-trust>*{min-width:0}
.on-dark .lf-trust .ehl{filter:brightness(0) invert(1)}
.lf-quote{margin:10px 0 0;padding:0 0 0 12px;border-left:3px solid var(--cyan);font-size:13px;line-height:1.5;color:var(--slate)}
.lf-quote cite{display:block;margin-top:3px;font-style:normal;font-size:12px}
.on-dark .lf-quote{color:inherit;opacity:.9}
/* v4 drew the trust line white on the white panel form, so it could not be seen */
.lf-panel .lf-copy .lf-trust,.lf-panel .lf-copy .lf-quote{color:var(--slate);opacity:1}
.lf-panel .lf-copy .lf-trust a,.lf-panel .lf-copy .lf-quote a{color:var(--cyan-ink)}

/* Turnstile slot and its message */
.lf-turnstile{margin:12px 0 4px;min-height:65px}
.lf-tsnote{margin:6px 0 0;font-size:13px;font-weight:700;color:#A12D2D}

/* "Reviewed by" line */
.reviewed-by{margin:14px 0 0;font-size:13.5px;line-height:1.5;color:var(--slate)}
.pagehead .reviewed-by{color:inherit;opacity:.85}
.reviewed-by [data-review-date-pending]{display:none}
.pagehead .reviewed-by a,.lohero .reviewed-by a{color:inherit}

/* Direct answer under the H1 */
.answer{max-width:68ch;font-size:clamp(16px,1.6vw,18px);line-height:1.6}

/* Privacy request confirmation */
.pr-done{margin:16px 0 0;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--wash);font-weight:600}

/* Loan officer page: text button; officer hero keeps four buttons tidy */
.lohero-cta .btn{white-space:nowrap}

/* Licensing table: number column and Texas notice */
.lic-num{font-family:var(--f-mono);font-size:13px}
.lic-pending{color:#8A4B00;background:#FFF4E0;border-radius:4px;padding:1px 6px;font-size:12px}
.tx-notice{margin:28px 0 0;padding:16px 18px;border:1px solid var(--border);border-radius:12px;font-size:13px;line-height:1.55;text-transform:uppercase;letter-spacing:.01em}
.tx-notice h3{font-size:14px;margin:0 0 8px;text-transform:none;letter-spacing:0}

/* Guides */
.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:720px){.guide-list{grid-template-columns:minmax(0,1fr)}}

/* Narrow phones: wide tables scroll inside themselves; two-up card rows stack */
@media(max-width:560px){.legal-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:420px){.cardgrid[style*="1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}}
main p,main li{overflow-wrap:break-word}

/* Layout shift: the step-1 "Next" button used to appear only after the script ran, which made the
   form taller and pushed the section below it. Show it from first paint. */
.js form[data-leadform]:not(.lf-ready) .lf-step[data-step="1"] .lf-next[hidden]{display:inline-flex!important}

/* Company identification line and NMLS number after an officer's name */
.co-id{margin:14px 0 0;font-size:13.5px;line-height:1.5;color:var(--slate)}
.co-id a{color:var(--cyan-ink);font-weight:700}
.lohero .co-id{color:inherit;opacity:.9;margin:-4px 0 10px}.lohero .co-id a{color:var(--cyan)}
.h1-nmls{display:block;margin-top:6px;font-family:var(--f-mono);font-size:15px;font-weight:500;letter-spacing:.02em;opacity:.85}
.h3-nmls{display:block;margin-top:2px;font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--slate)}
.state-notice{margin-top:22px;padding:12px 14px;border:1px solid var(--border);border-radius:10px}

/* v8: officer hero. The rating line no longer pulls up into the license line; the license line wraps. */
.lohero-rating{margin:4px 0 16px}
.lohero-nmls{line-height:1.5;white-space:normal;overflow-wrap:break-word;max-width:100%}
.lohero .co-id{overflow-wrap:break-word}