/* MGNS 2027 greetings. Deliberately scoped: the original homepage is a section-based SPA. */
.mgns-video-main { padding-top: 32px; }
.mgns-video-main h1 { font-size: clamp(1.8rem, 4vw, 3.1rem); line-height: 1.35; }
.mgns-video-main .mgns-content-actions--quick { margin-bottom: 22px; padding-bottom: 18px; }
.mgns-video-breadcrumbs { display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 0 0 20px; color: #a69c94; font-size: .8rem; }
.mgns-video-breadcrumbs a { color: #c9a84c; }
.mgns-video-player { display: block; width: 100%; height: auto; max-height: min(70vh, 680px); margin: 22px 0 0; background: #000; border: 1px solid #393124; object-fit: contain; }
.mgns-video-caption { margin: 10px 0 0; color: #a69c94; font-size: .85rem; }
.mgns-video-error { padding: 16px 20px; border: 1px solid #c9a84c; background: #211c12; }
.mgns-video-meta { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 14px 0; color: #b6ada4; font-size: .85rem; }
.mgns-video-reading { max-width: 850px; }
.mgns-video-reading h2 { margin-top: 44px; font-size: clamp(1.5rem, 3vw, 2.1rem); }
.mgns-video-excerpts { margin: 20px 0; padding-left: 0; list-style: none; }
.mgns-video-excerpts li { padding: 15px 18px; margin: 14px 0; background: #151515; border-left: 2px solid #c9a84c; }
.mgns-video-excerpts p { margin: 0; }
.mgns-video-time { display: inline-block; margin: 0 8px 5px 0; padding: 3px 8px; border: 1px solid #796538; color: #e3c76e; background: #0a0a0a; font: inherit; cursor: pointer; min-height: 44px; }
.mgns-video-time:focus-visible { outline: 2px solid #f5e3a8; outline-offset: 4px; }
.mgns-video-note { color: #b6ada4; font-size: .92rem; }
.mgns-video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 30px 0; }
.mgns-video-card { min-width: 0; overflow: hidden; border: 1px solid #393124; background: #151515; color: #e8e4dd; }
.mgns-video-card > a { display: block; height: 100%; color: inherit; text-decoration: none; }
.mgns-video-card > a:hover { background: #1d1a15; }
.mgns-video-card > a:focus-visible { outline: 3px solid #e3c76e; outline-offset: -3px; }
.mgns-video-card img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: contain; background: linear-gradient(145deg, #1d1a15, #050505); }
.mgns-video-card__body { padding: 20px; }
.mgns-video-card .mgns-video-card__name { display: block; margin: 0 0 8px; color: #c9a84c; font-size: .8rem; line-height: 1.5; letter-spacing: .06em; }
.mgns-video-card h2, .mgns-video-card h3 { margin: 0 0 12px; color: #e8e4dd; font-family: Georgia, 'Times New Roman', 'Songti SC', serif; font-size: 1.2rem; font-weight: 600; line-height: 1.55; }
.mgns-video-card p { margin: 0 0 14px; color: #b6ada4; font-size: .9rem; line-height: 1.7; }
.mgns-video-card__action { display: inline-block; color: #e3c76e; font-size: .85rem; }
.mgns-videos-entry { box-sizing: border-box; display: block; visibility: visible; opacity: 1; height: auto; width: min(1040px, calc(100% - 40px)); max-width: 100%; margin: 56px auto; padding: 40px 0; border-top: 1px solid #393124; border-bottom: 1px solid #393124; color: #e8e4dd; background: #0a0a0a; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif; line-height: 1.75; overflow-wrap: anywhere; }
main > .mgns-videos-entry { width: 100%; }
.mgns-videos-entry .mgns-videos-entry__label { margin: 0 0 10px; color: #c9a84c; font-size: .75rem; letter-spacing: .14em; }
.mgns-videos-entry .mgns-videos-entry__title { margin: 0 0 16px; color: #e8e4dd; font-family: Georgia, 'Times New Roman', 'Songti SC', serif; font-size: clamp(1.6rem, 3vw, 2.35rem); font-weight: 400; line-height: 1.4; }
.mgns-videos-entry__title span { display: block; margin-top: 8px; color: #a69c94; font-size: .9rem; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; letter-spacing: .04em; }
.mgns-videos-entry > p { max-width: 850px; margin: 0 0 20px; color: #b6ada4; font-size: 1rem; line-height: 1.8; }
.mgns-videos-entry .mgns-videos-entry__link { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; border: 1px solid #c9a84c; color: #e3c76e; background: #151515; font-size: .9rem; text-decoration: none; }
.mgns-videos-entry .mgns-videos-entry__link:hover { background: #292319; }
.mgns-videos-entry a:focus-visible { outline: 2px solid #f5e3a8; outline-offset: 4px; }
@media (max-width: 820px) { .mgns-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 580px) {
  .mgns-video-grid { grid-template-columns: 1fr; gap: 18px; }
  .mgns-video-main { padding-top: 16px; }
  .mgns-video-main h1 { font-size: 1.6rem; line-height: 1.35; }
  .mgns-video-site-header .nav { min-height: 54px; padding: 10px 0; gap: 10px; align-items: center; }
  .mgns-video-site-header .brand { font-size: .9rem; letter-spacing: .02em; white-space: nowrap; }
  .mgns-video-site-header .nav-links { gap: 4px 10px; }
  .mgns-video-site-header .nav-links a { font-size: .65rem; letter-spacing: 0; }
  .mgns-video-main .mgns-content-actions--quick { margin-bottom: 14px; padding-bottom: 12px; gap: 7px; }
  .mgns-video-main .mgns-content-actions--quick .mgns-content-actions__link { padding: 8px 10px; font-size: .77rem; }
  .mgns-video-breadcrumbs { margin-bottom: 12px; font-size: .72rem; gap: 4px 8px; }
  .mgns-video-main .eyebrow { margin-bottom: 8px; font-size: .68rem; }
  .mgns-video-player { max-height: 65vh; margin-top: 18px; }
  .mgns-videos-entry { padding: 30px 0; margin-top: 36px; margin-bottom: 36px; }
}