/* Supplied PodPier vNext brand. Scope typography and controls to platform surfaces. */
:root{--pp-charcoal:#0F172A;--pp-orange:#FF6B3D;--pp-sand:#F8F5F2;--pp-slate:#64748B;--pp-indigo:#5B5FF5;--pp-mint:#19B891;--pp-amber:#F59E0B;--pp-border:#E4E7EC;--pp-font:Inter,Arial,"PingFang SC","Microsoft YaHei",sans-serif;--pp-radius:18px;--pp-shadow:0 12px 32px #0F172A09}
.pp-brand.brand{display:inline-flex;align-items:center;gap:7px;color:var(--pp-charcoal);font-family:var(--pp-font);font-weight:800;font-size:25px;line-height:1;letter-spacing:-1.25px;text-decoration:none;flex:none;white-space:nowrap}
.pp-brand .pp-brand-mark{flex:none;width:34px;height:34px}.pp-brand.brand>.pp-brand-name{font:inherit;letter-spacing:inherit;color:inherit;border:0;padding:0;background:none;line-height:1}.global-footer .pp-brand{color:var(--pp-sand);--pp-brand-plate:#0F172A}
:is(.global-nav,.global-home,.global-footer,.global-gallery,.global-info,.onboarding,.planning-page){font-family:var(--pp-font);color:var(--pp-charcoal)}
:is(.global-nav,.global-home,.global-info,.global-gallery,.onboarding,.planning-page) .button{background:var(--pp-orange);border:1px solid var(--pp-orange);color:var(--pp-charcoal);font-family:var(--pp-font);font-size:14px;font-weight:700;border-radius:10px;min-height:46px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;line-height:1.4}
:is(.global-nav,.global-home,.global-info,.global-gallery,.onboarding,.planning-page) .button:hover:not(:disabled){background:#f55e30;border-color:#f55e30}
:is(.global-nav,.global-home,.global-info,.global-gallery,.onboarding,.planning-page) .button.secondary{background:white;border-color:var(--pp-border);color:var(--pp-charcoal)}
:is(.global-nav,.global-home,.global-info,.global-gallery,.onboarding,.planning-page) .button.secondary:hover:not(:disabled){background:#F3F4F6;border-color:#C7D0DC;color:var(--pp-charcoal)}
:is(.global-nav,.global-home,.global-info,.global-gallery,.onboarding,.planning-page) :is(button,a,input,select,textarea,summary):focus-visible,.pp-template-card:has(input:focus-visible){outline:3px solid var(--pp-indigo);outline-offset:4px}
:is(.onboarding,.planning-page) :is(input,select,textarea){font-family:var(--pp-font);font-size:15px;border-radius:10px;border-color:#CBD2DC;color:var(--pp-charcoal)}
:is(.onboarding,.planning-page) .field>span{font-size:14px;font-weight:600}.onboarding .field small,.onboarding .small,.planning-page .small{font-size:13px;line-height:1.65;color:#55647A}.onboarding .check,.planning-page .check{font-size:14px;line-height:1.65}.onboarding .check input,.planning-page .check input{accent-color:var(--pp-charcoal);min-width:18px;min-height:18px}
.pp-onboarding-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:12px;font:13px/1.4 var(--pp-font)}.pp-onboarding-steps li{display:flex;flex-direction:column;gap:10px;align-items:center;color:#68758A;position:relative;text-align:center}.pp-onboarding-steps li:not(:last-child):after{content:"";height:1px;background:#DDE2E8;position:absolute;top:17px;left:calc(50% + 25px);right:calc(-50% + 13px)}.pp-onboarding-steps li>span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#EEF0F4;color:#66748A;font-weight:700;z-index:1}.pp-onboarding-steps li b{font-weight:500}.pp-onboarding-steps .is-current{color:var(--pp-charcoal)}.pp-onboarding-steps .is-current>span{background:var(--pp-charcoal);color:white}.pp-onboarding-steps .is-current b{font-weight:700}.pp-onboarding-steps .is-complete>span{background:#E4F6EF;color:#08684E}
/* Template examples contain actual fictional show content, never skeleton blocks. */
.pp-template-browser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pp-template-card{min-width:0;position:relative;display:block;border:1px solid var(--pp-border);border-radius:16px;padding:12px;background:#FFF;color:var(--pp-charcoal);text-decoration:none;transition:border-color .18s,box-shadow .18s}
a.pp-template-card:hover{border-color:#94A0B0;box-shadow:0 7px 22px #0F172A09}
.pp-template-card:has(input:checked){border-color:#0F172A;box-shadow:0 0 0 1px #0F172A}
.pp-template-meta{display:flex;flex-direction:column;gap:6px;padding:19px 5px 0;min-width:0}
.pp-template-meta>strong{font:700 20px/1.2 var(--pp-font);letter-spacing:-.5px}
.pp-template-meta>small{font:400 12px/1.4 var(--pp-font);color:#64748B}
.pp-template-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;cursor:pointer;min-height:66px;padding-right:6px}
.pp-template-choice .pp-template-meta{padding-top:13px}
.pp-template-choice>input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.pp-template-select{display:grid;place-items:center;width:23px;height:23px;border:1.5px solid #A5AFBD;border-radius:50%;flex:none;color:#FFF;background:#FFF;margin-top:8px;box-sizing:border-box}
.pp-template-select .icon{visibility:hidden}
.pp-template-card:has(input:checked) .pp-template-select{background:#0F172A;border-color:#0F172A}
.pp-template-card:has(input:checked) .pp-template-select .icon{visibility:visible}
.pp-template-description{font:400 13px/1.7 var(--pp-font);color:#64748B;padding:0 5px;margin:13px 0;min-height:45px}
.pp-template-preview{font:600 13px/1.5 var(--pp-font);display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 5px 3px;border:0;border-top:1px solid #E9ECF0;border-radius:0;background:transparent;color:#243248;text-decoration:none;box-sizing:border-box;text-align:left;cursor:pointer}
button.pp-template-preview:hover{color:#0F172A;background:#F8F9FB}
.pp-template-preview:focus-visible{outline:3px solid var(--pp-indigo);outline-offset:3px}
.pp-template-upcoming{display:flex;align-items:center;gap:18px;border-top:1px solid #E4E7EC;padding:20px 3px 0;margin-top:25px;color:#64748B;font-family:var(--pp-font)}
.pp-template-upcoming>span{font-size:16px;font-weight:650;color:#4D5C70}
.pp-template-upcoming>p{font-size:13px;line-height:1.6;margin:0;flex:1}
.pp-template-upcoming>small{font-size:11px;background:#F3F1EE;padding:5px 9px;border-radius:5px;white-space:nowrap;color:#71675B}
.pp-template-thumb{height:350px;border-radius:10px;overflow:hidden;position:relative;font-family:var(--pp-font);text-align:left;background:#F8FAFC;color:#153B30}
.pp-thumb-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;font-size:10px;line-height:1.3}
.pp-thumb-top>strong{font-size:11px;letter-spacing:.1px}
.pp-thumb-top>span{font-size:9px;white-space:nowrap}
.pp-thumb-hero{position:relative;height:150px;overflow:hidden}
.pp-thumb-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pp-thumb-hero-copy{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;box-sizing:border-box;background:linear-gradient(0deg,#0E263CED,#0E263C00 95%);color:#FFF}
.pp-thumb-hero-copy>strong{font:700 28px/1.15 Georgia,"Songti SC",serif;letter-spacing:-.6px}
.pp-thumb-hero-copy>p{font:400 11px/1.65 var(--pp-font);margin:8px 0 0;max-width:240px}
.pp-thumb-episodes{padding:14px 15px 6px}
.pp-thumb-section-label{display:block;font:600 9px/1.4 var(--pp-font);letter-spacing:.4px;margin-bottom:9px;opacity:.75}
.pp-thumb-episode{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #FFFFFF1C;min-height:48px;box-sizing:border-box}
.pp-thumb-episode>img{width:35px;height:35px;border-radius:4px;object-fit:cover;flex:none}
.pp-thumb-episode>div{min-width:0}
.pp-thumb-episode strong{display:block;font:500 11px/1.45 var(--pp-font);max-height:32px;overflow:hidden}
.pp-thumb-episode small{display:block;font:400 9px/1.4 var(--pp-font);opacity:.65;margin-top:4px}
.pp-template-night{background:#142A35;color:#FFF}
.pp-template-night .pp-thumb-hero{height:155px}
.pp-template-growth{background:#F8FAF7;color:#174E3C}
.pp-template-growth .pp-thumb-hero{height:98px;display:flex;align-items:center;padding:12px 15px;gap:12px;box-sizing:border-box}
.pp-template-growth .pp-thumb-art{position:static;width:73px;height:73px;order:2;border-radius:5px}
.pp-template-growth .pp-thumb-hero-copy{padding:0;background:none;color:#174E3C;justify-content:center;flex:1}
.pp-template-growth .pp-thumb-hero-copy>strong{font:700 23px/1.2 var(--pp-font);letter-spacing:-.6px}
.pp-template-growth .pp-thumb-hero-copy>p{font-size:10px;line-height:1.55;margin-top:6px}
.pp-template-growth .pp-thumb-episodes{padding-top:12px}
.pp-template-growth .pp-thumb-episode{border-color:#DCE3DD;padding:8px 0}
.pp-thumb-reading{padding:8px 15px 13px;border-top:1px solid #DCE3DD;margin:4px 15px 0;padding-inline:0}
.pp-thumb-reading>strong,.pp-thumb-reading>span:not(.pp-thumb-section-label){display:block;font-size:10px;line-height:1.5;margin-top:5px;font-weight:400}
.pp-thumb-reading>.pp-thumb-section-label{margin-bottom:5px}
.pp-template-afterhours{background:#101A2B;color:#FDF4EF}
.pp-template-afterhours .pp-thumb-hero{height:127px}
.pp-template-afterhours .pp-thumb-hero-copy{background:linear-gradient(90deg,#121B2ADD,transparent);justify-content:center}
.pp-template-afterhours .pp-thumb-hero-copy>strong{font:800 29px/1.05 var(--pp-font);letter-spacing:-1px;color:#FFAB98}
.pp-template-afterhours .pp-thumb-hero-copy>p{max-width:175px;font-size:11px}
.pp-thumb-topics{display:flex;gap:6px;padding:13px 15px 0}
.pp-thumb-topics>span{font-size:9px;line-height:1.4;padding:4px 8px;border:1px solid #FFFFFF35;border-radius:5px}
.pp-template-afterhours .pp-thumb-episodes{padding-top:13px}

@media(max-width:1000px){.pp-template-browser{gap:16px}.pp-template-thumb{height:350px}.pp-thumb-hero-copy>strong{font-size:25px}.pp-template-meta>strong{font-size:18px}}
@media(max-width:600px){.pp-onboarding-steps{gap:4px;font-size:10px}.pp-onboarding-steps li{gap:8px}.pp-onboarding-steps li>span{width:29px;height:29px}.pp-onboarding-steps li:not(:last-child):after{top:14px;left:calc(50% + 18px);right:calc(-50% + 14px)}.pp-template-browser{grid-template-columns:1fr;gap:20px}.pp-template-thumb{height:350px}.pp-template-description{min-height:0}.pp-template-upcoming{flex-wrap:wrap;gap:7px 12px}.pp-template-upcoming>p{flex-basis:calc(100% - 100px)}.pp-template-upcoming>small{margin-left:0}.pp-thumb-episode strong{font-size:12px}.pp-brand.brand{font-size:23px}.pp-brand .pp-brand-mark{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.pp-template-card{transition:none}}