/* Browser landing pages share the site's existing typography and controls. */
.feature-showcase{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:32px;align-items:start}
.feature-showcase h2{grid-column:1;grid-row:1;align-self:start}
.feature-showcase .feature-list{grid-column:1;grid-row:1;align-self:center;margin-block:64px}
.feature-showcase .playlist-gallery-stage{grid-column:2;grid-row:1;align-self:stretch;height:auto;min-height:clamp(320px,65vh,700px);position:relative}
.feature-showcase .playlist-gallery-stage a{position:absolute;inset:0}
.feature-showcase .feature-credit{grid-column:2;grid-row:2;margin-top:10px;font-size:12px;line-height:1.6;color:var(--gv-muted);overflow-wrap:anywhere}
.feature-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.feature-showcase .playlist-gallery-controls{grid-column:2;grid-row:3;margin-top:16px}
.feature-list li{font-weight:400}
.feature-list li.is-active{font-weight:700}
.feature-select{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:start;cursor:pointer}
.feature-select:hover{color:var(--gv-blue)}
.feature-select:focus-visible{outline:2px solid var(--gv-blue);outline-offset:5px;border-radius:3px}
@media(max-width:760px){.feature-showcase{display:flex;flex-direction:column;gap:0}.feature-showcase .feature-list{margin-block:0 24px;align-self:stretch}.feature-showcase .playlist-gallery-stage{width:100%;box-sizing:border-box}.feature-showcase .playlist-gallery-controls{align-self:center}}
.playlist-gallery-stage{height:clamp(320px,65vh,700px);background:#f3f5f8;border:1px solid var(--gv-line);border-radius:16px;overflow:hidden}
.playlist-gallery-stage a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.playlist-gallery-stage img{display:block;width:100%;height:100%;object-fit:contain}
.playlist-gallery-controls,.playlist-gallery-pages{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.playlist-gallery-controls[hidden]{display:none}
.playlist-gallery-controls button{min-width:40px;min-height:44px;padding:8px 12px;border:1px solid var(--gv-line);border-radius:8px;background:transparent;color:var(--gv-ink);font:inherit;cursor:pointer}
.playlist-gallery-controls button[aria-pressed=true]{background:var(--gv-blue);border-color:var(--gv-blue);color:white}
.playlist-gallery-controls button:focus-visible,.playlist-gallery-stage a:focus-visible{outline:3px solid var(--gv-blue);outline-offset:-3px}
.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.landing-card{padding:28px;border:1px solid var(--gv-line);border-radius:16px;display:flex;flex-direction:column;align-items:flex-start}
.landing-card h3{margin:0;font-size:26px}
.landing-card p{color:var(--gv-muted)}
.landing-card .rd-button{margin-top:auto;white-space:normal;gap:6px}
.landing-features{padding-inline-start:24px;line-height:1.8}
.landing-features li{margin-block:14px}
[data-browser-page] .rd-head h1{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
@media(max-width:900px){.landing-grid{grid-template-columns:1fr}}
@media(max-width:680px){.landing-grid{grid-template-columns:1fr}.landing-card{padding:22px}}

/* Site pages (downloader/*) and site links */
.rd-tags a{font-size:15px;font-weight:600;color:var(--gv-ink);text-decoration:underline;text-decoration-color:var(--gv-line);text-underline-offset:4px}
.rd-tags a:hover{color:var(--gv-blue);text-decoration-color:currentColor}
.rd-head p.rd-small{font-size:14px;margin:0}
.rd-list>a .rd-small{display:block;margin-top:6px;font-weight:400}
.rd-disclaimer{margin-top:28px}
