/* Podcast analytics — additions on top of hosting-editorial.css (editorial website norm, springcast-design-system 0f5c5b6).
   Shares the .ph- page primitives with the hosting page for site-wide consistency; analytics-only parts carry the prefix .pa-. */

/* Three questions that route into the chapters */
.pa-questions{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--sc-border);counter-reset:q}
.pa-questions li{border-bottom:1px solid var(--sc-border);counter-increment:q}
.pa-questions a{display:grid;grid-template-columns:2.5rem 1fr;gap:.25rem 1rem;padding:1.5rem 0;text-decoration:none;color:inherit}
.pa-questions a::before{content:counter(q,decimal-leading-zero);grid-row:span 2;font:500 .75rem/2.5rem var(--sc-font-mono);color:var(--sc-bg-brand);border:1px solid var(--sc-border);border-radius:50%;width:2.5rem;height:2.5rem;text-align:center}
.pa-questions strong{font:600 clamp(1.25rem,1.8vw,1.5rem)/1.2 var(--sc-font-display);letter-spacing:-.03em;color:var(--sc-fg-heading)}
.pa-questions span{color:var(--sc-fg-muted);font-size:.9375rem;line-height:1.6}
.pa-questions a:hover strong{color:var(--sc-bg-brand)}
.pa-questions a:focus-visible{outline:3px solid var(--sc-focus-ring);outline-offset:4px;border-radius:var(--sc-radius-lg)}

/* Schematic figures: HTML text so labels stay legible at every width */
.pa-diagram{margin:0;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--sc-border);border-radius:var(--sc-editorial-feature-radius);background:var(--sc-bg-canvas)}
.pa-diagram__label{font:500 .6875rem/1.6 var(--sc-font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--sc-fg-muted);margin:0}
.pa-diagram__title{font:600 1.125rem/1.3 var(--sc-font-display);letter-spacing:-.02em;color:var(--sc-fg-heading);margin:.5rem 0 0;max-width:34ch}
.pa-diagram figcaption{margin-top:1.25rem}

/* Episode Health: relative scale around 1.0 */
.pa-scale__track{position:relative;margin-top:4.5rem;height:2px;background:linear-gradient(90deg,var(--sc-fg-muted),var(--sc-bg-brand))}
.pa-scale__normal{position:absolute;left:50%;bottom:1.75rem;transform:translateX(-50%);white-space:nowrap;font:500 .6875rem/1.4 var(--sc-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sc-fg-heading)}
.pa-scale__track::after{content:"";position:absolute;left:50%;top:-1.5rem;height:1.5rem;border-left:1px dashed var(--sc-fg-muted)}
.pa-scale__track ol{list-style:none;margin:0;padding:0}
.pa-scale__mark{position:absolute;left:var(--x);top:0;transform:translateX(-50%);display:grid;justify-items:center;gap:.125rem;padding-top:.75rem;width:max-content;text-align:center}
.pa-scale__dot{position:absolute;top:-.4375rem;left:50%;transform:translateX(-50%);width:.875rem;height:.875rem;border-radius:50%;background:var(--sc-bg-canvas);border:2px solid var(--sc-bg-brand)}
.pa-scale__mark.is-normal .pa-scale__dot{background:var(--sc-bg-brand)}
.pa-scale__name{font-size:.8125rem;font-weight:600;color:var(--sc-fg-heading);line-height:1.3;white-space:nowrap;overflow-wrap:normal}
.pa-scale__value{font:500 .8125rem/1.3 var(--sc-font-mono);color:var(--sc-bg-brand)}
.pa-scale__ends{display:flex;justify-content:space-between;gap:1rem;margin-top:4.5rem;font:500 .6875rem/1.4 var(--sc-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sc-fg-muted)}

/* Referral Lift: baseline window, post, 24 hours after */
.pa-lift{margin-top:1.5rem;background:var(--sc-bg-canvas)}
.pa-lift__track{display:grid;grid-template-columns:minmax(0,3fr) auto minmax(0,1.2fr);align-items:stretch;margin-top:1.5rem;min-height:5.5rem}
.pa-lift__base,.pa-lift__window{display:flex;align-items:flex-end;padding:.75rem;border-radius:var(--sc-radius-lg);font-size:.8125rem;line-height:1.35;font-weight:600;color:var(--sc-fg-heading)}
.pa-lift__base{background:repeating-linear-gradient(135deg,var(--sc-bg-subtle) 0 8px,var(--sc-bg-canvas) 8px 12px);border:1px solid var(--sc-border);position:relative;padding-top:1.75rem}
.pa-lift__base::before{content:"";position:absolute;left:.75rem;right:.75rem;top:.875rem;border-top:2px dashed var(--sc-fg-muted)}
.pa-lift__window{background:var(--sc-palette-petrol-100)}
.pa-lift__post{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 .5rem;position:relative;font:500 .6875rem/1.3 var(--sc-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sc-bg-brand);text-align:center}
.pa-lift__post::before{content:"";flex:1;width:2px;background:var(--sc-bg-brand);margin-bottom:.5rem}
.pa-lift__post span{max-width:5rem}

