/**
 * Ghada Ataa — Podcast page: an Arabic audio magazine.
 * Masthead + a "frequency" of the real episodes, a big featured episode, a magazine row list,
 * and one Deep Ink mini-player pinned to the bottom. Generated art = episode number + waveform
 * (the site has no episode artwork). Distinct from courses (stairs) and books (covers).
 */
.ga-pp > section > .ga-container {
  padding-inline: min(var(--ga-page-margin), var(--ga-space-400));
  max-inline-size: calc(var(--ga-layout-max-width-wide) + 2 * var(--ga-space-400));
}
.ga-pp > section { padding-block: 0 var(--ga-section-space); }
.ga-pp > section[hidden] { display: none; }
.ga-pp > .ga-pp-hero { padding-block: var(--ga-space-400) var(--ga-space-600); }
body.ga-pp-has-player { padding-block-end: 96px; }       /* the player never covers the footer links */

.ga-pp-eyebrow { display: inline-flex; align-items: center; gap: var(--ga-space-100); margin: 0; font: var(--ga-type-label-default); color: var(--ga-color-brand-vivid-purple); }
.ga-pp-h2 { margin: 0; font: var(--ga-type-heading-h1); }
.ga-pp-onair { inline-size: 10px; block-size: 10px; border-radius: 50%; background: var(--ga-color-accent-pop-pink); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ga-color-accent-pop-pink) 25%, transparent); }
@media (prefers-reduced-motion: no-preference) {
  .ga-pp-onair { animation: ga-pp-pulse 1.8s ease-in-out infinite; }
}
@keyframes ga-pp-pulse { 50% { box-shadow: 0 0 0 8px color-mix(in srgb, var(--ga-color-accent-pop-pink) 0%, transparent); } }

/* ═════════ Hero ═════════ */
.ga-pp-hero .ga-st-crumbs ol { margin-block-end: var(--ga-space-300); }
.ga-pp-hero__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--ga-space-600); align-items: end; padding-block-end: var(--ga-space-400); border-block-end: 3px solid var(--ga-color-text-deep-ink); }
.ga-pp-hero__text { container-type: inline-size; display: grid; justify-items: start; gap: var(--ga-space-200); min-inline-size: 0; }
.ga-pp-hero__title { margin: 0; font: var(--ga-type-display-hero); font-size: min(64px, 11cqi); line-height: 1.2; }
.ga-pp-hero__title span { display: block; color: var(--ga-color-accent-pop-pink); padding-inline-start: 1.2em; }   /* editorial indent */
.ga-pp-hero__lead { margin: 0; font: var(--ga-type-body-large); color: var(--ga-text-muted); max-inline-size: 46ch; }
.ga-pp-hero__actions { display: flex; flex-wrap: wrap; gap: var(--ga-space-200); margin-block-start: var(--ga-space-100); }
.ga-pp-resume__btn { display: inline-flex; align-items: center; gap: var(--ga-space-100); min-block-size: 40px; padding: 6px 14px 6px 10px; border: 0; border-radius: var(--ga-radius-button); background: var(--ga-color-accent-fresh-lime); color: var(--ga-text-primary); font: var(--ga-type-body-small); font-weight: 600; cursor: pointer; }
.ga-pp-resume__btn svg { inline-size: 16px; block-size: 16px; }
.ga-pp-resume__btn:focus-visible { outline: var(--ga-focus-ring-width) solid var(--ga-border-focus); outline-offset: 2px; }
.ga-pp-resume { margin: 0; }

.ga-pp-freq { position: relative; display: flex; align-items: flex-end; gap: var(--ga-space-100); block-size: 300px; padding-block-start: var(--ga-space-400); }
.ga-pp-freq__bar { position: relative; flex: 1; block-size: var(--h); border-radius: 999px 999px 8px 8px; display: grid; align-content: end; justify-items: center; padding-block-end: 10px; }
.ga-pp-freq__bar small { font-size: 12px; font-weight: 700; }
.ga-pp-freq__label { position: absolute; inset-block-start: 0; inset-inline-end: 0; font: var(--ga-type-body-small); color: var(--ga-text-muted); }
@media (prefers-reduced-motion: no-preference) {
  .ga-pp-freq__bar { animation: ga-pp-rise 800ms cubic-bezier(.2,.8,.2,1) both; transform-origin: bottom; }
  .ga-pp-freq__bar:nth-child(2) { animation-delay: 60ms; } .ga-pp-freq__bar:nth-child(3) { animation-delay: 120ms; }
  .ga-pp-freq__bar:nth-child(4) { animation-delay: 180ms; } .ga-pp-freq__bar:nth-child(5) { animation-delay: 240ms; } .ga-pp-freq__bar:nth-child(6) { animation-delay: 300ms; }
  .ga-pp.is-listening .ga-pp-freq__bar { animation: ga-pp-breathe 1.6s ease-in-out infinite alternate; }
  .ga-pp.is-listening .ga-pp-freq__bar:nth-child(even) { animation-delay: .4s; }
}
@keyframes ga-pp-rise { from { scale: 1 0; } }
@keyframes ga-pp-breathe { to { scale: 1 .86; } }

