main > * {margin: 0 0}
:root { --font-size-h1: clamp(1.5rem, 2.08vw + 1.096rem, 3rem); }

.note-header-container, section > *, footer >* {
    padding-left: var(--margin-page);
    padding-right: var(--margin-page);}

    
  @media (min-width: 900px) {
  section > * {
    padding-left: calc(2*var(--margin-page));
    padding-right: calc(2*var(--margin-page));}}

  @media (min-width: 1200px) {
.note-header-container {
    padding-left: calc(1.2*var(--margin-page));
    padding-right: calc(1.2*var(--margin-page));}}

  @media (min-width: 1600px) {
  section > * {
    padding-left: calc(2.4*var(--margin-page));
    padding-right: calc(2.4*var(--margin-page));}
  .note-header-container {
    padding-left: calc(1.7*var(--margin-page));
    padding-right: calc(1.7*var(--margin-page));}

  }

.note-excerpt {
  max-width: 50%;
}

.cover-container {
  width: 40%;
}

.plyr {
  margin-top: var(--spacing-sm);
  margin-bottom: var(--spacing-3xs);
  /* margin-left: auto;
  margin-right: auto; */
  max-width: 550px;
}

/* @media screen and (max-width: 1199px) {
  .note {
    margin-top: var(--spacing-lg);
  }
} */



.note-header-container {
  display: flex;
  align-items: flex-start;
}

/* .note-header-container div:nth-child(2) {
  flex: 1.5;
} */

.note-header-container .cover-container {
  flex: 1;
}

.platform-container p:first-child {
  margin-top: var(--spacing-3xs);
}

@media screen and (max-width: 600px) {

.cover-container {display:none;}}

article h2 {margin-top: var(--spacing-sm);
  margin-bottom: var(--spacing-2xs);
font-family: var(--font-primary);
font-size: var(--font-size-p);
color: var(--pink)
}

body {
background-color: var(--pale-pink)}

.site__header::after {
  background-color: var(--pale-pink) !important;
}
.footer, .footer::before {
  background-color: var(--pale-pink);
}


p, h2 {line-height: 160%;
letter-spacing:0.1px;
margin-bottom: var(--spacing-xs) !important}

 h2 {margin-top: var(--spacing-lg)!important}


 .note-header-container picture {flex:1}

 .episode-info {margin: 0 !important; padding: 0 !important; padding-left: var(--spacing-xs) !important;}

 h1 {font-size: calc(0.8*var(--font-size-h1));}