/* Ugrado Banners (slots filled by ugb.js) */
.ugb-slot{position:relative;margin:1.6em 0;text-align:center}
.ugb-slot[hidden]{display:none}
.ugb-slot a,.prose .ugb-slot a{display:block;text-decoration:none;line-height:0}
.ugb-slot img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(20,33,61,.12);transition:transform .2s,box-shadow .2s}
.ugb-slot a:hover img{transform:translateY(-2px);box-shadow:0 14px 34px rgba(20,33,61,.18)}
.ugb-label{position:absolute;top:8px;right:8px;z-index:1;pointer-events:none;margin:0;padding:3px 7px;border-radius:5px;background:rgba(0,0,0,.55);color:#fff;font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.2;backdrop-filter:blur(2px)} /* on the banner, top-right (CS 2026-10-05; bottom-right would cover the VIP banner button) */
@media(max-width:600px){.ugb-label{top:5px;right:5px;padding:2px 5px;font-size:.5rem;letter-spacing:.08em;border-radius:4px}}
/* theme/article rules (first-child margin reset, .prose img radius 0) beat the plain selectors: keep the gap + rounded banner (2026-10-05) */
.ugb-slot[data-ugb]{margin:28px 0!important}
.ugb-slot[data-ugb] img{border-radius:12px!important}
@media(max-width:600px){.ugb-slot[data-ugb]{margin:20px 0!important}.ugb-slot[data-ugb] img{border-radius:10px!important}}