/*
 * Historium V49 — public broadcast shell
 *
 * One neutral, high-contrast system for every public route. Home adds its
 * programme-specific composition in arte-home-v49.css.
 */

body[data-shell-profile="public-v1"]{
  --bg: #141414;
  --surface: #1c1c1c;
  --surface-2: #242424;
  --text: #fff;
  --muted: #b7b7b7;
  --line: rgba(255, 255, 255, .14);
  --line-strong: rgba(255, 255, 255, .28);
  --brand: #d7a15a !important;
  --brand-strong: #e5b978 !important;
  --brand-dark: #8b5f2c !important;
  --on-brand: #111 !important;
  --radius: 4px;
  --radius-sm: 3px;
  --radius-control: 3px;
  --radius-media: 3px;
  --radius-feature: 4px;
  --shadow-1: none;
  --shadow-2: none;
  --shadow-card: none;
  --font-broadcast: "Bahnschrift Condensed", "Roboto Condensed", "Arial Narrow", "Historium Sans", Arial, sans-serif;
  --header: 56px;
  min-width: 0;
  color: var(--text);
  background: var(--bg);
  font-family: var(--font-ui);
  font-synthesis: none;
}

html[data-theme="light"] body[data-shell-profile="public-v1"]:not([data-page="home"]){
  --bg: #141414;
  --surface: #1c1c1c;
  --surface-2: #242424;
  --text: #fff;
  --muted: #b7b7b7;
  --line: rgba(255, 255, 255, .14);
  --line-strong: rgba(255, 255, 255, .28);
  color-scheme: dark;
}

body[data-shell-profile="public-v1"] :focus-visible{
  outline: 3px solid #fff;
  outline-offset: 3px;
}

html[data-theme="light"] body[data-shell-profile="public-v1"] :focus-visible{
  outline-color: #fff;
}

body[data-shell-profile="public-v1"] .site-shell{
  min-width: 0;
  color: var(--text);
  background: var(--bg);
}

/* Stable broadcaster header. */
body[data-shell-profile="public-v1"] .site-header{
  height: calc(56px + var(--safe-top));
  min-height: calc(56px + var(--safe-top));
  padding: var(--safe-top) 0 0;
  border: 0;
  color: #fff;
  background: #151515;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-shell-profile="public-v1"] .header-inner{
  width: 100%;
  max-width: none;
  height: 56px;
  min-height: 56px;
  padding-inline: 32px;
  gap: clamp(18px, 2.4vw, 34px);
}

body[data-shell-profile="public-v1"] .brand{
  min-width: 0;
  min-height: 44px;
  padding: 0;
  color: #d7a15a;
}

body[data-shell-profile="public-v1"] .brand-logo{
  display: block;
  width: 150px;
  height: 20px;
  object-fit: contain;
}

