/* Wide commerce pages reserve gutters for fixed community artwork. */
.community-promo{--promo-gold:#dfc17d;--promo-mint:#a5eeb3;margin:26px 0 8px;padding:20px 0;border-bottom:1px solid #315040}
.community-promo-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.community-promo-heading h2{color:#eef0ed;font:500 24px/1.45 Georgia,"Microsoft YaHei UI",serif;margin:0 0 4px}
.community-promo-heading p{color:#a7b1b5;margin:0;font-size:13px;line-height:1.7}
.community-promo-entry{color:#a5eeb3;font-size:13px;text-decoration:none;white-space:nowrap}
.community-promo-entry:hover{text-decoration:underline}
.community-promo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:840px}
.community-promo-card{display:block;min-width:0;border:1px solid #333d3d;border-radius:10px;background:#101314;color:#eef0ed;text-decoration:none;overflow:hidden}
.community-promo-card img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#101314}
.community-promo-card:focus-visible,.community-promo-entry:focus-visible,.community-promo-rail button:focus-visible{outline:2px solid #a5eeb3;outline-offset:4px}
.community-promo-card:hover{border-color:#dfc17d}
.community-promo-caption{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;font-size:12px;line-height:1.6}
.community-promo-caption span{color:#dfc17d}
.community-promo-rail{display:none;position:fixed;top:50%;transform:translateY(-50%);width:var(--promo-rail-width,170px);z-index:15}
.community-promo-rail-left{left:var(--promo-rail-left,16px)}
.community-promo-rail-right{right:var(--promo-rail-right,16px)}
.community-promo-rail .community-promo-card{box-shadow:0 8px 30px #0003;border-color:#635c43}
.community-promo-rail .community-promo-caption{padding:9px 10px;font-size:11px}
.community-promo-rail-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-bottom:7px;color:#a7b1b5;font-size:10px}
.community-promo-rail button{font:inherit;cursor:pointer}
.community-promo-dismiss{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid #49504a;border-radius:6px;color:#a7b1b5;background:#101914;font-size:18px!important;line-height:1}
.community-promo-rail [hidden]{display:none!important}
html.community-promo-rails-ready .community-promo-rail{display:block}
html.community-promo-rails-ready .community-promo-gallery,html.community-promo-dismissed .community-promo-gallery{display:none}
html.community-promo-rails-ready .community-promo-heading,html.community-promo-dismissed .community-promo-heading{margin-bottom:0}
@media(max-width:680px){
.community-promo{padding:18px 0}
.community-promo-heading{align-items:flex-start;gap:10px}
.community-promo-heading h2{font-size:20px}
.community-promo-heading p{font-size:12px}
.community-promo-entry{font-size:12px;padding-top:5px}
.community-promo-gallery{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:12px;padding:3px 3px 12px;margin:0 -3px;scrollbar-color:#827c6c #263443;scrollbar-width:thin}
.community-promo-gallery .community-promo-card{width:min(43vw,170px);flex:0 0 min(43vw,170px);scroll-snap-align:start}
.community-promo-gallery::-webkit-scrollbar{height:8px}
.community-promo-gallery::-webkit-scrollbar-track{background:#263443;border-radius:4px}
.community-promo-gallery::-webkit-scrollbar-thumb{background:#827c6c;border-radius:4px}
.community-promo-gallery::-webkit-scrollbar-thumb:hover{background:#dfc18a}
}
@media(prefers-reduced-motion:reduce){.community-promo-gallery{scroll-behavior:auto}}
/* Wide commerce pages reserve side gutters for the requested fixed artwork. */
@media(min-width:1600px) and (min-height:620px){
  html:not(.community-promo-dismissed) .member-home{max-width:min(1520px,calc(100vw - 2 * (clamp(132px,8vw,176px) + 44px)))}
}
@media(min-width:1600px) and (max-width:1799px) and (min-height:620px){
  html:not(.community-promo-dismissed) .member-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Automatic carousel. Every original poster keeps its complete 2:3 composition. */
.community-promo-viewport{overflow:hidden;border:1px solid #635c43;border-radius:10px;background:#101314;box-shadow:0 8px 30px #0003}
.community-promo-track{display:flex;align-items:flex-start;transition:transform .6s cubic-bezier(.22,.61,.36,1);will-change:transform}
.community-promo-track.is-resetting{transition:none}
.community-promo-rail .community-promo-track .community-promo-card{flex:0 0 100%;width:100%;box-sizing:border-box;border:0;border-radius:0;box-shadow:none}
.community-promo-restore{padding:8px 10px;border:1px solid #49504a;border-radius:6px;color:#a5eeb3;background:#152019;cursor:pointer;white-space:nowrap;font:inherit;font-size:12px}
.community-promo-restore:focus-visible{outline:2px solid #a5eeb3;outline-offset:4px}
.community-promo-heading{flex-wrap:wrap}
.community-promo-heading>div:first-child{flex:1 1 230px}
@media(prefers-reduced-motion:reduce){.community-promo-track{transition:none}}

@media(prefers-reduced-motion:reduce){html:not(.community-promo-dismissed) .member-home{max-width:1520px}}