/* /community (en, uk, ka): the home page's community reviews section (site.css #community, driven by site.js),
   the App Store review carousel, the collaboration card. Loaded after site.css + subpage.css. Mobile first below 780px. */
.community-page .sub-wrap{width:min(100% - 40px,1040px)}
.community-page section{margin:0 0 24px}

/* community reviews: the home section between the intro and the App Store reviews, shielded from the article
   typography in subpage.css */
.community-page .community-intro{padding-bottom:0}
.community-page .community-rest{padding-top:0}
.community-page #community{margin:0}
.community-page #community .section-head{margin:0 auto}
.community-page .review-quote{font:600 32px/1.2 var(--display);color:var(--muted);margin:0}
.community-page .review-quote strong{color:#fff}
.community-page .icon-btn{text-decoration:none}
.community-page .icon-btn:hover{color:#fff}

/* App Store reviews: a horizontal carousel, most recent first. Native scroll-snap (swipe, trackpad, keyboard on the
   focused track); community.js adds the arrow buttons. Three cards per view on desktop, two on tablets, one with a
   peek of the next on phones. */
.store-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;min-height:48px}
.subpage .store-link{font-size:16px;font-weight:600}
.carousel-nav{display:flex;gap:8px;flex:none}
.carousel-nav[hidden]{display:none}
.carousel-btn .ico{width:24px;height:24px;transition:opacity .2s}
.carousel-btn[data-carousel-prev] .ico{transform:rotate(90deg)}
.carousel-btn[data-carousel-next] .ico{transform:rotate(-90deg)}
.carousel-btn:disabled{cursor:default;transform:none}
.carousel-btn:disabled .ico{opacity:.3}
.store-reviews{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--r-card)}
.store-reviews::-webkit-scrollbar{display:none}
.store-reviews:focus-visible{outline-offset:4px}
.subpage .store-review{flex:0 0 calc((100% - 32px) / 3);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;margin:0}
.store-review .stars{display:flex;gap:4px;color:#fe9036}
.store-review .stars .ico{width:20px;height:20px}
.subpage .store-review-title{font:600 20px/1.3 var(--body);color:#fff;margin:0}
.subpage .store-review-text{color:#fff;margin:0}
.store-review-tr{padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.subpage .store-review-tr p{margin:0 0 4px}
.subpage .store-review-tr p:last-child{margin:0}
.subpage .store-review-tr .tr-label{font-size:14px;color:var(--muted)}
.subpage .store-review-tr .tr-title{font-weight:600;color:#cfcfcf}
.subpage .store-review-meta{margin:auto 0 0;padding-top:4px;font-size:14px;line-height:1.5;color:var(--muted)}
.store-review-author{color:#fff;font-weight:600;overflow-wrap:anywhere}
.store-review-place{white-space:nowrap}
.store-review .flag{display:inline-block;vertical-align:-2px;margin-right:6px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}

/* Let's collaborate */
.subpage .collab-card{margin-top:48px;
  background:radial-gradient(120% 140% at 0% 100%,rgba(139,84,255,.32),transparent 60%),radial-gradient(90% 120% at 100% 0%,rgba(254,144,54,.2),transparent 60%),var(--glass-30)}
.subpage .collab-card h2{margin:0 0 12px}
.subpage .collab-card .cta-row{margin-top:24px}

@media (max-width:1023px){
  .community-page .review-quote{font-size:28px}
  .subpage .store-review{flex-basis:calc((100% - 16px) / 2)}
}
@media (max-width:780px){
  .community-page .sub-wrap{width:calc(100% - 32px)}
  .community-page .review-quote{font-size:24px}
  .subpage .store-review{flex-basis:86%}
}