@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

.published-container {
  --nav-parent-item-color-active: #389B99;
  --nav-item-color-active: #389B99;
  --nav-item-weight-active: bold;
  --nav-item-border-color-active: #389B99;

  --sidebar-left-background: #eef3f4;
  --footer-display: none;
  --link-color: #389B99;
  --link-color-hover: #389B99;
  --link-external-color: #389B99;
  --link-external-color-hover: #389B99;
  --text-normal: #1f2a2a;
}

.published-container h1 {
  font-family: Avenir, "Avenir Next", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 0.5em;
}

.published-container h2 {
  font-family: Avenir, "Avenir Next", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 2.5rem;
  margin-bottom: 0.6rem;
}

.published-container h3 {
  font-family: Avenir, "Avenir Next", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 1.8rem;
}

body {
  --font-text-theme: 'Inter', sans-serif;
  --font-interface-theme: 'Inter', sans-serif;
  --background-primary: #f4f6f7;
}

iframe[src*="youtube"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

/* iPhone / small screens: don't use embedded PDF viewer */
@media (max-width: 768px) {
	iframe[src$=".pdf"] {
		display: none;
	}
	.pdf-mobile-link {
		display: block;
	}
}