/* tones shared by bars and art */
.ga-pp-freq__bar--pink, .ga-pp-art--pink { background: var(--ga-color-accent-pop-pink); color: var(--ga-color-text-deep-ink); }
.ga-pp-freq__bar--orange, .ga-pp-art--orange { background: var(--ga-color-brand-electric-orange); color: var(--ga-color-text-deep-ink); }
.ga-pp-freq__bar--purple, .ga-pp-art--purple { background: var(--ga-color-brand-vivid-purple); color: var(--ga-color-functional-white); }
.ga-pp-freq__bar--lime, .ga-pp-art--lime { background: var(--ga-color-accent-fresh-lime); color: var(--ga-color-text-deep-ink); }
.ga-pp-freq__bar--ink, .ga-pp-art--ink { background: var(--ga-color-text-deep-ink); color: var(--ga-color-accent-fresh-lime); }
.ga-pp-freq__bar--pinkorange, .ga-pp-art--pinkorange { background: var(--ga-gradient-brand-energy); color: var(--ga-color-text-deep-ink); }

/* ═════════ Generated art ═════════ */
.ga-pp-art { position: relative; display: grid; overflow: hidden; aspect-ratio: 1; border-radius: 16px; isolation: isolate; }
.ga-pp-art__n { position: absolute; inset-block-start: 6%; inset-inline-start: 8%; font-weight: 700; font-size: 34%; line-height: 1; }
.ga-pp-art__wave { position: absolute; inset-inline: 8%; inset-block-end: 12%; block-size: 36%; display: flex; align-items: center; gap: 3%; }
.ga-pp-art__wave b { flex: 1; block-size: var(--h); border-radius: 3px; background: currentColor; opacity: .85; }
.ga-pp-art--xl { inline-size: 100%; border-radius: 24px; container-type: inline-size; }
.ga-pp-art--xl .ga-pp-art__n { font-size: 46cqi; letter-spacing: -.04em; }
.ga-pp-art--sm { inline-size: 72px; border-radius: 14px; }
.ga-pp-art--sm .ga-pp-art__n { font-size: 22px; }
.ga-pp-art--sm .ga-pp-art__wave { gap: 1px; }
.ga-pp-art--sm .ga-pp-art__wave b:nth-child(n+15) { display: none; }
.ga-pp-art--xs { inline-size: 48px; border-radius: 10px; }
.ga-pp-art--xs .ga-pp-art__n { font-size: 16px; }
.ga-pp-art--xs .ga-pp-art__wave { display: none; }

