/* The supplied unit is four native cards: one desktop row, one mobile column.
   Reserve its composition before the script loads; never collapse a blocked ad. */
.native-ad{box-sizing:border-box;position:relative;min-width:0;max-width:100%;min-height:420px;margin:48px 0 32px;padding:16px 0;border-top:1px solid #344333;overflow-wrap:anywhere}
.native-ad[hidden]{display:none}
.native-ad__label{margin:0 0 16px;color:#b9c4b2;font:500 11px/1.5 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.native-ad__content{min-width:0;max-width:100%;min-height:340px}
.native-ad__content img,.native-ad__content iframe{max-width:100%}
.native-ad__content [class$="__bn-container"],.native-ad__content [class$="__bn"],.native-ad__content [class$="__link"]{min-width:0;max-width:100%}
@media(max-width:680px){.native-ad{min-height:calc(min(100vw - 48px, 360px)*3 + 480px)}.native-ad__content{min-height:calc(min(100vw - 48px, 360px)*3 + 400px)}}

/* Display banners have fixed geometry; each responsive slot owns one child frame. */
.banner-ad{box-sizing:border-box;position:relative;min-width:0;margin:36px 0;padding:12px 0;text-align:center;overflow-wrap:anywhere}
.banner-ad[hidden]{display:none}
.banner-ad .native-ad__label{margin-bottom:10px}
.banner-ad__slot{display:flex;justify-content:center;align-items:flex-start;margin-inline:auto;min-width:0}
.banner-ad__slot>iframe{display:block;flex:none;border:0}
.banner-ad--rectangle{min-height:290px}
.banner-ad--rectangle .banner-ad__slot{height:250px}
.banner-ad--responsive{width:max(100%,320px);margin-inline:calc((100% - max(100%,320px))/2);min-height:90px}
.banner-ad--responsive .banner-ad__slot{height:50px}
@media(min-width:768px){.banner-ad--responsive{width:max(100%,728px);margin-inline:calc((100% - max(100%,728px))/2);min-height:130px}.banner-ad--responsive .banner-ad__slot{height:90px}}
