@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap');:root{--green:#16a34a;--green-dark:#14532d;--green-deep:#052e16;--green-mid:#15803d;--green-light:#86efac;--green-pale:#dcfce7;--green-tint:#f0fdf4;--white:#fff;--off-white:#f8fafc;--text:#0f172a;--text-2:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--border:#e2e8f0;--border-2:#f1f5f9;--surface:#fff;--surface-2:#f8fafc;--gold:#d97706;--gold-light:#fcd34d;--red:#dc2626;--red-pale:#fee2e2;--sh-sm:0 1px 4px rgba(0,0,0,.06);--sh-md:0 4px 16px rgba(0,0,0,.09);--sh-lg:0 8px 32px rgba(0,0,0,.13);--sh-g:0 4px 20px rgba(22,163,74,.25);--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--f-disp:'Syne',sans-serif;--f-body:'DM Sans',sans-serif;--ease:.2s ease;--dm-bg:#0a0f0d;--dm-surface:#111916;--dm-surface2:#172014;--dm-border:rgba(255,255,255,.07);--dm-text:#e8f5ee;--dm-muted:#6aad82}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;max-width:100%}html{scroll-behavior:smooth;overflow-x:hidden;width:100%}body{font-family:var(--f-body);font-size:15px;line-height:1.6;color:var(--text);background:var(--off-white);overflow-x:hidden;width:100%;position:relative;transition:background .35s ease,color .35s ease}body.dark{--off-white:var(--dm-bg);--surface:var(--dm-surface);--surface-2:var(--dm-surface2);--border:var(--dm-border);--border-2:rgba(255,255,255,.04);--text:var(--dm-text);--text-2:#c3dccb;--text-muted:#6aad82;--text-faint:#3d6b4f;--white:var(--dm-surface);background:var(--dm-bg);color:var(--dm-text)}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6,p,span,div,a,li{overflow-wrap:break-word;word-wrap:break-word}img{max-width:100%;height:auto;display:block}ul{list-style:none}button{font-family:var(--f-body);cursor:pointer;border:0;background:0}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 20px;box-sizing:border-box}.thumb-ph{width:100%;height:100%;background:linear-gradient(135deg,var(--green-pale),var(--green-light));display:flex;align-items:center;justify-content:center;color:var(--green);font-size:18px}.sec-hdr{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:nowrap}.sec-label{display:flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0}.sec-bar{width:3px;height:20px;background:var(--green);border-radius:2px;flex-shrink:0}.sec-title{font-family:var(--f-disp);font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--text)}.sec-line{flex:1;height:1px;background:var(--border);min-width:10px}.sec-link{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--green);white-space:nowrap;transition:opacity var(--ease);flex-shrink:0}.sec-link:hover{opacity:.7}.scroll-wrap{position:relative;display:flex;align-items:center;width:100%;max-width:100%;overflow:hidden}.scroll-track{display:flex;gap:12px;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;scrollbar-width:none;padding:4px 0 12px;flex:1;min-width:0;max-width:100%;-webkit-overflow-scrolling:touch}.scroll-track::-webkit-scrollbar{display:none}.scroll-arrow{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:12px;transition:all var(--ease);z-index:2}.scroll-arrow:hover{background:var(--green);border-color:var(--green);color:#fff}.scroll-arrow.left{margin-right:8px}.scroll-arrow.right{margin-left:8px}.pagination{display:flex;align-items:center;gap:6px;margin-top:18px;flex-wrap:wrap}.pg-btn{min-width:36px;height:36px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all var(--ease);padding:0 10px;font-family:var(--f-body)}.pg-btn:hover{border-color:var(--green);color:var(--green)}.pg-btn.active,.pg-btn.current{background:var(--green);border-color:var(--green);color:#fff}.pg-btn.nav{padding:0 14px}.page-body{padding:28px 0 60px}.main-grid{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}@media(max-width:960px){.main-grid{grid-template-columns:1fr}}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fu{animation:fadeUp .5s ease both}.fu:nth-child(1){animation-delay:.05s}.fu:nth-child(2){animation-delay:.1s}.fu:nth-child(3){animation-delay:.15s}.fu:nth-child(4){animation-delay:.2s}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}@keyframes scroll-t{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes ring-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes eq{from{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes ticker-v{0%,15%{transform:translateY(0)}25%,40%{transform:translateY(-36px)}50%,65%{transform:translateY(-72px)}75%,90%{transform:translateY(-108px)}100%{transform:translateY(0)}}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.btn-icon:focus-visible,.scroll-arrow:focus-visible,.hc-arrow:focus-visible,.mob-nav-item:focus-visible,.music-tab:focus-visible,.chart-play-btn:focus-visible,.a-btn:focus-visible,.pg-btn:focus-visible,.viewall-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}.search-overlay__input{caret-color:var(--green-light)}

