/* Shared, readable type scale for the redesigned Mix365 pages. */
:root{--m365-type-body:16px;--m365-type-control:14px;--m365-type-meta:13px;--m365-type-label:13px}
body[data-mix365-page]{font-size:var(--m365-type-body)}
body[data-mix365-page] :is(.button,.text-link,.ug-btn,.cloud-btn,.dj-btn,.dashboard-tab,.stats-filter-btn,.day-tabs button,.genre-filters button,.dj-side-menu a){font-size:var(--m365-type-control);line-height:1.5}
body[data-mix365-page] :is(.hero-copy,.station-content>p,.genres-intro>p,.contact-copy p,.contact-intro p,.page-intro p,.ug-auth-main p,.ug-auth-main label,.recording-description,.creator-bio,.dj-card-body p,.m365-essential p,.m365-action-copy p,.console-intro,.comp-inline-lead){font-size:var(--m365-type-body);line-height:1.75}
body[data-mix365-page] :is(.eyebrow,.dj-subtitle,.cloud-kicker,.top-title,.section-index,.genre-number,.timezone-note,.section-footnote,.home-next-note,.home-live-meta,.home-next-time,.home-replay-update,.replay-meta,.replay-card small,.genre-panel-bottom small,.member-meta,.member-level,.logs-meta-top,.mix365-file-meta,.m365-section-index,.m365-action-top,.m365-action-label,.m365-network-caption,.m365-essential-number,.dj-mini-section-title>span,.dj-sub-line){font-size:var(--m365-type-meta);line-height:1.6;letter-spacing:.5px}
body[data-mix365-page] main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select,textarea){font-size:var(--m365-type-body);line-height:1.5}
body[data-mix365-page] main small{font-size:var(--m365-type-meta);line-height:1.6}
body[data-mix365-page="hub"] .mix365-cloud-hero p,body[data-mix365-page="hub"] .cloud-subtitle,body[data-mix365-page="hub"] .cloud-section-subtitle,body[data-mix365-page="hub"] .cloud-empty{font-size:var(--m365-type-body)!important;line-height:1.75}
body[data-mix365-page] :is(.mix-chat__bubble,.comment-text,.timed-comment-text,.cloud-comment-text,.comment-body){font-size:var(--m365-type-body)!important;line-height:1.65}
body[data-mix365-page] :is(.mix-chat__meta,.mix-chat__time,.mix-chat__badge,.mix-chat__translation-label){font-size:var(--m365-type-meta)!important;line-height:1.6}
body[data-mix365-page] main :is([style*="font-size:8px"],[style*="font-size: 8px"],[style*="font-size:9px"],[style*="font-size: 9px"],[style*="font-size:10px"],[style*="font-size: 10px"],[style*="font-size:11px"],[style*="font-size: 11px"],[style*="font-size:12px"],[style*="font-size: 12px"]){font-size:var(--m365-type-meta)!important}
#mix365-shared-header .m365-nav{font-size:14px}
#mix365-shared-header .m365-button,#mix365-shared-header .m365-account-panel>a,#mix365-shared-header .m365-admin>summary,#mix365-shared-header .m365-admin-links>a{font-size:14px;line-height:1.5}
#mix365-shared-header .m365-clock{font-size:13px}
#mix365-shared-footer .m365-footer-top>p,#mix365-shared-footer nav,#mix365-shared-footer .m365-back-top{font-size:14px;line-height:1.6}
#mix365-shared-footer .m365-footer-bottom,#mix365-shared-footer .m365-footer-tag{font-size:13px;line-height:1.65}
#mix365-shared-footer .m365-station-motto{font-size:15px}
body[data-mix365-page] :is(.schedule-list,.replay-grid,.home-next-card,.home-live-copy,.mix-chat__messages,.dj-card,.comp-inline-table td){line-height:1.65}
body[data-mix365-page="live"] .room-tool{padding-inline:5px;min-width:0;min-height:58px}
body[data-mix365-page="live"] .room-tool>span{font:600 14px/1.4 var(--font,'DM',Arial,sans-serif);letter-spacing:0}
@media(max-width:700px){
  body[data-mix365-page] :is(.button,.text-link,.ug-btn,.cloud-btn,.dj-btn,.dashboard-tab,.dj-side-menu a){font-size:14px}
  body[data-mix365-page="home"] .genre-panels{grid-template-columns:minmax(0,1fr);gap:12px}
  body[data-mix365-page="home"] .genre-panel{min-height:155px;height:auto;aspect-ratio:auto;padding:18px;width:100%}
  body[data-mix365-page="home"] .genre-number{top:15px;left:16px;font-size:13px}
  body[data-mix365-page="home"] .genre-art{inset:35px auto 12px 10px;width:102px}
  body[data-mix365-page="home"] .genre-panel-bottom{position:relative;inset:auto;margin:10px 0 4px 114px;display:block;min-width:0}
  body[data-mix365-page="home"] .genre-panel-bottom strong{font-size:32px}
  body[data-mix365-page="home"] .genre-panel-bottom small{font-size:13px;line-height:1.6;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;margin-top:9px}
  body[data-mix365-page="home"] .genre-panel-bottom svg{top:4px;right:0;width:16px;height:16px}
  body[data-mix365-page="live"] .room-tool{padding-inline:1px}
  body[data-mix365-page="live"] .room-tool>span{font:600 14px/1.4 var(--display,'Barlow','Arial Narrow',sans-serif)}
  body[data-mix365-page="live"] .broadcast-screen{aspect-ratio:auto;min-height:310px}
  body[data-mix365-page="live"] .broadcast-topline{left:14px;right:14px;top:13px;gap:10px;align-items:flex-start}
  body[data-mix365-page="live"] .broadcast-badge{white-space:nowrap;flex-shrink:0;font-size:13px;line-height:1.5;letter-spacing:.2px}
  body[data-mix365-page="live"] .broadcast-location{max-width:45%;font-size:13px;line-height:1.4;letter-spacing:.2px;text-align:right}
  body[data-mix365-page="live"] .broadcast-center{inset:66px 18px 60px;justify-content:center}
  body[data-mix365-page="live"] .broadcast-kicker{font-size:13px;line-height:1.5;letter-spacing:.3px;margin-bottom:12px}
  body[data-mix365-page="live"] .broadcast-center h2{font-size:clamp(32px,8vw,44px);line-height:1.04;max-width:calc(100% - 60px);margin:0 0 13px}
  body[data-mix365-page="live"] .broadcast-center>p{font-size:16px;line-height:1.5;max-width:100%;margin:0}
  body[data-mix365-page="live"] .center-play{width:52px;height:52px;left:auto;right:0;top:calc(50% - 26px)}
  body[data-mix365-page] :is(.m365-section-index,.m365-action-top,.m365-action-label,.m365-network-caption,.m365-essential-number){font-size:13px}
}
@media(max-width:360px){
  #mix365-shared-header .m365-header{gap:7px}
  #mix365-shared-header .m365-header-actions{gap:4px}
  #mix365-shared-header .m365-button{padding-inline:7px;gap:4px}
  body[data-mix365-page="live"] .room-tool>span{font-size:13px}
  body[data-mix365-page="home"] .genre-panel-bottom{margin-left:105px}
}

body[data-mix365-page] main :is([style*="font-size:1px"],[style*="font-size: 1px"],[style*="font-size:2px"],[style*="font-size: 2px"],[style*="font-size:3px"],[style*="font-size: 3px"],[style*="font-size:4px"],[style*="font-size: 4px"],[style*="font-size:5px"],[style*="font-size: 5px"],[style*="font-size:6px"],[style*="font-size: 6px"],[style*="font-size:7px"],[style*="font-size: 7px"]){font-size:13px!important}