/* Breakout Trends shares the dark canvas, display type and number treatment of Beatly's tools. */
.trends-page{background:#2e024c;color:#fff;--trends-muted:#d0bcdf;--trends-border:rgba(255,255,255,.16);--trends-panel:#210337;--max:1320px;--pad:clamp(1rem,4vw,3rem)}
.trends-page .d{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.005em;line-height:1}
.trends-page :focus-visible{outline:3px solid var(--neon);outline-offset:4px}
.trends-page .eyebrow{opacity:1;color:var(--trends-muted);font-size:.7rem;letter-spacing:.15em}
.trends-hero{padding:8.5rem 0 3rem;background:radial-gradient(ellipse at 12% 0,rgba(139,0,209,.3),transparent 62%)}
.trends-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.trends-intro h1{font-size:clamp(2.9rem,5vw,4.8rem);line-height:.99;margin:.9rem 0 1.3rem;max-width:20ch;text-wrap:balance}
.trends-intro h1 span{background:var(--grad-signature);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--pink)}
.trends-lead{font-size:1rem;line-height:1.65;color:#e6d9ef;max-width:58ch}
.trends-edition{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin:1.4rem 0 1rem;font-size:.8rem;color:var(--trends-muted)}
.trends-edition strong{font-size:1.1rem;color:#fff}
.trends-method{font-size:.82rem;max-width:60ch;color:var(--trends-muted)}
.trends-method summary{cursor:pointer;min-height:44px;padding:.65rem 0;text-decoration:underline;text-underline-offset:4px}
.trends-method p{margin:.5rem 0 1rem}
.trends-method strong{color:#fff}

.trends-toolbar{position:sticky;top:84px;z-index:20;background:rgba(46,2,76,.97);backdrop-filter:blur(16px);padding:1rem 0;border-block:1px solid var(--trends-border);scroll-margin-top:90px}
.trends-browse-heading{display:flex;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:.8rem;flex-wrap:wrap}
.trends-browse-heading h2{font-size:1.8rem}
.trends-browse-heading p{font-size:.8rem;color:var(--trends-muted)}
.trends-market-buttons,.trends-fallback{display:flex;gap:.4rem;flex-wrap:wrap}
.trends-market-buttons button,.trends-fallback a{min-height:44px;border:1px solid var(--trends-border);border-radius:999px;padding:.5rem .85rem;font-size:.8rem;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}
.trends-market-buttons button span{font-size:.7rem;opacity:.75}
.trends-market-buttons button[aria-pressed=true]{background:var(--neon);border-color:var(--neon);color:#2e024c;font-weight:700}
.trends-market-buttons button:hover,.trends-fallback a:hover{border-color:var(--neon)}
.trends-market-select{display:none}
.trends-results{padding-bottom:3rem}
.trends-sort-note{font-size:.8rem;color:var(--trends-muted);margin:1.3rem 0 0;max-width:70ch}
.trends-market{padding:2.4rem 0 .4rem;scroll-margin-top:235px}
.trends-market-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem}
.trends-market-heading h2{font-size:2.3rem;display:flex;align-items:center;gap:.6rem}
.trends-market-heading h2 span{font-family:var(--body);font-size:1.4rem}
.trends-market-heading>span{color:var(--trends-muted);font-size:.78rem;white-space:nowrap}
.trends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.trend-card{min-width:0;background:var(--trends-panel);border:1px solid var(--trends-border);border-radius:20px;scroll-margin-top:235px;overflow:hidden}
.trend-card:target{border-color:var(--neon)}
.trend-overview{display:grid;grid-template-columns:104px minmax(0,1fr);gap:1rem;padding:1.1rem 1.1rem 0}
.trend-play{position:relative;display:block;align-self:start;aspect-ratio:9/16;background:#10001c;border-radius:12px;overflow:hidden;text-decoration:none}
.trend-play img{width:100%;height:100%;object-fit:cover}
.trend-play:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85));pointer-events:none}
.trend-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:var(--neon);color:#2e024c;display:grid;place-items:center;padding-left:2px;font-size:1rem;box-shadow:0 4px 20px #0004;transition:scale .15s;z-index:1}
.trend-play:hover .trend-play-icon{scale:1.08}
.trend-play-label{position:absolute;left:0;right:0;bottom:10px;text-align:center;color:#fff;font-size:.64rem;font-weight:600;z-index:1}
.trend-top{display:flex;flex-wrap:wrap;gap:.35rem .65rem;align-items:center;font-size:.65rem;line-height:1.4;margin-bottom:.45rem}
.trend-rank{color:var(--trends-muted);white-space:nowrap}

.trend-card h3{font-family:var(--body);font-size:.91rem;line-height:1.3;font-weight:600;overflow-wrap:anywhere;margin-bottom:.3rem}
.trend-card h3 a{text-decoration:none}
.trend-card h3 a:hover{text-decoration:underline}
.trend-format{font-size:.74rem;color:var(--trends-muted);line-height:1.45;text-transform:capitalize}
.trend-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.6rem .7rem;margin-top:.8rem;font-variant-numeric:tabular-nums}
.trend-metrics>div{display:flex;flex-direction:column-reverse;gap:.1rem}
.trend-metrics dt{font-size:.66rem;color:var(--trends-muted)}
.trend-metrics dd{font-family:var(--display);font-size:1.7rem;line-height:1}
.trend-metrics .trend-multiplier{grid-column:1/-1;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:.6rem}
.trend-multiplier dd{font-size:3rem;color:var(--neon);letter-spacing:-.015em}
.trend-multiplier dt{max-width:8ch;line-height:1.3}
.trend-teaser{font-size:.86rem;line-height:1.5;color:#e6d9ef;padding:1rem 1.1rem;min-height:4.6rem}
.trend-details{border-top:1px solid var(--trends-border)}
.trend-details summary{min-height:48px;padding:.85rem 1.1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;font-weight:600;cursor:pointer;list-style:none;color:var(--neon)}
.trend-details summary::-webkit-details-marker{display:none}
.trend-toggle:before{content:"+";font-size:1.25rem;line-height:1}
.trend-details[open] .trend-toggle:before{content:"−"}
.trend-details summary:hover{background:rgba(255,255,255,.04)}
.trend-analysis{padding:.2rem 1.1rem 1.2rem;font-size:.9rem;line-height:1.65;color:#e6d9ef}
.trend-analysis>p{margin-bottom:1.1rem}
.trend-analysis dt{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--pink);margin:1.1rem 0 .3rem}
.trend-analysis dd{margin:0}
.trend-lesson{margin:1.3rem 0;border-left:3px solid var(--neon);padding:.1rem 0 .1rem .9rem}
.trend-lesson h4{font-size:.85rem;color:#fff}
.trend-lesson p{margin:.45rem 0 0}
.trend-brief{font-style:italic}
.trend-exact{font-size:.74rem;color:var(--trends-muted)}
.trend-original{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;color:var(--neon);font-size:.8rem;text-underline-offset:4px}
.trends-none{font-size:.85rem;color:var(--trends-muted);margin:0 0 1rem}
.trends-fineprint{font-size:.78rem;color:var(--trends-muted);margin:2.5rem 0 0;max-width:90ch}
.trends-cta{padding:3.5rem 0 4rem;border-top:1px solid var(--trends-border);background:#26023f}
.trends-cta h2{font-size:clamp(2.5rem,5vw,4rem);margin:.7rem 0 1rem}
.trends-cta p:not(.eyebrow){color:var(--trends-muted);margin-bottom:1.5rem;max-width:50ch}
.trends-video-dialog{position:fixed;inset:0;margin:auto;width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:1rem;border:1px solid var(--trends-border);border-radius:20px;background:var(--trends-panel);color:#fff;overflow:auto}
.trends-video-dialog::backdrop{background:rgba(10,0,18,.85);backdrop-filter:blur(5px)}
.trends-video-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}
.trends-video-heading h2{font:600 .9rem/1.4 var(--body);overflow-wrap:anywhere}
.trends-video-close{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);flex-shrink:0}
.trends-video-frame{aspect-ratio:9/16;height:min(620px,calc(100dvh - 190px));max-width:100%;margin:auto;background:#10001c;border-radius:10px;overflow:hidden}
.trends-video-frame iframe{width:100%;height:100%;border:0;display:block}
.trends-video-dialog>p{font-size:.75rem;color:var(--trends-muted);margin-top:.8rem;text-align:center}
.trends-video-original{display:inline-block;color:var(--neon);padding:.4rem 0}
.trends-page.trends-video-open{overflow:hidden}
@media(min-width:1180px){.trend-metrics{grid-template-columns:1.25fr 1fr 1fr;align-items:end;gap:.6rem}.trend-metrics .trend-multiplier{grid-column:auto;flex-direction:column-reverse;align-items:flex-start;gap:.1rem}.trend-multiplier dt{max-width:none}.trend-multiplier dd{font-size:3.25rem}.trend-overview{grid-template-columns:100px minmax(0,1fr)}.trend-metrics dd{white-space:nowrap}.trend-metrics{margin-top:1rem}}
@media(max-width:900px){.trends-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem}.trends-intro h1{font-size:3.25rem}.trends-grid{grid-template-columns:1fr}.trend-overview{grid-template-columns:96px minmax(0,1fr)}.trend-metrics{grid-template-columns:1.1fr 1fr 1fr;align-items:end}.trend-metrics .trend-multiplier{grid-column:auto;flex-direction:column-reverse;align-items:flex-start;gap:.1rem}.trend-multiplier dt{max-width:none}.trend-multiplier dd{font-size:3rem}.trend-teaser{min-height:0}.trends-market-buttons{display:none}.trends-market-select{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem}.trends-market-select label{font-size:.8rem;color:var(--trends-muted)}.trends-market-select select{min-height:46px;min-width:0;width:100%;padding:.65rem .85rem;border-radius:12px;border:1px solid var(--trends-border);background:var(--trends-panel);color:#fff;font:inherit;font-size:1rem;color-scheme:dark}.trends-browse-heading h2{font-size:1.65rem}}
@media(max-width:600px){.trends-hero{padding:6.5rem 0 1.7rem}.trends-hero-grid{grid-template-columns:1fr;gap:1.3rem}.trends-intro h1{font-size:clamp(2.7rem,10.5vw,3.7rem);max-width:20ch;margin:.8rem 0 1rem}.trends-lead{font-size:.9rem;line-height:1.6}.trends-intro>.eyebrow{font-size:.62rem;letter-spacing:.1em}.trends-edition{gap:.25rem .85rem;margin:1rem 0 .3rem;font-size:.73rem}.trends-method{font-size:.76rem}.trends-toolbar{top:76px;padding:.85rem 0}.trends-browse-heading{gap:.35rem;margin-bottom:.65rem}.trends-browse-heading h2{font-size:1.65rem;width:100%}.trends-browse-heading p{font-size:.73rem}.trends-sort-note{font-size:.74rem;line-height:1.5;margin:1rem 0 0}.trends-market{padding-top:1.8rem;scroll-margin-top:235px}.trends-market-heading h2{font-size:2rem}.trends-grid{gap:.9rem}.trend-overview{grid-template-columns:88px minmax(0,1fr);gap:.8rem;padding:.95rem .95rem 0}.trend-top{font-size:.6rem;gap:.25rem .5rem;margin-bottom:.35rem}.trend-card h3{font-size:.82rem}.trend-format{font-size:.69rem}.trend-metrics{grid-template-columns:1fr 1fr;gap:.5rem .6rem;margin-top:.7rem}.trend-metrics .trend-multiplier{grid-column:1/-1;flex-direction:row-reverse;align-items:baseline;justify-content:flex-end;gap:.5rem}.trend-multiplier dd{font-size:2.8rem}.trend-multiplier dt{max-width:8ch}.trend-metrics dt{font-size:.62rem}.trend-metrics dd{font-size:1.55rem}.trend-metrics .trend-multiplier dd{font-size:2.8rem}.trend-teaser{padding:.85rem .95rem;font-size:.82rem}.trend-details summary{padding:.85rem .95rem}.trend-analysis{padding:.2rem .95rem 1rem;font-size:.86rem}.trends-fineprint{font-size:.74rem}.trends-results{padding-bottom:2rem}.trends-cta{padding:2.5rem 0 3rem}}
@media(prefers-reduced-motion:reduce){.trend-play-icon{transition:none}}
/* The header and closing section already offer contact; keep the mobile cards unobstructed. */
@media(max-width:600px){.trends-page .qc{display:none}}