/* Trending — archive editorial da GuitarX. */
.trending-load-more{display:flex;justify-content:center;margin-top:var(--gx-space-6)}
.trending-load-more .gx-btn{width:min(100%,280px)}
.trending-archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--gx-space-4);margin-bottom:var(--gx-space-4)}
.trending-archive-toolbar .trending-results{margin:0}
.trending-filter-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;color:var(--gx-muted)}
.trending-filter-toggle.is-active{background:var(--gx-white);border-color:var(--gx-white);color:var(--gx-black)}
.trending-filter-toggle:not(.is-active):hover{background:var(--gx-surface-2);border-color:var(--gx-border-strong);color:var(--gx-white)}
@media(hover:none){.trending-filter-toggle:not(.is-active):hover{background:transparent;border-color:var(--gx-border);color:var(--gx-muted)}}
.trending-topics{margin-bottom:var(--gx-space-4)}
.trending-topics:not([hidden]){animation:trending-filters-in 180ms var(--gx-ease)}
@keyframes trending-filters-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.trending-topics:not([hidden]){animation:none}}
main [hidden]{display:none!important}
.trending-hero{padding:var(--gx-space-8) 0 var(--gx-space-6);border-bottom:1px solid var(--gx-border)}
.trending-hero>.gx-container{display:flex;align-items:end;justify-content:space-between;gap:var(--gx-space-8)}
.section-index{display:block;margin-bottom:.45rem;color:var(--gx-muted);font-size:var(--gx-text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.trending-heading h1{display:flex;align-items:center;gap:.55rem;margin:0;font:700 clamp(1.9rem,3.4vw,2.8rem)/1.1 var(--gx-font-display);letter-spacing:-.045em}
.trending-heading h1 .ph{color:var(--gx-amber);font-size:.65em}
.trending-heading p{max-width:58ch;margin:.55rem 0 0;color:var(--gx-muted);font-size:var(--gx-text-sm)}
.trending-format-filter{display:flex;gap:var(--gx-space-2);flex-shrink:0}
.trending-format-filter .gx-chip{min-height:44px;cursor:pointer}
.trending-format-filter .is-active{background:var(--gx-white);border-color:var(--gx-white);color:var(--gx-black)}
.trending-section-head{display:flex;justify-content:space-between;gap:var(--gx-space-8);align-items:end;margin-bottom:var(--gx-space-6)}
.trending-section-head h2{margin:0;font:700 clamp(1.4rem,2.1vw,1.9rem)/1.16 var(--gx-font-display);letter-spacing:-.04em}
.trending-section-head p{max-width:42ch;margin:0;color:var(--gx-muted);font-size:var(--gx-text-sm)}
.trending-featured{padding-block:var(--gx-space-8)}
.trending-featured-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:var(--gx-space-6)}
.trending-feature-main{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;min-height:330px;overflow:hidden;border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);background:var(--gx-surface-1);color:var(--gx-white);text-decoration:none;transition:border-color var(--gx-duration),background var(--gx-duration)}
.trending-feature-main:hover{border-color:var(--gx-border-strong);background:var(--gx-surface-2)}
.trending-feature-main img{width:100%;height:100%;object-fit:cover;transition:filter var(--gx-duration),transform 520ms var(--gx-ease)}
.trending-feature-main:hover img{filter:brightness(1.08);transform:scale(1.025)}
.trending-feature-main>div{align-self:center;padding:clamp(1.5rem,3vw,2.5rem)}
.trending-feature-main h3{margin:.85rem 0 .75rem;font:700 clamp(1.45rem,2.25vw,2.25rem)/1.18 var(--gx-font-display);letter-spacing:-.04em;text-wrap:balance}
.trending-feature-main p{margin:0 0 1rem;color:var(--gx-muted);font-size:var(--gx-text-sm)}
.trending-link{font-size:var(--gx-text-sm);font-weight:700}.trending-link .ph,.trending-meta .ph{color:var(--gx-acid)}
.trending-feature-rail{display:grid;border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);overflow:hidden}
.trending-feature-rail a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--gx-space-6);color:var(--gx-white);text-decoration:none;transition:background var(--gx-duration)}
.trending-feature-rail a+a{border-top:1px solid var(--gx-border)}
.trending-feature-rail a:hover{background:var(--gx-surface-1)}
.trending-feature-rail h3{margin:.75rem 0 .5rem;font:650 clamp(1.05rem,1.55vw,1.35rem)/1.26 var(--gx-font-display);letter-spacing:-.025em}
.trending-feature-rail p{margin:0 0 1rem;color:var(--gx-muted);font-size:var(--gx-text-sm)}
.trending-meta{margin-top:auto;color:var(--gx-muted);font-size:var(--gx-text-xs)}
.trending-archive{padding:var(--gx-space-8) 0 var(--gx-space-12);border-block:1px solid var(--gx-border);background:var(--gx-surface-1)}
.trending-topics{display:grid;grid-template-columns:70px minmax(0,1fr);gap:var(--gx-space-4);align-items:center;padding-block:var(--gx-space-4);border-top:1px solid var(--gx-border);border-bottom:1px solid var(--gx-border)}
.trending-topics>span{color:var(--gx-muted);font-size:var(--gx-text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.trending-topic-scroll{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.trending-topic-scroll::-webkit-scrollbar{display:none}
.topic-filter{min-height:36px;flex:none;padding:.35rem .75rem;border:1px solid var(--gx-border);border-radius:var(--gx-radius-round);background:transparent;color:var(--gx-muted);font:600 var(--gx-text-xs)/1 var(--gx-font-body);white-space:nowrap;cursor:pointer;transition:color var(--gx-duration),background var(--gx-duration),border-color var(--gx-duration)}
.topic-filter:hover,.topic-filter.is-active{border-color:var(--gx-brand-sky);background:var(--gx-brand-sky);color:var(--gx-black)}
.trending-results{margin:var(--gx-space-6) 0 var(--gx-space-4);color:var(--gx-muted);font-size:var(--gx-text-sm)}.trending-results strong{color:var(--gx-white)}
.trending-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gx-space-4)}
.trending-card{display:flex;flex-direction:column;min-width:0}
.trending-card:focus-within{border-color:var(--gx-border-strong);box-shadow:var(--gx-shadow-lift)}
.trending-card-media{display:block;height:180px;overflow:hidden}.trending-card-media img{width:100%;height:100%;object-fit:cover;transition:transform 480ms var(--gx-ease),filter var(--gx-duration)}.trending-card:is(:hover,:focus-within) .trending-card-media img{transform:scale(1.035);filter:brightness(1.08)}
.trending-card .gx-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;width:100%}
.trending-card .original-meta{width:100%;margin:0}
.trending-card h3{margin:.8rem 0 .55rem;font:650 clamp(1.05rem,1.35vw,1.26rem)/1.28 var(--gx-font-display);letter-spacing:-.025em}
.trending-card h3:hover{color:var(--gx-acid)}.trending-card a{color:var(--gx-white);text-decoration:none}
.trending-card p{margin:0 0 1rem;color:var(--gx-muted);font-size:var(--gx-text-sm);line-height:1.48}
.trending-card time{margin-top:auto;color:var(--gx-muted);font-size:var(--gx-text-xs)}
.trending-card--source h3{max-width:25ch}
.trending-empty{margin:var(--gx-space-8) 0 0;color:var(--gx-muted)}
.portal-footer{padding:2.5rem 0;border-top:1px solid var(--gx-border);color:var(--gx-muted)}.portal-footer .gx-container{display:grid;grid-template-columns:auto 1fr auto auto;gap:2rem;align-items:center}.portal-footer img{width:112px}.portal-footer p{margin:0;font-size:.85rem}.portal-footer nav{display:flex;gap:1.2rem;font-size:.82rem}.portal-footer a:hover{color:var(--gx-acid)}
@media(max-width:1050px){.trending-featured-grid{grid-template-columns:1fr}.trending-feature-rail{grid-template-columns:1fr 1fr}.trending-feature-rail a+a{border-top:0;border-left:1px solid var(--gx-border)}.trending-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.portal-footer .gx-container{grid-template-columns:1fr 1fr}.portal-footer nav{justify-self:end}}
@media(max-width:640px){.trending-hero>.gx-container{align-items:start;flex-direction:column;gap:var(--gx-space-4)}.trending-format-filter{width:100%;overflow-x:auto}.trending-featured{padding-block:var(--gx-space-6)}.trending-section-head{display:block}.trending-section-head p{margin-top:.75rem}.trending-feature-main{grid-template-columns:1fr}.trending-feature-main img{height:215px}.trending-feature-rail{grid-template-columns:1fr}.trending-feature-rail a+a{border-top:1px solid var(--gx-border);border-left:0}.trending-topics{grid-template-columns:1fr;gap:.55rem}.trending-card-grid{grid-template-columns:1fr}.trending-card-media{height:190px}.portal-footer .gx-container{grid-template-columns:1fr}.portal-footer nav{justify-self:start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.trending-feature-main,.trending-feature-main img,.trending-feature-rail a,.topic-filter,.trending-card,.trending-card-media img{transition:none}}

/* Shared Home sidebar, with a two-column archive alongside it. */
.trending-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,25vw,310px);gap:clamp(1.25rem,3vw,3rem);align-items:start}
.trending-archive-main{min-width:0}
.trending-layout .trending-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.trending-sidebar{position:static;min-width:0;width:100%;margin-top:0}
@media(max-width:820px){.trending-layout{grid-template-columns:1fr;gap:var(--gx-space-8)}.trending-topics{grid-template-columns:minmax(0,1fr)}.trending-topic-scroll{width:100vw;max-width:none;margin-inline:calc((100% - 100vw)/2);padding-inline:calc((100vw - 100%)/2);scroll-padding-inline:calc((100vw - 100%)/2);overscroll-behavior-x:contain}}
@media(max-width:640px){.trending-layout .trending-card-grid{grid-template-columns:1fr}}