/* Employer pages retain the shared palette, typography and open layouts. */
.business-role { display: grid; grid-template-columns: 1fr 1.3fr .7fr; align-items: start; gap: 45px; border-top: 1px solid #ffffff60; padding: 28px 0; }
.business-role .eyebrow { color: #dae3ff; font-size: .76rem; margin-bottom: 10px; }
.business-role h3 { font-size: 1.5rem; line-height: 1.25; }
.business-role p,.business-team p { color: #e5edff; font-size: .97rem; }
.business-role .text-link { color: white; font-size: .86rem; margin: 0; justify-self: end; }
.business-role .text-link:focus-visible { outline-color: white; }
.business-team { display: grid; grid-template-columns: 1fr 2fr; gap: 45px; border-top: 1px solid #ffffff60; padding-top: 28px; }
.business-team h3 { font-size: 1.5rem; }
.business-team p { max-width: 760px; }
.business-page .detail-grid { align-items: start; }
.business-page .detail-grid > .product-visual { align-self: start; }
.business-commission-benefits { margin-top: 30px; }
.business-commission-benefits > div { border-top: 1px solid var(--line); padding: 20px 0; }
.business-commission-benefits dt { font: 500 1.13rem/1.35 var(--head); color: var(--navy); }
.business-commission-benefits dd { margin: 10px 0 0; color: var(--muted); font-size: .94rem; }
.business-page .visual-commission { padding: 26px; }
.business-page .visual-commission .visual-heading { min-height: 48px; }
.business-page .commission-intro { margin-top: 8px; }
.business-page .commission-control { margin-top: 16px; }
.business-page .commission-control input[type=range] { margin-top: 20px; }
.business-page .commission-settings { margin-top: 14px; gap: 10px 16px; }
.business-page .commission-settings legend { margin-bottom: 10px; }
.business-page .commission-field input,.business-page .commission-control input[type=number] { min-height: 42px; }
.business-page .visual-commission .visual-canvas { max-height: 180px; margin-top: 16px; }
.business-page .visual-commission .chart-label { font-size: 20px; }
.business-page .visual-commission .axis-label { font-size: 18px; }
.business-page .commission-breakdown { margin-top: 12px; }
.business-page .commission-breakdown > div { padding: 8px 0; }
.business-page .visual-commission figcaption { margin-top: 12px; padding-top: 12px; }
.business-reporting { align-items: start; margin-bottom: 0; }
.business-page .section-head .business-review { border-top: 1px solid var(--line); padding-top: 24px; margin-top: 28px; font-size: .94rem; }
.business-page .visual-transparency { padding: 26px; }
.business-page .generated-document { align-items: start; margin-left: 0; padding: 16px; }
.business-document-copy { min-width: 0; }
.business-document-copy h3 { font-size: 1.03rem; line-height: 1.3; }
.business-document-copy p { font-size: .84rem; line-height: 1.6; margin-top: 7px; }
.business-page .document-ready { margin-top: 2px; }
.business-package { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; border-top: 1px solid var(--line); padding-top: 32px; margin-top: 48px; }
.business-package h3 { font-size: 1.5rem; line-height: 1.3; }
.business-package p { margin-top: 16px; font-size: .95rem; }
.business-package .text-link { margin-top: 20px; }
@media (max-width: 1100px) {
  .business-role,.business-team { gap: 28px; }
  .business-package { gap: 40px; }
}
@media (max-width: 760px) {
  .business-role,.business-team,.business-package { grid-template-columns: 1fr; gap: 16px; }
  .business-role { padding: 26px 0; }
  .business-role .text-link { justify-self: start; }
  .business-package { gap: 32px; }
  .business-commission-benefits { margin-top: 24px; }
  .business-page .visual-commission,.business-page .visual-transparency { padding: 22px; }
}
@media (max-width: 480px) {
  .business-page .visual-commission,.business-page .visual-transparency { padding: 18px; }
  .business-page .commission-field { font-size: .76rem; }
  .business-page .visual-commission .chart-label { font-size: 25px; }
  .business-page .visual-commission .axis-label { font-size: 23px; }
  .business-page .visual-commission figcaption,.business-page .visual-transparency figcaption { font-size: .75rem; }
  .business-page .generated-document { padding: 14px 12px; gap: 10px; }
  .business-page .document-thumbnail { width: 30px; height: 36px; }
  .business-document-copy h3 { font-size: .95rem; }
  .business-document-copy p { font-size: .82rem; }
}
@media (max-width: 380px) {
  .business-page .commission-settings { column-gap: 10px; }
  .business-page .generated-document { gap: 8px; }
  .business-page .document-ready { display: none; }
}
@media print {
  .business-role,.business-team { border-color: var(--line); break-inside: avoid; }
}