/* ============================================================
   TCV PLACEHOLDER AD v4 — premium, global, all pages
   ============================================================ */
.tcv-ad-zone{width:100%;text-align:center;margin:0 auto;overflow:hidden;position:relative}
.tcv-ad-zone:empty{display:none}
.tcv-ad-zone--labeled::before{content:'Advertisement';display:block;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;text-align:center}
.tcv-ad-leaderboard{padding:14px 0;border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2);margin:4px 0 24px;background:var(--surface)}
body.dark .tcv-ad-leaderboard{background:var(--dm-surface);border-color:var(--dm-border)}
.tcv-ad-in-article{margin:28px 0;padding:14px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-lg);text-align:center}
body.dark .tcv-ad-in-article{background:var(--dm-surface);border-color:var(--dm-border)}
.tcv-ad-between{padding:10px 0 22px;text-align:center}
.tcv-ad-single-mid{margin:24px 0;text-align:center}
.tcv-ad-sidebar-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;position:sticky;top:120px}
body.dark .tcv-ad-sidebar-widget{background:var(--dm-surface);border-color:var(--dm-border)}
.tcv-ad-sidebar-widget .tcv-ad-zone{padding:12px}

/* ---- Placeholder card ---- */
.tcv-ph-ad{display:block;text-decoration:none;position:relative;width:100%;max-width:728px;margin:0 auto;cursor:pointer;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;font-family:var(--f-body)}
.tcv-ph-ad::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#16a34a,#22c55e,#4ade80);opacity:0;transition:opacity .25s ease;z-index:1}
.tcv-ph-ad:hover{box-shadow:0 8px 28px rgba(0,0,0,.12),0 0 0 3px rgba(22,163,74,.14);transform:translateY(-2px);border-color:rgba(22,163,74,.35)}
.tcv-ph-ad:hover::before{opacity:1}
body.dark .tcv-ph-ad{background:#111916;border-color:rgba(255,255,255,.08)}
body.dark .tcv-ph-ad:hover{box-shadow:0 8px 28px rgba(0,0,0,.4),0 0 0 3px rgba(22,163,74,.12);border-color:rgba(22,163,74,.35)}

.tcv-ph-ad__body{display:flex;align-items:center;padding:14px 18px 14px 20px;gap:16px;min-height:82px;position:relative}
.tcv-ph-ad__body::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(22,163,74,.06) 1px,transparent 1px);background-size:18px 18px;pointer-events:none;opacity:0;transition:opacity .25s ease}
.tcv-ph-ad:hover .tcv-ph-ad__body::after{opacity:1}

