/* tapau-ds-consistency */

/* Base: beats the theme's #CC3366 link colour without outranking component classes */
:where(.tapau-v2) a{color:var(--tp-n700)}
:where(.tapau-v2) :is(h1,h2,h3,h4,h5,h6) a{color:inherit}
/* Standalone text links (were pink) */
.tapau-v2 :is(.bj-all,.hp-all,.rv-more-all,.hw-more,.cp-link,.mb-link,.ob-skip,.tapau-from-album){color:var(--tp-n700)!important;font-weight:600;text-decoration:none}
.tapau-v2 :is(.hp-empty,.tk__txt,.tvn__off-p,.cp-card,.cp-guide,.rv-card,.bj-card) a:not([class*="btn"]):not(.tk__who){color:var(--tp-n700)}
/* Hover / focus: pink + underline */
.tapau-v2 :is(p,li,dd,dt,td,th,figcaption,blockquote,span,small,label,h1,h2,h3,h4,h5,h6,.elementor-widget-text-editor,.e-paragraph-base) a:is(:not([class]),[class="tapau-ds-body"]):is(:hover,:focus-visible),
.tapau-v2 :is(.bj-all,.hp-all,.rv-more-all,.hw-more,.cp-link,.mb-link,.ob-skip,.tapau-from-album,.rv-card__link,.tapau-cc__link,.hp-link,.bj-link,.bj-row-title,.hs-board__t,.hw-rank__t,.tk__who):is(:hover,:focus-visible){
 color:var(--tp-pink-text)!important;text-decoration:underline!important;text-decoration-thickness:1.5px!important;text-underline-offset:3px!important}
/* Same, on dark surfaces: lighter default, brand pink on hover (4.7:1 on #211A2A) */
.tapau-v2 :is(.tapau-cc,.bj-cta,.hp-feature,.hp-cta,.rv-target,.hs,.tvn,.tk,[data-id="1a65e83"],[data-id="ab9689a"],[data-id="ff6db34"]) :is(p,li,dd,span,small) a:is(:not([class]),[class="tapau-ds-body"]){color:var(--tp-purple-200)}
.tapau-v2 :is(.tapau-cc,.bj-cta,.hp-feature,.hp-cta,.rv-target,.hs,.tvn,.tk,[data-id="1a65e83"],[data-id="ab9689a"],[data-id="ff6db34"]) a:is(:not([class]),[class="tapau-ds-body"],.tapau-cc__link,.hp-link,.bj-row-title,.hs-board__t,.rv-card__link):is(:hover,:focus-visible){color:var(--tp-pink)!important}
.tapau-v2 a:focus-visible{outline:2px solid var(--tp-pink);outline-offset:2px;border-radius:0}

/* Section titles: one style everywhere. STABLE selector — targets a
 * .tp-h-section CSS class set on the widget itself (Advanced > CSS Classes
 * for classic "heading" widgets, or the Classes control for atomic
 * "e-heading" widgets), not the widget's data-id. Widget IDs regenerate
 * every time a widget is deleted and rebuilt (confirmed 27 Sep 2026 on
 * Home), which silently detached this rule from 4 headings with zero
 * errors. A class survives a rebuild as long as it's re-applied, and is a
 * visible field in the editor instead of a hidden ID coupling three files
 * away. Apply .tp-h-section to every section-title heading; add
 * .tp-h-dark on ones sitting on a dark band. See .tp-h-subsection below
 * for the nested-heading role (e.g. Home "Top 10 Demo").
 * Legacy [data-id="..."] selectors for pre-rebuild pages (Charts/Bacajap/
 * Happenings v1) kept temporarily below — TODO: audit + migrate once
 * those pages' section-title markup (JetEngine listing macros, not plain
 * Elementor heading widgets) is confirmed. */
.tapau-v2 :is(.tp-h-section, .tp-h-section h2, .tp-h-section h3),
.tapau-v2 :is([data-id="164374d"],[data-id="7b80dc3"]) h2,
.tapau-v2 h2:is([data-id="164374d"]){
 font-family:var(--tp-font-display)!important;font-size:clamp(26px,1.2rem + 1.1vw,32px)!important;font-weight:700!important;line-height:1.15!important;letter-spacing:0!important;text-transform:none!important;color:var(--tp-ink)!important}
/* ...on dark bands */
.tapau-v2 :is(.tp-h-dark, .tp-h-dark h2, .tp-h-dark h3),
.tapau-v2 :is(.hp-cta,.bj-cta,[data-id="hpsubmit"],[data-id="bjcta"]) :is(.hp-h2,.bj-h2){color:#fff!important}
/* Page titles on light pages (hubs, archives, submit pages, Stories): one style */
.tapau-v2 :is(.hp-h1,.bj-h1),
.tapau-v2:is(.post-type-archive,.page) :is(h1.elementor-heading-title,h1.e-heading-base){
 font-family:var(--tp-font-display)!important;font-size:clamp(40px,1.6rem + 2.6vw,60px)!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-.01em!important;color:var(--tp-ink)!important;text-transform:none!important}
/* Bylines in listings are metadata, not accents */
.tapau-v2 .elementor-author-box__name{color:var(--tp-n700)!important}
/* Sub-section titles inside a section (Home: Top 10 Demo / Music Video).
 * STABLE selector — .tp-h-subsection class, not data-id. See the
 * .tp-h-section comment above for why. */
.tapau-v2 :is(.tp-h-subsection):is(h2,h3,.elementor-heading-title),.tapau-v2 .tp-h-subsection :is(h2,h3,.elementor-heading-title){font-family:var(--tp-font-display)!important;font-size:25px!important;font-weight:700!important;color:var(--tp-ink)!important}

/* ── All-pages: content container max-width + side padding ──
   Elementor "boxed" containers are capped at the kit's max-width.
   This adds a minimum horizontal padding so content never bleeds
   to the viewport edge on narrow desktop windows. The .tk ticker
   and full-bleed hero sections are intentionally excluded.         */
.tapau-v2 .e-con:not(.e-con--full_width) > .e-con-inner,
.tapau-v2 .elementor-section.elementor-section-boxed > .elementor-container{
 padding-left:max(20px, env(safe-area-inset-left, 0px))!important;
 padding-right:max(20px, env(safe-area-inset-right, 0px))!important}
/* Full-width containers that should still have inner padding (content sections) */
.tapau-v2 .e-con.e-con--full_width:not([data-id="tkwrap"]):not([data-id="hpnext"]):not([data-id="bjfeat"]):not([data-id="ff6db34"]) > .e-con-inner{
 padding-left:max(20px, env(safe-area-inset-left, 0px))!important;
 padding-right:max(20px, env(safe-area-inset-right, 0px))!important}
.elementor-element-arh1{position:relative}
.elementor-element-arh1::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.82) 20%,rgba(0,0,0,0) 60%);z-index:1;pointer-events:none}
.elementor-element-arh1>.e-con-inner{position:relative;z-index:2}

