.media-public-hero{margin-top:28px;margin-bottom:20px;padding:30px}.media-public-hero h1{margin:0}.media-public-hero p{color:#425a6f;line-height:1.9}.media-public-section{margin-bottom:50px}.media-public-tools{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:18px}.media-public-tools input{min-width:260px;flex:1}.media-public-tabs{display:flex;gap:7px;flex-wrap:wrap}.media-public-tabs button{border:1px solid #d6e1e8;background:#fff;border-radius:999px;padding:8px 13px;cursor:pointer}.media-public-tabs button.active{background:#0f5c86;color:#fff}.media-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.media-public-card{border:1px solid #dbe4ea;border-radius:14px;background:#fff;overflow:hidden}.media-public-thumb{display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#eef3f7;cursor:pointer}.media-public-thumb img{width:100%;height:100%;object-fit:cover}.media-public-video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:52px;color:#425a6f}.media-public-card-body{padding:14px}.media-public-card-body h2{font-size:18px;margin:8px 0}.media-public-card-body p{color:#425a6f;min-height:40px}.media-public-badge{font-size:11px;padding:4px 8px;border-radius:999px;background:#edf4f8}.media-public-empty{padding:28px;border:1px dashed #c9d7df;border-radius:12px;text-align:center;color:#445a6b}.media-public-modal{position:fixed;inset:0;background:rgba(4,20,30,.72);z-index:3000;display:none;padding:30px;align-items:center;justify-content:center}.media-public-modal.show{display:flex}.media-public-modal-box{position:relative;background:#fff;border-radius:16px;max-width:1000px;width:min(1000px,96vw);max-height:92vh;overflow:auto;padding:18px}.media-public-modal-player{background:#0e161c;border-radius:12px;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.media-public-modal-player video,.media-public-modal-player iframe,.media-public-modal-player img{width:100%;height:100%;border:0;object-fit:contain}.media-public-modal-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.15);font-size:24px;cursor:pointer;z-index:2}.media-public-transcript{padding:12px;background:#f6f8fa;border-radius:10px;line-height:1.7}.media-public-card .btn{margin-top:8px}@media(max-width:900px){.media-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.media-public-grid{grid-template-columns:1fr}.media-public-tools input{min-width:100%}}

/* V46.483 — close (×) buttons: the cross is drawn with CSS so it is exactly centred in every browser/font. */
.home-detail-close,.close-search,#close.close,.detail-close,.event-close,.media-public-modal-close,.ve-x,.iw-close,.rw-close,.iconBtn[data-studio-close]{position:relative;font-size:0 !important;line-height:0 !important;padding:0 !important}
.home-detail-close::before,.close-search::before,#close.close::before,.detail-close::before,.event-close::before,.media-public-modal-close::before,.ve-x::before,.iw-close::before,.rw-close::before,.iconBtn[data-studio-close]::before,.home-detail-close::after,.close-search::after,#close.close::after,.detail-close::after,.event-close::after,.media-public-modal-close::after,.ve-x::after,.iw-close::after,.rw-close::after,.iconBtn[data-studio-close]::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2.4px;margin:-1.2px 0 0 -7px;border-radius:2px;background:currentColor;pointer-events:none}
.home-detail-close::before,.close-search::before,#close.close::before,.detail-close::before,.event-close::before,.media-public-modal-close::before,.ve-x::before,.iw-close::before,.rw-close::before,.iconBtn[data-studio-close]::before{transform:rotate(45deg)}
.home-detail-close::after,.close-search::after,#close.close::after,.detail-close::after,.event-close::after,.media-public-modal-close::after,.ve-x::after,.iw-close::after,.rw-close::after,.iconBtn[data-studio-close]::after{transform:rotate(-45deg)}
.session-media-remove{position:relative;font-size:0 !important;line-height:0 !important;width:22px;height:22px;padding:0 !important}
.session-media-remove::before,.session-media-remove::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:currentColor;pointer-events:none}
.session-media-remove::before{transform:rotate(45deg)}
.session-media-remove::after{transform:rotate(-45deg)}
.media-public-modal-close{position:absolute !important}