/* Media and seeded demo-content presentation. */
.image-cover{position:relative;overflow:hidden;background:linear-gradient(135deg,#d7efff,#76c6e9 50%,#28598d)}
.image-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,23,41,.02),rgba(7,23,41,.48))}
.image-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.image-cover span{position:relative;z-index:1}
.detail-cover{display:block;width:min(100%,960px);max-height:420px;object-fit:cover;border-radius:20px;margin:28px 0 6px;box-shadow:var(--shadow)}
.training-detail-cover{margin-bottom:34px}
.gallery-photo{overflow:hidden;padding:0}
.gallery-photo img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}
.gallery-thumbs img{width:100%;height:62px;object-fit:cover;border-radius:8px}
.gallery-thumb-item{position:relative;min-width:0}
.gallery-thumb-item form{position:absolute;right:4px;top:4px;margin:0}
.gallery-delete{border:0;background:rgba(7,23,41,.78);color:#fff;border-radius:50%;width:22px;height:22px;line-height:18px;cursor:pointer}
.timeline-photo{width:150px;height:94px;object-fit:cover;border-radius:12px;flex:0 0 auto}
.table-thumb{width:54px;height:38px;object-fit:cover;border-radius:7px;vertical-align:middle;margin-right:10px}
.announcement-card{padding:26px 0;border-bottom:1px solid var(--line)}
.announcement-card h2{font-size:28px;line-height:1.15;margin:8px 0 12px}
.announcement-card .prose{font-size:16px}
@media(max-width:620px){.timeline-photo{width:92px;height:70px}.gallery-thumbs img{height:52px}.detail-cover{max-height:260px}}
.brand-logo{width:38px;height:38px;object-fit:contain;border-radius:10px}.app-brand .brand-logo{width:34px;height:34px}.app-brand{align-items:center}
.notification-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}.notification-item:last-child{border-bottom:0}.notification-item p{margin:5px 0 0;color:var(--muted)}.notification-item.unread strong{color:var(--primary)}
.tag-list{margin-top:16px}.tag-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.tag-row strong,.tag-row small{display:block}.tag-row small{color:var(--muted);margin-top:2px}
input[type=checkbox],input[type=radio]{display:inline-block;width:auto;margin-right:6px}
@media(max-width:620px){.notification-item{display:block}.notification-item time,.notification-item .text-link{display:block;margin-top:8px}}