/* Playlist.Tips Growth Hub v1 — scoped. No global header/footer overrides. */
.ptgh-root,.ptgh-home-cta,.ptgh-submit-promo{--ptgh-burgundy:#800020;--ptgh-gold:#d4af7f;--ptgh-cream:#f5ede0;--ptgh-navy:#191970;box-sizing:border-box}
.ptgh-root *,.ptgh-home-cta *,.ptgh-submit-promo *{box-sizing:border-box}
.ptgh-root{color:#201a25;background:#fffcf8;font-family:inherit;overflow:hidden}
.ptgh-root .ptgh-shell{width:min(1260px,calc(100% - 40px));margin:0 auto}
.ptgh-root h1,.ptgh-root h2,.ptgh-root h3,.ptgh-home-cta h2,.ptgh-submit-promo h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em}
.ptgh-root a,.ptgh-home-cta a,.ptgh-submit-promo a{text-decoration:none}
.ptgh-root a:focus-visible,.ptgh-root button:focus-visible,.ptgh-home-cta a:focus-visible,.ptgh-submit-promo a:focus-visible{outline:3px solid #d4af7f;outline-offset:4px}
.ptgh-overline,.ptgh-eyebrow{font:800 .7rem/1.5 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#800020}
.ptgh-hero{background:radial-gradient(circle at 94% 12%,#80002099,transparent 47%),linear-gradient(120deg,#101328,#191970 75%,#30162d);color:#fff7ee;padding:clamp(55px,7vw,100px) 0}
.ptgh-hero .ptgh-overline,.ptgh-single-hero .ptgh-overline{color:#d4af7f}
.ptgh-hero h1{color:#fff7ee;font-size:clamp(2.9rem,6.5vw,5.3rem);max-width:880px;line-height:1.02;margin:18px 0 20px}
.ptgh-hero p:not(.ptgh-overline){max-width:760px;color:#f4e6dd;font-size:clamp(1rem,1.5vw,1.19rem);line-height:1.65;margin:0 0 27px}
.ptgh-hero-link{display:inline-flex;border-bottom:2px solid #d4af7f;color:#f5ede0;font:700 .94rem system-ui,sans-serif;padding-bottom:9px}
.ptgh-content{padding:64px 0 90px}
.ptgh-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}
.ptgh-section-head h2{font-size:clamp(2rem,4.2vw,3.25rem);color:#191970;line-height:1.1;margin:8px 0 12px}
.ptgh-section-head p{color:#59505b;line-height:1.6;margin:0;max-width:680px}
.ptgh-section-head strong{font:750 .81rem system-ui,sans-serif;white-space:nowrap;color:#800020}
.ptgh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ptgh-card{border:1px solid #e7d9d0;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;background:#fff;min-width:0;box-shadow:0 14px 40px #2a1c2110;transition:transform .15s,box-shadow .15s}
.ptgh-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px #2a1c211f}
.ptgh-card-cover{aspect-ratio:16/12;background:#18183e;display:block;overflow:hidden}
.ptgh-card-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.ptgh-card:hover .ptgh-card-cover img{transform:scale(1.035)}
.ptgh-cover-fallback{display:grid;place-content:center;text-align:center;gap:14px;color:#d4af7f;background:radial-gradient(circle at 80% 18%,#800020,transparent 85%),linear-gradient(120deg,#191970,#190d1c)}
.ptgh-cover-fallback span{font:800 .75rem system-ui,sans-serif;letter-spacing:.2em}.ptgh-cover-fallback b{font:bold 5rem Georgia,serif}
.ptgh-card-body{padding:23px;display:flex;flex-direction:column;flex:1}
.ptgh-card h3{font-size:clamp(1.4rem,2vw,1.85rem);line-height:1.2;color:#191970;margin:12px 0}
.ptgh-card h3 a{color:inherit}.ptgh-card h3 a:hover{color:#800020}
.ptgh-card-body p{font:.93rem/1.68 system-ui,sans-serif;color:#60555c;margin:0 0 19px;flex:1}
.ptgh-card-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.ptgh-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;border-radius:8px;padding:12px 16px;font:800 .81rem/1.3 system-ui,sans-serif;text-align:center;border:1px solid transparent;max-width:100%;cursor:pointer}
.ptgh-button-primary{background:#800020!important;color:#fff7ef!important}.ptgh-button-primary:hover{background:#5d0017!important}
.ptgh-button-secondary{background:#d4af7f!important;color:#231825!important}.ptgh-button-secondary:hover{background:#edcf9f!important}
.ptgh-details{font:800 .82rem system-ui,sans-serif;color:#800020!important}
.ptgh-join{margin:64px 0 0;border-radius:15px;padding:clamp(25px,4vw,47px);background:linear-gradient(120deg,#191970,#24183c 70%,#5f0924);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;color:#fff7ec}
.ptgh-join .ptgh-eyebrow{color:#d4af7f}.ptgh-join h2{color:#fff7ee;font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.1;margin:11px 0}
.ptgh-join p{line-height:1.7;color:#f0dfdb;max-width:520px;margin:0}
.ptgh-socials{display:flex;flex-wrap:wrap;gap:10px;align-content:center;justify-content:flex-start;align-items:center}
.ptgh-socials>span{width:100%;color:#f4dfcc;font:700 .84rem system-ui,sans-serif}
.ptgh-socials a{border:1px solid #d4af7f88;border-radius:8px;padding:10px 14px;color:#fff7e9!important;background:#ffffff12;font:700 .83rem system-ui,sans-serif}
.ptgh-socials a:hover{background:#d4af7f;color:#191326!important}
.ptgh-disclosure{font:.8rem/1.6 system-ui,sans-serif;color:#665a64;margin:20px 0 0}
.ptgh-single-hero{background:radial-gradient(circle at 96% 20%,#80002070,transparent 45%),linear-gradient(135deg,#12172d,#191970 80%);color:#fff7ec;padding:64px 0}
.ptgh-single-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(200px,.7fr);align-items:center;gap:clamp(22px,5vw,80px)}
.ptgh-single-copy{min-width:0}.ptgh-breadcrumbs{font:600 .81rem system-ui,sans-serif;margin:20px 0;display:flex;gap:10px}.ptgh-breadcrumbs a{color:#e8d1b4}
.ptgh-single-copy h1{color:#fff6ec;font-size:clamp(2.6rem,5.2vw,5rem);line-height:1.03;margin:20px 0}
.ptgh-single-copy>p:not(.ptgh-overline):not(.ptgh-small){color:#f5e6da;font:1.12rem/1.7 system-ui,sans-serif;max-width:710px;margin:0 0 26px}
.ptgh-single-copy .ptgh-button-primary{background:#d4af7f!important;color:#251923!important}.ptgh-single-copy .ptgh-button-primary:hover{background:#edcf9f!important}
.ptgh-small{font:.78rem/1.6 system-ui,sans-serif;color:#dfd4cd;margin:15px 0}
.ptgh-single-cover{width:100%;max-width:420px;aspect-ratio:1;object-fit:cover;border-radius:15px;box-shadow:0 20px 60px #0008;justify-self:center}
.ptgh-single-body{padding:70px 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px}
.ptgh-single-body h2{font-size:clamp(1.8rem,3vw,2.65rem);color:#191970;margin:14px 0 20px}
.ptgh-prose{line-height:1.8;color:#413944}.ptgh-prose p{margin:0 0 18px}
.ptgh-embed-panel{padding:28px;border:1px solid #e2d6c9;border-radius:14px;background:#f5ede0;min-width:0}
.ptgh-embed-panel h2{font-size:1.8rem;margin:0 0 14px}.ptgh-embed-panel p{color:#5c5059;font:.91rem/1.7 system-ui,sans-serif}
.ptgh-embed-panel .ptgh-small{font-size:.75rem}.ptgh-embed-slot{min-height:90px;display:flex;align-items:center}.ptgh-embed-slot iframe{width:100%}
.ptgh-single-after{padding:35px 0 90px;border-top:1px solid #dfd0c6}.ptgh-single-after h2{font-size:2.5rem;color:#191970;margin:0 0 10px}.ptgh-single-after>p{color:#635661;margin:0 0 22px}
.ptgh-single-after .ptgh-socials{margin-top:27px}.ptgh-single-after .ptgh-socials>span{color:#5e5060}.ptgh-single-after .ptgh-socials a{background:#800020;color:#fff!important}
/* Homepage: appended at the end of main, never beside the hero. */
.ptgh-home-cta{clear:both;grid-column:1/-1;width:100%;max-width:100%;min-width:0;position:relative;display:flex;gap:32px;align-items:center;justify-content:space-between;padding:clamp(24px,3.5vw,43px) max(24px,calc((100% - 1260px)/2));background:#f5ede0;border-top:1px solid #e2d1bf;color:#191970}
.ptgh-home-cta>div{max-width:850px}.ptgh-home-cta span{font:800 .68rem system-ui,sans-serif;letter-spacing:.16em;color:#800020}.ptgh-home-cta h2{font-size:clamp(1.75rem,3vw,2.45rem);margin:8px 0 6px;color:#191970;line-height:1.18}.ptgh-home-cta p{font:.92rem/1.6 system-ui,sans-serif;color:#514854;margin:0}
.ptgh-home-cta>a{flex:0 0 auto;background:#800020;color:white!important;font:800 .84rem system-ui,sans-serif;border-radius:8px;padding:15px 18px;text-align:center}
.ptgh-submit-promo{border:1px solid #d4af7f;background:#f5ede0;border-radius:13px;padding:clamp(20px,3vw,32px);display:flex;gap:22px;align-items:center;justify-content:space-between;margin:30px 0}
.ptgh-submit-promo h2{font-size:clamp(1.6rem,3vw,2.2rem);color:#191970;margin:10px 0}.ptgh-submit-promo p{color:#514552;margin:0;line-height:1.6;max-width:620px}
.ptgh-featured .ptgh-grid{margin:20px 0}
@media(max-width:1000px){.ptgh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ptgh-home-cta{padding-inline:24px}.ptgh-join{grid-template-columns:1fr}}
@media(max-width:760px){.ptgh-single-top,.ptgh-single-body{grid-template-columns:1fr}.ptgh-single-cover{max-width:300px;justify-self:start}.ptgh-home-cta,.ptgh-submit-promo{flex-direction:column;align-items:flex-start;gap:18px}.ptgh-hero{padding:48px 0}.ptgh-single-hero{padding:40px 0}.ptgh-single-body{padding:45px 0}}
@media(max-width:560px){.ptgh-root .ptgh-shell{width:calc(100% - 32px)}.ptgh-grid{grid-template-columns:1fr;gap:18px}.ptgh-content{padding:42px 0}.ptgh-section-head{display:block}.ptgh-section-head>strong{display:block;margin-top:13px}.ptgh-join{padding:25px 19px}.ptgh-single-copy h1{font-size:2.5rem}.ptgh-home-cta{padding:28px 16px}.ptgh-card-actions{gap:12px}.ptgh-submit-promo .ptgh-button{width:100%}}
@media(prefers-reduced-motion:reduce){.ptgh-root *,.ptgh-home-cta *{transition:none!important}}

.ptgh-share-box{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.ptgh-share{background:transparent;color:#800020;border:1px solid #800020;border-radius:7px;padding:11px 13px;cursor:pointer;font:750 .82rem system-ui,sans-serif}.ptgh-share:hover{background:#800020;color:#fff}.ptgh-share-feedback{font:.76rem system-ui,sans-serif;color:#55454e}
