/* force normal size on the new headings */
.modern-page h1.titlebar,
.modern-page h2 {
  font-size: 1.125rem !important;  /* ≈ 18px */
  line-height: 1.2;
  margin: 0.4em 0;
}


/* Fullscreen-ish overlay modal */







body.modal-open{overflow:hidden}

/* --- Trailer UI (final) --- */
.media-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.media-actions .middle{display:flex;justify-content:center;align-items:center;flex:1 1 auto}

/* Prominent Trailer button (matches 'like this.jpg') */
.trailer-btn{
  display:inline-flex;align-items:center;gap:10px;
  height:44px;padding:0 20px;border-radius:12px;
  border:1px solid #3c4150;background:#2b2f39;color:#fff;
  font-weight:800;letter-spacing:.2px;cursor:pointer;
  text-transform:none; text-decoration:none; line-height:1;
  box-shadow:0 2px 0 rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.04);
}
.trailer-btn:hover{filter:brightness(1.08)}
.trailer-btn:active{transform:translateY(1px)}
.trailer-btn svg{width:18px;height:18px;display:block}

/* Overlay modal centered with flexbox */
#trailerModal.trailer-modal{
  position:fixed; inset:0; display:none;
  align-items:center; justify-content:center;
  background:rgba(0,0,0,.78);
  z-index:2147483000;
}
#trailerModal.trailer-modal.open{display:flex}

/* Dialog box */
.trailer-dialog{
  width:clamp(340px, 90vw, 1280px);
  background:#0f1115;border:1px solid #2b3038;border-radius:14px;
  box-shadow:0 22px 70px rgba(0,0,0,.65);
  overflow:hidden;
  margin: auto;
}
.trailer-header{
  display:flex;align-items:center;justify-content:center;
  position:relative;
  padding:12px 44px;border-bottom:1px solid #20242c;color:#fff;
  font-weight:800;letter-spacing:.3px
}
.trailer-close{
  position:absolute;right:10px;top:8px;
  height:32px;min-width:32px;padding:0 10px;border-radius:8px;
  background:#1d2230;border:1px solid #303545;color:#fff;cursor:pointer
}
.trailer-close:hover{filter:brightness(1.08)}
.trailer-frame{width:100%; aspect-ratio:16/9; display:block; border:0}
body.modal-open{overflow:hidden}

/* --- Trailer aspect & sizing override (force large) --- */
.trailer-aspect{position:relative;width:100%;padding-top:56.25%;background:#000;overflow:hidden}
.trailer-aspect>iframe.trailer-frame{position:absolute;inset:0;width:100% !important;height:100% !important;border:0;display:block}
/* Guard against any global iframe size caps */
iframe.trailer-frame{width:100% !important;height:auto}
@media (min-width: 768px){
  .trailer-dialog{width:clamp(480px, 92vw, 1280px);}
}