/* ═════════ Featured ═════════ */
.ga-pp-feature__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--ga-space-600); align-items: center; }
.ga-pp-feature__art { position: relative; }
.ga-pp-feature__art .ga-pp-art { box-shadow: 16px 16px 0 var(--ga-color-text-deep-ink); rotate: -2deg; }
.ga-pp-feature__sticker { position: absolute; inset-block-start: -14px; inset-inline-end: -10px; padding: 8px 16px; border-radius: 999px; background: var(--ga-color-accent-fresh-lime); font: var(--ga-type-label-default); font-weight: 700; rotate: 6deg; }
.ga-pp-feature__text { container-type: inline-size; display: grid; justify-items: start; gap: var(--ga-space-200); }
.ga-pp-feature__title { margin: 0; font: var(--ga-type-display-hero); font-size: min(80px, 16cqi); line-height: 1.15; }
.ga-pp-feature__dur { display: flex; align-items: baseline; gap: var(--ga-space-200); margin: 0; font: var(--ga-type-body-large); color: var(--ga-text-muted); }
.ga-pp-feature__dur b { font: var(--ga-type-heading-h2); color: var(--ga-text-primary); }
.ga-pp-bigplay {
  display: inline-flex; align-items: center; gap: var(--ga-space-200);
  padding: 8px var(--ga-space-400) 8px 8px; border: 0; border-radius: var(--ga-radius-button);
  background: var(--ga-color-text-deep-ink); color: var(--ga-color-functional-white);
  font: var(--ga-type-heading-h4); cursor: pointer;
  transition: background-color var(--ga-motion-duration-fast) ease;
}
.ga-pp-bigplay:hover { background: var(--ga-color-brand-vivid-purple); }
.ga-pp-bigplay:focus-visible { outline: var(--ga-focus-ring-width) solid var(--ga-border-focus); outline-offset: 3px; }
.ga-pp-bigplay__ico { display: grid; place-items: center; inline-size: 56px; block-size: 56px; border-radius: var(--ga-radius-sm); background: var(--ga-color-accent-pop-pink); color: var(--ga-color-text-deep-ink); }
.ga-pp-bigplay__ico svg { inline-size: 28px; block-size: 28px; }

/* listening state (shared by every play button) */
.ga-pp-eq { display: none; align-items: flex-end; gap: 2px; block-size: 18px; }
.ga-pp-eq b { inline-size: 3px; block-size: 40%; border-radius: 2px; background: currentColor; }
.is-playing > .ga-pp-eq, .is-playing .ga-pp-eq { display: inline-flex; }
.is-playing > svg, .is-playing .ga-pp-bigplay__ico > svg { display: none; }
@media (prefers-reduced-motion: no-preference) {
  .is-playing .ga-pp-eq b { animation: ga-pp-eq .9s ease-in-out infinite alternate; }
  .is-playing .ga-pp-eq b:nth-child(2) { animation-delay: .2s; } .is-playing .ga-pp-eq b:nth-child(3) { animation-delay: .4s; } .is-playing .ga-pp-eq b:nth-child(4) { animation-delay: .1s; }
  .is-loading > svg { animation: ga-pp-blink 1s ease-in-out infinite; }
}
@keyframes ga-pp-eq { to { block-size: 100%; } }
@keyframes ga-pp-blink { 50% { opacity: .35; } }

/* ═════════ Episode list ═════════ */
.ga-pp-list { scroll-margin-block-start: var(--ga-space-200); outline: none; }
.ga-pp-list__head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: var(--ga-space-200); padding-block-end: var(--ga-space-200); border-block-end: 3px solid var(--ga-color-text-deep-ink); }
.ga-pp-list__count { margin: 0; font: var(--ga-type-body-small); font-weight: 600; color: var(--ga-text-muted); }
.ga-pp-rows { margin: 0; padding: 0; list-style: none; }
.ga-pp-rows[hidden] { display: none; }
.ga-pp-row { position: relative; display: grid; grid-template-columns: 72px minmax(0, 1fr) auto 56px; align-items: center; gap: var(--ga-space-300); padding-block: var(--ga-space-200); border-block-end: 1px solid var(--ga-border-default); }
.ga-pp-row::before { content: ""; position: absolute; inset-inline-start: calc(-1 * var(--ga-space-200)); inset-block: var(--ga-space-200); inline-size: 4px; border-radius: 2px; background: var(--ga-color-accent-pop-pink); opacity: 0; transition: opacity var(--ga-motion-duration-fast) ease; }
.ga-pp-row.is-current::before { opacity: 1; }
.ga-pp-row.is-current { background: linear-gradient(to left, color-mix(in srgb, var(--ga-color-accent-fresh-lime) 30%, transparent), transparent 70%); }
.ga-pp-row__text { display: grid; gap: 4px; min-inline-size: 0; }
.ga-pp-row__title { margin: 0; font: var(--ga-type-heading-h3); }
.ga-pp-row__meta { display: flex; flex-wrap: wrap; gap: 4px var(--ga-space-200); margin: 0; font: var(--ga-type-body-small); color: var(--ga-text-muted); }
.ga-pp-row__meta span + span::before { content: "·"; margin-inline-end: var(--ga-space-200); }
.ga-pp-row__time { font: var(--ga-type-heading-h4); font-variant-numeric: tabular-nums; }
.ga-pp-play {
  display: grid; place-items: center; inline-size: 56px; block-size: 56px; border: 0; border-radius: var(--ga-radius-button);
  background: var(--ga-color-text-deep-ink); color: var(--ga-color-functional-white); cursor: pointer;
  transition: background-color var(--ga-motion-duration-fast) ease, scale var(--ga-motion-duration-fast) ease;
}
.ga-pp-play svg { inline-size: 24px; block-size: 24px; }
.ga-pp-play:hover { background: var(--ga-color-brand-vivid-purple); }
.ga-pp-play:active { scale: .95; }
.ga-pp-play:focus-visible { outline: var(--ga-focus-ring-width) solid var(--ga-border-focus); outline-offset: 3px; }
.ga-pp-play.is-playing { background: var(--ga-color-accent-pop-pink); color: var(--ga-color-text-deep-ink); }
.ga-pp-row.is-skeleton span, .ga-pp-row.is-skeleton i { display: block; border-radius: 12px; background: linear-gradient(90deg, var(--ga-color-text-deep-ink-06) 30%, var(--ga-color-text-deep-ink-10) 50%, var(--ga-color-text-deep-ink-06) 70%) 0 0 / 200% 100%; animation: ga-ch-shimmer 1.4s linear infinite; }
.ga-pp-row.is-skeleton { grid-template-columns: 72px minmax(0, 1fr); }
.ga-pp-row.is-skeleton span { aspect-ratio: 1; }
.ga-pp-row.is-skeleton i { block-size: 24px; }

