/* Hallmark · shape: app screen · genre: playful · theme: Piste · screen: eight-court daily timeline · signature: evening court sheet · data: sample · states: full, empty, local validation · posture: restrained · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 · weakest: timeline on phones, horizontal scroll and full-width arrivals */
/* Hallmark · dismissed 69 · booking times repeat in the court sheet and actionable clinic and waitlist records */
/* Hallmark · answered F4 · selected schedule range is a neutral segmented state; New booking remains the primary action */
@import url("./styles.css");

.dashboard { background: var(--color-paper); font-size: 14px; }
.app-header { background: var(--color-white); border-bottom: 1px solid var(--color-rule); }
.app-nav { display: flex; align-items: center; gap: var(--space-lg); min-height: 76px; }
.app-nav .wordmark { font-size: 36px; color: var(--color-accent); }
.app-nav .wordmark svg { width: 29px; height: 29px; }
.club-name { display: flex; flex-direction: column; border-left: 1px solid var(--color-rule); padding-left: var(--space-lg); line-height: 1.3; }
.club-name strong { font-weight: 600; font-size: 14px; }
.club-name span { font-size: 12px; color: var(--color-muted); }
.app-nav nav { display: flex; align-self: stretch; gap: var(--space-lg); margin-left: var(--space-lg); }
.app-nav nav a { display: flex; align-items: center; position: relative; text-decoration: none; font-weight: 500; white-space: nowrap; min-height: 44px; }
.app-nav nav a:hover { color: var(--color-accent); }
.app-nav nav a.active { color: var(--color-accent); }
.app-nav nav a.active::after { content: ""; position: absolute; inset: auto 0 -1px; height: 3px; background: var(--color-accent); }
.demo-link { margin-left: auto; color: var(--color-muted); font-size: 12px; white-space: nowrap; }
.manager-avatar { display: grid; place-items: center; width: 32px; height: 32px; background: var(--color-paper-3); font-weight: 600; font-size: 12px; }
.app-main { padding-top: 36px; }
.today-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-lg); }
.dashboard h1 { font: 600 30px/1.2 var(--font-body); letter-spacing: -.6px; max-width: none; }
.dashboard h2 { font: 600 18px/1.3 var(--font-body); letter-spacing: -.2px; }
.dashboard h3 { font: 600 16px/1.3 var(--font-body); letter-spacing: 0; }
.today-heading p { color: var(--color-muted); margin-top: var(--space-xs); font-size: 13px; }
.heading-divider { margin-inline: var(--space-xs); color: var(--color-rule); }
.timezone { margin-left: var(--space-sm); font-size: 11px; border-left: 1px solid var(--color-rule); padding-left: var(--space-sm); }
.dashboard .btn { font: 500 14px/1 var(--font-body); text-transform: none; min-height: 40px; padding-inline: var(--space-md); position: relative; }
.dashboard .btn::before { content: ""; position: absolute; inset: -3px 0; }
.dashboard .btn svg { width: 17px; }
.stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--color-rule); border-bottom: 1px solid var(--color-rule); margin-top: 28px; padding-block: var(--space-lg); }
.stats>div { border-left: 1px solid var(--color-rule); padding-inline: 28px; }
.stats>div:first-child { border: 0; padding-left: 0; }
.stats>div:last-child { padding-right: 0; }
.stats>div>span { display: block; color: var(--color-muted); font-size: 13px; }
.stats strong { display: block; font-size: 34px; line-height: 1.2; font-weight: 500; margin-block: var(--space-xs); font-variant-numeric: tabular-nums; letter-spacing: -1px; }
.stats em { color: var(--color-muted); font-size: 22px; font-style: normal; }
.stats small { color: var(--color-muted); font-size: 12px; }
.stats small a { color: var(--color-ink); margin-left: var(--space-xs); }
.stat-detail { margin-left: var(--space-md); }
.attention { padding-top: 28px; scroll-margin-top: var(--space-lg); }
.region-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); }
.count-badge { background: var(--color-alert-bg); color: var(--color-alert); padding: var(--space-2xs) var(--space-xs); font-size: 12px; }
.issue-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,1fr) minmax(0,1fr); gap: 32px; margin-top: 20px; }
.issue { border-top: 2px solid var(--color-ink); padding-top: var(--space-md); }
.issue:first-child { border-color: var(--color-alert); }
.issue-label { display: flex; align-items: center; gap: var(--space-xs); color: var(--color-alert); font-size: 12px; font-weight: 500; }
.issue-label svg { width: 16px; height: 16px; }
.neutral-label { color: var(--color-muted); }
.issue h3 { margin-top: var(--space-sm); }
.issue p { color: var(--color-muted); margin-top: var(--space-xs); font-size: 13px; max-width: 39ch; }
.action-link { display: inline-flex; align-items: center; gap: var(--space-xs); border: 0; padding: 0; background: var(--color-clear); font: 500 13px var(--font-body); color: var(--color-accent); text-decoration: none; min-height: 44px; white-space: nowrap; }
.action-link svg { width: 14px; height: 14px; }
.action-link:hover { text-decoration: underline; }
.issue .action-link { margin-top: var(--space-2xs); }
.issue.resolved { border-color: var(--color-muted); }
.issue.resolved .issue-label { color: var(--color-positive-ink); }
.inline-panel { margin-top: var(--space-md); padding: 20px; display: flex; align-items: center; gap: var(--space-lg); background: var(--color-paper-2); border: 1px solid var(--color-rule); }
.inline-panel>div { flex: 1; }
.inline-panel p { color: var(--color-muted); font-size: 13px; margin-top: var(--space-xs); }
.icon-btn { display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; border: 0; background: var(--color-clear); color: var(--color-ink); font-size: 24px; }
.icon-btn:hover { background: var(--color-paper-3); }
.compact-field { font-size: 12px; display: flex; flex-direction: column; gap: var(--space-2xs); }
select, input { color: var(--color-ink); border: 1px solid var(--color-muted); background: var(--color-white); border-radius: 0; accent-color: var(--color-accent); }
select { min-height: 40px; padding-inline: var(--space-sm); }
select:hover,input:hover { background: var(--color-paper-2); }
select:disabled,input:disabled { opacity: .55; cursor: not-allowed; }
.change-note { font-size: 12px; color: var(--color-positive-ink); min-height: 1lh; margin-top: var(--space-xs); }
.change-note button { margin-left: var(--space-sm); }
.operations-grid { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 32px; margin-top: var(--space-lg); }
.court-section { min-width: 0; }
.region-caption { font-size: 12px; color: var(--color-muted); display: block; margin-top: var(--space-2xs); }
.segmented { display: inline-flex; border: 1px solid var(--color-rule); background: var(--color-white); }
.segmented button { position: relative; border: 0; background: var(--color-clear); color: var(--color-muted); font-size: 12px; font-weight: 500; min-height: 32px; padding-inline: var(--space-sm); white-space: nowrap; }
.segmented button::before { content: ""; position: absolute; inset: -6px 0; }
.segmented button[aria-pressed="true"] { background: var(--color-paper-3); color: var(--color-ink); }
.segmented button:hover { text-decoration: underline; }
.schedule-tools { display: flex; justify-content: space-between; align-items: center; gap: var(--space-md); margin-top: 20px; padding-bottom: var(--space-md); }
.legend { display: flex; align-items: center; gap: var(--space-md); font-size: 11px; color: var(--color-muted); }
.legend span { display: inline-flex; align-items: center; gap: var(--space-xs); }
.legend span::before { content: ""; width: 10px; height: 10px; background: var(--color-booking); border: 1px solid var(--color-accent); }
.legend .legend-open::before { background: var(--color-openplay); border-color: var(--color-muted); }
.legend .legend-clinic::before { background: var(--color-clinic); border-color: var(--color-clinic-ink); }
.schedule-date { font-size: 12px; color: var(--color-muted); }
.schedule-scroll { overflow-x: auto; border: 1px solid var(--color-rule); background: var(--color-white); }
.court-sheet { min-width: 760px; position: relative; }
.court-sheet.full-day { min-width: 1800px; }
.time-axis { display: grid; grid-template-columns: 82px minmax(0,1fr); height: 42px; background: var(--color-paper-2); border-bottom: 1px solid var(--color-rule); }
.time-axis>span { padding: var(--space-sm); font-size: 11px; color: var(--color-muted); }
.time-labels { display: grid; grid-template-columns: repeat(var(--hours,6),minmax(0,1fr)); font-size: 11px; color: var(--color-muted); }
.time-labels span { padding: var(--space-sm) 0 0 var(--space-xs); white-space: nowrap; }
.court-row { display: grid; grid-template-columns: 82px minmax(0,1fr); min-height: 72px; border-bottom: 1px solid var(--color-rule); }
.court-row:last-child { border: 0; }
.court-label { display: flex; flex-direction: column; justify-content: center; padding-left: var(--space-sm); font-size: 12px; font-weight: 500; background: var(--color-white); border-right: 1px solid var(--color-rule); }
.court-label small { font-size: 11px; color: var(--color-muted); font-weight: 400; }
.court-track { position: relative; display: grid; grid-template-columns: repeat(var(--hours,6),minmax(0,1fr)); background: repeating-linear-gradient(to right,var(--color-rule) 0,var(--color-rule) 1px,var(--color-clear) 1px,var(--color-clear) calc(100% / var(--hours,6))); }
.open-slot { background: var(--color-clear); border: 0; color: var(--color-muted); min-height: 70px; font-size: 12px; }
.open-slot:hover { background: var(--color-paper-2); }
.open-slot:focus-visible { outline-offset: -3px; }
.event { position: absolute; inset: 7px auto 7px calc((var(--start) - var(--from,16)) / var(--hours,6) * 100% + 3px); width: calc(var(--duration) / var(--hours,6) * 100% - 6px); padding: var(--space-xs); border: 0; border-left: 2px solid var(--color-accent); background: var(--color-booking); color: var(--color-booking-ink); font-size: 11px; text-align: left; line-height: 1.3; z-index: 2; min-width: 0; overflow: clip; }
.event:hover { outline: 1px solid currentColor; outline-offset: -1px; }
.event strong { display: block; font-weight: 500; }
.event small { display: block; font-size: 11px; margin-top: var(--space-2xs); white-space: nowrap; }
.event.type-open { background: var(--color-openplay); color: var(--color-openplay-ink); border-color: var(--color-muted); }
.event.type-program { background: var(--color-clinic); color: var(--color-clinic-ink); border-color: var(--color-clinic-ink); }
.event.is-conflict { background: var(--color-alert-bg); color: var(--color-alert); border-color: var(--color-alert); }
.event.is-conflict.second-conflict { inset-block: 38px 5px; padding-block: var(--space-2xs); }
.event.is-conflict.first-conflict { inset-block: 5px 38px; padding-block: var(--space-2xs); }
.event.is-conflict small { display: none; }
.event.needs-coach strong::after { content: " !"; }
.schedule-foot { display: flex; justify-content: space-between; gap: var(--space-md); color: var(--color-muted); font-size: 11px; margin-top: var(--space-sm); }
.booking-detail { padding: 20px; background: var(--color-paper-2); margin-top: var(--space-md); border-left: 2px solid var(--color-accent); }
.booking-detail p { color: var(--color-muted); margin-top: var(--space-xs); }
.booking-detail .action-link { margin-top: var(--space-2xs); }
.day-rail { border-left: 1px solid var(--color-rule); padding-left: var(--space-lg); }
.day-rail h2 { font-size: 16px; }
.plain-count { font-size: 13px; color: var(--color-muted); }
.wait-person { padding-block: 20px var(--space-md); border-bottom: 1px solid var(--color-rule); }
.person-line { display: flex; align-items: center; gap: var(--space-xs); }
.initials { display: inline-grid; place-items: center; width: 32px; height: 32px; background: var(--color-paper-3); color: var(--color-ink-2); font-size: 11px; font-weight: 500; flex-shrink: 0; }
.person-line strong,.arrival strong { display: block; font-size: 13px; font-weight: 500; }
.person-line small,.arrival small { font-size: 11px; display: block; color: var(--color-muted); margin-top: var(--space-3xs); }
.queue-number { margin-left: auto; font-size: 11px; color: var(--color-muted); }
.wait-person p { display: flex; justify-content: space-between; font-size: 11px; margin-top: var(--space-sm); }
.wait-person p span { color: var(--color-muted); }
.rail-action { background: var(--color-white); border: 1px solid var(--color-muted); min-height: 34px; width: 100%; font-size: 12px; margin-top: var(--space-sm); color: var(--color-ink); position: relative; }
.rail-action::before { content: ""; position: absolute; inset: -5px 0; }
.rail-action:hover { background: var(--color-paper-2); }
.rail-action:disabled { background: var(--color-paper-2); }
.rail-note { font-size: 11px; color: var(--color-muted); margin-top: var(--space-sm); }
.arrivals { margin-top: 28px; }
.arrivals .region-heading>a { font-size: 12px; }
.arrival { display: flex; align-items: center; gap: var(--space-xs); border-bottom: 1px solid var(--color-rule); padding-block: var(--space-md); }
.arrival .initials { width: 28px; height: 28px; }
.checkin-btn { border: 0; background: var(--color-clear); color: var(--color-accent); font-size: 11px; font-weight: 500; margin-left: auto; padding: 0 var(--space-3xs); min-height: 44px; min-width: 44px; white-space: nowrap; }
.checkin-btn:hover { text-decoration: underline; }
.checkin-btn:disabled { color: var(--color-positive-ink); background: var(--color-positive-bg); text-decoration: none; opacity: .8; cursor: not-allowed; }
.member-section { margin-top: 44px; }
.search-field { display: flex; align-items: center; position: relative; }
.search-field svg { position: absolute; left: 12px; width: 16px; color: var(--color-muted); pointer-events: none; }
.search-field input { min-height: 40px; width: 250px; padding: var(--space-xs) var(--space-sm) var(--space-xs) 36px; font-size: 12px; }
.table-scroll { overflow-x: auto; margin-top: 20px; }
table { width: 100%; border-collapse: collapse; text-align: left; }
th { background: var(--color-paper-2); color: var(--color-muted); font-size: 12px; font-weight: 500; padding: var(--space-sm) var(--space-md); border-top: 1px solid var(--color-rule); border-bottom: 1px solid var(--color-rule); }
td { padding: var(--space-md) var(--space-md); border-bottom: 1px solid var(--color-rule); font-size: 12px; font-variant-numeric: tabular-nums; }
td strong { font-weight: 500; display: block; font-size: 13px; }
td small { display: block; color: var(--color-muted); font-size: 11px; margin-top: var(--space-3xs); }
td .checkin-btn { min-height: 24px; position: relative; }
td .checkin-btn::before { content: ""; position: absolute; inset: -10px 0; }
.tag { display: inline-flex; align-items: center; padding: var(--space-2xs) var(--space-xs); font-size: 11px; background: var(--color-paper-2); color: var(--color-ink-2); white-space: nowrap; }
.positive-tag { color: var(--color-positive-ink); background: var(--color-positive-bg); }
.alert-tag { color: var(--color-alert); background: var(--color-alert-bg); }
.table-note { font-size: 11px; color: var(--color-muted); margin-top: var(--space-sm); }
.empty-state { padding: 28px; background: var(--color-paper-2); color: var(--color-muted); }
.bottom-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 32px; margin-top: 44px; }
.weekly,.programs { border-top: 2px solid var(--color-ink); padding-top: 20px; }
.weekly-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 32px; margin-top: var(--space-lg); }
.report-total { font-size: 30px; line-height: 1.2; font-variant-numeric: tabular-nums; }
.report-total>span { font-size: 11px; color: var(--color-muted); display: block; margin-top: var(--space-2xs); }
.revenue-bars { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--space-md); margin-top: 20px; }
.revenue-bars>div { display: flex; flex-direction: column; align-items: center; justify-content: end; height: 124px; position: relative; }
.revenue-bars>div>span { width: 24px; height: calc(var(--bar) * .8); background: var(--color-paper-3); }
.revenue-bars>.current-day>span { background: var(--color-accent); }
.revenue-bars small { color: var(--color-muted); font-size: 11px; margin-top: var(--space-xs); }
.revenue-bars b { font-weight: 400; font-size: 11px; }
.no-show-list { border-left: 1px solid var(--color-rule); padding-left: var(--space-lg); }
.no-show-list h3 { font-size: 13px; }
.no-show-list p { margin-top: var(--space-md); line-height: 1.4; }
.no-show-list strong { font-weight: 500; font-size: 12px; display: block; }
.no-show-list p span { font-size: 11px; color: var(--color-muted); }
.no-show-list>small { color: var(--color-muted); font-size: 11px; display: block; margin-top: var(--space-md); }
.program-row { display: flex; align-items: center; gap: var(--space-md); border-bottom: 1px solid var(--color-rule); padding-block: 20px; }
.program-row>span:first-child { font-size: 12px; min-width: 36px; color: var(--color-muted); }
.program-row strong { font-size: 13px; font-weight: 500; display: block; }
.program-row small { color: var(--color-muted); font-size: 11px; display: block; margin-top: var(--space-2xs); }
.program-row>.tag { margin-left: auto; }
.program-note { font-size: 11px; color: var(--color-muted); margin-top: var(--space-md); }
.app-footer { display: flex; justify-content: space-between; align-items: center; padding-block: 28px; margin-top: 32px; border-top: 1px solid var(--color-rule); font-size: 11px; color: var(--color-muted); gap: var(--space-lg); }
.app-footer .action-link { color: var(--color-muted); font-size: 11px; }
.trial-banner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); padding: var(--space-sm) var(--space-md); background: var(--color-booking); color: var(--color-booking-ink); margin-bottom: var(--space-lg); font-size: 12px; }
.trial-banner button { border: 0; background: var(--color-clear); color: inherit; font-size: 24px; min-width: 44px; min-height: 44px; }
dialog { position: fixed; inset: 0; margin: auto; width: min(520px,calc(100% - 32px)); height: fit-content; max-height: 90svh; overflow-y: auto; border: 2px solid var(--color-ink); background: var(--color-paper); color: var(--color-ink); padding: 28px; }
dialog::backdrop { background: color-mix(in oklab,var(--color-ink) 45%,var(--color-clear)); }
.dialog-heading { display: flex; justify-content: space-between; align-items: center; }
.dialog-heading h2 { font-size: 24px; }
.dialog-intro { color: var(--color-muted); font-size: 13px; margin-block: var(--space-sm) var(--space-lg); }
form label { display: flex; flex-direction: column; gap: var(--space-xs); font-size: 13px; }
form input,form select { min-height: 44px; width: 100%; padding-inline: var(--space-sm); }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-md); margin-top: var(--space-md); }
.form-help { min-height: 1lh; color: var(--color-alert); font-size: 12px; margin-top: var(--space-md); }
.dialog-actions { display: flex; justify-content: end; gap: var(--space-sm); margin-top: 20px; }
input[aria-invalid="true"],select[aria-invalid="true"] { border-color: var(--color-error); }
@media(min-width:1600px) { .app-main,.app-nav { max-width: 1568px; } }
@media(max-width:1200px) { .app-nav { gap: var(--space-md); } .app-nav nav { margin-left: var(--space-xs); gap: var(--space-md); } .demo-link { display: none; } .manager-avatar { margin-left: auto; } .operations-grid { grid-template-columns: minmax(0,1fr) 248px; gap: var(--space-lg); } .day-rail { padding-left: 20px; } .stats>div { padding-inline: 20px; } .stat-detail { display: block; margin-left: 0; } .weekly-grid { gap: var(--space-md); } .no-show-list { padding-left: var(--space-md); } }
@media(max-width:960px) { .app-nav { flex-wrap: wrap; padding-top: var(--space-md); gap: var(--space-md); } .app-nav nav { order: 4; width: 100%; margin: 0; justify-content: space-between; min-height: 48px; } .app-nav nav a { min-height: 48px; } .manager-avatar { margin-left: auto; } .operations-grid { grid-template-columns: minmax(0,1fr); } .day-rail { border-left: 0; border-top: 1px solid var(--color-rule); padding: var(--space-lg) 0 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; } .arrivals { margin-top: 0; } .inline-panel { flex-wrap: wrap; } .inline-panel>div { flex-basis: 100%; } .issue-grid { gap: 20px; } .bottom-grid { grid-template-columns: minmax(0,1fr); gap: 32px; } }
@media(max-width:640px) { .app-main { padding-top: var(--space-lg); } .today-heading { align-items: flex-start; flex-direction: column; gap: var(--space-md); } .dashboard h1 { font-size: 27px; } .today-heading p { font-size: 12px; } .heading-divider { margin-inline: var(--space-2xs); } .timezone { display: block; border: 0; margin: var(--space-2xs) 0 0; padding: 0; } .stats { grid-template-columns: repeat(2,minmax(0,1fr)); padding-block: var(--space-md); row-gap: var(--space-lg); margin-top: var(--space-lg); } .stats>div { padding-inline: var(--space-md); } .stats>div:nth-child(3) { padding-left: 0; border: 0; } .stats strong { font-size: 30px; } .stats>div>span { font-size: 12px; } .stats small { font-size: 11px; } .stats small a { margin-left: var(--space-2xs); } .issue-grid { grid-template-columns: minmax(0,1fr); gap: var(--space-md); } .issue { padding-top: var(--space-sm); } .issue h3 { margin-top: var(--space-xs); } .issue p { max-width: none; } .issue .action-link { margin-top: 0; } .attention .region-heading h2 { font-size: 17px; } .day-rail { grid-template-columns: minmax(0,1fr); } .schedule-heading { align-items: flex-start; } .schedule-heading .region-caption { max-width: 20ch; } .schedule-tools { align-items: flex-start; } .legend { gap: var(--space-sm); flex-wrap: wrap; max-width: 250px; font-size: 11px; } .legend span { gap: var(--space-2xs); } .schedule-date { white-space: nowrap; font-size: 11px; } .schedule-foot { flex-direction: column; gap: var(--space-2xs); } .member-section>.region-heading { align-items: flex-start; flex-direction: column; gap: var(--space-md); } .search-field,.search-field input { width: 100%; } .bookings-table { min-width: 660px; } td,th { padding-inline: var(--space-sm); } .weekly-grid { grid-template-columns: minmax(0,1fr); gap: var(--space-lg); } .no-show-list { padding-left: 0; border: 0; border-top: 1px solid var(--color-rule); padding-top: 20px; } .app-footer { align-items: flex-start; } .app-footer>span { max-width: 30ch; } .inline-panel { padding: var(--space-md); gap: var(--space-md); } .program-row { gap: var(--space-sm); } .program-row>.tag { font-size: 11px; } }

.issue h3 { margin-top: 0; }
.stats { padding-block: 20px; }
.segmented button[aria-pressed="true"] { background: var(--color-paper-3); color: var(--color-ink); }
@media(max-width:640px) {
  .bookings-table { min-width: 0; }
  .bookings-table thead { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: clip; }
  .bookings-table tbody { display: block; }
  .bookings-table tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: var(--space-md); padding-block: var(--space-md); border-bottom: 1px solid var(--color-rule); }
  .bookings-table td { display: flex; justify-content: space-between; align-items: center; gap: var(--space-xs); padding: var(--space-xs) 0; border: 0; font-size: 11px; }
  .bookings-table td::before { content: attr(data-label); color: var(--color-muted); font-size: 11px; }
  .bookings-table td:first-child { display: block; grid-column: 1 / -1; padding-top: 0; }
  .bookings-table td:first-child::before { display: none; }
  .bookings-table td:nth-child(2) { grid-column: 1 / -1; }
  .bookings-table td:last-child { grid-column: 1 / -1; }
  .bookings-table td:last-child .checkin-btn { margin-left: 0; }
}

.stats a { white-space: nowrap; }
.table-note,.program-note { font-size: 12px; }