/* Scoped editorial sections only. Do not style or change the existing form. */
.business-visibility { color: #334155; font-family: var(--portal-font-family); }
.business-visibility, .business-visibility * { box-sizing: border-box; }
.business-visibility h1, .business-visibility h2 { color: #003c70; font-weight: 600; text-transform: none; line-height: 1.4; }
.business-visibility h1 { font-size: 36px; margin: 0 auto 22px; }
.business-visibility h2 { font-size: 26px; margin: 0 0 18px; }
.business-visibility p { margin: 0 0 16px; color: #52616c; font-size: 16px; line-height: 1.8; }
.business-visibility p:last-child { margin-bottom: 0; }
.business-visibility .business-lead { font-size: 18px; line-height: 1.75; }
.business-visibility .business-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .07em; color: #003c70; margin-bottom: 14px; }
.business-visibility .business-section { margin-top: 42px; }
.business-intro { padding-top: 32px; padding-bottom: 28px; }
.business-hero { text-align: center; padding: 38px 38px 34px; border: 1px solid #ede9e3; border-radius: 20px; background: linear-gradient(135deg,#fff8ef 0%,#f8fafc 100%); }
.business-hero h1, .business-hero p { max-width: 800px; margin-left: auto; margin-right: auto; }
.business-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 24px; margin-top: 26px; }
.business-visibility .business-cta { white-space: normal; max-width: 100%; text-decoration: none; }
.business-cta > span { display: inline-block; margin-left: 8px; }
.business-faq-link { padding: 10px 0; color: #003c70; font-size: 15px; line-height: 1.6; font-weight: 600; }
.business-faq-link:hover { color: #a83b0d; }
.business-visibility a:focus-visible, .business-faq-item summary:focus-visible { outline: 3px solid #b7410e; outline-offset: 4px; }
.business-features { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 22px 38px; padding-bottom: 30px; border-bottom: 1px solid #e2e8ee; }
.business-feature-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; align-content: center; }
.business-feature-list li { display: flex; gap: 14px; align-items: flex-start; color: #334155; font-size: 15px; line-height: 1.7; }
.business-feature-list .fa { flex: 0 0 24px; width: 24px; text-align: center; color: #003c70; font-size: 20px; margin-top: 4px; }
.business-feature-list li > span:last-child { min-width: 0; }
.business-features-note { grid-column: 1 / -1; }
.business-audience { text-align: center; max-width: 850px; margin-left: auto; margin-right: auto; }
.business-benefits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.business-benefit { min-width: 0; padding: 24px; border: 1px solid #e2e8ee; border-radius: 16px; background: #fff; box-shadow: 0 5px 18px rgba(22,39,54,.045); }
.business-visibility .business-benefit h2 { font-size: 21px; line-height: 1.45; margin: 16px 0; }
.business-visibility .business-benefit p { font-size: 15px; }
.business-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #dce7ef; border-radius: 12px; background: #f0f6fa; color: #003c70; font-size: 22px; }
.business-icon-orange { background: #fff2e5; border-color: #f1d5bf; color: #a83b0d; }
.business-contact-intro { padding: 12px 0 24px; }
#business-contact, #business-faq { scroll-margin-top: 135px; }
.business-faq { padding-top: 20px; padding-bottom: 50px; }
.business-faq > h2 { max-width: 850px; margin-bottom: 26px; }
.business-faq-item { border-bottom: 1px solid #e2e8ee; }
.business-faq-item:first-child { border-top: 1px solid #e2e8ee; }
.business-faq-item summary { display: block; position: relative; padding: 20px 38px 20px 0; color: #003c70; font-size: 17px; line-height: 1.6; font-weight: 600; cursor: pointer; list-style: none; }
.business-faq-item summary::-webkit-details-marker { display: none; }
.business-faq-item summary::after { content: '+'; position: absolute; top: 18px; right: 5px; color: #a83b0d; font-size: 24px; line-height: 1.4; font-weight: 400; }
.business-faq-item[open] summary::after { content: '\2212'; }
.business-faq-item > p { padding: 0 38px 24px 0; max-width: 900px; }
.business-home { padding-top: 20px; padding-bottom: 30px; clear: both; }
.business-home-panel { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(0,1fr); gap: 48px; align-items: center; padding: 40px; border: 1px solid #ede9e3; border-radius: 20px; background: linear-gradient(135deg,#fff8ef 0%,#f8fafc 100%); }
.business-home-copy { min-width: 0; }
.business-home .business-home-copy h2 { font-size: 32px; line-height: 1.35; }
.business-home .business-cta { margin-top: 8px; }
.business-mini-page { min-width: 0; width: 100%; max-width: 280px; justify-self: center; background: #fff; border: 1px solid #e2e8ee; border-radius: 14px; box-shadow: 0 14px 32px rgba(0,60,112,.10); transform: rotate(3deg); }
.business-mini-chrome { display: flex; gap: 5px; padding: 12px; border-bottom: 1px solid #e2e8ee; }
.business-mini-chrome span { width: 6px; height: 6px; background: #cbd5e1; border-radius: 50%; }
.business-mini-image { display: flex; justify-content: center; align-items: center; min-height: 110px; background: #f0f6fa; color: #003c70; }
.business-mini-image .fa { font-size: 42px; }
.business-mini-body { padding: 22px; }
.business-mini-body strong { display: block; color: #003c70; font-size: 20px; line-height: 1.4; font-weight: 600; }
.business-visibility .business-mini-body p { font-size: 13px; margin: 8px 0 18px; }
.business-mini-body > div { display: flex; gap: 10px; align-items: center; border-top: 1px solid #e2e8ee; padding: 11px 0; color: #52616c; font-size: 13px; line-height: 1.6; }
.business-mini-body .fa { width: 16px; flex: 0 0 16px; text-align: center; color: #003c70; }
@media(min-width:1200px) { .container.business-intro, .container.business-faq { width: 950px; } }
@media(max-width:1199px) { .business-benefits { grid-template-columns: minmax(0,1fr); } .business-benefit { padding: 26px; } }
@media(max-width:991px) { .business-hero { padding: 30px 26px; } .business-home-panel { gap: 28px; padding: 30px; } .business-home .business-home-copy h2 { font-size: 28px; } .business-visibility .business-lead { font-size: 17px; } }
@media(max-width:767px) {
  .business-intro { padding-top: 20px; padding-bottom: 18px; }
  .business-visibility h1 { font-size: 29px; }
  .business-visibility h2 { font-size: 24px; }
  .business-hero { padding: 26px 20px; border-radius: 16px; }
  .business-visibility .business-section { margin-top: 30px; }
  .business-features { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .business-audience { text-align: start; }
  .business-benefit { padding: 22px; }
  .business-actions { flex-direction: column; gap: 8px; }
  .business-actions .business-cta { width: 100%; }
  .business-contact-intro { padding: 8px 0 20px; }
  .business-faq { padding-bottom: 35px; }
  .business-faq-item summary { font-size: 16px; }
  .business-faq-item > p { padding-right: 8px; font-size: 15px; }
  .business-home-panel { grid-template-columns: minmax(0,1fr); gap: 28px; padding: 28px 22px; border-radius: 16px; }
  .business-home .business-home-copy h2 { font-size: 27px; }
  .business-mini-page { max-width: 245px; transform: none; }
  .business-mini-image { min-height: 80px; }
  .business-home .business-cta { width: 100%; }
}
@media(max-width:359px) { .business-hero { padding: 24px 14px; } .business-visibility h1 { font-size: 25px; } .business-visibility h2, .business-home .business-home-copy h2 { font-size: 23px; } .business-home-panel { padding: 24px 16px; } .business-visibility .business-cta { padding-left: 12px; padding-right: 12px; font-size: 15px; } }
@media(max-width:359px) { .business-benefit { padding: 18px; } .business-visibility .business-benefit h2 { font-size: 19px; } }
