/* Encrypted Ambition hub, petronellatech.com/podcasts/ (design v2, 2026-09-18).
Served as /podcasts/assets/ea-hub.css and loaded by the page body's own , so colours here apply.
2. master.css sets `#content h1..h6, #content p {padding:10px}`, `#content ul,ol {margin-left:20px;
padding-left:20px}`, `#content ul li {list-style:inside}`, `#content img {margin:auto !important;
height:auto; display:block}`, and the template inlines `#content h1 {font-size:36px !important}`,
`#content h2 {font-size:32px !important}` and an underline on every `#content a`. All of it sits
at ID specificity, so every override below is written `#content .eah ...`, with !important only
where the site used it first.
master.css also carries a bare `img {max-width:100% !important; height:auto !important}`, so a
cover-cropped thumbnail needs `height:100% !important` or it letterboxes inside its box.
3. The site owns the bottom edge on phones (sticky call bar, chat bubble bottom right, accessibility
button bottom left). Nothing here is fixed or sticky to the viewport.
homepage.css arrives async (media=print swap), so this file never depends on it: the few ptg-*
classes kept in the markup are fully defined here. */
.eah{--eah-cyan:#00A9E0;--eah-cyan-hi:#5fd0f5;--eah-cyan-soft:rgba(0,169,224,.14);--eah-ink:#f0f0f0;
--eah-text:rgba(240,240,240,.82);--eah-dim:rgba(240,240,240,.6);--eah-line:rgba(255,255,255,.09);
--eah-line-2:rgba(255,255,255,.16);--eah-glass:rgba(255,255,255,.035);--eah-panel:#0e1526;--eah-bg:#0a0a0f;
--eah-ease:cubic-bezier(.2,.8,.2,1)}
.eah-page{position:relative;color:var(--eah-text);font-family:var(--font-body,'Manrope',system-ui,sans-serif);
font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}
.eah-page *,.eah-page *::before,.eah-page *::after{box-sizing:border-box}
.eah [hidden]{display:none !important}
.eah-vh{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* ---- put the page back on its own grid (trap 2) ---- */
#content .eah h1,#content .eah h2,#content .eah h3,#content .eah h4,#content .eah p{padding:0;margin:0}
#content .eah ul,#content .eah ol{margin:0;padding:0;list-style:none}
#content .eah li{list-style:none}
#content .eah img{margin:0 !important;padding:0;max-width:100%}
#content .eah h1,#content .eah h2,#content .eah h3,#content .eah h4{font-family:var(--font-heading,'Manrope',system-ui,sans-serif);
color:var(--eah-ink);font-weight:700;letter-spacing:-.02em;text-wrap:balance}
#content .eah p,#content .eah li{font-size:1rem;line-height:1.7}
#content .eah a{color:var(--eah-cyan);text-decoration:none !important;transition:color .15s}
#content .eah a:hover{color:var(--eah-cyan-hi)}
#content .eah p:not(.eah-links) a:not([class]),#content .eah li:not(.eah-ep) a:not([class]){text-decoration:underline !important;
text-decoration-color:rgba(0,169,224,.45) !important;text-underline-offset:3px}
#content .eah p:not(.eah-links) a:not([class]):hover,#content .eah li:not(.eah-ep) a:not([class]):hover{text-decoration-color:currentColor !important}
.eah :focus-visible{outline:2px solid var(--eah-cyan);outline-offset:3px;border-radius:8px}
/* ---- containers, sections, section headers ---- */
.eah .eah-c,.eah .ptg-container{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px);position:relative;z-index:1}
.eah .eah-sec,.eah .ptg-section,.eah .ptg-podcast-cta{position:relative;padding:clamp(56px,7.5vw,104px) 0;background:none}
.eah .eah-sec--tint,.eah .ptg-section--surface1{background:linear-gradient(180deg,rgba(17,27,51,.62),rgba(17,27,51,.26));
border-top:1px solid var(--eah-line);border-bottom:1px solid var(--eah-line)}
.eah .ptg-section-header{max-width:820px;margin:0 0 clamp(28px,4vw,48px);text-align:left}
.eah .ptg-label{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:700 .75rem/1 var(--font-body,inherit);
letter-spacing:.18em;text-transform:uppercase;color:var(--eah-cyan)}
.eah .ptg-label::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--eah-cyan)}
#content .eah h2,#content .eah .ptg-h2{display:block;font-size:clamp(1.65rem,3.2vw,2.5rem) !important;line-height:1.12;
font-weight:800;letter-spacing:-.03em;margin:0}
.eah .ptg-h2::after{content:none !important}
#content .eah .ptg-section-sub{max-width:68ch;margin:16px 0 0;font-size:clamp(1rem,1.1vw,1.1rem);color:var(--eah-text)}
/* ---- buttons ---- */
.eah .eah-btn,.eah .ptg-btn-primary,.eah .ptg-btn-secondary{display:inline-flex !important;align-items:center;justify-content:center;gap:10px;
min-height:52px;padding:0 22px;border-radius:14px;border:1px solid var(--eah-line-2);background:rgba(255,255,255,.045);
color:var(--eah-ink) !important;font:700 1rem/1.2 var(--font-body,inherit);letter-spacing:-.005em;cursor:pointer;width:auto;max-width:none;
box-shadow:none;backdrop-filter:blur(8px);transition:transform .2s var(--eah-ease),border-color .2s,background .2s,box-shadow .2s}
.eah .eah-btn:hover,.eah .ptg-btn-secondary:hover{border-color:var(--eah-cyan);background:var(--eah-cyan-soft);transform:translateY(-2px)}
.eah .eah-btn--main,.eah .ptg-btn-primary{background:var(--eah-cyan);border-color:var(--eah-cyan);color:#04131b !important;
box-shadow:0 10px 30px rgba(0,169,224,.28)}
.eah .eah-btn--main:hover,.eah .ptg-btn-primary:hover{background:#2cc0f2;border-color:#2cc0f2;transform:translateY(-2px);box-shadow:0 14px 38px rgba(0,169,224,.4)}
.eah .eah-btn--ghost{background:none}
.eah .eah-i{flex:none;width:22px;height:22px}
.eah-subscribe{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.eah-subscribe .eah-btn--main,.eah-subscribe .eah-btn--ghost{grid-column:1/-1}
@media(min-width:560px){.eah-subscribe{display:flex;flex-wrap:wrap;gap:12px}.eah-subscribe--center{justify-content:center}}
/* ---- hero ---- */
.eah-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(36px,5.5vw,84px) 0 clamp(44px,6vw,92px);
border-bottom:1px solid var(--eah-line)}
.eah-hero::before{content:"";position:absolute;inset:0;z-index:-2;
background:radial-gradient(60% 85% at 10% 0%,rgba(0,169,224,.22),transparent 62%),
radial-gradient(42% 70% at 96% 28%,rgba(86,78,214,.16),transparent 66%),linear-gradient(180deg,#0b1324 0%,var(--eah-bg) 100%)}
.eah-hero::after{content:"";position:absolute;inset:0;z-index:-1;
background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
background-size:56px 56px;-webkit-mask-image:radial-gradient(65% 90% at 72% 42%,#000 0,transparent 78%);
mask-image:radial-gradient(65% 90% at 72% 42%,#000 0,transparent 78%)}
.eah-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}
.eah-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 15px;border-radius:999px;
border:1px solid rgba(255,255,255,.18);background:rgba(11,13,18,.5);backdrop-filter:blur(8px);
font:600 .75rem/1 var(--font-body,inherit);letter-spacing:.16em;text-transform:uppercase;color:var(--eah-ink)}
.eah-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--eah-cyan);box-shadow:0 0 0 4px var(--eah-cyan-soft)}
#content .eah h1.eah-h1{font-size:clamp(2.55rem,6.6vw,5.1rem) !important;line-height:1.04;font-weight:800;letter-spacing:-.045em;margin:0}
.eah-h1__name{display:block;background:linear-gradient(100deg,#fff 30%,#9fe3fb 100%);-webkit-background-clip:text;background-clip:text;
color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.08em}
.eah-h1__tag{display:block;margin-top:14px;font-size:clamp(1.12rem,2.1vw,1.7rem);line-height:1.25;font-weight:600;letter-spacing:-.015em;
color:var(--eah-cyan-hi)}
#content .eah p.eah-hero__sub{max-width:60ch;margin:22px 0 30px;font-size:clamp(1.02rem,1.2vw,1.16rem);line-height:1.72;color:var(--eah-text)}
#content .eah p.eah-hero__also{margin:18px 0 0;font-size:.94rem;color:var(--eah-dim)}
.eah-hero__art{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:stretch}
.eah-stack{display:none}
#content .eah img.eah-artwork{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:18px;
box-shadow:0 0 0 1px rgba(255,255,255,.12),0 24px 60px rgba(0,0,0,.55)}
#content .eah a.eah-now{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:14px 16px;border-radius:18px;
background:rgba(13,20,38,.9);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);color:var(--eah-ink);
transition:border-color .2s,transform .25s var(--eah-ease)}
#content .eah a.eah-now:hover{border-color:var(--eah-cyan);transform:translateY(-2px);color:var(--eah-ink)}
.eah-now__label{display:flex;align-items:center;gap:9px;font:700 .7rem/1 var(--font-body,inherit);letter-spacing:.16em;text-transform:uppercase;color:var(--eah-cyan-hi)}
#content .eah .eah-now .eah-meta{flex-wrap:nowrap;white-space:nowrap;font-size:.74rem;letter-spacing:.03em}
.eah-now__title{font:700 1rem/1.35 var(--font-heading,inherit);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:1000px){
.eah-hero__grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(48px,6vw,96px)}
.eah-hero__art{display:block;width:min(100%,430px);margin:0 auto 72px}
#content .eah img.eah-artwork{position:relative;z-index:2;border-radius:28px;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 44px 100px rgba(0,0,0,.65),0 0 120px rgba(0,169,224,.16)}
.eah-stack{display:block}
#content .eah img.eah-stack__img{position:absolute;z-index:1;width:64%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;
border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px rgba(0,0,0,.6);filter:saturate(.9) brightness(.82)}
#content .eah img.eah-stack__img--1{top:-9%;right:-7%;transform:rotate(6deg)}
#content .eah img.eah-stack__img--2{bottom:9%;left:-16%;transform:rotate(-7deg)}
#content .eah a.eah-now{position:absolute;z-index:3;left:6%;right:0;bottom:-72px;padding:16px 20px;box-shadow:0 22px 56px rgba(0,0,0,.6)}
#content .eah a.eah-now:hover{transform:translateY(-3px)}
}
@media(min-width:1280px){
#content .eah img.eah-stack__img--1{right:-19%}
#content .eah img.eah-stack__img--2{left:-22%}
#content .eah a.eah-now{left:10%;right:-10%}
}
/* ---- shared episode parts: thumbnail, tag, meta, links ---- */
.eah-thumb{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:12px;background:#0d1730;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
#content .eah .eah-thumb img{position:absolute;inset:0;display:block;width:100%;height:100% !important;object-fit:cover;
transition:transform .6s var(--eah-ease)}
.eah-thumb::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);pointer-events:none}
/* no episode page and no article image: the show artwork on a tile. Pure CSS, so it cannot break. */
.eah-thumb--art{background:radial-gradient(90% 120% at 15% 0%,rgba(0,169,224,.3),transparent 60%),linear-gradient(135deg,#101b38,#0a0f1d)}
.eah-thumb--art::before{content:"";position:absolute;top:13%;bottom:13%;left:50%;aspect-ratio:1;transform:translateX(-50%);border-radius:12%;
background:url(/inc/files/editor/image/books/encrypted-ambition-podcast.jpeg) center/cover no-repeat;box-shadow:0 10px 26px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.14)}
.eah-tag{position:absolute;z-index:2;top:14px;left:14px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;
background:rgba(7,11,20,.8);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);color:#fff;
font:700 .7rem/1 var(--font-body,inherit);letter-spacing:.14em;text-transform:uppercase}
.eah-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--eah-cyan)}
.eah-tag--ransomware::before{background:#ff6b6b}.eah-tag--hipaa::before{background:#34d399}.eah-tag--nist::before{background:#fbbf24}
.eah-tag--ai::before{background:#a78bfa}.eah-tag--identity::before{background:#fff}
#content .eah p.eah-meta,.eah .eah-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.82rem;line-height:1.4;font-weight:600;
letter-spacing:.045em;text-transform:uppercase;color:var(--eah-dim)}
.eah-meta span::before{content:"";display:inline-block;width:3px;height:3px;margin:0 10px 3px 0;border-radius:50%;background:currentColor;opacity:.7}
#content .eah p.eah-links{display:flex;flex-wrap:wrap;gap:2px 18px;font-size:.92rem;line-height:1.3;font-weight:600}
#content .eah .eah-links a{position:relative;z-index:2;display:inline-block;padding:7px 0;color:var(--eah-cyan)}
#content .eah .eah-links a:hover{color:var(--eah-cyan-hi);text-decoration:underline !important;text-underline-offset:4px}
/* the title link covers the whole card; the other links sit above it */
.eah-stretch::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.eah .eah-stretch:focus-visible{outline:none}
.eah .eah-stretch:focus-visible::after{outline:2px solid var(--eah-cyan);outline-offset:-2px}
/* ---- featured cards ---- */
.eah-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.eah-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:20px;overflow:hidden;background:var(--eah-panel);
border:1px solid var(--eah-line);transition:transform .35s var(--eah-ease),border-color .25s,box-shadow .35s}
.eah-card:hover{transform:translateY(-4px);border-color:rgba(0,169,224,.45);box-shadow:0 26px 60px rgba(0,0,0,.5)}
.eah-card:hover .eah-thumb img,.eah-ep:hover .eah-thumb img{transform:scale(1.045)}
.eah-card__media{position:relative;flex:none}
.eah-card .eah-thumb--card{border-radius:0;box-shadow:none}
.eah-card .eah-thumb--card::after{box-shadow:none;background:linear-gradient(180deg,transparent 55%,rgba(14,21,38,.55))}
.eah-card__body{display:flex;flex-direction:column;gap:12px;flex:1;padding:22px 22px 18px}
#content .eah h3.eah-card__title{font-size:1.16rem;line-height:1.3;font-weight:700}
#content .eah .eah-card__title a{color:var(--eah-ink)}
#content .eah .eah-card:hover .eah-card__title a{color:var(--eah-cyan-hi)}
#content .eah p.eah-card__blurb{font-size:.96rem;line-height:1.62;color:var(--eah-text)}
.eah-card .eah-meta{margin-top:auto !important;padding-top:6px}
#content .eah .eah-card:not(.eah-card--lead) h3.eah-card__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:680px){.eah-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.eah-card--lead,.eah-card:last-child:nth-child(even){grid-column:1/-1}}
@media(min-width:860px){
.eah-card--lead{flex-direction:row;align-items:stretch}
.eah-card--lead .eah-card__media{position:relative;flex:0 0 56%;min-height:400px}
.eah-card--lead .eah-thumb--card{position:absolute;inset:0;aspect-ratio:auto}
.eah-card--lead .eah-thumb--card::after{background:linear-gradient(90deg,transparent 70%,rgba(14,21,38,.6))}
.eah-card--lead .eah-card__body{justify-content:center;padding:clamp(26px,3vw,44px);gap:16px}
.eah-card--lead .eah-meta{margin-top:0 !important}
#content .eah .eah-card--lead h3.eah-card__title{font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.16;letter-spacing:-.03em;font-weight:800}
#content .eah .eah-card--lead p.eah-card__blurb{font-size:1.02rem}}
@media(min-width:1040px){.eah-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.eah-card{grid-column:span 2}
.eah-card--lead,.eah-card--lead:last-child{grid-column:1/-1}
.eah-card--wide,.eah-card--wide:last-child:nth-child(even){grid-column:span 3}
.eah-card--wide .eah-thumb--card{aspect-ratio:2/1}}
/* ---- archive ---- */
.eah-tools{display:grid;gap:14px;margin:0 0 18px}
.eah-search{position:relative;min-width:0}
.eah .eah-search__i{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--eah-dim);pointer-events:none}
#content .eah input#eah-q{display:block;width:100%;height:54px;margin:0;padding:0 16px 0 48px;border-radius:14px;border:1px solid var(--eah-line-2);
background:rgba(255,255,255,.05);color:var(--eah-ink);font:500 16px/1 var(--font-body,inherit);box-shadow:none;-webkit-appearance:none;appearance:none}
#content .eah input#eah-q::placeholder{color:var(--eah-dim);opacity:1}
#content .eah input#eah-q:focus{outline:2px solid var(--eah-cyan);outline-offset:2px;border-color:var(--eah-cyan);background:rgba(0,169,224,.07)}
.eah-kinds{display:flex;flex-wrap:wrap;gap:8px}
#content .eah button.eah-chip{min-height:44px;margin:0;padding:0 16px;border-radius:999px;border:1px solid var(--eah-line-2);background:none;color:var(--eah-text);
font:600 .9rem/1 var(--font-body,inherit);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
#content .eah button.eah-chip:hover{border-color:var(--eah-cyan);color:var(--eah-ink)}
#content .eah button.eah-chip[aria-pressed="true"]{background:var(--eah-cyan);border-color:var(--eah-cyan);color:#04131b}
@media(min-width:860px){.eah-tools{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}}
.eah-archivebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin:0 0 6px}
.eah-years{display:flex;flex-wrap:wrap;gap:6px}
#content .eah .eah-years a{display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border-radius:10px;border:1px solid var(--eah-line);
color:var(--eah-text);font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums}
#content .eah .eah-years a:hover{border-color:var(--eah-cyan);color:var(--eah-ink);background:var(--eah-cyan-soft)}
#content .eah p.eah-count{font-size:.88rem;color:var(--eah-dim);font-variant-numeric:tabular-nums}
#content .eah p.eah-empty{margin:28px 0 0;padding:26px;border:1px dashed var(--eah-line-2);border-radius:16px;text-align:center;color:var(--eah-text)}
#content .eah button.eah-linkbtn{margin:0 0 0 6px;padding:6px 2px;border:0;background:none;color:var(--eah-cyan);font:600 1rem/1.2 var(--font-body,inherit);
text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.eah-year{scroll-margin-top:120px}
.eah-year__bar{display:flex;align-items:baseline;gap:16px;padding:30px 0 14px;border-bottom:1px solid var(--eah-line-2);cursor:pointer;list-style:none;
-webkit-tap-highlight-color:transparent}
.eah-year__bar::-webkit-details-marker{display:none}
.eah-year__bar::marker{content:""}
#content .eah h3.eah-year__h{display:flex;align-items:baseline;gap:12px;font-size:.8rem;line-height:1;font-weight:700;letter-spacing:.18em;
text-transform:uppercase;color:var(--eah-dim)}
.eah-year__num{font:800 clamp(2.1rem,4.6vw,3.2rem)/1 var(--font-heading,inherit);letter-spacing:-.04em;color:transparent;
-webkit-text-stroke:1.5px var(--eah-cyan);font-variant-numeric:tabular-nums;transition:color .25s}
.eah-year__bar:hover .eah-year__num,.eah-year[open] .eah-year__num{color:rgba(0,169,224,.16)}
.eah-year__n{margin-left:auto;font-size:.85rem;font-weight:600;color:var(--eah-dim);font-variant-numeric:tabular-nums}
.eah-year__chev{flex:none;align-self:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--eah-line-2);position:relative;transition:border-color .2s,background .2s}
.eah-year__n:empty+.eah-year__chev{margin-left:auto}
.eah-year__chev::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-7px 0 0 -5px;border-right:2px solid var(--eah-ink);
border-bottom:2px solid var(--eah-ink);transform:rotate(45deg);transition:transform .25s var(--eah-ease),margin .25s}
.eah-year[open] .eah-year__chev::before{transform:rotate(225deg);margin-top:-2px}
.eah-year__bar:hover .eah-year__chev{border-color:var(--eah-cyan);background:var(--eah-cyan-soft)}
.eah .eah-year__bar:focus-visible{outline:2px solid var(--eah-cyan);outline-offset:4px;border-radius:10px}
#content .eah ul.eah-list{display:grid;grid-template-columns:minmax(0,1fr);column-gap:48px}
#content .eah li.eah-ep{position:relative;display:grid;grid-template-columns:116px minmax(0,1fr);gap:14px;align-items:start;padding:16px 0;
border-bottom:1px solid var(--eah-line);border-radius:0;transition:background .2s}
.eah-ep__body{display:flex;flex-direction:column;gap:6px;min-width:0}
#content .eah h4.eah-ep__title{font-size:1rem;line-height:1.36;font-weight:700;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;
-webkit-box-orient:vertical;overflow:hidden}
#content .eah .eah-ep__title a{color:var(--eah-ink)}
#content .eah .eah-ep:hover .eah-ep__title a{color:var(--eah-cyan-hi)}
.eah-ep .eah-meta{font-size:.76rem !important}
.eah-ep .eah-links{font-size:.88rem !important}
@media(min-width:600px){#content .eah li.eah-ep{grid-template-columns:184px minmax(0,1fr);gap:20px;padding:18px 0}
#content .eah h4.eah-ep__title{font-size:1.06rem}}
@media(min-width:1040px){#content .eah ul.eah-list{grid-template-columns:repeat(2,minmax(0,1fr))}
#content .eah li.eah-ep{grid-template-columns:168px minmax(0,1fr)}}
/* ---- listen anywhere ---- */
.eah-listen{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.eah-listen__side{display:contents}
.eah-listen__player{order:1;padding:10px;border-radius:22px;background:var(--eah-panel);border:1px solid var(--eah-line)}
.eah-listen__list{order:2;display:grid;gap:12px}
.eah-plat--rss{order:3}
/* Apple's show card keeps one shape (height is about 0.565 of its width, measured at 390, 438, 650 and 750px),
so the frame follows its width instead of reserving 450px of empty panel under it */
#content .eah .eah-listen__player iframe{display:block;width:100%;max-width:none;height:450px;border:0;border-radius:14px;background:transparent}
@supports (aspect-ratio:1){#content .eah .eah-listen__player iframe{height:auto;min-height:216px;aspect-ratio:1000/572}}
#content .eah a.eah-plat{display:grid;grid-template-columns:48px minmax(0,1fr) 22px;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;
background:var(--eah-glass);border:1px solid var(--eah-line);color:var(--eah-text);transition:border-color .2s,background .2s,transform .25s var(--eah-ease)}
#content .eah a.eah-plat:hover{border-color:rgba(0,169,224,.5);background:rgba(0,169,224,.06);transform:translateY(-3px);color:var(--eah-text)}
.eah .eah-plat__i{width:48px;height:48px;padding:12px;border-radius:14px;background:var(--eah-cyan-soft);color:var(--eah-cyan-hi)}
.eah .eah-plat__go{width:20px;height:20px;color:var(--eah-dim);transition:transform .25s var(--eah-ease),color .2s}
.eah-plat:hover .eah-plat__go{transform:translateX(3px);color:var(--eah-cyan-hi)}
#content .eah .eah-plat h3{font-size:1.05rem;line-height:1.3;margin:0 0 4px}
#content .eah .eah-plat p{font-size:.93rem;line-height:1.55;color:var(--eah-dim)}
@media(min-width:1000px){.eah-listen{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px}
.eah-listen__side{display:grid;gap:16px}
.eah-listen__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
#content .eah .eah-listen__list a.eah-plat{grid-template-columns:48px minmax(0,1fr) 22px;grid-template-rows:auto 1fr;align-items:start;padding:22px;row-gap:16px}
.eah-listen__list .eah-plat__txt{grid-column:1/-1;grid-row:2}
.eah-listen__list .eah-plat__go{grid-column:3;grid-row:1;align-self:center}}
/* ---- about ---- */
.eah .ptg-podcast-about{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:start}
#content .eah .ptg-podcast-about__content p{margin:0 0 18px;font-size:1.04rem;line-height:1.78;color:var(--eah-text)}
#content .eah .ptg-podcast-about__content p:first-child{font-size:1.18rem;line-height:1.7;color:var(--eah-ink)}
.eah .ptg-podcast-about__sidebar{display:grid;gap:16px}
.eah .ptg-glass-card{position:relative;padding:26px;border-radius:18px;background:var(--eah-panel);border:1px solid var(--eah-line);box-shadow:none;overflow:hidden}
.eah .ptg-glass-card::before,.eah .ptg-glass-card::after{content:none}
#content .eah .ptg-glass-card h3{font-size:.78rem;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--eah-cyan-hi);margin:0 0 16px}
#content .eah .ptg-glass-card li{position:relative;padding:9px 0 9px 22px;border-top:1px solid var(--eah-line);font-size:.97rem;line-height:1.5;color:var(--eah-text)}
#content .eah .ptg-glass-card li:first-child{border-top:0}
#content .eah .ptg-glass-card li::before{content:"";position:absolute;left:2px;top:1.05em;width:8px;height:2px;border-radius:2px;background:var(--eah-cyan)}
@media(min-width:960px){.eah .ptg-podcast-about{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:64px}}
/* ---- guests ---- */
.eah .ptg-podcast-guests__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;counter-reset:eahg}
.eah .ptg-podcast-guest-card{counter-increment:eahg;position:relative;padding:26px 26px 24px;border-radius:18px;background:var(--eah-glass);
border:1px solid var(--eah-line);transition:border-color .2s,background .2s}
.eah .ptg-podcast-guest-card:hover{border-color:rgba(0,169,224,.4);background:rgba(0,169,224,.045)}
.eah .ptg-podcast-guest-card::before{content:counter(eahg,decimal-leading-zero);display:block;margin:0 0 16px;font:800 2rem/1 var(--font-heading,inherit);
letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px var(--eah-cyan)}
#content .eah .ptg-podcast-guest-card h3{font-size:1.14rem;line-height:1.3;margin:0 0 6px}
.eah .ptg-podcast-guest-card__role{display:block;margin:0 0 12px;font:700 .72rem/1.4 var(--font-body,inherit);letter-spacing:.12em;text-transform:uppercase;color:var(--eah-cyan-hi)}
#content .eah .ptg-podcast-guest-card p{font-size:.95rem;line-height:1.65;color:var(--eah-text)}
@media(min-width:680px){.eah .ptg-podcast-guests__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(min-width:1040px){.eah .ptg-podcast-guests__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* ---- subscribe band ---- */
.eah .ptg-podcast-cta{padding-top:0}
.eah .ptg-podcast-cta__inner{position:relative;max-width:920px;margin:0 auto;padding:clamp(32px,5vw,64px) clamp(22px,5vw,64px);border-radius:28px;text-align:center;
border:1px solid rgba(0,169,224,.32);background:radial-gradient(120% 150% at 50% 0%,rgba(0,169,224,.2),transparent 62%),var(--eah-panel);overflow:hidden}
.eah .ptg-podcast-cta__inner::before,.eah .ptg-podcast-cta__inner::after{content:none}
.eah .ptg-podcast-cta__inner .ptg-label{justify-content:center}
.eah .ptg-podcast-cta__inner .ptg-label::before{content:none}
#content .eah .ptg-podcast-cta__inner p{max-width:62ch;margin:16px auto 28px;color:var(--eah-text)}
/* ---- related services, call strip, why, FAQ, closing ---- */
.eah .eah-related,.eah .eah-callstrip{padding:0;text-align:center}
.eah .eah-related>div,.eah .eah-callstrip>div{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
#content .eah .eah-related h3{margin:0 0 18px;font-size:.78rem;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--eah-dim)}
.eah .eah-related>div>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
#content .eah .eah-related a{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--eah-line-2);
background:var(--eah-glass);color:var(--eah-ink);font-weight:600;font-size:.95rem}
#content .eah .eah-related a:hover{border-color:var(--eah-cyan);background:var(--eah-cyan-soft)}
#content .eah .eah-callstrip p{margin:22px auto 0;font-size:.98rem;color:var(--eah-dim)}
#content .eah .eah-callstrip a{font-weight:700}
#content .eah .eah-why p{max-width:86ch}
#content .eah .eah-why h2,#content .eah .eah-faq h2,#content .eah .eah-final h2{margin:0 0 28px}
#content .eah .eah-why p{margin:0 0 16px;font-size:1.03rem;line-height:1.78;color:var(--eah-text)}
.eah .eah-faq{padding-top:0}
.eah .eah-faq .ptg-container>div{margin:0 0 14px;padding:22px 24px;border-radius:16px;background:var(--eah-glass);border:1px solid var(--eah-line);break-inside:avoid}
#content .eah .eah-faq h3{font-size:1.06rem;line-height:1.4;margin:0 0 10px}
#content .eah .eah-faq p{font-size:.97rem;line-height:1.68;color:var(--eah-text);overflow-wrap:anywhere}
@media(min-width:960px){.eah .eah-faq .ptg-container{columns:2;column-gap:20px}#content .eah .eah-faq h2{column-span:all}}
.eah .eah-final{padding-top:0;text-align:center}
.eah .eah-final .ptg-container{max-width:900px}
#content .eah .eah-final p{margin:0 auto 28px;color:var(--eah-text)}
.eah .eah-final .ptg-container>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
/* ---- phones. Kept last so these win over the base rules above at equal specificity. ---- */
@media(max-width:679px){
.eah-cards{display:flex;gap:14px;margin:0 -20px;padding:4px 20px 18px;overflow-x:auto;scroll-snap-type:x mandatory;
scroll-padding:0 20px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
.eah-card{flex:0 0 84%;scroll-snap-align:start}
.eah-card:hover{transform:none}
#content .eah p.eah-card__blurb{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
#content .eah p.eah-links{gap:0 16px;font-size:.88rem}}
@media(max-width:599px){
.eah li.eah-ep .eah-ep__body{display:contents}
#content .eah a.eah-plat{align-items:start}
#content .eah li.eah-ep{row-gap:4px;grid-template-rows:auto 1fr auto}
#content .eah button.eah-chip{min-height:42px;padding:0 13px;font-size:.84rem}
.eah-kinds{gap:6px}
.eah-ep .eah-thumb{grid-row:1/span 2}
#content .eah h4.eah-ep__title,.eah-ep .eah-meta{grid-column:2}
#content .eah .eah-ep p.eah-links{grid-column:1/-1;margin-top:2px}}
/* ---- one orchestrated entrance, then stillness ---- */
@media(prefers-reduced-motion:no-preference){
.eah-hero__copy>*,.eah-hero__art{opacity:0;transform:translateY(16px);animation:eah-rise .8s var(--eah-ease) forwards}
.eah-hero__copy>*:nth-child(2){animation-delay:.07s}.eah-hero__copy>*:nth-child(3){animation-delay:.14s}
.eah-hero__copy>*:nth-child(4){animation-delay:.21s}.eah-hero__copy>*:nth-child(5){animation-delay:.28s}
.eah-hero__art{animation-delay:.2s}
@keyframes eah-rise{to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.eah *,.eah *::before,.eah *::after{transition:none !important;animation:none !important}}