
.bm-hero .k-hide-m { display: none; }
.bm-hero .k-stat > i[data-until], .bm-hero .k-stat > i[data-at] { grid-area: 3 / 1; }
.bm-dash-row { display: grid; gap: 0.8em; margin-top: 0.8em; }
.bm-dash-row > * { min-width: 0; }
@media (min-width: 40em) { .bm-dash-row { grid-template-columns: 1fr 1.15fr; } }
@media (max-width: 39.99em) { .bm-dash-row .chart { display: none; } }
.bm-hero .k-stat > span { white-space: normal; overflow: visible; }
.bm-hero .needs li { align-items: center; }
.bm-dayside { display: grid; grid-template-columns: minmax(0, 1fr) 6rem; gap: var(--space-5); align-items: center; }
.bm-dayside .lede, .bm-lede.lede { margin: 0; font-size: var(--text-base); }
@media (min-width: 60em) { .page-for-branch-managers #day .jx { --jp-h: 25rem; } .page-for-branch-managers #day .jp--row .jp-screen .screen { font-size: 13.5px; } }
.bm-photo { display: block; aspect-ratio: 1 / 1; border-radius: var(--radius-card); border: 1px solid var(--line); overflow: hidden; background: var(--paper-3); }
.bm-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 60% 40%; }
@media (min-width: 40em) { .bm-dayside { grid-template-columns: minmax(0, 1fr) 10rem; } .bm-photo { aspect-ratio: 3 / 2; } }
.bm-you { display: flex; align-items: baseline; gap: 0.6em; padding-top: var(--space-3); border-top: 1px solid var(--line-strong); font-size: var(--text-sm); line-height: 1.5; color: var(--ink-3); }
.bm-you b { flex: none; font-family: var(--font-display); font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--track-label); text-transform: uppercase; color: var(--ink-mute); }
.page-for-branch-managers .jp-n time { font: inherit; letter-spacing: inherit; color: inherit; }
.bm-mini-note { margin-top: 0.8em; font-size: 0.86em; }
.bm-example { margin-top: 0.7em; font-size: 0.78em; color: var(--app-text-3); }
.bm-gap { margin-top: 0.8em; }
.page-for-branch-managers .k-table td.k-num, .page-for-branch-managers .k-table th.k-num { text-align: right; font-variant-numeric: tabular-nums; }
.page-for-branch-managers .jp-screen .screen.bm-narrow { max-width: 30rem; }
.bm-phones { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(0.75rem, 3vw, 1.5rem); align-items: start; max-width: 27rem; margin-inline: auto; }
.bm-phones .phone { width: 100%; }
.bm-chase { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5em; margin: 0.8em 0; padding: 0.55em 0.7em 0.55em 0.95em; border-radius: 0.9em; background: var(--orange-tint); box-shadow: inset 0 0 0 1px var(--orange-line); color: var(--app-text-2); }
.bm-chase > span:first-child { margin-right: auto; }
.bm-chase b { color: var(--app-text); }
.bm-exp td:first-child, .bm-exp th:first-child { width: 2.2em; padding-right: 0; }
.bm-exp .k-check { gap: 0; }
.bm-ready { display: flex; align-items: center; gap: 1.2em; margin-bottom: 0.9em; }
.bm-ready p { color: var(--app-text-2); }
.bm-ready p b { display: block; font-size: 1.15em; color: var(--app-text); }
.bm-check { display: grid; gap: 0.4em; }
.bm-check li { display: flex; align-items: center; gap: 0.7em; padding: 0.55em 0.75em; border-radius: 0.7em; border: 1px solid var(--app-border); background: var(--card); }
.bm-check li > div { flex: 1; min-width: 0; display: grid; }
.bm-check li > div b { font-weight: 600; color: var(--app-text); }
.bm-check li > div span { font-size: 0.84em; color: var(--app-text-3); }
.bm-feed-title { display: flex; align-items: baseline; gap: 0.6em; margin-bottom: 0.9em; font-weight: 700; font-size: 1.1em; color: var(--app-text); }
.bm-feed-title span { font-weight: 500; font-size: 0.85em; color: var(--app-text-3); }
.bm-feed { position: relative; display: grid; gap: 1em; }
.bm-feed::before { content: ""; position: absolute; left: 0.42em; top: 0.5em; bottom: 0.5em; width: 1px; background: var(--app-border); }
.bm-feed li { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 0.1em 0.8em; align-items: start; }
.bm-feed i { grid-row: span 2; width: 0.9em; height: 0.9em; margin-top: 0.25em; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 0.2em var(--card); }
.bm-feed i.c-blue { background: var(--blue); }
.bm-feed i.c-purple { background: var(--purple); }
.bm-feed div { display: grid; min-width: 0; }
.bm-feed b { font-weight: 600; color: var(--app-text); }
.bm-feed span { color: var(--app-text-2); }
.bm-feed time { grid-column: 2; font-size: 0.84em; color: var(--app-text-3); }
.bm-notes { display: grid; gap: var(--space-5) var(--space-8); font-size: var(--text-sm); line-height: 1.55; color: var(--ink-soft); }
@media (min-width: 48em) { .bm-notes { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bm-notes li { padding-top: var(--space-4); border-top: 1px solid var(--line-strong); }
.bm-notes b { display: block; margin-bottom: var(--space-2); font-family: var(--font-display); font-weight: 600; font-size: var(--text-lg); line-height: 1.25; letter-spacing: var(--track-display); color: var(--ink); }
.bm-notes a { display: block; width: fit-content; margin-top: var(--space-2); color: var(--ink); font-weight: 600; text-decoration-color: var(--orange); text-underline-offset: 3px; }
.page-for-branch-managers .jd-note b { color: var(--ink); }
.page-for-branch-managers .jd-body .why-card { grid-template-rows: auto auto 1fr auto; padding: clamp(1.25rem, 1rem + 1.4vw, 2rem); }
.bm-why-label { margin-bottom: var(--space-4); }
@media (min-width: 52em) { .bm-why-label { display: none; } }   
.bm-pages { margin-top: var(--space-6); display: grid; gap: var(--space-3); }
.bm-pages > p { font-size: var(--text-sm); font-weight: 600; color: var(--ink-3); }
@media (max-width: 39.99em) {
  .page-for-branch-managers #day-numbers .k-stats > :nth-child(3):last-child { grid-column: 1 / -1; }
  .page-for-branch-managers #ask-no-call-back .badge { white-space: normal; border-radius: 0.7em; }
  .page-for-branch-managers #ask-no-call-back .k-table th, .page-for-branch-managers #ask-no-call-back .k-table td { padding-inline: 0.6em; }
}
@media (min-width: 60em) { .page-for-branch-managers #worries .jp--row .jp-screen .screen { font-size: 13px; } }
@media (min-width: 56em) { .page-for-branch-managers .jd-body .why { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); } }
.bm-pages .page-links li:has(> a[aria-current="page"]) { display: none; }
@media (min-width: 60em) {
  html:not(.js) .page-for-branch-managers .jx--side .jx-tabs { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-3); }
}
@media (min-width: 60em) { .js .page-for-branch-managers #worries .jx--side > .jx-stage { align-self: stretch; } .js .page-for-branch-managers #worries .jx-stage > .jx-panel { min-height: 100%; } }
@media (max-width: 39.99em) { .page-for-branch-managers #ask-rate-from-memory .bm-wide { display: none; } }