/* ═════════ About ═════════ */
.ga-pp-about__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: var(--ga-space-600); align-items: center; padding: var(--ga-space-600); border-radius: 24px; background: var(--ga-color-functional-white); box-shadow: inset 0 0 0 1px var(--ga-border-default); }
.ga-pp-about__title { position: relative; margin: 0; font: var(--ga-type-display-hero); line-height: 1.15; }
.ga-pp-about__title span { display: block; font-size: 160px; line-height: .6; color: var(--ga-color-accent-pop-pink); }
.ga-pp-about__lead { margin: 0 0 var(--ga-space-300); font: var(--ga-type-heading-h4); font-weight: 500; line-height: 1.8; }
.ga-pp-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--ga-space-200) var(--ga-space-300); margin: 0; }
.ga-pp-facts div { padding-block-start: var(--ga-space-100); border-block-start: 2px solid var(--ga-color-text-deep-ink); }
.ga-pp-facts dt { font: var(--ga-type-body-small); color: var(--ga-text-muted); }
.ga-pp-facts dd { margin: 0; font: var(--ga-type-heading-h4); }

/* ═════════ Keep exploring ═════════ */
.ga-pp-more .ga-pp-h2 { font: var(--ga-type-heading-h3); margin-block-end: var(--ga-space-200); }
.ga-pp-more__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-block: 1px solid var(--ga-border-default); }
.ga-pp-more__list li + li { border-inline-start: 1px solid var(--ga-border-default); }
.ga-pp-more__link { display: grid; gap: 2px; padding: var(--ga-space-300); color: inherit; text-decoration: none; border-radius: 4px; }
.ga-pp-more__link:hover .ga-pp-more__t { color: var(--ga-color-brand-vivid-purple); }
.ga-pp-more__link:focus-visible { outline: var(--ga-focus-ring-width) solid var(--ga-border-focus); outline-offset: -4px; }
.ga-pp-more__k { font-size: 13px; font-weight: 700; color: var(--ga-color-accent-pop-pink); }
.ga-pp-more__t { font: var(--ga-type-heading-h3); transition: color var(--ga-motion-duration-fast) ease; }

/* ═════════ Closing ═════════ */
.ga-pp-close__panel {
  --ga-focus-ring-color: var(--ga-color-text-deep-ink);
  position: relative; isolation: isolate; overflow: hidden; container-type: inline-size;
  display: grid; justify-items: start; gap: var(--ga-space-300);
  padding: var(--ga-space-800); border-radius: 32px;
  background: var(--ga-color-accent-pop-pink); color: var(--ga-color-text-deep-ink);
}
.ga-pp-close__title { margin: 0; font: var(--ga-type-display-hero); font-size: min(56px, 7cqi); white-space: nowrap; }
.ga-pp-close__wave { position: absolute; z-index: -1; inset-inline: 0; inset-block-end: -10px; block-size: 46%; display: flex; align-items: flex-end; gap: 4px; padding-inline: var(--ga-space-400); opacity: .22; }
.ga-pp-close__wave b { flex: 1; block-size: var(--h); border-radius: 4px 4px 0 0; background: var(--ga-color-text-deep-ink); }
.ga-pp-close__panel .ga-btn--light { --_fg: var(--ga-color-text-deep-ink); }

