/* yapayx.com v2.0.13 — visible project controls + member version selector */

/* Project download controls must never be squeezed into icon-only boxes by a listing style. */
.script-card .project-download-control,
.home-page .project-download-control{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:32px!important;
  padding:7px 10px!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  flex:0 1 auto!important;
  border-radius:9px!important;
}
.script-card .project-download-control>span,
.home-page .project-download-control>span{display:inline!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
.script-card .project-download-control>em,
.home-page .project-download-control>em{flex:0 0 auto!important;white-space:nowrap!important}

/* Listing layouts whose old geometry could cut the label. */
.style-classic .member-card-download,
.style-editorial .editorial-card-download{max-width:calc(100% - 34px)!important}
.style-showcase .showcase-download{position:static!important;margin-top:13px!important}
.style-compact .compact-actions{flex-wrap:wrap!important;gap:8px!important}
.style-compact .compact-download{position:static!important;transform:none!important;right:auto!important;top:auto!important}
.style-bento .bento-copy footer,
.style-terminal .terminal-code footer,
.style-glass .glass-copy footer,
.style-poster .poster-copy footer,
.style-timeline .timeline-copy footer,
.style-minimal .minimal-copy footer{flex-wrap:wrap!important;row-gap:8px!important}
.style-bento .bento-download,
.style-terminal .terminal-download,
.style-glass .glass-download{margin-left:0!important}
/* v2.0.12 glass used a 30x30 circle; that physically hid the text. */
.style-glass .glass-download{width:auto!important;height:auto!important;min-width:0!important;border-radius:9px!important;padding:7px 10px!important;display:inline-flex!important}

/* Homepage special editorial feature CTA also wraps instead of clipping. */
.hx-ed-lead-copy>div{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important}
.hx-ed-lead-copy .home-download{margin:0!important;max-width:100%!important}

/* Member version selector */
.version-download-hero{padding:56px 0 34px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--site-bg));border-bottom:1px solid var(--border)}
.version-back{display:inline-flex;margin-bottom:24px;color:var(--muted);font-weight:800}
.version-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:36px}
.version-hero-grid h1{margin:10px 0 12px;font-size:clamp(34px,5vw,62px);letter-spacing:-2px;line-height:1.03}
.version-hero-grid p{max-width:760px;margin:0;color:var(--muted);line-height:1.75}
.version-hero-grid>img{width:180px;height:130px;object-fit:cover;border-radius:20px;border:1px solid var(--border);box-shadow:0 18px 45px color-mix(in srgb,var(--text) 10%,transparent)}
.version-download-section{padding:54px 0 90px;background:var(--site-bg)}
.version-download-head{display:grid;grid-template-columns:1fr minmax(280px,520px);align-items:end;gap:30px;margin-bottom:24px}
.version-download-head span{color:var(--primary);font-weight:900;letter-spacing:1px;font-size:11px}
.version-download-head h2{margin:6px 0 0;font-size:30px;letter-spacing:-1px}
.version-download-head>p{margin:0;color:var(--muted);line-height:1.65}
.version-release-list{display:grid;gap:14px}
.version-release-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 8px 28px color-mix(in srgb,var(--text) 5%,transparent)}
.version-release-card.is-current{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));box-shadow:0 12px 36px color-mix(in srgb,var(--primary) 9%,transparent)}
.version-release-badges{display:flex;flex-wrap:wrap;gap:7px}
.version-release-badges span,.version-release-badges b{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;letter-spacing:.7px;font-weight:900;background:var(--soft);color:var(--muted)}
.version-release-badges b{background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--primary)}
.version-release-main h3{margin:10px 0 12px;font-size:25px;letter-spacing:-.7px}
.version-release-main dl{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0}
.version-release-main dl>div{display:flex;gap:7px;font-size:12px}.version-release-main dt{color:var(--muted)}.version-release-main dd{margin:0;font-weight:800}
.version-changelog{margin-top:16px;padding:13px 15px;border-radius:12px;background:var(--soft)}
.version-changelog strong{display:block;margin-bottom:5px;font-size:11px}.version-changelog p{margin:0;color:var(--muted);line-height:1.65;font-size:12px}
.version-sha{display:block;margin-top:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}
.version-release-action{display:flex;align-items:center;justify-content:flex-end;min-width:160px}.version-release-action .btn{white-space:nowrap}
.version-unavailable{display:block;max-width:190px;color:var(--muted);font-size:12px;text-align:right}
@media(max-width:760px){
  .version-hero-grid{grid-template-columns:1fr}.version-hero-grid>img{width:100%;height:min(52vw,260px)}
  .version-download-head{grid-template-columns:1fr}.version-release-card{grid-template-columns:1fr;gap:18px}.version-release-action{justify-content:stretch;min-width:0}.version-release-action .btn{width:100%;justify-content:center}.version-unavailable{text-align:left;max-width:none}
  .script-card .project-download-control,.home-page .project-download-control{max-width:100%!important}
}