.tcv-ph-ad__icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#052e16 0%,#15803d 60%,#22c55e 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(22,163,74,.35);position:relative;overflow:hidden}
.tcv-ph-ad__icon::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%)}
.tcv-ph-ad__icon i{color:#fff;font-size:20px;position:relative;z-index:1}

.tcv-ph-ad__content{flex:1;min-width:0}
.tcv-ph-ad__eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.tcv-ph-ad__chip{display:inline-flex;align-items:center;gap:3px;background:#f0fdf4;border:1px solid rgba(22,163,74,.25);color:#16a34a;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:2px 8px;border-radius:99px}
body.dark .tcv-ph-ad__chip{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.25);color:#4ade80}
.tcv-ph-ad__domain{font-size:11px;color:#188038;font-weight:600;letter-spacing:.3px}
body.dark .tcv-ph-ad__domain{color:#4ade80}
.tcv-ph-ad__headline{font-family:var(--f-disp);font-size:16px;font-weight:800;color:#0f172a;line-height:1.2;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.dark .tcv-ph-ad__headline{color:#e8f5ee}
.tcv-ph-ad__desc{font-size:12px;color:#64748b;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tcv-ph-ad__desc span{color:#16a34a;font-weight:600}
body.dark .tcv-ph-ad__desc{color:#6aad82}

.tcv-ph-ad__cta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}
.tcv-ph-ad__btn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#15803d,#16a34a);color:#fff;font-family:var(--f-body);font-size:12px;font-weight:700;padding:9px 18px;border-radius:8px;white-space:nowrap;box-shadow:0 4px 14px rgba(22,163,74,.35);transition:box-shadow .2s,transform .2s}
.tcv-ph-ad__btn i{font-size:13px}
.tcv-ph-ad:hover .tcv-ph-ad__btn{box-shadow:0 6px 20px rgba(22,163,74,.5);transform:scale(1.03)}
.tcv-ph-ad__phone{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.5px}
body.dark .tcv-ph-ad__phone{color:#3d6b4f}

.tcv-ph-ad__footer{display:flex;align-items:center;justify-content:space-between;padding:5px 20px 6px;background:linear-gradient(90deg,#f8fafc,#f0fdf4);border-top:1px solid #f1f5f9}
body.dark .tcv-ph-ad__footer{background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(22,163,74,.05));border-top-color:rgba(255,255,255,.06)}
.tcv-ph-ad__footer-left{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8}
.tcv-ph-ad__footer-left::before{content:'';width:5px;height:5px;border-radius:50%;background:#16a34a;opacity:.6}
body.dark .tcv-ph-ad__footer-left{color:#3d6b4f}
.tcv-ph-ad__footer-right{font-size:10px;color:#16a34a;font-weight:600}
body.dark .tcv-ph-ad__footer-right{color:#4ade80}

/* Leaderboard */
.tcv-ph-ad--leaderboard .tcv-ph-ad__body{min-height:70px;padding:10px 16px 10px 18px}
.tcv-ph-ad--leaderboard .tcv-ph-ad__headline{font-size:15px}
.tcv-ph-ad--leaderboard .tcv-ph-ad__desc{-webkit-line-clamp:1}

/* Rectangle / Sidebar */
.tcv-ph-ad--rectangle{max-width:300px}
.tcv-ph-ad--rectangle .tcv-ph-ad__body{flex-direction:column;align-items:flex-start;padding:20px 20px 16px;min-height:200px;gap:12px}
.tcv-ph-ad--rectangle .tcv-ph-ad__icon{width:52px;height:52px;border-radius:14px}
.tcv-ph-ad--rectangle .tcv-ph-ad__icon i{font-size:22px}
.tcv-ph-ad--rectangle .tcv-ph-ad__headline{font-size:17px;white-space:normal}
.tcv-ph-ad--rectangle .tcv-ph-ad__desc{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.tcv-ph-ad--rectangle .tcv-ph-ad__cta{flex-direction:row;align-items:center;width:100%;justify-content:space-between}
.tcv-ph-ad--rectangle .tcv-ph-ad__btn{font-size:11px;padding:8px 14px}

/* Square */
.tcv-ph-ad--square{max-width:250px}
.tcv-ph-ad--square .tcv-ph-ad__body{flex-direction:column;align-items:flex-start;padding:18px;min-height:180px;gap:10px}
.tcv-ph-ad--square .tcv-ph-ad__headline{font-size:15px;white-space:normal}
.tcv-ph-ad--square .tcv-ph-ad__desc{white-space:normal}
.tcv-ph-ad--square .tcv-ph-ad__cta{flex-direction:row;width:100%;justify-content:space-between;align-items:center}

/* Inline */
.tcv-ph-ad--inline .tcv-ph-ad__body{padding:10px 14px;min-height:62px;gap:12px}
.tcv-ph-ad--inline .tcv-ph-ad__icon{width:36px;height:36px;border-radius:8px}
.tcv-ph-ad--inline .tcv-ph-ad__icon i{font-size:15px}
.tcv-ph-ad--inline .tcv-ph-ad__headline{font-size:13px}
.tcv-ph-ad--inline .tcv-ph-ad__desc{display:none}
.tcv-ph-ad--inline .tcv-ph-ad__btn{font-size:11px;padding:7px 13px}
.tcv-ph-ad--inline .tcv-ph-ad__phone{display:none}

/* Mobile */
@media(max-width:640px){
  .tcv-ph-ad{max-width:100%;border-radius:8px}
  .tcv-ph-ad__body{padding:11px 13px;gap:12px}
  .tcv-ph-ad__headline{font-size:14px}
  .tcv-ph-ad__icon{width:40px;height:40px;border-radius:10px}
  .tcv-ph-ad__icon i{font-size:17px}
  .tcv-ph-ad__btn{font-size:11px;padding:8px 13px}
  .tcv-ph-ad__phone{display:none}
  .tcv-ph-ad--rectangle{max-width:100%}
  .tcv-ph-ad--square{max-width:100%}
  .tcv-ph-ad__desc{display:none}
}