@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@600;800&display=swap');

/* A single header lockup for the Music Station and its independent pages. */
body > .site-header .brand-lockup {
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  justify-self:start;
  gap:12px;
  width:max-content;
  max-width:100%;
  min-width:0;
  min-height:48px;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:28px;
  font-weight:800;
  font-synthesis:none;
  line-height:1;
  letter-spacing:normal;
  white-space:nowrap;
}
body > .site-header .brand-lockup > .brand-lockup__icon {
  display:block;
  width:48px;
  height:48px;
  min-width:48px;
  max-width:48px;
  flex:0 0 48px;
  object-fit:contain;
  border:0;
  border-radius:0;
  margin:0;
  padding:0;
  background:transparent;
  box-shadow:none;
}
body > .site-header .brand-lockup > .brand-lockup__icon::before,
body > .site-header .brand-lockup > .brand-lockup__icon::after {
  content:none;
  display:none;
}
body > .site-header .brand-lockup > .brand-lockup__copy {
  display:grid;
  grid-template-columns:max-content;
  row-gap:3px;
  min-width:0;
  margin:0;
  padding:0;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:28px;
  line-height:1;
  letter-spacing:normal;
}
body > .site-header .brand-lockup .brand-lockup__name {
  display:block;
  margin:0;
  padding:0;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:28px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.8px;
}
body > .site-header .brand-lockup .brand-lockup__subtitle {
  display:block;
  margin:0;
  padding:0;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:11px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:2px;
}
@media (max-width:800px) {
  body > .site-header .brand-lockup,
  body > .site-header .brand-lockup > .brand-lockup__copy,
  body > .site-header .brand-lockup .brand-lockup__name {
    font-size:26px;
  }
}

/* Header controls use the homepage metrics across the station pages. */
body > .site-header .language-switch {
  align-items:center;
}
body > .site-header .language-switch button {
  font-family:'DM Sans','Noto Sans TC',sans-serif;
  font-weight:400;
  line-height:normal;
  min-width:0;
  white-space:nowrap;
}
body > .site-header .nav-listen {
  font-family:'DM Sans','Noto Sans TC',sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:normal;
  min-height:50px;
  padding:13px 18px;
  gap:16px;
  align-items:center;
}
body#top > .site-header {
  min-height:0;
  row-gap:12px;
}
@media (max-width:600px) {
  body#top > .site-header {
    padding-top:16px;
    padding-bottom:16px;
  }
}