/* ST-47: concrete examples of the teacher's everyday work and onboarding. */
body.business-home .business-roster-layout { display: grid; grid-template-columns: minmax(12rem, .8fr) minmax(0, 2fr); gap: 2.5rem; }
body.business-home .business-day { border-right: 1px solid var(--line); padding-right: 1.5rem; }
body.business-home .business-day-class { margin-top: .875rem; padding: 1rem; border-radius: .5rem; }
body.business-home .business-day-class.is-current { background: var(--lavender); border-left: 3px solid var(--primary); }
body.business-home .business-day-class time { font-size: 1.125rem; color: var(--primary); font-weight: 600; }
body.business-home .business-day-class h3 { font-size: .875rem; margin: .375rem 0; }
body.business-home .business-day-class p, body.business-home .business-day-class > span { font-size: .6875rem; color: var(--muted); }
body.business-home .business-day-class > span { display: inline-block; margin-top: .875rem; color: var(--primary); }
body.business-home .business-roster-heading { display: flex; gap: 1rem; justify-content: space-between; align-items: center; padding-block: .5rem 1rem; }
body.business-home .business-roster-heading h3 { font-size: 1.125rem; }
body.business-home .business-roster-heading > span { color: var(--muted); font-size: .6875rem; }
body.business-home .business-roster-row { display: flex; align-items: center; gap: .875rem; min-height: 5rem; padding: .875rem .25rem; border-top: 1px solid var(--line); cursor: pointer; }
body.business-home .business-roster-row .business-avatar { width: 2.375rem; height: 2.375rem; }
body.business-home .business-roster-person { flex: 1; min-width: 0; }
body.business-home .business-roster-person b { display: block; font-size: .875rem; }
body.business-home .business-roster-person small { display: block; margin-top: .1875rem; color: var(--muted); font-size: .75rem; }
body.business-home .business-roster-state { padding: .3125rem .5625rem; background: var(--accent-soft); border-radius: 1rem; font-size: .6875rem; }
body.business-home .business-roster-state.is-trial { background: var(--lavender); color: var(--primary); }
body.business-home .business-roster-row input { width: 1.25rem; height: 1.25rem; flex: 0 0 1.25rem; margin-left: 1rem; accent-color: var(--primary); cursor: pointer; }
body.business-home .business-roster-note { padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .6875rem; }
body.business-home .business-student-journey .site-icon { color: var(--primary); }
body.business-home .business-payment-state { width: fit-content; padding: .375rem .625rem; border-radius: 1rem; background: var(--accent-soft); }
body.business-home .business-payment-list > div:last-child .business-payment-state { background: var(--lavender); color: var(--primary); }
body.business-home .business-source-event { display: flex; align-items: center; gap: 1rem; margin-top: 2rem; padding: 1.125rem; border: 1px solid var(--line); border-radius: .5rem; background: var(--paper); box-shadow: 0 .5rem 1.5rem color-mix(in srgb, var(--ink) 4%, transparent); }
body.business-home .business-event-date { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 3.5rem; min-height: 4rem; flex-shrink: 0; border-radius: .375rem; background: var(--lavender); color: var(--primary); }
body.business-home .business-event-date span { font-size: .6875rem; font-weight: 600; }
body.business-home .business-event-date b { font-family: var(--display); font-size: 1.5rem; line-height: 1.3; }
body.business-home .business-source-event small { color: var(--muted); font-size: .6875rem; }
body.business-home .business-source-event h3 { margin: .1875rem 0; font-size: .9375rem; }
body.business-home .business-source-event p { color: var(--muted); font-size: .75rem; }
body.business-home .business-source-event > .site-icon { margin-left: auto; color: var(--primary); }
body.business-home .business-source-connection { display: flex; flex-direction: row-reverse; align-items: center; justify-content: start; gap: .75rem; padding-top: 1rem; color: var(--primary); font-size: .75rem; }
body.business-home .business-source-connection .site-icon { width: 2rem; height: 2rem; }
body.business-home .business-email-event { padding: 0; overflow: hidden; }
body.business-home .business-email-event-copy { padding: 1rem 1.25rem 1.25rem; }
body.business-home .business-email-event-copy > span, body.business-home .business-email-event-copy > p { font-size: .6875rem; color: var(--primary); }
body.business-home .business-email-event-copy > p { color: var(--muted); }
body.business-home .business-email-art { display: flex; height: 5.5rem; overflow: hidden; justify-content: center; align-items: center; gap: .875rem; background: var(--primary-deep); }
body.business-home .business-email-art i { width: 3.375rem; height: 7rem; border: .625rem solid var(--lavender); border-radius: 3rem; transform: rotate(35deg); }
body.business-home .business-email-art i:nth-child(even) { border-color: var(--accent-soft); transform: rotate(-35deg); }
body.business-home .business-deliverables { padding: 2rem; background: var(--accent-soft); border-radius: .75rem; }
body.business-home .business-deliverable-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
body.business-home .business-deliverable { min-width: 0; }
body.business-home .business-deliverable h3 { margin-top: 1rem; font-size: 1rem; }
body.business-home .business-deliverable > p { margin-top: .375rem; color: var(--muted); font-size: .8125rem; }
body.business-home .business-deliverable-art { height: 14.75rem; overflow: hidden; border-radius: .5rem; background: var(--paper); border: 1px solid var(--line); }
body.business-home .business-setup-browser { display: flex; gap: .25rem; padding: .625rem .875rem; border-bottom: 1px solid var(--line); }
body.business-home .business-setup-browser i { width: .3125rem; height: .3125rem; border-radius: 50%; background: var(--muted); }
body.business-home .business-setup-site { position: relative; height: calc(100% - 1.625rem); padding: 1rem; overflow: hidden; background: var(--primary-deep); color: var(--paper); }
body.business-home .business-setup-site > span { position: relative; z-index: 1; display: block; font-size: .6875rem; }
body.business-home .business-setup-site > b { position: relative; z-index: 1; display: block; max-width: 10rem; margin-top: 1.25rem; font-family: var(--display); font-size: 1.5rem; line-height: 1.25; letter-spacing: -.04em; }
body.business-home .business-setup-site > span:last-child { position: absolute; bottom: 1rem; left: 1rem; right: 1rem; }
body.business-home .business-setup-site-art { position: absolute; width: 7rem; height: 12rem; top: 1rem; right: -1rem; border: 1.375rem solid var(--lavender); border-radius: 50%; transform: rotate(25deg); opacity: .3; }
body.business-home .business-setup-bookings { padding: 1.125rem; display: flex; flex-direction: column; }
body.business-home .business-setup-booking { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; font-size: .75rem; }
body.business-home .business-booking-confirmed { display: flex; align-items: center; gap: .1875rem; margin-left: auto; color: var(--primary); font-size: .6875rem; }
body.business-home .business-setup-booking-class { padding-block: 1.125rem; margin-top: 1rem; border-block: 1px solid var(--line); }
body.business-home .business-setup-booking-class > * { display: block; }
body.business-home .business-setup-booking-class small { color: var(--primary); font-size: .6875rem; }
body.business-home .business-setup-booking-class b { margin: .5rem 0; font-size: .9375rem; }
body.business-home .business-setup-booking-class span { color: var(--muted); font-size: .6875rem; }
body.business-home .business-setup-booking-link { display: flex; align-items: center; gap: .5rem; padding-top: .875rem; color: var(--primary); font-size: .6875rem; }
body.business-home .business-setup-campaigns { position: relative; display: flex; justify-content: center; align-items: center; gap: 0; padding: 1rem; background: var(--lavender); }
body.business-home .business-campaign-sheet { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 50%; height: 12rem; flex-shrink: 0; padding: .875rem; box-shadow: 0 .375rem .75rem color-mix(in srgb, var(--ink) 12%, transparent); }
body.business-home .business-campaign-sheet small, body.business-home .business-campaign-sheet > span { font-size: .6875rem; line-height: 1.3; }
body.business-home .business-campaign-sheet b { font-family: var(--display); font-size: 1.125rem; line-height: 1.3; letter-spacing: -.04em; }
body.business-home .business-campaign-intake { transform: rotate(-4deg); background: var(--primary); color: var(--paper); }
body.business-home .business-campaign-event { transform: rotate(4deg); background: var(--paper); color: var(--primary); }
body.business-home .business-deliverable-footer { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 1.75rem; padding-top: 1.25rem; border-top: 1px solid var(--line); }
body.business-home .business-deliverable-footer p { max-width: 42rem; font-size: .75rem; color: var(--muted); }
body.business-home .business-deliverable-footer .text-link { flex-shrink: 0; font-size: .75rem; }
@media (max-width: 68.75rem) {
  body.business-home .business-deliverable-grid { gap: 1rem; }
  body.business-home .business-campaign-sheet { padding: .625rem; }
  body.business-home .business-campaign-sheet b { font-size: 1rem; }
}
@media (max-width: 50rem) {
  body.business-home .business-roster-layout { grid-template-columns: 1fr; gap: 1.5rem; }
  body.business-home .business-day { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; border-right: 0; padding: 0; }
  body.business-home .business-day > p { grid-column: 1 / -1; }
  body.business-home .business-day-class { margin-top: 0; }
  body.business-home .business-source-connection { flex-direction: row; }
  body.business-home .business-source-connection .site-icon { transform: rotate(90deg); }
  body.business-home .business-deliverables { padding: 1.5rem; }
  body.business-home .business-deliverable-grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  body.business-home .business-deliverable-art { max-width: 26rem; }
  body.business-home .business-deliverable-footer { display: block; }
  body.business-home .business-deliverable-footer .text-link { margin-top: .5rem; }
}
@media (max-width: 32.5rem) {
  body.business-home .business-workspace { padding: 1rem; }
  body.business-home .business-day-class { padding: .75rem; }
  body.business-home .business-roster-heading { flex-wrap: wrap; gap: .5rem; }
  body.business-home .business-roster-heading h3 { font-size: 1rem; }
  body.business-home .business-roster-row { gap: .5rem; flex-wrap: wrap; }
  body.business-home .business-roster-row .business-avatar { display: none; }
  body.business-home .business-roster-person b { font-size: .8125rem; }
  body.business-home .business-roster-person small { font-size: .6875rem; }
  body.business-home .business-roster-row input { margin-left: .25rem; }
  body.business-home .business-roster-state { padding: .25rem .4375rem; }
  body.business-home .business-source-event { gap: .75rem; padding: 1rem; }
  body.business-home .business-source-event > .site-icon { display: none; }
  body.business-home .business-deliverables { padding: 1.25rem; }
}
@media (max-width: 32.5rem) {
  body.business-home .business-campaign-sheet b { font-size: .875rem; }
}