/* Scoped styles for the inline Ad Panel (SMF) ??? no global overrides */
.smf-adpanel{ --ad-h:25vh; margin:8px 0 12px 0; }
@media (max-width: 768px){ .smf-adpanel{ --ad-h:25vh; } }

.smf-adpanel__frame{
  min-height: var(--ad-h);
  display:grid; grid-template-columns:auto 1fr; align-items:center; gap:16px;
  padding:12px 16px;
  background: linear-gradient(180deg, rgba(18,22,30,.95), rgba(15,18,24,.95));
  border:1px solid var(--line, #223042);
  border-radius:14px;
  box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 10px 32px rgba(0,0,0,.28);
  position:relative; overflow:hidden;
}

.smf-adpanel__frame::before{
  content:""; position:absolute; inset:0;
  pointer-events:none;
  background: radial-gradient(60% 60% at 0% 0%, rgba(34,211,238,.12), transparent 60%),
              radial-gradient(60% 60% at 100% 100%, rgba(14,165,233,.10), transparent 60%);
  opacity:.9;
}

.smf-adpanel__logo{
  width:72px; height:72px; min-width:72px;
  display:flex; align-items:center; justify-content:center;
  border-radius:12px;
  background: linear-gradient(180deg, rgba(34,211,238,.12), rgba(14,165,233,.08));
  border:1px solid rgba(34,211,238,.25);
  box-shadow: 0 6px 20px rgba(0,0,0,.35) inset;
  overflow:hidden;
}
.smf-adpanel__logo svg{ width:60%; height:60%; }

@media (max-width: 768px){
  .smf-adpanel__logo{ width:56px; height:56px; min-width:56px; }
}

.smf-adpanel__body{ display:flex; flex-direction:column; min-width:0; }
.smf-adpanel__title{
  font-weight:700; letter-spacing:.2px;
  font-size:16px; line-height:1.2;
  color: var(--text, #e6ebf2);
  margin-bottom:4px;
}

.smf-adpanel__desc{
  font-size:13px; line-height:1.4;
  color: var(--muted, #a8b3c2);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  max-width:100%;
}

/* Print: already hidden by index.html inline print styles. */
@media print{ .smf-adpanel{ display:none !important; } }

/* Media layer for dynamic creatives (non-breaking) */
.smf-adpanel__frame{ position:relative; overflow:hidden; }
.smf-adpanel__media{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:.85; transition:opacity .35s ease; display:block; }
.smf-adpanel__media:hover{ opacity:1; }
.smf-adpanel__body, .smf-adpanel__logo{ position:relative; z-index:2; }