.dana-videos{
  --ink:#20302e; --muted:#5c716f; --line:#d6e1df; --surface:#ffffff;
  --teal:#53a8a7; --teal-deep:#356f6e; --blue:#124d8c;
  font-family:"Poppins","Segoe UI",Roboto,sans-serif;
  color:var(--ink);
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:4px;
  box-shadow:0 1px 2px rgba(20,40,38,.08);
  overflow:hidden;
  width:100%;
}
.dana-videos *{box-sizing:border-box;}

.dana-videos__tabbar{display:flex;background:#f7f7f7;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.dana-videos__tab{
  font-family:inherit;font-size:16px;color:var(--muted);
  background:transparent;border:none;border-right:1px solid var(--line);
  padding:14px 16px;cursor:pointer;flex:1;transition:background .15s,color .15s;
}
.dana-videos__tab:last-child{border-right:none;}
.dana-videos__tab:hover{color:var(--teal-deep);background:#e3efee;}
.dana-videos__tab--active{background:var(--teal);color:#fff;font-weight:500;}
.dana-videos__tab--active:hover{color:#fff;background:var(--teal);}

.dana-videos__panel{display:none;padding:26px;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center;}
.dana-videos__panel--active{display:grid;}
.dana-videos__player{aspect-ratio:1914/918;background:#1c2b2a;border-radius:4px;overflow:hidden;}
.dana-videos__player video{width:100%;height:100%;display:block;}
.dana-videos__placeholder{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#9db3b1;font-size:14px;text-align:center;gap:10px;
}
.dana-videos__placeholder-icon{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);}
.dana-videos__info h3{font-size:20px;color:var(--blue);margin:0 0 8px;font-weight:500;}
.dana-videos__info p{font-size:14px;color:var(--muted);line-height:1.65;margin:0;}

@media (max-width:640px){
  .dana-videos__panel{grid-template-columns:1fr;padding:18px;}
  .dana-videos__tab{flex:1 1 45%;}
}