/* The stored device choice is shared by every public ad renderer. */
.front-ui [data-ad-device] {min-width:0;max-width:100%;box-sizing:border-box}
.front-ui [data-ad-slot] {background:#f5f7f3}
.front-ui .cf-categories>[data-ad-device] {display:block}
.front-ui [data-ad-slot] > a,
.front-ui .home-ad-card .sidebar-ad {height:auto;min-height:0;aspect-ratio:auto}
.front-ui [data-ad-slot][data-ad-device] img,
.admin-layout .admin-ad-preview img {
  display:block;width:100%;max-width:100%;height:auto;min-height:0;
  aspect-ratio:auto;object-fit:contain;object-position:center;
}
.front-ui [data-ad-slot].list-ad img {max-height:var(--list-ad-height)}
.front-ui [data-ad-slot] a:hover img {transform:none}
.front-ui [data-ad-slot][hidden] {display:none!important}
.front-ui .footer-ad-slot:not(:has([data-ad-device])),
.front-ui .following-ad-stack:empty {display:none}
.admin-layout .admin-ad-preview {height:auto;min-height:0;aspect-ratio:auto;align-self:start}
.admin-layout .admin-ad-preview img {max-height:420px}
.admin-layout .admin-ad-preview.list-ad img {max-height:var(--list-ad-height)}
.admin-layout .admin-ad-preview.is-empty {min-height:120px}
.admin-layout .admin-ad-preview.list-ad.is-empty {min-height:var(--list-ad-height)}
.admin-layout .admin-ad-device-label {display:block;margin-top:5px;color:#65776b;font-size:12px;white-space:nowrap}
.admin-layout .admin-ad-form .admin-ad-device-field {grid-column:1/-1}
.admin-layout .admin-ad-form select {box-sizing:border-box;width:100%;min-width:0;padding:10px 12px;border:1px solid #d7e2d9;border-radius:7px;background:#fff;color:#344d3b;font:inherit}
@media(min-width:761px) {
  .front-ui [data-ad-device="mobile"] {display:none!important}
  .front-ui .footer-ad-slot:has(>[data-ad-device="mobile"]),
  .front-ui .following-ad-stack:not(:has(>[data-ad-device="desktop"],>[data-ad-device="both"])) {display:none}
}
@media(max-width:760px) {
  .front-ui .media-shell>.media-sidebar {display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  .front-ui .media-shell>.media-sidebar>:not([data-ad-device]) {display:none}
  .front-ui .media-shell>.media-sidebar:not(:has(>[data-ad-device="mobile"],>[data-ad-device="both"])) {display:none}
  .front-ui .media-shell>.media-sidebar>[data-ad-device] {width:100%;max-width:100%;margin:0;padding:0}
  .front-ui [data-ad-device="desktop"] {display:none!important}
  .front-ui .footer-ad-slot:has(>[data-ad-device="desktop"]),
  .front-ui .following-ad-stack:not(:has(>[data-ad-device="mobile"],>[data-ad-device="both"])) {display:none}
}
/* Compact article pages normally hide their sidebar. Keep only eligible ads
   below the list, without reintroducing the other sidebar panels. */
@media(max-width:900px) {
  .front-ui .article-index-sidebar {display:block}
  .front-ui .article-index-sidebar .listing-sidebar>:not([data-ad-device]) {display:none}
  .front-ui .article-index-sidebar .listing-sidebar>[data-ad-device] {max-width:100%}
}
@media(min-width:761px) and (max-width:900px) {
  .front-ui .article-index-sidebar:not(:has([data-ad-device="both"],[data-ad-device="desktop"])) {display:none}
}
@media(max-width:760px) {
  .front-ui .article-index-sidebar:not(:has([data-ad-device="both"],[data-ad-device="mobile"])) {display:none}
}