/* Preview only. Original OG layout and gold panels remain unchanged. */
.pro .bg-still{background:radial-gradient(ellipse at bottom,#26070b,transparent 75%),#020204;opacity:1}
.pro.matrix-green .bg-still{background:radial-gradient(ellipse at bottom,#06311b,transparent 75%),#020604}
#matrix-rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}
.pro .bg-shade{background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.64) calc(50% - 21rem),rgba(0,0,0,.8) 50%,rgba(0,0,0,.64) calc(50% + 21rem),rgba(0,0,0,.12))}
.pro .wrap{isolation:isolate}
.pro .lede,.pro .brand,.pro .aside,.pro .mail{ text-shadow:0 2px 5px #000,0 0 15px #000 }
.pro .card,.pro .beta-poster,.pro .sites-card{background:rgba(10,7,9,.92)}
.pro .count-row{display:flex;flex-direction:column;gap:1.1rem;margin:1.1rem 0}
.pro .matrix-count{width:100%}
.pro .matrix-count .count-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.35rem,2vw,.9rem);font-family:"Clarity Head",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pro .matrix-count .u{min-width:0;padding:.75rem .15rem .65rem;border:1px solid #a52a38;border-radius:9px;background:linear-gradient(#24090f,#10070b);box-shadow:inset 0 1px 0 #ff63732e,0 0 18px #e8162418}
.pro .matrix-count b{display:block;font-size:clamp(1.8rem,7.8vw,3.4rem);line-height:1.05;color:#ff4a5a;font-variant-numeric:tabular-nums;font-weight:800;text-shadow:0 0 16px #e8162480}
.pro .matrix-count i{display:block;margin-top:.5rem;font:600 clamp(.68rem,2.5vw,.8rem)/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#ffc3c8}
.pro.matrix-green .matrix-count .u{border-color:#238454;background:linear-gradient(#082c1b,#07130d);box-shadow:inset 0 1px 0 #4effa32e,0 0 20px #26e58428}
.pro.matrix-green .matrix-count b{color:#55f7a1;text-shadow:0 0 18px #27ea8680}
.pro.matrix-green .matrix-count i{color:#b4eccc}
.pro .sh--compact{max-width:260px;margin:1.7rem auto 2rem;padding:12px 8px 4px}
.pro .sh--compact .sh-card{padding:23px 17px 21px;animation:none;transform:rotate(-3deg)}
.pro .sh--compact .sh-big{font-size:61px;animation:none;-webkit-text-stroke:.5px var(--sh-ink)}
.pro .sh--compact::before,.pro .sh--compact::after{top:1px;width:59px;height:19px}
.pro .sh--compact .sh-scrawl{height:13px;margin:3px auto 5px}
.pro .sh--compact .zz-need{margin:.3rem 0 .5rem;color:#f0cf7a;font:400 25px/1.2 'SH Marker',cursive}
.pro .sh--compact .sh-line{font:400 17px/1.35 'SH Marker',cursive;margin:.5rem auto}
.pro .sh-small-link{display:inline-flex;align-items:center;min-height:44px;color:#f0cf7a;font:600 15px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-underline-offset:4px}
.pro .sh-small-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:700px){.pro .bg-shade{background:linear-gradient(90deg,#0003,#0009 30%,#0009 70%,#0003)}.pro .card{padding-left:.85rem;padding-right:.85rem}}
@media(prefers-reduced-motion:reduce){#matrix-rain{display:none}.pro .sh *{animation:none!important;transition:none!important}.pro *{scroll-behavior:auto!important}.pro .matrix-count b{text-shadow:none}}

.pro .christmas-line{margin:.7rem 0 0;color:#f0cf7a;font-size:1rem;line-height:1.35}
.pro .christmas-song{margin:.7rem 0 0;font-size:.85rem;line-height:1.4}
.pro .christmas-song a{display:inline-flex;align-items:center;min-height:44px;color:#f0cf7a;text-underline-offset:3px}
.pro .christmas-song a:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Community heroes: quiet card, same date source as rain/countdown. */
.pro .community-heroes h2{margin:0 0 .65rem;font-size:1.2rem}
.pro .community-heroes p{margin:0;line-height:1.6}
.pro .community-heroes p+p{margin-top:.65rem}
.pro .community-heroes-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:1rem;padding:.55rem .85rem;border:1px solid #67cf94;border-radius:10px;color:#d9ffe7;text-decoration:none;line-height:1.4}
.pro .community-heroes-button:focus-visible{outline:2px solid #fff;outline-offset:4px}