/* Relative type sizes retain each component's title, body, action and amount hierarchy. */
html{font-size:100%}
html[data-text-size="small"]{font-size:93.75%}
html[data-text-size="large"]{font-size:112.5%}

.me-text-settings{margin-top:12px}
.me-text-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.me-text-options button{min-width:0;min-height:44px;padding:6px 4px;border-radius:9px;border:1px solid var(--line);background:var(--page);font-size:1rem;font-weight:600}
.me-text-options button[aria-pressed="true"]{border-color:var(--blue);color:var(--blue-ink);background:var(--blue-soft)}
.me-text-sample{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;display:grid;gap:4px;overflow-wrap:anywhere}
.me-text-sample>small{font-size:.75rem;color:var(--muted)}
.me-text-sample>strong{font-size:1.125rem}
.me-text-sample p{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-size:.875rem}
.me-text-sample b{font-size:1.25rem;font-variant-numeric:tabular-nums}
.me-text-sample-action{justify-self:start;font-size:.875rem;font-weight:600;color:var(--blue-ink)}

.cv2-content{display:contents}
[data-text-size="large"] .cv2-content{display:flex;flex:1;min-height:0;flex-direction:column;gap:8px;overflow-y:auto;overscroll-behavior:contain}
[data-text-size="large"] .cv2-content>section{flex:none;min-width:0}
[data-text-size="large"] .cv2-bill{overflow:visible}
[data-text-size="large"] .cv2-items{overflow:visible}
[data-text-size="large"] .cv2-bill h2,
[data-text-size="large"] .cv2-finance-grid>div,
[data-text-size="large"] .cv2-review-line{flex-wrap:wrap}
[data-text-size="large"] .cv2-inputs input,
[data-text-size="large"] .cv2-channel-grid input{height:auto;min-height:2rem}
[data-text-size="large"] .cv2-totals{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-text-size="large"] .cv2-totals strong,
[data-text-size="large"] .cv2-avatar-block strong{white-space:normal;overflow-wrap:anywhere}
[data-text-size="large"] .tw-big-header{flex-wrap:wrap}
[data-text-size="large"] .tw-big-header small{min-width:0;overflow-wrap:anywhere}
[data-text-size="large"] .tw-section-heading,
[data-text-size="large"] .tw-heading-actions,
[data-text-size="large"] .tw-card-top,
[data-text-size="large"] .tw-card-middle,
[data-text-size="large"] .tw-big-footer,
[data-text-size="large"] .tw-big-payment{flex-wrap:wrap}
[data-text-size="large"] .tw-compact .tw-card-service,
[data-text-size="large"] .tw-big-customer strong,
[data-text-size="large"] .tw-big-customer a{white-space:normal;overflow-wrap:anywhere}
[data-text-size="large"] .tw-big-payment strong{white-space:normal;overflow-wrap:anywhere}
[data-text-size="large"] .people-page .pp-week-picker strong{white-space:normal;overflow-wrap:anywhere}
[data-text-size="large"] .people-page .pp-roster{overflow-y:auto;overscroll-behavior:contain}
[data-text-size="large"] .people-page .pp-field input,
[data-text-size="large"] .people-page .pp-field select{height:auto;min-height:2rem}