/* Definitions and the full metric list */
.pa-defs{grid-template-columns:1fr}
.pa-more{margin-top:2.5rem}
.pa-more__list{display:grid;grid-template-columns:1fr;gap:1rem 2.5rem;margin:0;padding-bottom:1.5rem}
.pa-more__list dt{font-weight:600;color:var(--sc-fg-heading)}
.pa-more__list dd{margin:.25rem 0 0;color:var(--sc-fg-muted);font-size:.9375rem;line-height:1.7}

/* AI example question */
.pa-prompt{margin:0;padding:clamp(1.5rem,3vw,2.5rem);border-radius:var(--sc-editorial-feature-radius);background:var(--sc-bg-canvas);border:1px solid var(--sc-border)}
.pa-prompt blockquote{margin:1rem 0 0;padding:1rem 1.25rem;border-radius:var(--sc-radius-lg) var(--sc-radius-lg) var(--sc-radius-lg) .25rem;background:var(--sc-palette-iris-50,var(--sc-bg-subtle));color:var(--sc-fg-heading);font:500 clamp(1.0625rem,1.6vw,1.25rem)/1.5 var(--sc-font-body)}
.pa-prompt blockquote p{margin:0}

/* Plans */
.pa-plans{min-width:36rem}
.pa-plans thead th:first-child{width:18%}
.pa-plans thead th:nth-child(2){width:24%}
.pa-plans td{color:var(--sc-fg-muted)}

/* FAQ */
.pa-faq .ph-details+.ph-details{border-top:0}

