/* KN_ADS_110 */

.kn-ad-wrap {
 margin:38px auto 48px;
 max-width:1120px;
}
.kn-ad-label {
 color:#b8c8c4;
 font:700 11px/1.4 system-ui,sans-serif;
 letter-spacing:.09em;
 text-transform:uppercase;
 margin-bottom:8px;
}
.kn-ad-card {
 display:flex;
 align-items:center;
 gap:22px;
 min-height:110px;
 border:1px solid #63817a;
 border-radius:18px;
 background:linear-gradient(120deg,#123238,#0c252b);
 padding:17px 22px;
 color:#f6efdb;
 text-decoration:none;
 overflow:hidden;
}
.kn-ad-visual {
 flex:0 0 39%;
 max-width:420px;
 min-width:0;
}
.kn-ad-visual:empty {
 display:none;
}
.kn-ad-visual img {
 width:100%;
 height:auto;
 aspect-ratio:3/1;
 object-fit:cover;
 display:block;
 border-radius:12px;
}
.kn-ad-content {
 display:grid;
 gap:8px;
 min-width:0;
 flex:1;
}
.kn-ad-content b {
 color:#eec985;
 font:800 clamp(16px,2vw,21px)/1.25 system-ui,sans-serif;
}
.kn-ad-content span {
 color:#d1e1dc;
 font:400 14px/1.55 system-ui,sans-serif;
 overflow-wrap:anywhere;
}
a.kn-ad-card:hover {
 border-color:#dfba78;
 background:#183b40;
}
a.kn-ad-card:focus-visible {
 outline:3px solid #e7c385;
 outline-offset:3px;
}
.kn-ads-panel {
 margin-bottom:20px;
}
.kn-ads-form {
 display:grid;
 gap:16px;
}
.kn-ads-check {
 display:flex!important;
 flex-direction:row!important;
 align-items:center;
 gap:12px;
}
.kn-ads-check input,
.kn-ads-delete input {
 width:20px;
 height:20px;
 accent-color:#dfb773;
}
.kn-ads-preview {
 width:min(100%,480px);
 height:auto;
 border-radius:12px;
 display:block;
 margin:14px 0;
}
.kn-ads-delete {
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:14px;
 margin-top:20px;
 padding-top:18px;
 border-top:1px solid #425d5e;
}
.kn-ads-delete label {
 display:flex;
 align-items:center;
 gap:10px;
 color:#e0c7bd;
}
@media(max-width:700px) {
 .kn-ad-wrap {
  margin:24px auto 30px;
  padding-left:14px;
  padding-right:14px;
 }
 .kn-ad-card {
  display:grid;
  gap:13px;
  padding:14px;
 }
 .kn-ad-visual {
  max-width:none;
  width:100%;
 }
 .kn-ad-visual img {
  aspect-ratio:16/7;
 }
 .kn-ads-delete {
  display:grid;
 }
}