/* ═════════ The mini-player ═════════ */
.ga-pp-player {
  --ga-focus-ring-color: var(--ga-color-functional-white);
  position: fixed; z-index: 950; inset-inline: 0; inset-block-end: 0;
  padding-block: var(--ga-space-100) calc(var(--ga-space-100) + env(safe-area-inset-bottom));
  background: var(--ga-color-text-deep-ink); color: var(--ga-color-functional-white);
  box-shadow: 0 -10px 30px rgb(38 29 48 / .25);
  translate: 0 110%; transition: translate 280ms cubic-bezier(.2,.8,.2,1);
}
.ga-pp-player.is-shown { translate: 0 0; }
.ga-pp-player[hidden] { display: none; }
.ga-pp-player__inner { display: grid; grid-template-columns: auto minmax(0, 1fr) auto minmax(160px, 2fr) 110px auto; align-items: center; gap: var(--ga-space-200); padding-inline: min(var(--ga-page-margin), var(--ga-space-400)); max-inline-size: calc(var(--ga-layout-max-width-wide) + 2 * var(--ga-space-400)); }
.ga-pp-player__info { display: grid; min-inline-size: 0; }
.ga-pp-player__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: var(--ga-type-label-default); font-weight: 700; }
.ga-pp-player__status { font-size: 12px; line-height: 18px; color: color-mix(in srgb, var(--ga-color-functional-white) 70%, transparent); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ga-pp-player__status a { color: var(--ga-color-accent-fresh-lime); }
.ga-pp-player__controls { display: flex; align-items: center; gap: 4px; }
.ga-pp-pbtn { position: relative; display: grid; place-items: center; inline-size: 40px; block-size: 40px; border: 0; border-radius: var(--ga-radius-button); background: transparent; color: inherit; cursor: pointer; }
.ga-pp-pbtn:hover { background: color-mix(in srgb, var(--ga-color-functional-white) 12%, transparent); }
.ga-pp-pbtn:focus-visible { outline: 2px solid var(--ga-color-functional-white); outline-offset: 2px; }
.ga-pp-pbtn svg { inline-size: 20px; block-size: 20px; }
.ga-pp-pbtn small { position: absolute; font-size: 8px; font-weight: 700; inset-block-start: 15px; }
.ga-pp-pbtn--main { inline-size: 48px; block-size: 48px; border-radius: var(--ga-radius-button); background: var(--ga-color-accent-fresh-lime); color: var(--ga-color-text-deep-ink); }
.ga-pp-pbtn--main:hover { background: var(--ga-color-functional-white); }
.ga-pp-pbtn--main svg { inline-size: 24px; block-size: 24px; }
.ga-pp-ico-pause { display: none; }
.ga-pp-pbtn--main.is-playing .ga-pp-ico-play { display: none; }
.ga-pp-pbtn--main.is-playing .ga-pp-ico-pause { display: block; }
.ga-pp-player[data-state="loading"] .ga-pp-pbtn--main { animation: ga-pp-blink 1s ease-in-out infinite; }
.ga-pp-player__track { display: flex; align-items: center; gap: var(--ga-space-100); direction: ltr; }   /* elapsed · bar · total read one way, like the bar fills */
.ga-pp-time { font-size: 12px; font-variant-numeric: tabular-nums; min-inline-size: 36px; text-align: center; }
.ga-pp-range { -webkit-appearance: none; appearance: none; flex: 1; inline-size: 100%; block-size: 24px; background: transparent; cursor: pointer; --p: 0%; }
.ga-pp-range::-webkit-slider-runnable-track { block-size: 4px; border-radius: 2px; background: linear-gradient(to right, var(--ga-color-accent-pop-pink) var(--p), color-mix(in srgb, var(--ga-color-functional-white) 25%, transparent) var(--p)); }
.ga-pp-range::-moz-range-track { block-size: 4px; border-radius: 2px; background: color-mix(in srgb, var(--ga-color-functional-white) 25%, transparent); }
.ga-pp-range::-moz-range-progress { block-size: 4px; border-radius: 2px; background: var(--ga-color-accent-pop-pink); }
.ga-pp-range::-webkit-slider-thumb { -webkit-appearance: none; inline-size: 14px; block-size: 14px; margin-block-start: -5px; border-radius: 50%; background: var(--ga-color-functional-white); }
.ga-pp-range::-moz-range-thumb { inline-size: 14px; block-size: 14px; border: 0; border-radius: 50%; background: var(--ga-color-functional-white); }
.ga-pp-range:focus-visible { outline: 2px solid var(--ga-color-functional-white); outline-offset: 2px; border-radius: 4px; }
.ga-pp-player__vol { display: flex; }

/* ═════════ Responsive ═════════ */
@media (max-width: 1023px) {
  .ga-pp-hero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--ga-space-300); }
  .ga-pp-freq { block-size: 180px; }
  .ga-pp-feature__grid { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--ga-space-400); }
  .ga-pp-about__grid { grid-template-columns: minmax(0, 1fr); padding: var(--ga-space-500); gap: var(--ga-space-300); }
  .ga-pp-close__panel { padding: var(--ga-space-600); border-radius: 28px; }
  .ga-pp-player__inner { grid-template-columns: auto minmax(0, 1fr) auto auto; grid-template-areas: "art info controls close" "track track track track"; row-gap: 4px; }
  .ga-pp-player__art { grid-area: art; } .ga-pp-player__info { grid-area: info; } .ga-pp-player__controls { grid-area: controls; } .ga-pp-pbtn--close { grid-area: close; }
  .ga-pp-player__track { grid-area: track; }
  .ga-pp-player__vol { display: none; }                  /* phones and tablets have hardware volume */
  body.ga-pp-has-player { padding-block-end: 132px; }
}
@media (max-width: 767px) {
  .ga-pp > .ga-pp-hero { padding-block-start: var(--ga-space-200); }
  .ga-pp-hero__title { font: var(--ga-type-heading-h1); font-size: 40px; }
  .ga-pp-hero__title span { padding-inline-start: .6em; }
  .ga-pp-hero__lead { font: var(--ga-type-body-default); }
  .ga-pp-hero__actions .ga-btn { flex: 1 1 100%; }
  .ga-pp-freq { block-size: 140px; padding-block-start: var(--ga-space-300); }
  .ga-pp-feature__grid { grid-template-columns: minmax(0, 1fr); }
  .ga-pp-feature__art { max-inline-size: 280px; }
  .ga-pp-feature__title { font: var(--ga-type-heading-h1); }
  .ga-pp-bigplay { inline-size: 100%; }
  .ga-pp-h2 { font: var(--ga-type-heading-h2); }
  .ga-pp-row { grid-template-columns: 56px minmax(0, 1fr) 48px; gap: var(--ga-space-200); }
  .ga-pp-art--sm { inline-size: 56px; }
  .ga-pp-art--sm .ga-pp-art__n { font-size: 18px; }
  .ga-pp-row__time { display: none; }
  .ga-pp-row__title { font: var(--ga-type-heading-h4); }
  .ga-pp-play { inline-size: 48px; block-size: 48px; }
  .ga-pp-row::before { inset-inline-start: calc(-1 * var(--ga-space-100)); }
  .ga-pp-about__grid { padding: var(--ga-space-400) var(--ga-space-300); }
  .ga-pp-about__title { font: var(--ga-type-heading-h1); }
  .ga-pp-about__title span { font-size: 110px; }
  .ga-pp-about__lead { font: var(--ga-type-body-large); }
  .ga-pp-more__list { grid-template-columns: minmax(0, 1fr); }
  .ga-pp-more__list li + li { border-inline-start: 0; border-block-start: 1px solid var(--ga-border-default); }
  .ga-pp-more__link { padding: var(--ga-space-200) 0; }
  .ga-pp-close__panel { padding: var(--ga-space-500) var(--ga-space-300) var(--ga-space-800); border-radius: 24px; }
  .ga-pp-close__title { white-space: normal; font: var(--ga-type-heading-h1); }
  .ga-pp-close__panel .ga-btn { inline-size: 100%; }
  .ga-pp-player__controls [data-pp-skip] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ga-pp-player { transition: none; }
  .ga-pp-row.is-skeleton span, .ga-pp-row.is-skeleton i { animation: none; }
}