body[data-shell-profile="public-v1"] .brand-name{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

body[data-shell-profile="public-v1"] .primary-nav{
  gap: 2px;
}

body[data-shell-profile="public-v1"] .primary-nav a{
  min-height: 40px;
  padding-inline: 10px;
  padding-block: 0;
  border: 0;
  color: rgba(255, 255, 255, .82);
  border-radius: 2px;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: -.012em;
}

body[data-shell-profile="public-v1"] .primary-nav a:hover,body[data-shell-profile="public-v1"] .primary-nav a:focus-visible{
  color: #fff;
  background: #2b2b2b;
}

body[data-shell-profile="public-v1"] .primary-nav a[aria-current="page"]{
  color: #fff;
  background: transparent;
  box-shadow: inset 0 -2px #d7a15a;
}

body[data-shell-profile="public-v1"] .primary-nav a::after{
  display: none;
  content: none;
}

@media (min-width: 941px){
  body[data-shell-profile="public-v1"] .header-inner{
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 20px;
  }

  body[data-shell-profile="public-v1"] .primary-nav{
    position: static;
    display: flex;
    width: auto;
    height: 56px;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    padding: 0;
    overflow: visible;
    opacity: 1;
    transform: none;
  }

  body[data-shell-profile="public-v1"] .primary-nav a:is([data-nav-key="home"],[data-nav-key="social"]){
    display: none;
  }

  body[data-shell-profile="public-v1"] .header-actions{
    display: flex;
    width: 100%;
    height: 56px;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
  }

  body[data-shell-profile="public-v1"] .header-search{
    width: 48px;
    height: 40px;
    margin-inline-end: auto;
  }

  body[data-shell-profile="public-v1"] .header-search.is-open{
    width: min(250px, 24vw);
    border-color: rgba(255, 255, 255, .28);
  }

  body[data-shell-profile="public-v1"] .language-select{
    width: 78px;
    height: 40px;
    padding-inline: 6px;
    appearance: none;
    background-image: none;
    font-size: 14px;
    text-align: center;
    text-align-last: center;
  }

  body[data-shell-profile="public-v1"] .sign-in-link{
    height: 40px;
    padding-inline: 13px;
  }
}

body[data-shell-profile="public-v1"] :is(.header-search,.language-select,.theme-toggle,.sign-in-link,.account-trigger,.nav-toggle){
  min-height: 40px;
  border-color: transparent;
  color: #fff;
  background: transparent;
  border-radius: 3px;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] :is(.header-search,.language-select,.theme-toggle,.sign-in-link,.account-trigger,.nav-toggle):hover,body[data-shell-profile="public-v1"] .header-search:focus-within,body[data-shell-profile="public-v1"] .header-search.is-open{
  background: #2b2b2b;
}

body[data-shell-profile="public-v1"] .sign-in-link{
  border: 1px solid #fff;
  color: #111;
  background: #fff;
  font-weight: 680;
}

body[data-shell-profile="public-v1"] .sign-in-link:hover,body[data-shell-profile="public-v1"] .sign-in-link:focus-visible{
  color: #111;
  background: #e8e8e8;
}

body[data-shell-profile="public-v1"] .language-select{
  min-width: 64px;
  color: #fff;
  background-color: transparent;
}

body[data-shell-profile="public-v1"] .theme-toggle{
  display: none;
}

body[data-shell-profile="public-v1"] .site-header .header-search{
  color-scheme: dark;
}

body[data-shell-profile="public-v1"] .site-header .header-search input{
  color: #fff;
  background: transparent;
}

body[data-shell-profile="public-v1"] .site-header .header-search input::placeholder{
  color: rgba(255, 255, 255, .62);
}

/* Rectilinear controls and surfaces, with circles reserved for play/avatar. */
body[data-shell-profile="public-v1"] :where(.button,.action,button,input,select,textarea){
  border-radius: 3px;
}

body[data-shell-profile="public-v1"] :is(.track-play-button,.soundtrack-card-play,.watch-youtube-play,.historium-video-play){
  border-radius: 50%;
}

body[data-shell-profile="public-v1"] :where(input,select,textarea){
  border-color: var(--line-strong);
  color: var(--text);
  background: var(--surface);
  box-shadow: none;
}

body[data-shell-profile="public-v1"] :where(.tag,.badge,.filter-chip,.track-taxonomy-badge){
  border-radius: 3px;
}

/* Archive and journal pages use the same editorial cadence as Home. */
body[data-shell-profile="public-v1"] :is(.archive-main,.article-archive-main,.music-main,.search-main,.about-main,.contact-main,.social-main,.legal-main){
  width: min(100%, 1440px);
  max-width: 1440px;
  padding-inline: 32px;
}

body[data-shell-profile="public-v1"] :is(.archive-hero,.article-archive-hero){
  min-height: 210px;
  padding-block: 36px 28px;
  border-block-end-color: var(--line);
}

body[data-shell-profile="public-v1"] :is(.archive-intro,.article-archive-hero) .eyebrow,body[data-shell-profile="public-v1"] :is(.archive-note,.music-library-stat) span{
  color: var(--brand);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .105em;
}

body[data-shell-profile="public-v1"] :is(.archive-intro,.article-archive-hero) .page-title{
  max-width: 18ch;
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 650;
  letter-spacing: -.045em;
  line-height: 1.02;
}

body[data-shell-profile="public-v1"] :is(.archive-intro,.article-archive-hero) :is(.lead,.page-lead){
  max-width: 58ch;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.5;
}

body[data-shell-profile="public-v1"] :is(.archive-tools,.article-filters){
  margin-block: 20px 28px;
  padding: 14px;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 4px;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-shell-profile="public-v1"] :is(.archive-tools,.article-filters) .field > span{
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
}

@media (min-width: 1101px){
  body[data-shell-profile="public-v1"] .archive-results .videos-layout{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px 24px;
  }
}

body[data-shell-profile="public-v1"] .archive-results .video-card,body[data-shell-profile="public-v1"] .article-archive-main .article-card,body[data-shell-profile="public-v1"] .watch-page .watch-more .video-card{
  overflow: hidden;
  border: 0;
  color: #fff;
  background: #333;
  border-radius: 3px;
  box-shadow: none;
  transform: none;
}

body[data-shell-profile="public-v1"] .archive-results :where(.thumb-link,.article-card-media),body[data-shell-profile="public-v1"] .article-archive-main :where(.thumb-link,.article-card-media),body[data-shell-profile="public-v1"] .watch-page .watch-more .thumb-link{
  border-radius: 0;
}

body[data-shell-profile="public-v1"] .archive-results :where(.video-card-body,.article-card-body),body[data-shell-profile="public-v1"] .article-archive-main :where(.video-card-body,.article-card-body),body[data-shell-profile="public-v1"] .watch-page .watch-more .video-card-body{
  min-height: 96px;
  padding: 12px 13px 14px;
}

body[data-shell-profile="public-v1"] .archive-results :where(.video-card-body,.article-card-body) :is(h2,h3),body[data-shell-profile="public-v1"] .article-archive-main :where(.video-card-body,.article-card-body) :is(h2,h3),body[data-shell-profile="public-v1"] .watch-page .watch-more .video-card-body :is(h2,h3){
  min-height: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 560;
  letter-spacing: -.02em;
  line-height: 20px;
}

body[data-shell-profile="public-v1"] .archive-results :where(.video-card-body,.article-card-body) time,body[data-shell-profile="public-v1"] .article-archive-main :where(.video-card-body,.article-card-body) time,body[data-shell-profile="public-v1"] .watch-page .watch-more .video-card-body time{
  color: #bdbdbd;
}

body[data-shell-profile="public-v1"] .article-archive-main .article-card-body > p:not(.eyebrow){
  color: #c8c8c8;
}

/* About uses the same editorial sans, scale and rectilinear surfaces. */
body[data-shell-profile="public-v1"] .about-tabs{
  gap: 28px;
  margin-block: 12px 52px;
}

body[data-shell-profile="public-v1"] .about-tabs a{
  min-height: 44px;
  padding: 12px 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.01em;
  text-transform: none;
}

body[data-shell-profile="public-v1"] .about-editorial-hero{
  grid-template-columns: minmax(0, 7fr) minmax(280px, 5fr);
  gap: clamp(40px, 6vw, 88px);
}

body[data-shell-profile="public-v1"] :is(.about-copy,.about-columns,.about-manifesto blockquote,.founder-bio){
  font-family: var(--font-ui);
}

body[data-shell-profile="public-v1"] :is(.about-copy,.about-columns,.founder-bio){
  color: var(--muted);
  font-size: 16px;
  line-height: 1.68;
}

body[data-shell-profile="public-v1"] .about-manifesto blockquote{
  color: var(--text);
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 520;
  letter-spacing: -.025em;
  line-height: 1.35;
}

body[data-shell-profile="public-v1"] .founder-portrait-frame{
  border-radius: 4px;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .process-grid article{
  background: var(--surface);
}

body[data-shell-profile="public-v1"] .archive-results :is(.video-card,.article-card):is(:hover,:focus-within),body[data-shell-profile="public-v1"] .article-archive-main .article-card:is(:hover,:focus-within),body[data-shell-profile="public-v1"] .watch-page .watch-more .video-card:is(:hover,:focus-within){
  filter: brightness(1.04);
  transform: none;
  box-shadow: none;
}

@media (hover: hover) and (pointer: fine){
  body[data-shell-profile="public-v1"] :is(.archive-results,.article-archive-main,.watch-more) :is(.video-card,.article-card) > .is-card-save:not(.is-saved){
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity 150ms ease, transform 150ms ease;
  }

  body[data-shell-profile="public-v1"] :is(.archive-results,.article-archive-main,.watch-more) :is(.video-card,.article-card):is(:hover,:focus-within) > .is-card-save{
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
}

/* Music remains a first-class product, but shares the broadcast shell. */
body[data-shell-profile="public-v1"] .music-main .music-hero{
  min-height: 210px;
  padding: clamp(26px, 3.4vw, 48px);
  border-color: var(--line);
  color: #fff;
  background:
    linear-gradient(115deg, rgba(215, 161, 90, .13), transparent 42%),
    #1d1d1d;
  border-radius: 4px;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .music-main .music-hero .page-title{
  max-width: 18ch;
  color: #fff;
  font-size: clamp(36px, 4vw, 54px);
  font-weight: 650;
  letter-spacing: -.045em;
  line-height: 1.02;
}

body[data-shell-profile="public-v1"] .music-main .music-hero .lead{
  display: block;
  max-width: 58ch;
  color: rgba(255, 255, 255, .76);
  font-size: 15px;
  line-height: 1.48;
  -webkit-line-clamp: unset;
}

body[data-shell-profile="public-v1"] .music-main .music-hero :is(.music-library-stat,.music-library-stat span,.music-library-stat strong){
  color: #fff;
}

body[data-shell-profile="public-v1"] .music-main .music-stage{
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-block-end: 0 !important;
}

body[data-shell-profile="public-v1"] .music-main .music-stage > .section-head .eyebrow{
  display: block;
  color: var(--brand);
  font-size: 10px;
  letter-spacing: .1em;
}

body[data-shell-profile="public-v1"] .music-main .music-stage > .section-head .section-title{
  font-size: clamp(24px, 2.2vw, 30px);
  font-weight: 640;
  letter-spacing: -.035em;
}

body[data-shell-profile="public-v1"] :is(.music-toolbar,.music-filter-panel,.music-playlist){
  border-color: var(--line);
  background: var(--surface);
  border-radius: 4px;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-shell-profile="public-v1"] .music-playlist{
  border-radius: 0 0 4px 4px;
}

body[data-shell-profile="public-v1"] .music-playlist .platform-track{
  border-color: var(--line);
  border-radius: 0;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .music-playlist .platform-track:is(:hover,:focus-within,.is-current){
  background: var(--surface-2);
  box-shadow: inset 3px 0 0 var(--brand);
}

body[data-shell-profile="public-v1"] .music-main .track-copy strong{
  font-size: 14px;
  line-height: 1.35;
}

body[data-shell-profile="public-v1"] .music-main .track-copy small{
  display: block;
  font-size: 12px;
  line-height: 1.35;
}

@media (min-width: 768px){
  body[data-shell-profile="public-v1"] .music-main{
    --music-v27-columns: 54px minmax(0, 1fr) 80px 124px;
  }

  body[data-shell-profile="public-v1"] .music-main :is(.music-track-browser-head,.music-playlist .music-library-track){
    grid-template-columns: var(--music-v27-columns);
  }

  body[data-shell-profile="public-v1"] .music-main .music-playlist .music-library-track{
    min-height: 68px;
  }

  body[data-shell-profile="public-v1"] .music-main .music-list-head > :is(:first-child,:nth-child(3),:nth-child(4)){
    justify-content: center;
    text-align: center;
  }
}

/* Persistent player and dialogs inherit the same neutral palette. */
body[data-shell-profile="public-v1"] .platform-player{
  --text: #fff;
  --muted: #b7b7b7;
  --surface: #181818;
  --surface-2: #242424;
  --line: rgba(255, 255, 255, .16);
  --line-strong: rgba(255, 255, 255, .3);
  border-block-start-color: var(--line-strong);
  color: #fff;
  background: rgba(18, 18, 18, .97);
  box-shadow: 0 -12px 34px rgba(0, 0, 0, .3);
  backdrop-filter: blur(16px);
}

body[data-shell-profile="public-v1"] .platform-player .player-play{
  border-radius: 50%;
  color: #111;
  background: #d7a15a;
}

body[data-shell-profile="public-v1"] .cookie-consent{
  inset: auto 20px max(20px, var(--safe-bottom)) auto;
  width: min(440px, calc(100% - 40px));
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  padding: 16px;
  border-color: var(--line-strong);
  color: #fff;
  background: rgba(20, 20, 20, .97);
  border-radius: 4px;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .4);
  transform: none;
  backdrop-filter: blur(14px);
}

body[data-shell-profile="public-v1"] .cookie-consent p{
  color: rgba(255, 255, 255, .76);
  font-size: 12px;
  line-height: 1.45;
}

body[data-shell-profile="public-v1"] .cookie-actions{
  display: grid;
  grid-template-columns: auto repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body[data-shell-profile="public-v1"] .cookie-actions :is(.action,.button){
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 8px 10px;
  font-size: 11px;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}

/* Footer is a distinct closing surface rather than another black shelf. */
body[data-shell-profile="public-v1"] .site-footer{
  color: #fff;
  background: #303030;
  border-block-start: 0;
}

html[data-theme="light"] body[data-shell-profile="public-v1"] .site-footer :is(.footer-identity p,.footer-column-title,.footer-bottom,.footer-copyright,.footer-nav a,.footer-social-links a,.footer-legal-links a,.footer-legal-links button){
  color: rgba(255, 255, 255, .86);
}

/* Layout Studio may reorder/toggle modules, but cannot reintroduce panels. */
body[data-shell-profile="public-v1"] :is(.archive-intro,.article-archive-hero,.archive-results,.article-grid,.music-stage).layout-module{
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body[data-shell-profile="public-v1"] :is(.archive-intro,.article-archive-hero,.archive-results,.article-grid).layout-module:is(.layout-surface--panel,.layout-surface--contrast){
  border: 0 !important;
  background: transparent !important;
}

body[data-shell-profile="public-v1"] :is(.archive-intro,.article-archive-hero).layout-module:is(.layout-surface--panel,.layout-surface--contrast){
  border-block-end: 1px solid var(--line) !important;
}

body[data-shell-profile="public-v1"] .site-footer::before,body[data-shell-profile="public-v1"] .site-footer::after{
  display: none;
  content: none;
}

body[data-shell-profile="public-v1"] .footer-inner{
  width: 100%;
  max-width: none;
  padding: 50px 32px 28px;
}

body[data-shell-profile="public-v1"] .footer-logo{
  display: block;
  width: 180px;
  height: 24px;
  object-fit: contain;
}

body[data-shell-profile="public-v1"] .footer-brand span{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

body[data-shell-profile="public-v1"] .footer-column-title{
  color: #bdbdbd;
  font-size: 10px;
  letter-spacing: .1em;
}

body[data-shell-profile="public-v1"] .footer-nav a,body[data-shell-profile="public-v1"] .footer-social-links a,body[data-shell-profile="public-v1"] .footer-legal-links :is(a,button){
  color: rgba(255, 255, 255, .86);
}

@media (max-width: 940px){
  body[data-shell-profile="public-v1"] .header-inner,body[data-shell-profile="public-v1"] :is(.archive-main,.article-archive-main,.music-main,.search-main,.about-main,.contact-main,.social-main,.legal-main),body[data-shell-profile="public-v1"] .footer-inner{
    padding-inline: 24px;
  }

  body[data-shell-profile="public-v1"] .primary-nav{
    color: #fff;
    background: rgba(21, 21, 21, .88);
  }

  body[data-shell-profile="public-v1"] .primary-nav a{
    min-height: 48px;
    color: #fff !important;
    border-radius: 0;
  }

  body[data-shell-profile="public-v1"] .primary-nav a:is(:hover,:focus-visible,[aria-current="page"]){
    color: #fff !important;
  }

  html:not(.nav-enhanced) body[data-shell-profile="public-v1"] .site-header{
    height: auto;
    min-height: 0;
  }

  html:not(.nav-enhanced) body[data-shell-profile="public-v1"] .header-inner{
    height: auto;
    min-height: var(--header);
    padding-block: .45rem;
  }
}

@media (max-width: 767px){
  body[data-shell-profile="public-v1"]{
    --header: 48px;
  }
  body[data-shell-profile="public-v1"] .site-header{
    height: calc(48px + var(--safe-top));
    min-height: calc(48px + var(--safe-top));
  }

  body[data-shell-profile="public-v1"] .header-inner{
    height: 48px;
    min-height: 48px;
  }

  body[data-shell-profile="public-v1"] :is(.header-search,.language-select,.theme-toggle,.sign-in-link,.account-trigger,.nav-toggle){
    min-height: 44px;
  }

  body[data-shell-profile="public-v1"] .brand-logo{
    width: 128px;
    height: auto;
  }

  body[data-shell-profile="public-v1"] :is(.archive-main,.article-archive-main,.music-main,.search-main,.about-main,.contact-main,.social-main,.legal-main){
    padding-inline: 24px;
  }

  body[data-shell-profile="public-v1"] :is(.archive-hero,.article-archive-hero){
    min-height: 0;
    padding-block: 24px 20px;
  }

  body[data-shell-profile="public-v1"] :is(.archive-intro,.article-archive-hero) .page-title{
    font-size: clamp(32px, 10vw, 42px);
    line-height: 1.05;
  }

  body[data-shell-profile="public-v1"] .archive-results .video-card,body[data-shell-profile="public-v1"] .article-archive-main .article-card{
    overflow: visible;
    border-block-end: 1px solid var(--line);
    color: var(--text);
    background: transparent;
    border-radius: 0;
  }

  body[data-shell-profile="public-v1"] .archive-results :where(.video-card-body,.article-card-body),body[data-shell-profile="public-v1"] .article-archive-main :where(.video-card-body,.article-card-body){
    min-height: 0;
    padding-block: 0;
    padding-inline: 0 50px;
  }

  body[data-shell-profile="public-v1"] .archive-results :where(.video-card-body,.article-card-body) :is(h2,h3),body[data-shell-profile="public-v1"] .article-archive-main :where(.video-card-body,.article-card-body) :is(h2,h3){
    min-height: 0;
    color: var(--text);
    font-size: 14px;
    line-height: 18px;
  }

  body[data-shell-profile="public-v1"] .footer-inner{
    padding: 34px 24px 22px;
  }

  body[data-shell-profile="public-v1"] .music-main .music-hero{
    min-height: 176px;
    padding: 24px;
  }

  body[data-shell-profile="public-v1"] .music-main .music-hero .page-title{
    font-size: clamp(30px, 9vw, 40px);
    line-height: 1.05;
  }

  body[data-shell-profile="public-v1"] .music-main .music-hero .lead{
    display: -webkit-box;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  body[data-shell-profile="public-v1"] .music-playlist{
    border-radius: 4px;
  }

  body[data-shell-profile="public-v1"] .cookie-consent{
    inset: auto 8px max(8px, var(--safe-bottom));
    width: calc(100% - 16px);
    padding: 12px;
  }

  body[data-shell-profile="public-v1"] .cookie-actions{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-shell-profile="public-v1"] .cookie-actions :is(.action,.button){
    min-height: 44px;
    padding-inline: 6px;
    white-space: normal;
  }
}

@media (max-width: 560px){
  body[data-shell-profile="public-v1"] .archive-results .video-card > .thumb-link,body[data-shell-profile="public-v1"] .article-archive-main .article-card > .article-card-media{
    grid-column: 1;
    grid-row: 1;
  }

  body[data-shell-profile="public-v1"] .archive-results .video-card > .video-card-body,body[data-shell-profile="public-v1"] .article-archive-main .article-card > .article-card-body{
    grid-column: 2;
    grid-row: 1;
  }

  body[data-shell-profile="public-v1"] .archive-results :where(.video-card-body,.article-card-body),body[data-shell-profile="public-v1"] .article-archive-main :where(.video-card-body,.article-card-body){
    padding-inline: 0;
  }

  body[data-shell-profile="public-v1"] :is(.archive-results,.article-archive-main) :is(.video-card,.article-card) > .is-card-save{
    position: relative;
    inset: auto;
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    justify-self: end;
    margin: 7px;
  }

  body[data-shell-profile="public-v1"] .article-archive-main .article-card-body > p:not(.eyebrow){
    display: none;
  }

  body[data-shell-profile="public-v1"] .article-archive-main .article-card-media img{
    object-fit: cover;
    object-position: 50% 38%;
  }
}

@media (hover: none), (pointer: coarse){
  body[data-shell-profile="public-v1"] .music-library-tabs > a,body[data-shell-profile="public-v1"] .music-filter-menu > summary,body[data-shell-profile="public-v1"] .music-sort-link,body[data-shell-profile="public-v1"] .music-filter-actions .button,body[data-shell-profile="public-v1"] .cookie-actions .button{
    min-height: 44px;
  }
}

@media (forced-colors: active){
  body[data-shell-profile="public-v1"] :where(.site-header,.video-card,.article-card,.archive-tools,.article-filters,.music-hero){
    border: 1px solid CanvasText;
  }
}

/* V49 finishing pass: distinctive broadcaster typography and quieter density. */
body[data-shell-profile="public-v1"] :is(.archive-intro .page-title,.article-archive-hero .page-title,.music-hero .page-title,.about-main .page-title,.contact-main .page-title,.legal-main .page-title,.article-main .article-title,.article-main .article-preamble h1,.watch-page .watch-title){
  font-family: var(--font-broadcast);
  font-stretch: condensed;
  font-variation-settings: "wght" 680;
  text-wrap: balance;
}

body[data-shell-profile="public-v1"] .site-header{
  --text: #fff;
  --text-soft: rgba(255, 255, 255, .86);
  --muted: rgba(255, 255, 255, .64);
  --surface: #151515;
  --surface-2: #2b2b2b;
  --line: rgba(255, 255, 255, .14);
  --line-strong: rgba(255, 255, 255, .28);
  border-block-end: 1px solid rgba(255, 255, 255, .06);
}

body[data-shell-profile="public-v1"] .brand{
  flex: 0 0 auto;
}

body[data-shell-profile="public-v1"] .brand-logo{
  transition: opacity 140ms ease;
}

body[data-shell-profile="public-v1"] .brand:is(:hover,:focus-visible) .brand-logo{
  opacity: .82;
}

body[data-shell-profile="public-v1"] .site-footer,body[data-shell-profile="public-v1"] .cookie-consent,body[data-shell-profile="public-v1"] .platform-player{
  --text: #fff;
  --text-soft: rgba(255, 255, 255, .86);
  --muted: rgba(255, 255, 255, .64);
  --surface: #1b1b1b;
  --surface-2: #252525;
  --line: rgba(255, 255, 255, .14);
  --line-strong: rgba(255, 255, 255, .28);
}

/* The soundtrack route now opens with documentary imagery, not dashboard art. */
@media (min-width: 768px){
  body[data-shell-profile="public-v1"] .music-main .music-hero{
    display: grid;
    min-height: 284px;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    gap: 0;
    padding: 0;
    overflow: hidden;
    background: #1b1b1b;
  }

  body[data-shell-profile="public-v1"] .music-main .music-hero-copy{
    display: grid;
    max-width: none;
    min-height: 284px;
    align-content: center;
    padding: 38px 42px;
  }

  body[data-shell-profile="public-v1"] .music-main .music-hero-visual{
    position: relative;
    inset: auto;
    z-index: 1;
    display: grid;
    width: 100%;
    min-height: 284px;
    overflow: hidden;
    opacity: 1;
    place-items: center;
    isolation: isolate;
  }

  body[data-shell-profile="public-v1"] .music-main .music-hero-filmstrip{
    position: absolute;
    inset: 0;
    z-index: -2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2px;
    background: #111;
  }

  body[data-shell-profile="public-v1"] .music-main .music-hero-filmstrip > span{
    min-width: 0;
    overflow: hidden;
  }

  body[data-shell-profile="public-v1"] .music-main .music-hero-picture{
    display: block;
    width: 100%;
    height: 100%;
  }

  body[data-shell-profile="public-v1"] .music-main .music-hero-filmstrip img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 76% 50%;
    filter: grayscale(1) contrast(1.08) brightness(.52);
    transform: scale(1.04);
  }

  body[data-shell-profile="public-v1"] .music-main .music-hero-visual::before{
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    background:
      linear-gradient(90deg, #1b1b1b 0, rgba(27, 27, 27, .55) 16%, transparent 48%),
      linear-gradient(0deg, rgba(12, 12, 12, .82), transparent 58%);
  }

  body[data-shell-profile="public-v1"] .music-main .music-visual-wave{
    position: absolute;
    inset: auto 11% 42px;
    z-index: 2;
    display: flex;
    width: auto;
    height: 42px;
    gap: 2px;
    align-items: center;
    opacity: .76;
  }

  body[data-shell-profile="public-v1"] .music-main .music-visual-wave i{
    min-width: 1px;
    background: #d7a15a;
    border-radius: 0;
  }

  body[data-shell-profile="public-v1"] .music-main .music-visual-label{
    position: absolute;
    inset: auto 11% 18px;
    z-index: 3;
    color: rgba(255, 255, 255, .78);
    font-size: 10px;
    font-weight: 720;
    letter-spacing: .12em;
  }
}

/* Membership and account routes belong to the same product, not a teal sub-app. */
body[data-shell-profile="public-v1"] .member-page{
  --member-accent: var(--brand);
  --member-accent-soft: color-mix(in srgb, var(--brand) 12%, transparent);
}

body[data-shell-profile="public-v1"] .member-page::before{
  display: none;
}

body[data-shell-profile="public-v1"] :is(.member-story h1,.account-hero h1){
  font-family: var(--font-broadcast);
  font-stretch: condensed;
  font-weight: 680;
  letter-spacing: -.035em;
}

body[data-shell-profile="public-v1"] :is(.member-panel,.member-feature-card,.account-status,.account-card,.account-panel){
  border-radius: 4px;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .member-panel{
  background: var(--surface);
}

body[data-shell-profile="public-v1"] :is(.member-field input,.member-submit,.member-secondary,.password-toggle,.member-alert){
  border-radius: 3px;
}

body[data-shell-profile="public-v1"] :is(.member-submit,.member-secondary){
  letter-spacing: 0;
  text-transform: none;
}

body[data-shell-profile="public-v1"] .member-submit{
  color: #111;
  background: var(--brand);
  box-shadow: none;
}

@media (max-width: 767px){
  body[data-shell-profile="public-v1"] .breadcrumbs{
    margin-block-end: 8px;
  }

  body[data-shell-profile="public-v1"] :is(.archive-hero,.article-archive-hero){
    gap: 12px;
    padding-block: 12px 18px;
  }

  body[data-shell-profile="public-v1"] :is(.archive-intro,.article-archive-hero) .eyebrow{
    margin-block-end: 6px;
    font-size: 10px;
  }

  body[data-shell-profile="public-v1"] :is(.archive-intro,.article-archive-hero) .page-title{
    max-width: 15ch;
    margin-block-end: 8px;
    font-size: clamp(34px, 10.5vw, 42px);
    line-height: .98;
  }

  body[data-shell-profile="public-v1"] :is(.archive-intro,.article-archive-hero) :is(.lead,.page-lead){
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.42;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body[data-shell-profile="public-v1"] :is(.archive-note,.music-library-stat){
    margin: 0;
  }

  body[data-shell-profile="public-v1"] :is(.archive-tools,.article-filters){
    margin-block: 12px 22px;
    padding: 10px;
  }

  body[data-shell-profile="public-v1"] .article-filters{
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: end;
  }

  body[data-shell-profile="public-v1"] .article-filters > :first-child{
    grid-column: auto;
  }

  body[data-shell-profile="public-v1"] .article-filters .field > span{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  body[data-shell-profile="public-v1"] .article-filters :is(input,.button){
    min-height: 46px;
  }

  body[data-shell-profile="public-v1"] .article-filters .button{
    width: auto;
    min-width: 82px;
    grid-column: auto;
  }

  body[data-shell-profile="public-v1"] .archive-tools{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body[data-shell-profile="public-v1"] .archive-tools .field:first-child,body[data-shell-profile="public-v1"] .archive-tools > :is(.action,.button){
    grid-column: 1 / -1;
  }

  body[data-shell-profile="public-v1"] .music-main .music-hero-visual{
    display: none;
  }

  body[data-shell-profile="public-v1"] .member-page{
    padding-block: 28px 48px;
  }

  body[data-shell-profile="public-v1"] .member-layout{
    gap: 28px;
  }

  body[data-shell-profile="public-v1"] .about-editorial-hero{
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  body[data-shell-profile="public-v1"] .about-editorial,body[data-shell-profile="public-v1"] .about-manifesto{
    min-width: 0;
  }

  body[data-shell-profile="public-v1"] .about-copy{
    padding-block-start: 16px;
    padding-inline-start: 0;
    border-block-start: 2px solid var(--brand);
    border-inline-start: 0;
    font-size: 15px;
    line-height: 1.62;
  }

  body[data-shell-profile="public-v1"] .about-manifesto{
    align-self: auto;
    padding-block: 18px;
  }

  body[data-shell-profile="public-v1"] .about-manifesto blockquote{
    font-size: 20px;
    line-height: 1.32;
  }
}

/* Secondary public routes use the same neutral broadcaster language. */
body[data-shell-profile="public-v1"] :is(.search-main .page-title,.social-main .page-title,.contact-main .page-title,.entity-archive-main .page-title,.soundtrack-license-hero h1){
  font-family: var(--font-broadcast);
  font-stretch: condensed;
  font-weight: 680;
  letter-spacing: -.025em;
}

body[data-shell-profile="public-v1"] .social-main{
  --social-hero-text: #fff;
  --social-hero-soft: rgba(255, 255, 255, .74);
  --social-eyebrow: #d7a15a;
  --social-hero-border: rgba(255, 255, 255, .14);
  --social-hero-grid: rgba(255, 255, 255, .025);
  --social-hero-background: linear-gradient(145deg, #202020, #171717 70%);
  --social-card-bg: #252525;
  --social-card-bg-hover: #2b2b2b;
  --social-card-border: rgba(255, 255, 255, .13);
  --social-card-border-hover: rgba(215, 161, 90, .58);
  --social-card-text: #fff;
  --social-card-label: rgba(255, 255, 255, .58);
  --social-card-muted: rgba(255, 255, 255, .7);
  --social-card-control: rgba(255, 255, 255, .78);
  --social-card-control-border: rgba(255, 255, 255, .2);
  --social-card-shadow: none;
  --social-card-shadow-hover: none;
}

html[data-theme="light"] body[data-shell-profile="public-v1"] .social-main{
  --social-hero-text: #101718;
  --social-hero-soft: #425052;
  --social-eyebrow: #066a6d;
  --social-hero-border: rgba(8, 120, 123, .24);
  --social-hero-grid: rgba(16, 23, 24, .04);
  --social-hero-background: radial-gradient(circle at 10% 14%, rgba(8, 120, 123, .15), transparent 29rem), linear-gradient(145deg, rgba(248, 250, 246, .96), rgba(238, 243, 237, .94) 58%, rgba(229, 236, 231, .92));
  --social-card-bg: rgba(255, 255, 255, .7);
  --social-card-bg-hover: rgba(255, 255, 255, .94);
  --social-card-border: rgba(8, 120, 123, .2);
  --social-card-border-hover: rgba(8, 120, 123, .56);
  --social-card-text: #101718;
  --social-card-label: #356769;
  --social-card-muted: #4a585a;
  --social-card-control: #405254;
  --social-card-control-border: rgba(16, 23, 24, .18);
  --social-card-shadow: 0 14px 34px rgba(15, 35, 35, .09);
  --social-card-shadow-hover: 0 22px 50px rgba(15, 35, 35, .15);
}

body[data-shell-profile="public-v1"] .social-hero{
  min-height: 420px;
  border-radius: 4px;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .social-hero::before{
  opacity: .48;
}

body[data-shell-profile="public-v1"] .social-card{
  border-radius: 4px;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-shell-profile="public-v1"] .social-card:is(:hover,:focus-visible){
  transform: none;
}

body[data-shell-profile="public-v1"] .entity-archive-main{
  width: min(100%, 1440px);
  max-width: 1440px;
  padding-inline: 32px;
}

body[data-shell-profile="public-v1"] .entity-archive-hero{
  min-height: 220px;
  margin-block: 22px 34px;
  padding: clamp(30px, 4vw, 52px);
  border-color: var(--line);
  background: #1c1c1c;
  border-radius: 4px;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .entity-archive-hero::before{
  display: none;
  content: none;
}

body[data-shell-profile="public-v1"] .entity-archive-hero .page-title{
  max-width: 15ch;
  margin-block: 6px 14px;
  font-size: clamp(38px, 4.4vw, 60px);
  line-height: .98;
}

body[data-shell-profile="public-v1"] .entity-archive-switcher{
  gap: 0;
  margin-block-end: 34px;
  padding: 0;
  background: transparent;
  border-radius: 3px;
}

body[data-shell-profile="public-v1"] .entity-archive-switcher a{
  border-radius: 2px;
}

body[data-shell-profile="public-v1"] .entity-archive-section{
  margin-block-start: 32px;
}

body[data-shell-profile="public-v1"] :is(.entity-card,.entity-content-index,.entity-content-columns > section,.related-score-player){
  border-radius: 4px;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .discovery-search-query :is(input,.button),body[data-shell-profile="public-v1"] :is(.discovery-filter-panel,.discovery-facets,.discovery-result-media){
  border-radius: 3px;
  box-shadow: none;
}

@media (min-width: 768px){
  body[data-shell-profile="public-v1"] .discovery-filter-panel{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-shell-profile="public-v1"] .discovery-filter-actions{
    grid-column: 1 / -1;
    justify-content: flex-end;
  }
}

body[data-shell-profile="public-v1"] :is(.contact-topic,.soundtrack-license-hero,.soundtrack-license-summary article,.soundtrack-license-content){
  border-radius: 4px;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .contact-topic:is(:hover,:focus-within){
  transform: none;
}

body[data-shell-profile="public-v1"] .contact-response-note{
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .contact-response-note h2{
  font-family: var(--font-broadcast);
  font-stretch: condensed;
  font-weight: 620;
}

body[data-shell-profile="public-v1"] .soundtrack-license-hero{
  border-inline-start: 3px solid var(--brand);
  background: var(--surface);
}

body[data-shell-profile="public-v1"] :is(.my-library-card,.my-historium-empty,.watch-editorial-brief,.library-auth-dialog,.my-historium-confirm,.library-toast,.library-resume-prompt,.social-safety,.music-license-dialog,.music-saved-state){
  border-radius: 4px;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .my-library-card:is(:hover,:focus-within){
  box-shadow: none;
  transform: none;
}

body[data-shell-profile="public-v1"] :is(.my-historium-filters button,.my-library-open,.my-historium-empty a,.library-toast button,.music-license-dialog-close){
  border-radius: 2px;
}

body[data-shell-profile="public-v1"] :is(.my-historium-section-head h2,.watch-editorial-brief h3,.library-auth-dialog h2,.music-license-dialog-head h2){
  font-family: var(--font-broadcast);
  font-stretch: condensed;
  font-weight: 650;
  letter-spacing: -.02em;
}

body[data-shell-profile="public-v1"] .watch-editorial-brief{
  padding-inline-start: clamp(1.2rem, 2.4vw, 1.7rem);
  border-color: var(--line);
  border-inline-start: 3px solid var(--brand);
  background: var(--surface);
}

body[data-shell-profile="public-v1"] :is(.library-auth-dialog,.my-historium-confirm,.music-license-dialog){
  background: var(--surface);
  backdrop-filter: none;
}

body[data-shell-profile="public-v1"] :is(.library-auth-dialog,.my-historium-confirm,.music-license-dialog)::backdrop{
  backdrop-filter: none;
}

body[data-shell-profile="public-v1"] .library-toast{
  background: #202020;
  backdrop-filter: none;
}

body[data-shell-profile="public-v1"] .library-resume-prompt{
  border-inline-start: 3px solid var(--brand);
  background: #202020;
  backdrop-filter: none;
}

body[data-shell-profile="public-v1"] .social-safety{
  border-inline-start: 3px solid var(--brand);
  background: var(--surface);
}

body[data-shell-profile="public-v1"] .not-found-visual{
  border-radius: 4px;
  background: linear-gradient(145deg, #202020, #171717);
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .not-found-visual::after{
  border-radius: 2px;
}

body[data-shell-profile="public-v1"] .entity-hero{
  border-radius: 4px;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .entity-hero-copy h1{
  font-family: var(--font-broadcast);
  font-stretch: condensed;
  font-weight: 680;
  letter-spacing: -.035em;
}

body[data-shell-profile="public-v1"] .entity-hero-copy dl div{
  border-radius: 3px;
}

body[data-shell-profile="public-v1"] :is(.music-toolbar,.music-search-field input,.music-toolbar-actions .button,.music-filter-menu summary,.music-filter-popover,.music-filter-option,.music-filter-within-search input,.music-option-empty,.music-active-filters,.music-list-head,.music-playlist,.music-attribution-status,.music-library-tabs b,.track-taxonomy-link){
  border-radius: 3px;
}

body[data-shell-profile="public-v1"] .music-filter-popover{
  box-shadow: none;
}

body[data-shell-profile="public-v1"] :is(.account-plan-badge,.account-role-badge,.library-save-button.is-labeled){
  border-radius: 2px;
}

body[data-shell-profile="public-v1"] :is(.article-citation-menu > summary,.article-hero-figure,.article-related-video-frame){
  border-radius: 4px;
}

@media (max-width: 767px){
  body[data-shell-profile="public-v1"] .social-hero{
    min-height: 0;
    padding: 22px;
    border-radius: 4px;
    box-shadow: none;
  }

  body[data-shell-profile="public-v1"] .social-card{
    border-radius: 4px;
  }

  body[data-shell-profile="public-v1"] .entity-archive-main{
    padding-inline: 24px;
  }

  body[data-shell-profile="public-v1"] .entity-archive-hero{
    min-height: 0;
    margin-block: 10px 26px;
    padding: 24px;
    border-radius: 4px;
  }

  body[data-shell-profile="public-v1"] .entity-archive-switcher{
    border-radius: 3px;
  }

  body[data-shell-profile="public-v1"] .discovery-search-form{
    gap: 10px;
    margin-block-start: 16px;
  }

  body[data-shell-profile="public-v1"] .discovery-filter-panel{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
  }

  body[data-shell-profile="public-v1"] .discovery-filter-panel .field,body[data-shell-profile="public-v1"] .discovery-filter-panel .field:first-child,body[data-shell-profile="public-v1"] .discovery-filter-panel .field:nth-child(2){
    grid-column: auto;
  }

  body[data-shell-profile="public-v1"] .discovery-filter-panel .field > span{
    font-size: 9px;
    letter-spacing: .065em;
  }

  body[data-shell-profile="public-v1"] .discovery-filter-panel :is(input,select){
    min-width: 0;
    min-height: 44px;
    padding-inline: 10px 28px;
    font-size: 14px;
  }

  body[data-shell-profile="public-v1"] .discovery-filter-actions{
    grid-column: 1 / -1;
  }
}