@media(min-width:48rem){
.pa-defs{grid-template-columns:repeat(2,minmax(0,1fr))}
.pa-more__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:64rem){
.pa-defs{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:47.99rem){
.pa-lift__track{grid-template-columns:1fr;min-height:0;gap:.5rem}
.pa-lift__base,.pa-lift__window{min-height:3.5rem}
.pa-lift__post{flex-direction:row;justify-content:flex-start;padding:.25rem 0}
.pa-lift__post::before{flex:0 0 1.5rem;height:2px;width:auto;margin:0 .5rem 0 0}
.pa-lift__post span{max-width:none}
}

/* Audience Velocity Index: two weeks side by side */
.pa-velocity__rows{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;gap:.875rem}
.pa-velocity__rows li{display:grid;grid-template-columns:6.5rem 1fr;align-items:center;gap:1rem}
.pa-velocity__name{font:500 .6875rem/1.4 var(--sc-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sc-fg-muted)}
.pa-velocity__bar{display:flex;justify-content:flex-end;align-items:center;width:var(--w);min-height:2.5rem;padding:0 .75rem;border-radius:var(--sc-radius-lg);background:var(--sc-bg-subtle);border:1px solid var(--sc-border);box-sizing:border-box}
.pa-velocity__rows li:last-child .pa-velocity__bar{background:var(--sc-palette-petrol-100);border-color:var(--sc-palette-petrol-100)}
.pa-velocity__bar b{font:600 1rem/1 var(--sc-font-mono);color:var(--sc-fg-heading)}
.pa-velocity__unit{margin:.5rem 0 0 7.5rem;font-size:.8125rem;color:var(--sc-fg-muted)}
.pa-velocity__result{margin:1.5rem 0 0;padding-top:1rem;border-top:1px solid var(--sc-border);font:600 1.25rem/1.3 var(--sc-font-display);letter-spacing:-.02em;color:var(--sc-bg-brand)}

/* Attention Score: three inputs combine into one score */
.pa-attention{margin-top:1.5rem}
.pa-attention__flow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.25rem;align-items:center;margin-top:1.5rem}
.pa-attention__flow ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;position:relative}
.pa-attention__flow li{padding:.625rem .75rem;border:1px solid var(--sc-border);border-radius:var(--sc-radius-lg);font-size:.8125rem;line-height:1.4;font-weight:600;color:var(--sc-fg-heading);background:var(--sc-bg-canvas);position:relative}
.pa-attention__flow li::after{content:"";position:absolute;left:100%;top:50%;width:1.25rem;border-top:1.5px solid var(--sc-bg-brand)}
.pa-attention__out{margin:0;display:grid;gap:.25rem;justify-items:start;padding:1rem;border-radius:var(--sc-radius-lg);background:var(--sc-bg-brand);color:var(--sc-fg-on-brand)}
.pa-attention__out b{font:600 1.0625rem/1.2 var(--sc-font-display);overflow-wrap:normal}
.pa-attention__out span{font:500 .8125rem/1.2 var(--sc-font-mono);color:var(--sc-fg-on-brand-muted)}
@media(max-width:29.99rem){
.pa-attention__flow{grid-template-columns:1fr}
.pa-attention__flow li::after{display:none}
.pa-velocity__rows li{grid-template-columns:5rem 1fr}
.pa-velocity__unit{margin-left:6rem}
}
@media(max-width:47.99rem){
.pa-scale__name{font-size:.75rem}
.pa-scale__word{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pa-plans{min-width:0}
.pa-plans thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pa-plans tbody tr{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;padding:1rem 0}
.pa-plans tbody tr>*{padding:0;border:0!important}
.pa-plans tbody tr:not(:last-child){border-bottom:1px solid var(--sc-web-table-rule)}
.pa-plans tbody td:last-child{grid-column:1/-1}
.pa-plans tbody td:nth-child(2){font:500 .75rem/1.9 var(--sc-font-mono);text-transform:uppercase;letter-spacing:.06em}
}
/* Lift and Attention sit side by side only when each figure has room for its three-part layout */
@media(max-width:63.99rem){.pa-page .ph-duo{grid-template-columns:1fr}}

/* Hero motion — listening turns into a trend measured against the show's own normal.
   Left: an audio waveform that keeps playing. Right: a trend line draws itself episode by episode around a dashed
   "your normal" baseline; one episode lands above it. Decorative only (aria-hidden), no figures, no implied cause.
   Every cycle starts and ends on the complete picture, so a paused, no-JS or reduced-motion hero shows the full composition. */
.pa-hero{position:relative;isolation:isolate}
.pa-hero .sc-editorial__hero-copy{position:relative;z-index:1}
.pa-motion{position:absolute;inset:0;z-index:0;pointer-events:none;display:none}
.pa-motion__side{position:absolute;top:clamp(13rem,19vw,17rem);width:clamp(15rem,22vw,26rem);height:auto;overflow:visible}
.pa-motion__side--left{left:clamp(.5rem,2vw,2.5rem);-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent)}
.pa-motion__side--right{right:clamp(.5rem,2vw,2.5rem);-webkit-mask-image:linear-gradient(270deg,#000 70%,transparent);mask-image:linear-gradient(270deg,#000 70%,transparent)}
.pa-motion__baseline{position:absolute;left:0;right:0;top:calc(clamp(13rem,19vw,17rem) + clamp(15rem,22vw,26rem) / 4);border-top:1px dashed var(--sc-border);opacity:.9}
.pa-motion__base{fill:none;stroke:var(--sc-fg-muted);stroke-width:1;stroke-dasharray:3 5;opacity:.45}
.pa-motion__bar{fill:var(--sc-palette-iris-300);opacity:.55;transform-box:fill-box;transform-origin:center}
.pa-motion__line{fill:none;stroke:var(--sc-palette-petrol-500);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.pa-motion__dot{fill:var(--sc-bg-canvas);stroke:var(--sc-palette-petrol-500);stroke-width:2;transform-box:fill-box;transform-origin:center}
.pa-motion__dot.is-high{fill:var(--sc-bg-brand);stroke:var(--sc-bg-brand)}
.pa-motion__ring{fill:none;stroke:var(--sc-bg-brand);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
.pa-motion-strip{margin:1.75rem auto 0;max-width:22.5rem}
.pa-motion-strip svg{display:block;width:100%;height:auto;overflow:visible}
.pa-motion-strip .pa-motion__bar{opacity:.7}
@media(min-width:80rem){.pa-motion{display:block}.pa-motion-strip{display:none}}

@media(prefers-reduced-motion:no-preference){
.pa-motion__bar{animation:pa-bar 1.8s ease-in-out infinite alternate}
.pa-motion__bar:nth-child(3n){animation-duration:1.35s}
.pa-motion__bar:nth-child(3n+1){animation-duration:2.15s;animation-delay:-.6s}
.pa-motion__bar:nth-child(4n){animation-delay:-1.1s}
.pa-motion__bar:nth-child(5n+2){animation-delay:-.3s}
.pa-motion__line{animation:pa-line 10s cubic-bezier(.45,0,.25,1) infinite}
.pa-motion__dot{animation-duration:10s;animation-timing-function:cubic-bezier(.3,1.4,.5,1);animation-iteration-count:infinite}
.pa-motion__ring{animation:pa-ring 10s ease-out infinite}
.pa-hero[data-motion-paused] :is(.pa-motion__bar,.pa-motion__line,.pa-motion__dot,.pa-motion__ring){animation-play-state:paused}
}
@keyframes pa-bar{0%{transform:scaleY(.42)}100%{transform:scaleY(1)}}
@keyframes pa-line{0%,8%{stroke-dashoffset:0;opacity:1}14%{stroke-dashoffset:0;opacity:0}15%{stroke-dashoffset:1;opacity:0}16%{stroke-dashoffset:1;opacity:1}46%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes pa-ring{0%,45%{opacity:0;transform:scale(1)}48%{opacity:.6;transform:scale(1)}62%{opacity:0;transform:scale(3.2)}63%{opacity:0;transform:scale(1)}66%{opacity:.45;transform:scale(1)}80%,100%{opacity:0;transform:scale(3.2)}}
@keyframes pa-dot-1{0%,8%{opacity:1;transform:scale(1)}14%{opacity:0;transform:scale(1)}15%,16.0%{opacity:0;transform:scale(.2)}19.0%,100%{opacity:1;transform:scale(1)}}
.pa-motion__dot--1{animation-name:pa-dot-1}
@keyframes pa-dot-2{0%,8%{opacity:1;transform:scale(1)}14%{opacity:0;transform:scale(1)}15%,19.8%{opacity:0;transform:scale(.2)}22.8%,100%{opacity:1;transform:scale(1)}}
.pa-motion__dot--2{animation-name:pa-dot-2}
@keyframes pa-dot-3{0%,8%{opacity:1;transform:scale(1)}14%{opacity:0;transform:scale(1)}15%,23.5%{opacity:0;transform:scale(.2)}26.5%,100%{opacity:1;transform:scale(1)}}
.pa-motion__dot--3{animation-name:pa-dot-3}
@keyframes pa-dot-4{0%,8%{opacity:1;transform:scale(1)}14%{opacity:0;transform:scale(1)}15%,27.2%{opacity:0;transform:scale(.2)}30.2%,100%{opacity:1;transform:scale(1)}}
.pa-motion__dot--4{animation-name:pa-dot-4}
@keyframes pa-dot-5{0%,8%{opacity:1;transform:scale(1)}14%{opacity:0;transform:scale(1)}15%,31.0%{opacity:0;transform:scale(.2)}34.0%,100%{opacity:1;transform:scale(1)}}
.pa-motion__dot--5{animation-name:pa-dot-5}
@keyframes pa-dot-6{0%,8%{opacity:1;transform:scale(1)}14%{opacity:0;transform:scale(1)}15%,34.8%{opacity:0;transform:scale(.2)}37.8%,100%{opacity:1;transform:scale(1)}}
.pa-motion__dot--6{animation-name:pa-dot-6}
@keyframes pa-dot-7{0%,8%{opacity:1;transform:scale(1)}14%{opacity:0;transform:scale(1)}15%,38.5%{opacity:0;transform:scale(.2)}41.5%,100%{opacity:1;transform:scale(1)}}
.pa-motion__dot--7{animation-name:pa-dot-7}
@keyframes pa-dot-8{0%,8%{opacity:1;transform:scale(1)}14%{opacity:0;transform:scale(1)}15%,42.2%{opacity:0;transform:scale(.2)}45.2%,100%{opacity:1;transform:scale(1)}}
.pa-motion__dot--8{animation-name:pa-dot-8}
@keyframes pa-dot-9{0%,8%{opacity:1;transform:scale(1)}14%{opacity:0;transform:scale(1)}15%,46.0%{opacity:0;transform:scale(.2)}49.0%,100%{opacity:1;transform:scale(1)}}
.pa-motion__dot--9{animation-name:pa-dot-9}