/* Reserved responsive inventory for future AdSense units or direct sponsors. */
.ad-slot {
  --ad-border: rgba(141, 112, 232, .38);
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  margin: 22px auto;
  padding: 26px 18px 18px;
  overflow: hidden;
  border: 1px dashed var(--ad-border);
  background: linear-gradient(115deg, rgba(23, 21, 28, .9), rgba(17, 16, 22, .72));
  color: #ddd7e0;
  text-align: center;
}
.ad-slot__label {
  position: absolute;
  top: 7px;
  left: 10px;
  color: #aaa5ae;
  font: 700 9px/1.2 Arial, sans-serif;
  letter-spacing: .12em;
}
.ad-slot__content { display: grid; gap: 4px; max-width: 100%; }
.ad-slot__content strong { color: #f7f4f6; font: 600 17px/1.25 Georgia, serif; }
.ad-slot__content span { color: #aaa5ae; font: 11px/1.5 Arial, sans-serif; }
.ad-slot__content a { color: #f16baa; font: 600 11px/1.5 Arial, sans-serif; }
.ad-slot--banner { max-width: 970px; min-height: 118px; }
.ad-slot--inline { max-width: 728px; min-height: 290px; }
.ad-slot--article { margin: 26px auto 34px; }
@media (max-width: 700px) {
  .ad-slot { margin: 16px auto; padding: 27px 12px 14px; }
  .ad-slot--banner { min-height: 104px; }
  .ad-slot--inline { min-height: 250px; }
  .ad-slot__content strong { font-size: 15px; }
}
