/* Existing Studio cards provide the visual system. These rules only frame the
   tab selection and the accessible lightbox. */
.doruk-media-hub { color: var(--dm-ink, #0b2c54); }
.dm-tabs { display:flex; gap:8px; flex-wrap:wrap; padding:0 var(--dm-gut, 22px) 18px; }
.dm-tabs.dm-tabs--native-container { padding:14px 0 0; }
.dm-tab { min-height:44px; border:1px solid rgba(11,44,84,.22); border-radius:999px; padding:10px 16px; background:#fff; color:var(--dm-ink, #0b2c54); font:inherit; font-size:var(--dm-size, 14px); font-weight:650; cursor:pointer; }
.dm-tab.is-active, .dm-tab[aria-selected="true"] { background:var(--dm-ink, #0b2c54); color:#fff; border-color:var(--dm-ink, #0b2c54); }
.dm-tab:focus-visible, .dm-lightbox button:focus-visible { outline:3px solid rgba(240,121,43,.7); outline-offset:2px; }
.dm-panel[hidden] { display:none !important; }
.dm-panel--videos > [data-sec="instagram"], .dm-panel--instagram > [data-sec="instagram"], .dm-panel--videos > [data-design-section="instagram"], .dm-panel--instagram > [data-design-section="instagram"] { width:100%; }
.dm-duplicate-heading { display:none !important; }
/* No extra video renderer: native cards with the Studio's VIDEO metadata are
   simply packed in their original rail during the Videos view. */
[data-sec="instagram"].dm-video-mode [data-media-type]:not([data-media-type="VIDEO"]), [data-design-section="instagram"].dm-video-mode [data-media-type]:not([data-media-type="VIDEO"]) { display:none !important; }
[data-sec="instagram"].dm-video-mode [data-media-type="VIDEO"], [data-design-section="instagram"].dm-video-mode [data-media-type="VIDEO"] { display:block; }
.dm-lightbox { width:min(100vw - 24px, 1120px); max-width:none; max-height:calc(100vh - 24px); padding:0; border:0; border-radius:var(--dm-radius, 12px); background:#071a30; color:#fff; }
.dm-lightbox::backdrop { background:rgba(7,26,48,.78); }
.dm-lightbox__frame { position:relative; display:grid; place-items:center; min-height:min(70vh,680px); }
.dm-lightbox__image { display:block; max-width:100%; max-height:calc(100vh - 48px); object-fit:contain; }
.dm-lightbox button { position:absolute; z-index:1; min-width:44px; min-height:44px; border:0; border-radius:999px; background:rgba(11,44,84,.88); color:#fff; cursor:pointer; }
.dm-lightbox button::before { display:block; font-size:22px; line-height:1; }
.dm-lightbox__close { top:12px; right:12px; }
.dm-lightbox__close::before { content:'×'; }
.dm-lightbox__prev { left:12px; top:50%; transform:translateY(-50%); }
.dm-lightbox__prev::before { content:'‹'; }
.dm-lightbox__next { right:12px; top:50%; transform:translateY(-50%); }
.dm-lightbox__next::before { content:'›'; }
@media (max-width: 834px) { .dm-tabs { padding-left:var(--dm-gut, 22px); padding-right:var(--dm-gut, 22px); } .dm-tab { flex:1 1 auto; } .dm-lightbox { width:calc(100vw - 16px); } .dm-lightbox__prev { left:6px; } .dm-lightbox__next { right:6px; } }

.dm-video-note { padding:0 var(--dm-gut,22px); margin:0 0 12px; color:var(--dm-ink,#0b2c54); font-size:var(--dm-size,14px); line-height:1.5; }
.dm-video-note[hidden] { display:none; }