/* tapau-footer-band-css */

    [data-id="fce47df"]{background:#20FF19!important;width:100%!important;box-sizing:border-box}
    [data-id="d5361a5"]{max-width:1200px!important;margin:0 auto!important;width:100%!important}
    [data-id="21d82c8"],[data-id="21d82c8"] *{color:#1C1622!important}
    [data-id="dd2fdc3"],[data-id="dd2fdc3"] *{color:#1C1622!important}
    [data-id="ee28a9c"],[data-id="ee28a9c"] *{color:#1C1622!important;font-weight:700}
    [data-id="99526e6"]{background:transparent!important}
    [data-id="f16c9c9"]{background:#1C1622!important;color:#fff!important;border-radius:0}
    [data-id="f16c9c9"]:hover,[data-id="f16c9c9"]:focus{background:#211A2A!important;color:#fff!important}
    [data-id="1a68936"]{background:#15101B!important;width:100%!important;box-sizing:border-box}
    [data-id="1a68936"] *{color:#DED7E8!important}
    /* Join The Community CTA (widget id 1df7e97) -- user restyled this natively in Elementor
       (global colors: bg=primary #FF009D, border=text #151515, hover bg=tppinkt #D10080) but
       the site-wide '.tapau-v2 :is(.elementor-button,...)' rule in WPCode 3062 was force-
       overriding every button to green!important. Scope an equal-or-higher-specificity
       exception to this one button id so the intentional pink brutalist style wins. */
    [data-id="1df7e97"] a.elementor-button{
    background:var(--e-global-color-primary,#FF009D)!important;
    color:var(--e-global-color-text,#151515)!important;
    border-color:var(--e-global-color-text,#151515)!important;
    }
    [data-id="1df7e97"] a.elementor-button:hover{
    background:#D10080!important;
    color:var(--e-global-color-text,#151515)!important;
    border-color:var(--e-global-color-text,#151515)!important;
    }
    /* Audit 2 Oct (N1/N3): the prose-link rule in tapau-ds-consistency turns li links #D10080 (3.19:1 on purple-900). Footer owns its link colour: #FF009D 4.61:1; green ring 12.2:1 */
    body.tapau-v2 .tp-footer-links .tp-footer-links__col a:is(:hover,:focus-visible){color:#FF009D!important;text-decoration-color:#FF009D!important}
    body.tapau-v2 .tp-footer-links a:focus-visible{outline-color:#20FF19!important}
    
/* tapau-content-card */

.tp-cq{container-type:inline-size;min-width:0}
.tp-card{--tpc-bg-raised:var(--tpc-purple-100);--tpc-bg-sunken:var(--tpc-purple-50);--tpc-bg-surface:var(--tpc-n0);--tpc-border-default:var(--tpc-purple-300);--tpc-border-subtle:var(--tpc-n200);--tpc-focus-ring:var(--tpc-pink-500);--tpc-font-body:var(--tp-font-body,"Inter",system-ui,sans-serif);--tpc-font-display:var(--tp-font-display,"roc-grotesk",sans-serif);--tpc-green-400:#20FF19;--tpc-green-500:#04C400;--tpc-green-600:#029300;--tpc-green-700:#029300;--tpc-ink:#050306;--tpc-n0:#FFFFFF;--tpc-n200:#E5E2E9;--tpc-n400:#A8A1AF;--tpc-n600:#655C70;--tpc-n700:#4C4356;--tpc-n900:#1C1622;--tpc-pink-300:#FFA6CB;--tpc-pink-400:#FF6EB2;--tpc-pink-500:#FF009D;--tpc-pink-600:#D10080;--tpc-purple-100:#EFEAF6;--tpc-purple-200:#DED7E8;--tpc-purple-300:#C3B9D0;--tpc-purple-50:#F8F5FC;--tpc-purple-500:#7B6D8D;--tpc-purple-600:#615472;--tpc-purple-700:#4B3F59;--tpc-purple-800:#352B40;--tpc-purple-900:#211A2A;--tpc-purple-950:#15101B;--tpc-radius-btn-md:0px;--tpc-radius-btn-sm:0px;--tpc-radius-btn-xs:0px;--tpc-radius-lg:0px;--tpc-radius-md:0px;--tpc-radius-pill:0px;--tpc-space-1:4px;--tpc-space-2:8px;--tpc-space-3:12px;--tpc-space-4:16px;--tpc-space-6:24px;--tpc-success:#0F7A36;--tpc-text-brand:var(--tpc-pink-600);--tpc-text-default:var(--tpc-n700);--tpc-text-muted:var(--tpc-n600);--tpc-text-strong:var(--tpc-n900);--tpc-text-success:var(--tpc-success);--tpc-warning:#B54708;--tpc-warning-on-dark:#FEC84B}
.tp-card{--c-bg:var(--tpc-bg-surface);--c-border:var(--tpc-border-subtle);--c-border-hover:var(--tpc-border-default);--c-title:var(--tpc-text-strong);--c-body:var(--tpc-text-default);--c-muted:var(--tpc-text-muted);--c-meta:var(--tpc-text-default);--c-accent:var(--tpc-text-brand);--c-media:var(--tpc-bg-raised);--c-well:var(--tpc-bg-sunken);--c-up:var(--tpc-text-success);--c-down:var(--tpc-text-muted);
  position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--tpc-space-3);padding:var(--tpc-space-3);min-width:0;box-sizing:border-box;
  background:var(--c-bg);color:var(--c-body);border:1px solid var(--c-border);border-radius:var(--tpc-radius-lg);font-family:var(--tpc-font-body);transition:border-color .15s}
.tp-card *{box-sizing:border-box}
.tp-card:hover{border-color:var(--c-border-hover)}
.tp-card.tp-card--chart{--c-bg:var(--tpc-purple-700);--c-hover-bg:var(--tpc-purple-800);--c-border:var(--tpc-purple-700);--c-border-hover:var(--tpc-purple-800);--c-title:var(--tpc-n0);--c-body:var(--tpc-n0);--c-muted:var(--tpc-purple-200);--c-meta:var(--tpc-purple-200);--c-accent:var(--tpc-pink-300);--c-media:var(--tpc-purple-800);--c-well:var(--tpc-purple-900);--c-up:var(--tpc-green-400);--c-down:var(--tpc-purple-300)}
.tp-card.tp-card--chart:hover{background:var(--c-hover-bg)}
.tp-card.tp-card--bare{background:transparent;border:0;padding:0;border-radius:0}
.tp-card.tp-card--bare:hover{border-color:transparent;background:transparent}
.tp-card__media{position:relative;overflow:hidden;border-radius:var(--tpc-radius-md);background:var(--c-media);aspect-ratio:16/9;max-width:100%;display:grid}
.tp-card__media>.ph{grid-area:1/1;width:100%;height:100%;display:grid;place-items:center;padding:var(--tpc-space-2);text-align:center;font:600 12.8px/1.25 var(--tpc-font-body);color:var(--tpc-n0);text-wrap:balance}
.tp-card__media .tp-ov{position:absolute;z-index:1}
.tp-card .tp-card__media.r11{aspect-ratio:1}
.tp-card .tp-card__media.r34{aspect-ratio:3/4}
.tp-card .tp-card__media.r169{aspect-ratio:16/9}
.tp-card--row .tp-card__media.r11{width:64px}
.tp-card--row .tp-card__media.r34{width:60px}
.tp-card--row .tp-card__media.r169{width:clamp(106px,25%,200px)}
.tp-ov--tl{top:var(--tpc-space-2);left:var(--tpc-space-2)}.tp-ov--tr{top:var(--tpc-space-2);right:var(--tpc-space-2)}
.tp-ov--c{inset:0;margin:auto;width:40px;height:40px}
.tp-badge{display:inline-flex;align-items:center;gap:var(--tpc-space-1);font:600 12.8px/1 var(--tpc-font-body);padding:5px 8px;border-radius:var(--tpc-radius-btn-xs);background:rgba(203,16,136,.8);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tp-badge--status,.tp-badge--cat{}
.tp-chip{display:inline-flex;align-items:center;gap:var(--tpc-space-1);font:600 12.8px/1 var(--tpc-font-body);padding:5px 8px;border-radius:var(--tpc-radius-btn-xs);background:var(--tpc-purple-950);color:var(--tpc-n0)}
.tp-chip b{color:var(--tpc-pink-400);font-weight:700}
.tp-play{width:40px;height:40px;border-radius:var(--tpc-radius-pill);border:0;background:rgba(5,3,6,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px rgba(5,3,6,.35);color:var(--tpc-n0);display:grid;place-items:center;padding:0;cursor:pointer;position:relative;z-index:2;transition:background .12s,transform .12s}
.tp-play:hover{background:rgba(5,3,6,.8);transform:scale(1.06)}
.tp-play svg{opacity:.7}
.tp-play:hover svg{opacity:1}
.tp-play svg{width:18px;height:18px;margin-left:2px}
.tp-trend{display:inline-block;width:10px;height:10px}
.tp-trend--up{color:var(--tpc-green-400)}.tp-trend--down{color:var(--tpc-purple-300)}
.tp-card__lead .tp-trend--up,.tp-card__body .tp-trend--up{color:var(--c-up)}
.tp-card__lead .tp-trend--down,.tp-card__body .tp-trend--down{color:var(--c-down)}
.tp-card__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.tp-card__eyebrow{margin:0;font-size:12.8px;line-height:1.2;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent)}
.tp-card__eyebrow .in{color:var(--c-muted);font-weight:400;letter-spacing:0;text-transform:none;margin-left:6px;font-size:12.8px}
.tp-card__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tpc-space-1) var(--tpc-space-2);margin:0;font-size:12.8px;line-height:1.4;color:var(--c-muted)}
.tp-card__kicker .kb{font:600 12.8px/1 var(--tpc-font-body);color:var(--tpc-n0);background:rgba(203,16,136,.9);border-radius:var(--tpc-radius-btn-xs);padding:4px 7px}
.tp-stars{--star:var(--tpc-warning-on-dark);--star-edge:var(--tpc-warning);--star-off:var(--tpc-n400);display:inline-flex;gap:2px;font-size:20px;line-height:1;margin-left:auto;letter-spacing:0}
.tp-stars i{font-style:normal;color:var(--star);-webkit-text-stroke:1px var(--star-edge);paint-order:stroke fill}
.tp-stars i.off{color:var(--star-off);-webkit-text-stroke:0}
.tp-card--chart .tp-stars{--star-edge:transparent;--star-off:var(--tpc-purple-500)}
.tp-card__title{margin:0;color:var(--c-title);text-wrap:balance}
.tp-card__title a{color:inherit;text-decoration:none}
.tp-card__title a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.tp-card__title a:hover,.tp-card__title a:focus-visible{color:var(--c-accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.tp-card a:focus-visible,.tp-card button:focus-visible{outline:2px solid var(--tpc-focus-ring,var(--tpc-pink-500));outline-offset:2px}
.tp-card__support{margin:0;font-size:16px;line-height:1.4;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-card__meta{margin:0;font-size:12.8px;line-height:1.4;color:var(--c-muted);display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}
.tp-byline{display:inline-flex;align-items:center;gap:6px;font-size:16px;color:var(--c-meta)}
.tp-avatar{width:24px;height:24px;border-radius:var(--tpc-radius-pill);background:var(--tpc-purple-500);color:var(--tpc-n0);font:600 12.8px/24px var(--tpc-font-body);text-align:center;flex:none}
.tp-facts{margin:0;display:grid;gap:var(--tpc-space-1);font-size:16px;line-height:1.4}
.tp-facts div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--tpc-space-2)}
.tp-facts dt{color:var(--c-muted);font-size:12.8px;padding-top:1px}
.tp-facts dd{margin:0;color:var(--c-title);font-weight:600}
.tp-card__stats{margin:0;font-size:12.8px;line-height:1.4;color:var(--c-muted);font-variant-numeric:tabular-nums}
.tp-card__stats b{color:var(--c-title);font-weight:600}
.tp-card__action{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:var(--tpc-space-3);align-items:flex-end}
.tp-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-decoration:none;cursor:pointer;border-style:solid;font-family:var(--tpc-font-body);transition:background .12s,box-shadow .12s,transform .12s}
.tp-btn--primary-green{background:var(--tpc-green-400);border-color:var(--tpc-ink);color:var(--tpc-ink);box-shadow:-4px 4px 0 0 var(--tpc-ink);margin:0 0 4px 4px}
.tp-btn--primary-green:hover{background:var(--tpc-green-500);box-shadow:none;transform:translate(-4px,4px)}
.tp-btn--primary-green:active{background:var(--tpc-green-600);box-shadow:var(--tp-shadow-inset) var(--tpc-ink);transform:translate(-4px,4px)}
.tp-btn--secondary-purple{background:var(--tpc-purple-500);border-color:var(--tpc-purple-800);color:var(--tpc-n0);box-shadow:-4px 4px 0 0 var(--tpc-ink);margin:0 0 4px 4px}
.tp-btn--secondary-purple:hover{background:var(--tpc-purple-600);box-shadow:none;transform:translate(-4px,4px)}
.tp-btn--secondary-purple:active{background:var(--tpc-purple-700);box-shadow:var(--tp-shadow-inset) var(--tpc-ink);transform:translate(-4px,4px)}
.tp-size-md{padding:8px 32px;font-size:16px;font-weight:800;border-width:2px;border-radius:var(--tpc-radius-btn-md);--tp-shadow:-3px 5px 0 0;--tp-shadow-inset:inset -5px 5px 0 0}
.tp-size-sm{padding:4px 24px 6px;font-size:16px;font-weight:700;border-width:2px;border-radius:var(--tpc-radius-btn-sm);--tp-shadow:-2px 4px 0 0;--tp-shadow-inset:inset -4px 4px 0 0}
.tp-vote{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:26px;padding:0 8px;border-radius:var(--tpc-radius-btn-xs);font:600 12.8px/1 var(--tpc-font-body);cursor:pointer;background:transparent;color:var(--tpc-green-400);border:1.5px solid var(--tpc-green-400);transition:background .12s,transform .08s}
.tp-vote:hover{background:rgba(32,255,25,.12)}
.tp-vote:active{background:rgba(32,255,25,.22);transform:scale(.97)}
.tp-vote span{font-weight:400;color:var(--tpc-purple-200)}
.tp-card--row .tp-card__title{font:600 16px/1.4 var(--tpc-font-body)}                 
.tp-card--tile .tp-card__title{font:600 16px/1.3 var(--tpc-font-body)}                
.tp-card--feature .tp-card__title{font:700 20px/1.25 var(--tpc-font-display)}         
.tp-card--hero .tp-card__title{font:700 clamp(26px,1.2rem + 1.1vw,32px)/1.15 var(--tpc-font-display)} 
.tp-card--row .tp-card__title,.tp-card--tile .tp-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-card--row{display:flex;align-items:center;gap:var(--tpc-space-3)}
.tp-card--row .tp-card__media{flex:none;width:64px;aspect-ratio:1}
.tp-card--row .tp-card__body{flex:1 1 0}
.tp-card--row .tp-card__lead{flex:none;min-width:40px;display:flex;flex-direction:column;align-items:center;gap:var(--tpc-space-1)}
.tp-card--row>.tp-card__stats{flex:none;text-align:right;max-width:110px}
.tp-card--row .tp-card__action{flex:none;padding-bottom:0}
.tp-rank{font-family:var(--tpc-font-display);font-weight:700;font-size:25px;line-height:1;color:var(--c-accent);font-variant-numeric:tabular-nums}
.tp-card--row.tp-card--split{display:grid;grid-template-columns:clamp(96px,25%,180px) minmax(0,1fr);align-items:stretch;gap:var(--tpc-space-4)}
.tp-card--row.tp-card--split .tp-card__media{width:auto;aspect-ratio:3/4}
.tp-card--row.tp-card--split .tp-card__body{display:flex;flex-direction:column;gap:var(--tpc-space-1)}
.tp-card.tp-card--row.tp-card--split .tp-card__body>.tp-card__action{margin:auto 0 0;padding-top:var(--tpc-space-3)}
.tp-card--side>.tp-card__body:has(>.tp-card__action){display:flex;flex-direction:column;align-self:stretch}
.tp-card.tp-card--side .tp-card__body>.tp-card__action{margin:auto 0 0;padding-top:var(--tpc-space-3)}
.tp-card__rating{margin:0;display:flex}
.tp-card__rating .tp-stars{margin-left:0}
.tp-dateblock{display:flex;flex-direction:column;align-items:center;line-height:1.05;min-width:44px;padding:6px var(--tpc-space-1);border-radius:var(--tpc-radius-md);background:var(--c-well)}
.tp-dateblock .dow{font-size:12.8px;font-weight:700;color:var(--c-accent);text-transform:uppercase;letter-spacing:.1em}
.tp-dateblock .day{font-family:var(--tpc-font-display);font-size:25px;font-weight:700;color:var(--c-title)}
.tp-dateblock .mon{font-size:12.8px;color:var(--c-muted);text-transform:uppercase}
.tp-dateblock--time .day{font-size:16px}
.tp-dateblock--time .dow{letter-spacing:.04em}
@container (max-width:470px){
  .tp-card--row{flex-wrap:wrap}
  .tp-card--row .tp-card__body{flex-basis:calc(100% - 200px)}
  .tp-card--row>.tp-card__stats{order:5;flex-basis:100%;text-align:left;max-width:none}
  .tp-card--row .tp-card__action{margin-left:auto}
}
.tp-card--tile .tp-card__media{aspect-ratio:1}
.tp-card--side{grid-template-columns:minmax(0,40fr) minmax(0,60fr);column-gap:var(--tpc-space-4);align-items:center}
.tp-card--side>.tp-card__media{grid-column:1;grid-row:1/span 4;align-self:start}
.tp-card--side>:not(.tp-card__media){grid-column:2}
@container (max-width:260px){
  .tp-card--side{grid-template-columns:minmax(0,1fr)}
  .tp-card--side>.tp-card__media{grid-column:1;grid-row:auto}
  .tp-card--side>:not(.tp-card__media){grid-column:1}
}
.tp-card--feature.tp-card--side{grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:var(--tpc-space-6);padding:var(--tpc-space-4);align-items:center}
.tp-card--feature.tp-card--side .tp-card__support{-webkit-line-clamp:3}
.tp-card--feature.tp-card--side:has(>.tp-card__media.r169){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tp-card--feature.tp-card--side:has(>.tp-card__media.r169) .tp-card__title{font:600 16px/1.4 var(--tpc-font-body)}
@container (max-width:520px){
  .tp-card--feature.tp-card--side{grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:var(--tpc-space-3);padding:var(--tpc-space-3);align-items:start}
  .tp-card--feature.tp-card--side>.tp-card__media{grid-column:1;grid-row:1/span 3;height:auto;align-self:start;min-height:0}
  .tp-card--feature.tp-card--side>:not(.tp-card__media){grid-column:2}
  .tp-card--feature.tp-card--side .tp-card__title{font-size:16px}
  .tp-card--feature.tp-card--side .tp-card__support{-webkit-line-clamp:2}
  .tp-card--feature.tp-card--side:has(>.tp-card__media.r169){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .tp-card--feature.tp-card--side:has(>.tp-card__media.r169) .tp-card__title{font-size:16px}
}
.tp-card.tp-card--side:has(>.tp-card__body>.tp-card__action){align-items:stretch}
.tp-card.tp-card--side:has(>.tp-card__body>.tp-card__action)>.tp-card__media{grid-row:1}
.tp-card--feature .tp-card__body{gap:var(--tpc-space-2)}
.tp-card--hero{padding:var(--tpc-space-4);gap:var(--tpc-space-4)}
.tp-card--hero .tp-card__media{aspect-ratio:21/9}
.tp-card--hero .tp-card__support{font-size:16px;line-height:1.55;-webkit-line-clamp:3;max-width:65ch;color:var(--c-body)} 
.tp-card--hero .tp-card__body{gap:var(--tpc-space-3)}
@media (prefers-reduced-motion:reduce){.tp-card,.tp-btn,.tp-vote{transition:none}}
.tp-card__media>img,.tp-card__media>picture,.tp-card__media>.tp-card__img{grid-area:1/1;width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0}
.tp-card__media>.tp-ov--c,.tp-card__media>.tp-play{grid-area:1/1;place-self:center;margin:0}
.tp-card__media>.tp-ov{z-index:2}
.tp-card__media .tp-collage{grid-area:1/1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;width:100%;height:100%}
.tp-card__media .tp-collage>*{width:100%;height:100%;object-fit:cover;display:block;background:var(--tpc-purple-800)}
.tp-card__media .tp-collage .tp-collage__count{display:grid;place-items:center;color:var(--tpc-n0);font:600 12.8px var(--tpc-font-body)}
.tp-chip .tapau-trend{display:inline-flex;align-items:center;font-size:9px}
.tp-chip .tapau-trend svg{width:9px;height:9px}
.tp-chip .tapau-trend--up svg,.tp-card__lead .tapau-trend--up svg{color:var(--tpc-green-400)}
.tp-chip .tapau-trend--down svg,.tp-card__lead .tapau-trend--down svg{color:var(--tpc-purple-300)}
.tp-chip .tapau-trend--steady svg,.tp-card__lead .tapau-trend--steady svg{color:var(--tpc-purple-200)}
.tp-chip .tapau-trend--new,.tp-card__lead .tapau-trend--new{padding:2px 5px;font-size:9px;font-weight:800;border-radius:0;letter-spacing:.04em}
.tp-card__lead .tapau-trend{font-size:16px;display:inline-flex}
.tp-card__lead .tapau-trend svg{width:12px;height:12px}
.tp-card.tp-card .tapau-vote-btn,.tp-card.tp-card .tapau-login-btn,.tp-card.tp-card .tpa-vote{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-height:26px!important;padding:0 8px!important;border-radius:var(--tpc-radius-btn-xs)!important;font:600 12.8px/1 var(--tpc-font-body)!important;background:transparent!important;border:1.5px solid var(--tpc-green-400)!important;color:var(--tpc-green-400)!important;box-shadow:none!important;white-space:nowrap;transition:background .12s,transform .08s;cursor:pointer}
.tp-card.tp-card:not(.tp-card--chart) .tapau-vote-btn,.tp-card.tp-card:not(.tp-card--chart) .tapau-login-btn,.tp-card.tp-card:not(.tp-card--chart) .tpa-vote{border-color:var(--tpc-green-700)!important;color:var(--tpc-n900)!important}
.tp-card.tp-card .tapau-vote-btn:hover,.tp-card.tp-card .tapau-login-btn:hover,.tp-card.tp-card .tpa-vote:hover{background:rgba(32,255,25,.12)!important}
.tp-card.tp-card .tapau-vote-btn.voted,.tp-card.tp-card .tapau-vote-btn.vote-spent{border-color:transparent!important;background:var(--tpc-purple-800)!important;color:var(--tpc-purple-200)!important;cursor:default}
.tp-card .tapau-vote-closed{font-size:12.8px;color:var(--c-muted);opacity:1}
.tp-card .tapau-chart-stats{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.8px;color:var(--c-muted)}
.tp-card .tapau-chart-stats .tcs-label{color:var(--c-muted);opacity:1}
.tp-card .tapau-chart-stats .tcs-value{color:var(--c-title)}
.tp-card__title a{font:inherit}
.tp-card p{margin:0}
.tp-card .tp-play{color:var(--tpc-n0)}
.tp-card .tp-btn{text-decoration:none!important}
.tp-card .tp-btn--primary-green,.tp-card .tp-btn--primary-green:hover{color:var(--tpc-ink)!important}
.tp-card .tp-btn--secondary-purple,.tp-card .tp-btn--secondary-purple:hover{color:var(--tpc-n0)!important}
.tp-card__media--empty{background:linear-gradient(135deg,var(--tpc-purple-500),var(--tpc-purple-800))}
.tp-card .in{color:var(--c-muted)}
.tp-card .tp-card__title a,.tp-card .tp-card__title a:visited{color:inherit;text-decoration:none}
.tp-card .tp-card__title a:hover,.tp-card .tp-card__title a:focus-visible{color:var(--c-accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.tp-card .tp-card__title{letter-spacing:0;text-transform:none}
.tp-card img{max-width:100%;height:100%}
.tp-card.tp-card .tp-btn{min-height:0!important;gap:6px;padding:4px 24px 6px!important;font:600 16px/1.2 var(--tpc-font-body)!important;letter-spacing:0!important;border-width:2px!important;border-style:solid!important;border-radius:var(--tpc-radius-btn-sm)!important;box-shadow:-4px 4px 0 0 var(--tpc-ink)!important;margin:0 0 4px 4px;transition:background .12s,box-shadow .12s,transform .12s;white-space:nowrap}
.tp-card.tp-card .tp-btn:hover,.tp-card.tp-card .tp-btn:active{box-shadow:none!important;transform:translate(-4px,4px)}
.tp-card.tp-card .tp-btn--primary-green{background:var(--tpc-green-400)!important;border-color:var(--tpc-ink)!important;color:var(--tpc-ink)!important}
.tp-card.tp-card .tp-btn--primary-green:hover{background:var(--tpc-green-500)!important}
.tp-card.tp-card .tp-btn--primary-green:active{background:var(--tpc-green-600)!important}
.tp-card.tp-card .tp-btn--secondary-purple{background:var(--tpc-purple-500)!important;border-color:var(--tpc-purple-800)!important;color:var(--tpc-n0)!important}
.tp-card.tp-card .tp-btn--secondary-purple:hover{background:var(--tpc-purple-600)!important}
.tp-card.tp-card .tp-btn--secondary-purple:active{background:var(--tpc-purple-700)!important}
.tp-card.tp-card .tp-btn .tapau-sr-only{position:absolute}
.tp-card--feature.tp-card--side{max-width:880px}
.tp-card .tp-badge{max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:1.1}
.tp-card span.tp-play{pointer-events:none}
.tp-card--feature .tp-card__eyebrow time{color:inherit}
.tp-card .tpa-run{margin:0;font-size:12.8px;color:var(--c-muted)}
.tp-card .tpa-run b{color:var(--c-title);font-weight:600}
.tp-card .tpa-vcount{font-weight:400;opacity:.8}
.tp-card .tpa-closed{font-size:12.8px;color:var(--c-muted)}
.tp-card .tp-trend--up{color:var(--tpc-green-400)}
.tp-card:not(.tp-card--chart) .tp-trend--up{color:var(--tpc-success)}
.tp-card .tp-trend--down{color:var(--c-down)}
.tp-card .tp-chip .tp-trend--up,.tp-card .tp-chip .tp-trend--down{font-size:12.8px}
.tp-card .tp-trend--new{font-size:12.8px;font-weight:800;color:var(--tpc-green-400)}
.tp-card.tp-card .tp-chip .tp-trend--up{color:var(--tpc-green-400)}.tp-card.tp-card .tp-chip .tp-trend--down{color:var(--tpc-purple-300)}
.jet-listing-grid__item .e-con:has(.tp-cq),.e-loop-item .e-con:has(.tp-cq){--min-height:0px!important;min-height:0!important;display:block!important}
/* ===== Staging feedback 4 Oct 2026 ===== */
/* Equal-height cards in every grid and carousel; actions pinned to the bottom */
.tp-cq{height:100%}
.tp-cq>.tp-card{height:100%}
.tp-card>.tp-card__body{flex:1 1 auto}
.tp-card__body>.tp-card__action,.tp-card>.tp-card__action{margin-top:auto}
/* Kicker: one line, ellipsis */
.tp-card__kicker{min-width:0;max-width:100%}
.tp-card__kicker>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* VOD and music video tiles: no card container (chart cards and profile Work grid keep theirs) */
.tp-card:is(.tp-card--tile,.tp-card--feature):not(.tp-card--side):not(.tp-card--chart):not(.mu-work .tp-card):has(>.tp-card__media.r169){background:transparent;border:0;padding:0;border-radius:0;box-shadow:none}
.tp-card:is(.tp-card--tile,.tp-card--feature):not(.tp-card--side):not(.tp-card--chart):not(.mu-work .tp-card):has(>.tp-card__media.r169):hover{background:transparent;border-color:transparent;box-shadow:none}
.tp-card:is(.tp-card--tile,.tp-card--feature):not(.tp-card--side):not(.tp-card--chart):has(>.tp-card__media.r169) .tp-card__media img{transition:transform .4s ease}
.tp-card:is(.tp-card--tile,.tp-card--feature):not(.tp-card--side):not(.tp-card--chart):not(.mu-work .tp-card):has(>.tp-card__media.r169):hover .tp-card__media img{transform:scale(1.03)}
/* Collage cover: square cells, adapts to 4/3/2/1/0 covers, count sits over a cover */
.tp-card .tp-card__media:has(>.tp-collage){position:relative;aspect-ratio:1/1!important;height:auto!important}
.tp-card .tp-card__media>.tp-collage{position:absolute!important;inset:0;width:auto!important;height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
.tp-card .tp-card__media>.tp-collage>*{min-width:0;min-height:0;width:100%!important;height:100%!important;object-fit:cover;aspect-ratio:auto!important}
.tp-card .tp-card__media>.tp-collage>.tp-collage__count{position:relative;display:grid!important;place-items:center;overflow:hidden;background:#352B40}
.tp-collage__count>img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;filter:saturate(.8)}
.tp-collage__count::after{content:"";position:absolute;inset:0;background:rgba(18,14,22,.64)}
.tp-collage__count>b{position:relative;z-index:1;padding:0 8px;text-align:center;color:#fff;font:700 16px/1.2 var(--tpc-font-display,"roc-grotesk",sans-serif)}
.tp-card .tp-card__media>.tp-collage--n2>:first-child{grid-column:1;grid-row:1/3}
.tp-card .tp-card__media>.tp-collage--n2>:nth-child(2){grid-column:2;grid-row:1}
.tp-card .tp-card__media>.tp-collage--n2>.tp-collage__count{grid-column:2;grid-row:2}
.tp-card .tp-card__media>.tp-collage.tp-collage--n1,.tp-card .tp-card__media>.tp-collage.tp-collage--n0{grid-template-columns:1fr!important;grid-template-rows:1fr!important}
.tp-card .tp-card__media>.tp-collage.tp-collage--n1>.tp-collage__count{position:absolute!important;right:10px;bottom:10px;width:auto!important;height:auto!important;padding:6px 12px;border-radius:0;background:rgba(18,14,22,.84)}
.tp-collage--n1>.tp-collage__count::after{display:none}
.tp-collage--n1>.tp-collage__count>b{font-size:12.8px;padding:0}
.tp-collage--n0>.tp-collage__count{background:repeating-linear-gradient(135deg,#352B40 0 14px,#2A2133 14px 28px)!important}
.tp-collage--n0>.tp-collage__count::after{display:none}


/* tapau-bacajap-hero-final */

.bjh{position:relative;overflow:hidden;min-height:520px;height:70vh;max-height:640px;font-family:var(--tp-font-body,Inter,sans-serif);width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
.bjh__bg{position:absolute;inset:0}
.bjh__bgpanel{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.bjh__bgpanel.on{opacity:1}
.bjh__bgpanel img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.bjh__scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,16,27,.82) 0%,rgba(21,16,27,.5) 40%,rgba(21,16,27,.14) 64%,rgba(21,16,27,0) 100%),linear-gradient(0deg,rgba(21,16,27,.55),rgba(21,16,27,0) 50%)}
.bjh__left{position:relative;z-index:2;padding:40px 48px;padding-left:max(48px,calc((100vw - 1280px)/2 + 48px));max-width:44%;color:#fff}
.bjh__left .bj-eyebrow{margin:0 0 10px}
.bjh__title{margin:0 0 10px;font-family:"roc-grotesk",sans-serif;font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.05;color:#fff!important}
.bjh__lede{margin:0 0 16px;font-size:16px;line-height:1.55;color:var(--tp-purple-200,#DED7E8);max-width:46ch}
.bjh__nav{display:flex;flex-wrap:wrap;gap:6px 16px}
.bjh__nav a{font-size:12.8px;font-weight:600;color:var(--tp-purple-200,#DED7E8);text-decoration:underline;text-underline-offset:3px}
.bjh__nav a:hover{color:#fff}
.bjh__card{position:absolute;right:max(24px,calc((100vw - 1280px)/2 + 24px));bottom:24px;z-index:2;width:29%;min-width:240px;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 12px 32px rgba(21,16,27,.28)}
.bjh__panel{display:none;flex-direction:column;gap:4px;padding:18px 20px;text-decoration:none!important;color:inherit}
.bjh__panel.on{display:flex}
.bjh__kicker{font-size:12.8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tp-pink-text,#D10080)}
.bjh__pt{font-size:16px;font-weight:700;line-height:1.3;color:var(--tp-ink,#050306);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bjh__cta{margin-top:8px;display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:32px;padding:0 14px;border-radius:var(--tp-radius,8px);background:var(--tp-green,#20FF19);color:var(--tp-ink,#050306);font-size:12.8px;font-weight:700}
.bjh__panel:hover .bjh__cta,.bjh__panel:focus-visible .bjh__cta{background:var(--tp-green-hover,#04C400)}
.bjh__panel:focus-visible{outline:2px solid var(--tp-pink,#FF009D);outline-offset:-2px}
.bjh__progress{display:flex;gap:4px;padding:0 20px 16px}
.bjh__seg{flex:1;height:3px;background:var(--tp-border,#E5E2E9);border-radius:0;overflow:hidden}
.bjh__fill{display:block;height:100%;width:0;background:var(--tp-pink,#FF009D)}
@media (max-width:1024px){.bjh__left{max-width:56%;padding:28px 32px}.bjh__card{width:38%}}
@media (max-width:767px){.bjh{height:auto;min-height:0;max-height:none}.bjh__left{position:relative;max-width:100%;padding:24px 20px 200px}.bjh__lede{display:none}.bjh__card{width:calc(100% - 32px);right:16px;left:16px;bottom:16px}}

/* tapau-single-v2 */

.tps{--ink:#050306;--pink-50:#FFF3F8;--pink-400:#FF6EB2;--pink-500:#FF009D;--pink-600:#D10080;--g400:#20FF19;--g500:#04C400;--g600:#029300;--g800:#016B00;
--p50:#F8F5FC;--p100:#EFEAF6;--p200:#DED7E8;--p300:#C3B9D0;--p500:#7B6D8D;--p600:#615472;--p700:#4B3F59;--p800:#352B40;--p900:#211A2A;--p950:#15101B;
--n0:#fff;--n100:#F2F0F4;--n200:#E5E2E9;--n600:#655C70;--n700:#4C4356;--n900:#1C1622;--info:#175CD3;--info-t:#D1E9FF;--ok:#0F7A36;--ok-t:#DCFAE6;--warn:#B54708;--warn-t:#FEF0C7;
--fd:"roc-grotesk",sans-serif;--fb:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--pad:48px;
font:400 16px/1.6 var(--fb);color:var(--n700);background:var(--n100);width:100%;overflow-x:clip;padding-bottom:48px;display:flex;flex-direction:column;gap:40px}
.tps *,.tps *::before,.tps *::after{box-sizing:border-box}
.tps p{margin:0}
.tps a{text-decoration:none}
.tps :focus-visible{outline:2px solid var(--pink-500);outline-offset:2px}
.tps-wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--pad)}
.tps-stack{display:flex;flex-direction:column;gap:24px;min-width:0}
.tps-row{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.tps-row--tight{gap:8px}
.tps-row--sb{justify-content:space-between;flex-wrap:nowrap}
.tps-block{display:flex;flex-direction:column;gap:16px}
.tps-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:start}
.tps-cols--a{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.tps-cols--b{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.tps-cols--c{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tps-sticky{position:sticky;top:128px}
.tps-eb__a{color:inherit;text-decoration:none}.tps-eb__a:hover,.tps-eb__a:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.admin-bar .tps-sticky{top:160px}
.tps-top{display:none}
/* type */
.tps .tps-h1{font:700 clamp(40px,4.6vw,60px)/1.05 var(--fd);letter-spacing:-.01em;color:var(--n900);margin:0;text-wrap:balance;overflow-wrap:anywhere}
.tps .tps-h2{font:700 25px/1.2 var(--fd);color:var(--n900);margin:0}
.tps .tps-h5{font:600 16px/1.3 var(--fb);color:var(--n900)}
.tps-eb{font:600 12.8px/1.2 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--pink-600)}
.tps-by{font-weight:600;color:var(--n900)}
.tps-meta{font-size:12.8px;line-height:1.45;color:var(--n600)}
.tps-strong{color:var(--n900)}
.tps-prose{color:var(--n700)}
.tps-prose p{margin:0 0 1em}.tps-prose p:last-child{margin-bottom:0}
.tps-prose img{max-width:100%;height:auto;border-radius:0}
.tps-prose a,.tps .tps-link{color:var(--n700);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.tps-prose a:hover,.tps .tps-link:hover{color:var(--pink-600);text-decoration-thickness:1.5px}
.tps-ident{gap:12px}
.tps-titlerow{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
/* buttons */
.tps .tps-btn,.tps .tps-vote .tapau-vote-btn,.tps .tps-vote .tapau-login-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 24px;font:600 16px/1 var(--fb);border:2px solid var(--ink);border-radius:0;background:var(--g400);color:var(--ink);box-shadow:-4px 4px 0 var(--ink);margin:0 0 4px 4px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s,box-shadow .12s,transform .12s}
.tps .tps-btn:hover,.tps .tps-vote .tapau-vote-btn:hover{background:var(--g500);color:var(--ink);box-shadow:none;transform:translate(-4px,4px)}
.tps .tps-btn:active{background:var(--g600);box-shadow:inset -3px 3px 0 rgba(5,3,6,.55);transform:translate(-4px,4px)}
.tps .tps-btn--s{background:var(--p500);color:#fff;border-color:var(--p800);box-shadow:-4px 4px 0 var(--ink)}
.tps .tps-btn--s:hover{background:var(--p600);color:#fff}
.tps .tps-btn--t{background:var(--p200);color:var(--p800);border-color:transparent;box-shadow:none;margin:0}
.tps .tps-btn--t:hover,.tps .tps-btn--t:active,.tps .tps-btn--dis:hover,.tps .tps-vote .tapau-vote-btn[disabled]:hover{transform:none}
.tps .tps-btn--t:hover{background:var(--p300);color:var(--ink)}
.tps .tps-btn--t:active{background:var(--p600);color:var(--p200);box-shadow:none}
.tps .tps-btn--sm{min-height:36px;padding:0 16px;font-size:12.8px;border-radius:0}
.tps .tps-btn--block{width:100%}
.tps .tps-btn--dis,.tps .tps-vote .tapau-vote-btn[disabled]{background:var(--p100);color:var(--n600);border:2px dashed var(--p300);box-shadow:none;cursor:not-allowed}
.tps .tps-vote .tapau-vote-closed{font-size:12.8px;color:var(--n600)}
.tps-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.tps-actrow{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center}
.tps-actrow:empty{display:none}
.tps .tps-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:0;border:1px solid var(--p300);background:#fff;color:var(--n700);font:600 12.8px/1 var(--fb);cursor:pointer}
.tps .tps-chip:hover{border-color:var(--n900);color:var(--n900);background:#fff}
.tps .tps-back{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 16px;border-radius:0;background:var(--p200);color:var(--p800);font:600 12.8px/1 var(--fb);width:fit-content}
.tps .tps-back:hover{background:var(--p300);color:var(--ink)}
/* pills */
.tps-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 12px;border-radius:0;font:600 12.8px/1 var(--fb);border:1px solid var(--p300);background:var(--p100);color:var(--n900);width:fit-content;white-space:nowrap}
.tps-pill--rank{background:var(--pink-500);border-color:var(--pink-500);color:#fff}
.tps-pill--ok{background:var(--ok-t);border-color:var(--ok);color:var(--ok)}
.tps-pill--warn{background:var(--warn-t);border-color:var(--warn);color:var(--warn)}
.tps-pill--info{background:var(--info-t);border-color:var(--info);color:var(--info)}
.tps-pill--brand{background:var(--pink-50);border-color:var(--pink-600);color:var(--pink-600)}
/* images */
.tps-img{position:relative;overflow:hidden;border-radius:0;background:var(--p100);width:100%}
.tps-img img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover}
.tps-img__ph{position:absolute;inset:0;display:grid;place-items:center;font-size:12.8px;color:var(--n600);text-align:center;padding:8px}
/* stats */
.tps-stats{display:flex;gap:32px}
.tps-stats div{display:flex;flex-direction:column}
.tps-stats b{font:600 16px/1.3 var(--fb);color:var(--n900)}
.tps-stats span{font-size:12.8px;color:var(--n600)}
/* hero (music) */
.tps-hero{position:relative;background:linear-gradient(135deg,#352B40 0%,#3A2F46 100%);color:#fff;padding:48px 0}
.tps-hero__in{display:grid;grid-template-columns:400px minmax(0,1fr);gap:48px;align-items:center;max-width:1280px;margin-inline:auto;padding-inline:var(--pad)}
.tps-hero__cov{position:relative;z-index:2}
.tps .tps-playc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(5,3,6,.45);color:#fff;border:2px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;box-shadow:0 8px 24px rgba(5,3,6,.35);transition:background .12s,transform .12s;z-index:3}
.tps .tps-playc svg{margin-left:3px}
.tps .tps-playc:hover{background:rgba(5,3,6,.8);color:#fff;border-color:#fff;transform:translate(-50%,-50%) scale(1.06)}
.tps .tps-playc:focus-visible{outline:2px solid var(--pink-500);outline-offset:3px}
.tps-vcount{font-weight:600;opacity:.8}
.tps-hero__cov .tps-img{box-shadow:0 12px 32px rgba(5,3,6,.35)}
.tps-hero__det{display:flex;flex-direction:column;gap:12px;min-width:0}
.tps-hero .tps-h1,.tps-hero .tps-by,.tps-hero .tps-stats b{color:#fff}
.tps-hero .tps-eb{color:var(--pink-400)}
.tps-hero .tps-meta,.tps-hero .tps-stats span{color:var(--p200)}
.tps-hero .tps-link{color:var(--p200)}.tps-hero .tps-link:hover{color:var(--pink-400)}
.tps-hero .tps-vote .tapau-vote-btn[disabled]{background:var(--p800);color:var(--p200);border-color:var(--p600)}
.tps-hero__after{display:none}
.tps-hero__sp{display:none}
.tps .tps-back--hero{position:absolute;top:16px;left:max(var(--pad),calc((100% - 1280px)/2 + var(--pad)));z-index:6}
/* dark video band */
.tps-dk{position:relative;background:linear-gradient(135deg,#352B40 0%,#3A2F46 100%);padding:0 var(--pad) 32px}
.tps-dk__in{max-width:calc(1280px - 2 * var(--pad));margin-inline:auto} /* 7 Oct 2026 pin: player spans the content edges (was 960px) */
.tps-player{position:relative;aspect-ratio:16/9;background:#000;border-radius:0;overflow:hidden}
.tps-player iframe,.tps-player video{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}
.tps-player--vod>*{position:absolute!important;inset:0;padding:0!important;height:100%!important}
.tps-player .tps-img__ph{color:var(--p300)}
.tps .tps-back--dk{position:absolute;top:16px;left:16px;z-index:6}
/* story */
.tps-story-hero{position:relative;width:100%;margin:0;padding:0}
.tps .tps-story-hero .tps-img{height:50vh;height:50svh;min-height:240px;border-radius:0;box-shadow:none}
.tps .tps-story-hero .tps-img img{width:100%;height:100%;object-fit:cover;display:block}
.tps-prosecol{max-width:680px;margin-inline:auto;width:100%}
.tps-article{font-size:16px;line-height:1.7}
.tps-article h2,.tps-article h3{font-family:var(--fd);color:var(--n900);line-height:1.2;margin:1.5em 0 .5em}
.tps-article blockquote{margin:1.5em 0;border-left:4px solid var(--pink-500);padding-left:16px;font-weight:600;font-size:16px;color:var(--n900)}
.tps-story-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
/* horizontal cards */
.tps-hc{display:flex;flex-direction:column;gap:8px}
.tps-hc--cards{gap:12px}
.tps-hc--vid.tps-hc--cards{gap:16px}
.tp-card.is-now{border:2px solid #D10080}
.tps-hc__b{display:flex;flex-direction:column;gap:2px;min-width:0}
.tps-hc__t{font:600 16px/1.35 var(--fb);color:var(--n900);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* tiles */
.tps-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
/* tracklist */
.tps-trk{list-style:none;margin:0;padding:0}
.tps-trk li{display:flex;align-items:center;gap:16px;padding:8px 16px;border-top:1px solid var(--n200)}
.tps-trk li.is-now{border:2px solid var(--pink-600);border-radius:0;background:var(--pink-50)}
.tps-trk__n{width:24px;text-align:right;font-size:12.8px;color:var(--n600);flex:none}
.tps-trk a{display:flex;flex-direction:column;color:inherit;min-width:0;flex:1}
.tps-trk b{color:var(--n900)}
.tps-trk a:hover b{color:var(--pink-600)}
/* reviews + comments */
.tps-rc{background:#fff;border:1px solid var(--n200);border-radius:0;padding:16px;display:flex;flex-direction:column;gap:8px}
.tps-rc--pin{border:2px solid var(--pink-600)}
.tps-rc__by{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.tps-rc__by b{color:var(--n900)}
.tps .tps-av{width:32px;height:32px;border-radius:50%;flex:none;object-fit:cover}
.tps-rc__t a{font-weight:700;color:var(--n900)}
.tps-rc__t a:hover{color:var(--pink-600)}
.tps .tps-rc__head{font:700 39.06px/1.15 var(--fd);color:var(--n900);margin:0;letter-spacing:-.01em}
.tps-rv-item{font:700 25px/1.2 var(--fd);color:var(--n900);margin:0}
.tps-pt{padding-top:48px}
.tps-rc__b p{margin:0}
.tps-stars{color:#FEC84B;letter-spacing:1px}.tps-stars .off{color:var(--p300)}
.tps-rscroll{display:flex;flex-direction:column;gap:16px}
.tps-r3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tps-empty{border:1px dashed var(--p300);border-radius:0;background:var(--p50);padding:24px;text-align:center;color:var(--n600)}
.tps-card{background:#fff;border:1px solid var(--n200);border-radius:0;padding:16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.tps-note{padding:16px;border-radius:0;background:var(--p100);font-size:16px}
.tps-form{margin-top:-8px}
.tps-cm{display:flex;gap:16px;padding:16px 0 8px;border-top:1px solid var(--n200)}
.tps-cm__by b{color:var(--n900)}
.tps-cm__b p{margin:4px 0 0}
.tps-comments .comment-form{display:flex;flex-direction:column;gap:12px;margin:0}
.tps-comments textarea{width:100%;min-height:96px;border:1.5px solid var(--p300);border-radius:0;padding:12px 16px;font:400 16px/1.5 var(--fb);background:#fff;color:var(--n900)}
.tps-comments textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(239,46,170,.35)}
.tps-comments .form-submit{margin:0}
.tps-comments #reply-title,.tps-comments .comment-notes,.tps-comments .logged-in-as{display:none}
/* share */
.tps-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.tps-share__list{display:flex;flex-wrap:wrap;gap:8px}
.tps .tps-ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--p300);background:#fff;color:var(--n700);cursor:pointer;padding:0}
.tps .tps-ico:hover{border-color:var(--n900);color:var(--n900);background:#fff}
.tps .tps-ico .tps-ico__ok{display:none}
.tps .tps-ico.is-done{border-color:var(--ok);color:var(--ok)}
.tps .tps-ico.is-done svg{display:none}.tps .tps-ico.is-done .tps-ico__ok{display:block}
.tps .tps-share__toggle{display:none}
/* support (G3) */
.tps-sup{border-radius:0;padding:16px 24px 20px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,var(--g800) 0%,#0B3D0A 100%);color:#fff}
.tps-sup--wide{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}
.tps-sup--wide .tps-sup__txt{flex:1 1 240px;min-width:0}
.tps-sup__t{font:600 16px/1.3 var(--fb);color:#fff}
.tps-sup__c{font-size:12.8px;line-height:1.45;color:#C4FFBE;margin-top:4px!important}
.tps-sup__amts{display:flex;flex-wrap:wrap;gap:8px}
.tps-sup__note{flex-basis:100%;font-size:12.8px;color:#C4FFBE}
.tps .tps-amt{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:44px;padding:0 16px;border:2px solid #fff;border-radius:0;background:transparent;color:#fff;font:600 16px/1 var(--fb);cursor:pointer;box-shadow:none;margin:0;transition:background .12s,color .12s}
.tps .tps-amt:hover{background:#fff;color:var(--g800)}
.tps .tps-amt:active{background:#C4FFBE;color:var(--g800)}
/* band, owner, map */
.tps-band{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;background:var(--p900);color:#fff;border-radius:0;padding:24px}
.tps-band__t{font:700 20px/1.25 var(--fd);color:#fff}
.tps-band__s{font-size:12.8px;color:var(--p200);margin-top:4px!important}
.tps-band .tps-btn--t{background:rgba(255,255,255,.12);color:#fff}
.tps-band .tps-btn--t:hover{background:rgba(255,255,255,.22);color:#fff}
.tps-own{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;background:#fff;border:1px solid var(--p300);border-radius:0;padding:8px 16px;font-size:12.8px}
.tps-map{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--n200);border-radius:0;padding:16px;color:inherit}
.tps-map:hover{border-color:var(--p300)}
.tps-map__k{font:600 12.8px/1.2 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--n600)}
.tps-map b{color:var(--n900)}
.tps-ev-mhead{display:none}
.tps-rv-cov{position:relative}
.tps-by .tps-dir{font-weight:600;margin-left:8px;white-space:nowrap}
.tps-rv-thumb{max-width:none;width:100%}
.tps-rv-date{font-size:12.8px}
.tps-rv-score{display:flex;align-items:center;gap:8px;margin:4px 0 0;flex-wrap:wrap}
.tps-rv-score .tps-stars{font-size:25px;letter-spacing:2px;line-height:1}
.tps-rv-score b{font:700 31.25px/1 var(--fd);color:var(--n900)}
/* ---------- tablet / mobile ---------- */
@media (max-width:1024px){
 .tps{--pad:24px}
 .tps-hero__in{grid-template-columns:280px minmax(0,1fr);gap:32px}
 .tps-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
 .tps{--pad:16px;gap:32px}
 .tps .tps-h1{font-size:48.83px}
 .tps-cols,.tps-cols--a,.tps-cols--b,.tps-cols--c{grid-template-columns:minmax(0,1fr);gap:32px}
 .tps-sticky{position:static}
 .tps-hero{padding:0 0 8px}
 .tps-hero__in{display:block;padding:0}
 .tps-hero__cov{margin:0}
 .tps-hero__cov .tps-img{border-radius:0;box-shadow:none}
 .tps-hero__det{padding:16px}
 .tps-hero__after{margin-top:-8px}
 .tps .tps-back--hero{left:16px}
 .tps-dk{padding:0}
 .tps-player{border-radius:0}
 .tps-story-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);scroll-padding-inline:var(--pad)}
 .tps-story-cards::-webkit-scrollbar{display:none}
 .tps .tps-back--story{position:absolute;top:16px;left:16px;z-index:6}
 .tps-ev-mhead{display:block;position:relative}
 .tps-ev-mhead .tps-img{border-radius:0}
 .tps-ev-dback,.tps-ev-dposter{display:none}
 .tps-ev-left{display:none}
 .tps--tapau-event .tps-pt,.tps--tapau-film .tps-pt{padding-top:0}
 .tps-tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 .tps-tiles::-webkit-scrollbar{display:none}
 .tps-rscroll,.tps-r3{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 .tps-rscroll::-webkit-scrollbar,.tps-r3::-webkit-scrollbar{display:none}
 .tps-rscroll>.tps-rc,.tps-r3>.tps-rc{flex:0 0 82%;scroll-snap-align:start}
 .tps-hc{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px}
 .tps-hc::-webkit-scrollbar{display:none}
 .tps-hc--cards:not(.tps-hc--vid){flex-direction:column;overflow:visible}
 .tps-hc--vid>.tp-cq{flex:0 0 72%;scroll-snap-align:start}
 .tps-story-cards>.tp-cq{flex:0 0 72%;scroll-snap-align:start}
 .tps-share__k{display:none}
 .tps .tps-share__toggle{display:inline-flex}
 .tps-share__list{display:none;flex-basis:100%}
 .tps-share.is-open .tps-share__list{display:flex}
 .tps-sup--wide{flex-direction:column;align-items:flex-start}
 .tps-rv-thumb{max-width:none}
 .tps-pt{padding-top:24px}
 .tps .tps-rc__head{font-size:31.25px}
 .tps-sup--wide .tps-sup__txt{flex:none}
}
@media (prefers-reduced-motion:reduce){.tps *{transition:none!important}}

/* ===== Staging feedback 4 Oct 2026 ===== */
.tps-dk{padding-top:32px!important;padding-bottom:32px!important}
.tps-clamp:not(.is-open){max-height:calc(var(--tps-lh,1.7em) * 3);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 66%,transparent);mask-image:linear-gradient(180deg,#000 66%,transparent)}
.tps-clamp>:first-child{margin-top:0}
.tps .tps-more{align-self:flex-start;margin:8px 0 0;padding:0;border:0;background:none;box-shadow:none;font:600 16px/1.4 var(--fb);color:var(--pink-600,#D10080);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tps .tps-more:hover{color:var(--n900,#050306)}
.tps aside.tps-stack{gap:24px}
@media (min-width:768px){.tps aside .tps-share__toggle{display:none!important}.tps aside .tps-share__list{display:flex!important}}
@media (max-width:767px){.tps-dk{padding-top:0!important;padding-bottom:0!important}}

/* tapau-happenings-hero-final */

.hph{position:relative;overflow:hidden;min-height:520px;height:70vh;max-height:640px;font-family:var(--tp-font-body,Inter,sans-serif)}
.hph--empty{min-height:420px;height:52vh}
.hph__bg{position:absolute;inset:0}
.hph__bg .hp-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.hph__bgpanel{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.hph__bgpanel.on{opacity:1}
.hph__scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,16,27,.82) 0%,rgba(21,16,27,.5) 40%,rgba(21,16,27,.14) 64%,rgba(21,16,27,0) 100%),linear-gradient(0deg,rgba(21,16,27,.55),rgba(21,16,27,0) 50%)}
.hph__left{position:relative;z-index:2;padding:40px 48px;max-width:44%;color:#fff}
.hph__left .hp-eyebrow{margin:0 0 10px}
.hph__title{margin:0 0 10px;font-family:"roc-grotesk",sans-serif;font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.05;color:#fff!important}
.hph__lede{margin:0;font-size:16px;line-height:1.55;color:var(--tp-purple-200,#DED7E8);max-width:46ch}
.hph__card{position:absolute;right:24px;bottom:24px;z-index:2;width:29%;min-width:240px;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 12px 32px rgba(21,16,27,.28)}
.hph--empty .hph__card{position:relative;right:auto;bottom:auto;width:auto;margin:0 24px 24px auto;max-width:320px}
.hph__panel{display:none;flex-direction:column;gap:4px;padding:18px 20px;text-decoration:none!important;color:inherit}
.hph__panel.on{display:flex}
.hph__kicker{font-size:12.8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tp-pink-text,#D10080)}
.hph__pt{font-size:16px;font-weight:700;line-height:1.3;color:var(--tp-ink,#050306);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hph__sub{font-size:12.8px;color:var(--tp-muted,#655C70)}
.hph__cta{margin-top:8px;display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:32px;padding:0 14px;border-radius:var(--tp-radius,8px);background:var(--tp-green,#20FF19);color:var(--tp-ink,#050306);font-size:12.8px;font-weight:700}
.hph__panel:hover .hph__cta,.hph__panel:focus-visible .hph__cta{background:var(--tp-green-hover,#04C400)}
.hph__panel:focus-visible{outline:2px solid var(--tp-pink,#FF009D);outline-offset:-2px}
.hph__progress{display:flex;gap:4px;padding:0 20px 16px}
.hph__seg{flex:1;height:3px;background:var(--tp-border,#E5E2E9);border-radius:0;overflow:hidden}
.hph__fill{display:block;height:100%;width:0;background:var(--tp-pink,#FF009D)}
@media (max-width:1024px){.hph__left{max-width:56%;padding:28px 32px}.hph__card{width:38%}}
@media (max-width:767px){.hph{height:auto;min-height:0;max-height:none}.hph--empty{height:auto}.hph__left{position:relative;max-width:100%;padding:24px 20px 200px}.hph--empty .hph__left{padding:24px 20px}.hph__card{width:calc(100% - 32px);right:16px;left:16px;bottom:16px}.hph--empty .hph__card{width:auto;margin:0 16px 16px}}
@media (max-width:767px){.hph__lede{display:none}}

/* tapau-home-hero-final */

.hf{position:relative;overflow:hidden;height:90vh;height:calc(100dvh - var(--tp-hdr-h,104px));min-height:520px;font-family:var(--tp-font-body,Inter,sans-serif)}
.hf__bg{position:absolute;inset:0;z-index:0}/* 15 Oct: own stacking layer, so the player's full-bleed link stays under the CTA and the featured card */
.hf__bg .tv-hero{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.hf__bg .tv-hero__video{width:100%!important;height:100%!important;object-fit:cover!important}
.hf__scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,16,27,.72) 0%,rgba(21,16,27,.42) 38%,rgba(21,16,27,.1) 62%,rgba(21,16,27,0) 100%),linear-gradient(0deg,rgba(21,16,27,.5),rgba(21,16,27,0) 45%)}
.hf__left{position:absolute;left:0;bottom:0;padding:40px 48px;max-width:42%;color:#fff;z-index:2}
.hf__eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12.8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tp-pink,#FF009D)}
.hf__pulse{width:8px;height:8px;border-radius:50%;background:var(--tp-pink,#FF009D);box-shadow:0 0 0 0 rgba(255,0,157,.6);animation:hfPulse 2s infinite}
@keyframes hfPulse{70%{box-shadow:0 0 0 10px rgba(255,0,157,0)}100%{box-shadow:0 0 0 0 rgba(255,0,157,0)}}
/* 8 Oct 2026: LIVE NOW / NOW PLAYING blink, OFFLINE stays still */
@keyframes hfBlink{0%,100%{opacity:1}50%{opacity:.3}}
.hf__eyebrow--live #hf-live-label,.hf__eyebrow--playing #hf-live-label{animation:hfBlink 1.4s ease-in-out infinite}
.hf__eyebrow--playing .hf__pulse{background:#20FF19;animation:none;box-shadow:0 0 0 3px rgba(32,255,25,.25)}
.hf__eyebrow--offline .hf__pulse{background:#9F92AF;animation:none;box-shadow:none}
html body .hf .hf__eyebrow.hf__eyebrow--offline{background:#4B3F59!important;color:#fff!important}.hf__eyebrow--offline #hf-live-label{opacity:.9}
@media (prefers-reduced-motion:reduce){.hf__eyebrow #hf-live-label{animation:none}}
.hf__title{margin:0 0 10px;font-family:"roc-grotesk",sans-serif;font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.1;color:#fff!important}
.hf__lede{margin:0 0 18px;font-size:16px;line-height:1.5;color:var(--tp-purple-200,#DED7E8);max-width:44ch}
.hf__card{position:absolute;right:24px;bottom:24px;width:31%;min-width:260px;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 12px 32px rgba(21,16,27,.28);z-index:2}
.hf__panel{display:none;padding:16px 18px;text-decoration:none!important;color:inherit}
.hf__panel.on{display:flex;gap:12px;align-items:flex-start}
.hf__thumb{flex:0 0 56px;width:56px;height:56px;border-radius:0;overflow:hidden;background:var(--tp-surface,#F2F0F4)}
.hf__thumb img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.hf__txt{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.hf__kicker{font-size:12.8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tp-pink-text,#D10080)}
.hf__pt{font-size:16px;font-weight:700;line-height:1.3;color:var(--tp-ink,#050306);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hf__sub{font-size:12.8px;color:var(--tp-muted,#655C70)}
.hf__cta{margin-top:6px;display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:var(--tp-radius,8px);background:var(--tp-green,#20FF19);color:var(--tp-ink,#050306);font-size:12.8px;font-weight:700}
.hf__panel:hover .hf__cta,.hf__panel:focus-visible .hf__cta{background:var(--tp-green-hover,#04C400)}
.hf__panel:focus-visible{outline:2px solid var(--tp-pink,#FF009D);outline-offset:-2px}
.hf__progress{display:flex;gap:4px;padding:0 18px 14px}
.hf__seg{flex:1;height:3px;background:var(--tp-border,#E5E2E9);border-radius:0;overflow:hidden}
.hf__fill{display:block;height:100%;width:0;background:var(--tp-pink,#FF009D)}
@media (max-width:1024px){.hf__left{max-width:60%;padding:28px 32px}.hf__card{width:42%}}
@media (max-width:767px){.hf{height:calc(100dvh - var(--tp-hdr-h,72px));min-height:560px}.hf__left{max-width:66%;padding:20px}.hf__title{font-size:25px}.hf__lede{display:none}.hf__card{width:62%;right:16px;bottom:16px}}
@media (max-width:767px){#hf-hero .hf__card{display:none!important}}/* 15 Oct: featured card hidden on mobile */
@media (prefers-reduced-motion:reduce){.hf__pulse{animation:none}}

/* tapau-charts-hero-final */

.ch{position:relative;overflow:hidden;min-height:520px;height:70vh;max-height:640px;font-family:var(--tp-font-body,Inter,sans-serif)}
.ch__bg{position:absolute;inset:0}
.ch__bgpanel{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.ch__bgpanel.on{opacity:1}
.ch__bgpanel img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.ch__scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,16,27,.82) 0%,rgba(21,16,27,.5) 40%,rgba(21,16,27,.14) 64%,rgba(21,16,27,0) 100%),linear-gradient(0deg,rgba(21,16,27,.55),rgba(21,16,27,0) 50%)}
.ch__left{position:relative;z-index:2;padding:40px 48px;max-width:44%;color:#fff}
.ch__left .cp-eyebrow{margin:0 0 10px}
.ch__title{margin:0 0 10px;font-family:"roc-grotesk",sans-serif;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.08;color:#fff!important}
.ch__lede{margin:0 0 14px;font-size:16px;line-height:1.55;color:var(--tp-purple-200,#DED7E8);max-width:46ch}
.ch__links{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 18px}
.ch__links a{font-size:12.8px;font-weight:600;color:var(--tp-purple-200,#DED7E8);text-decoration:underline;text-underline-offset:3px}
.ch__links a:hover{color:#fff}
.ch__stats{display:flex;gap:26px;margin:0 0 6px}
.ch__stat b{display:block;font-family:"roc-grotesk",sans-serif;font-size:20px;color:#fff}
.ch__stat span{font-size:12.8px;color:var(--tp-purple-300,#C3B9D0)}
.ch__left .cp-cd-hero{margin:16px 0 0;padding:12px 16px}
.ch__card{position:absolute;right:24px;bottom:24px;z-index:2;width:29%;min-width:240px;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 12px 32px rgba(21,16,27,.28)}
.ch__panel{display:none;flex-direction:column;gap:4px;padding:18px 20px;text-decoration:none!important;color:inherit}
.ch__panel.on{display:flex}
.ch__kicker{font-size:12.8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tp-pink-text,#D10080)}
.ch__pt{font-size:16px;font-weight:700;line-height:1.3;color:var(--tp-ink,#050306);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch__sub{font-size:12.8px;color:var(--tp-muted,#655C70)}
.ch__cta{margin-top:8px;display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:32px;padding:0 14px;border-radius:var(--tp-radius,8px);background:var(--tp-green,#20FF19);color:var(--tp-ink,#050306);font-size:12.8px;font-weight:700}
.ch__panel:hover .ch__cta,.ch__panel:focus-visible .ch__cta{background:var(--tp-green-hover,#04C400)}
.ch__panel:focus-visible{outline:2px solid var(--tp-pink,#FF009D);outline-offset:-2px}
.ch__progress{display:flex;gap:4px;padding:0 20px 16px}
.ch__seg{flex:1;height:3px;background:var(--tp-border,#E5E2E9);border-radius:0;overflow:hidden}
.ch__fill{display:block;height:100%;width:0;background:var(--tp-pink,#FF009D)}
@media (max-width:1024px){.ch__left{max-width:56%;padding:28px 32px}.ch__card{width:38%}}
@media (max-width:767px){.ch{height:auto;min-height:0;max-height:none;padding-bottom:0}.ch__left{position:relative;max-width:100%;padding:24px 20px 200px}.ch__lede{display:none}.ch__stats{display:none}.ch__card{width:calc(100% - 32px);right:16px;left:16px;bottom:16px}}

/* tapau-ct-css */

.tct-tag{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.tct-tag:hover{color:#D10080}
.tct-tag__av{width:20px;height:20px;border-radius:50%!important;object-fit:cover;flex:none}
.tct-sep{margin:0 8px;color:#958CA2}
.tct-feat__l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tct-feat__l li{border:2px solid #050306;padding:8px 12px;background:#fff;font-size:16px}
.tct-dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0;border-top:1px solid #E5E2E9}
.tct-dl div{padding:12px 0;border-bottom:1px solid #E5E2E9;display:flex;flex-direction:column;gap:4px;padding-right:16px}
.tct-dl dt{font:600 12px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:#655C70}
.tct-dl dd{margin:0;font-size:16px}
.tct-bc iframe{display:block;width:100%;height:472px;border:0}
.tct-gal__g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.tct-gal__g img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.tct-ppl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:16px 8px}
.tct-ppl a,.tct-ppl__x{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:inherit;text-decoration:none;font-size:13px;line-height:1.3}
.tct-ppl a:hover span{text-decoration:underline}
.tct-ppl__av{width:56px;height:56px;border-radius:50%!important;object-fit:cover;border:2px solid #050306}
.tct-ppl i{font-style:normal;font:600 11px/1 "IBM Plex Mono",monospace;background:#20FF19;padding:2px 6px}
.tct-inline{display:inline;margin:0}
.tct-int-btn.is-on{background:#20FF19;color:#050306}
.tct-own{border:2px dashed #958CA2;background:#fff;padding:0}
.tct-own>summary{cursor:pointer;padding:14px 16px;font-weight:700;list-style:none}
.tct-own>summary::-webkit-details-marker{display:none}
.tct-own>summary::before{content:"✎ ";}
.tct-form{display:flex;flex-direction:column;gap:16px;padding:0 16px 16px}
.tct-f{display:flex;flex-direction:column;gap:8px;border:0;margin:0;padding:0;min-width:0}
.tct-f>span,.tct-f legend{font-weight:600;font-size:14px;padding:0}
.tct-f select,.tct-f input[type=url],.tct-row input{width:100%;min-height:44px;border:2px solid #E5E2E9;border-radius:0;padding:8px 10px;font:400 15px/1.4 Inter,sans-serif;background:#fff;color:#050306}
.tct-f select:focus,.tct-f input:focus{border-color:#050306;outline:0}
.tct-rows{display:flex;flex-direction:column;gap:8px}
.tct-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr) 44px;gap:8px}
.tct-x{border:2px solid #E5E2E9;background:#fff;font-size:20px;cursor:pointer}
.tct-thumbs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tct-thumbs li{display:flex;flex-direction:column;gap:4px;font-size:12px}.tct-thumbs img{width:88px;height:88px;object-fit:cover;display:block}
.tct-ok{margin:0 16px 12px;padding:10px 12px;background:#20FF19;font-weight:600}
@media (max-width:599px){.tct-row{grid-template-columns:minmax(0,1fr) 44px}.tct-row input[name="cr_r[]"]{grid-column:1/-1}.tct-bc iframe{height:420px}}