/* ics-timeline-fb (ICS2 feedback, timeline page 122). Scope: manifest pages [122].
   1) Tags: 44px band above each photo, right-aligned. Photo pushed down 44px, 480px tall (desktop).
      Text block padding 18px top/bottom (was 32): card heights 628-708 = Figma Frame 2147237156 (628/708).
   2) Graph paper: Figma line colour #D7D4CC, 1px, step 63px (overrides #D6D4CC of ics-timeline-art.css on #mv-tl only).
   3) News (#mv-news): Figma Frame 2147236961: feature row 1312x480 (photo 640 + text), row 2: 976x404 (left) + 304x404 (right).
      Items 4+ of the query loop are hidden on the frontend only (display none), not deleted. */
#mv-tl .ics-torn-card[id$="-col"] { position: relative; }
#mv-tl [id^="mv-r"][id$="-tag"] {
  position: absolute !important; top: 0 !important; right: 0 !important; left: auto !important;
  height: 44px !important; display: flex !important; align-items: center; box-sizing: border-box;
  padding: 0 16px !important; margin: 0 !important; white-space: nowrap; z-index: 3;
}
#mv-tl [id^="mv-r"][id$="-photo"] { margin-top: 44px !important; }
#mv-tl [id^="mv-r"][id$="-cc"] { padding-top: 18px !important; padding-bottom: 18px !important; }
@media (min-width: 768px) {
  #mv-tl [id^="mv-r"][id$="-img"] { height: 480px !important; object-fit: cover; }
}
html body #mv-tl#mv-tl {
  background-image: linear-gradient(to right, #D7D4CC 1px, transparent 1px), linear-gradient(to bottom, #D7D4CC 1px, transparent 1px) !important;
  background-size: 63px 63px !important;
}
/* News (#mv-news). Flex-wrap layout (grid-column rules from shared CSS do not apply to flex items). */
html body #mv-news#mv-news #mv-news-grid#mv-news-grid { display: flex !important; flex-wrap: wrap !important; grid-template-columns: none !important; gap: 24px 32px !important; width: 1312px !important; max-width: 100% !important; justify-content: flex-start !important; margin-top: 56px !important; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid > .nw-card.nw-card { display: flex !important; flex-direction: row !important; padding: 0 !important; margin: 0 !important; background: #fff !important; border-radius: 8px !important; overflow: hidden !important; height: 404px !important; min-width: 0 !important; color: inherit; text-decoration: none; grid-column: auto !important; grid-row: auto !important; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid > .nw-card.nw-card:nth-child(n+4) { display: none !important; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid > .nw-card.nw-card:nth-child(1) { flex: 0 0 1312px !important; width: 1312px !important; height: 480px !important; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid > .nw-card.nw-card:nth-child(2) { flex: 0 0 976px !important; width: 976px !important; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid > .nw-card.nw-card:nth-child(3) { flex: 0 0 304px !important; width: 304px !important; flex-direction: column !important; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card > .ics-torn-photo { flex: 0 0 auto !important; position: relative; overflow: hidden; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card > .ics-torn-photo .nw-ci { width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card:nth-child(1) > .ics-torn-photo { width: 640px !important; height: 480px !important; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card:nth-child(2) > .ics-torn-photo { width: 528px !important; height: 404px !important; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card:nth-child(3) > .ics-torn-photo { width: 100% !important; height: 228px !important; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card > .nw-cb { flex: 1 1 0 !important; min-width: 0 !important; display: flex; flex-direction: column; justify-content: flex-end; gap: 16px; padding: 32px !important; box-sizing: border-box; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card:nth-child(3) > .nw-cb { padding: 24px !important; gap: 12px; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card:nth-child(1) .nw-tit.nw-tit { font-family: 'EB Garamond', serif !important; font-weight: 600 !important; font-size: 48px !important; line-height: 56px !important; letter-spacing: 0 !important; margin: 0 !important; color: #302f29 !important; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card:nth-child(2) .nw-tit.nw-tit { font-family: 'EB Garamond', serif !important; font-weight: 500 !important; font-size: 36px !important; line-height: 40px !important; letter-spacing: -0.54px !important; margin: 0 !important; color: #302f29 !important; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card:nth-child(3) .nw-tit.nw-tit { font-family: 'EB Garamond', serif !important; font-weight: 600 !important; font-size: 24px !important; line-height: 28px !important; letter-spacing: 0 !important; margin: 0 !important; color: #302f29 !important; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-ex { font-family: 'Inter', sans-serif; font-size: 16px; line-height: 24px; letter-spacing: -0.08px; color: #302f29; margin: 0; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card:nth-child(3) .nw-ex { font-size: 12px; line-height: 16px; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-more { font-family: 'Google Sans Code', monospace; font-size: 14px; line-height: 16px; color: #797467; text-decoration: underline; letter-spacing: 0.14px; text-transform: uppercase; }
html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card:nth-child(3) .nw-more { font-size: 12px; }
html body #mv-news#mv-news .nw-chip { display: none !important; }
@media (max-width: 1023px) {
  html body #mv-news#mv-news #mv-news-grid#mv-news-grid { width: 100% !important; gap: 24px !important; }
  html body #mv-news#mv-news #mv-news-grid#mv-news-grid > .nw-card.nw-card.nw-card:nth-child(n) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; flex-direction: column !important; height: auto !important; }
  html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card:nth-child(n) > .ics-torn-photo { width: 100% !important; height: 240px !important; }
  html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card:nth-child(n) > .nw-cb { padding: 24px !important; }
  html body #mv-news#mv-news #mv-news-grid#mv-news-grid .nw-card:nth-child(n) .nw-tit.nw-tit { font-size: 28px !important; line-height: 34px !important; }
}