/* Scoped to the work pages; shared project, gallery and carousel layouts are unchanged. */
html[data-r198-works-media] #portfolio-browser .r198-media-navigation {
  display: block; grid-column: 1 / -1; width: 100%; margin: 0 0 20px;
  padding: 24px; border: 1px solid #ddd3f0; border-radius: 20px;
  background: linear-gradient(115deg, #f7f3ff, #f7fbfc); color: #30244e;
  scroll-margin-top: 130px; box-sizing: border-box;
}
html[data-r198-works-media] .r198-media-heading {display: flex; align-items: baseline; gap: 20px; flex-wrap: wrap; margin-bottom: 16px;}
html[data-r198-works-media] .r198-media-heading > span {font-size: 13px; font-weight: 750; letter-spacing: .08em; color: #75619b;}
html[data-r198-works-media] .r198-media-heading p {margin: 0; font-size: 14px; line-height: 1.7; color: #766888;}
html[data-r198-works-media] .r198-media-tabs {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px;}
html[data-r198-works-media] .r198-media-tabs a {display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 22px; border: 1px solid #d8cce9; border-radius: 12px; background: #fff; color: #5e467e; text-decoration: none; font-size: clamp(20px,2vw,27px); font-weight: 800;}
html[data-r198-works-media] .r198-media-tabs a[aria-current="page"] {background: #64429e; border-color: #64429e; color: #fff;}
html[data-r198-works-media] .r198-video-filters,
html[data-r198-works-media] .r198-graphic-links {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px;}
html[data-r198-works-media] .r198-video-filters button,
html[data-r198-works-media] .r198-graphic-links a {display: inline-flex; align-items: center; min-height: 42px; padding: 9px 15px; border: 1px solid #d8cce9; border-radius: 9px; color: #655080; background: #fff; font: inherit; font-size: 14px; line-height: 1.5; text-decoration: none; cursor: pointer;}
html[data-r198-works-media] .r198-video-filters button[aria-pressed="true"],
html[data-r198-works-media] .r198-graphic-links a[aria-current="location"] {background: #ece3f7; border-color: #8662b0; color: #4d287a; font-weight: 750;}
html[data-r198-works-media] #portfolio-browser[data-r198-media-ready] > .folio-types,
html[data-r198-works-media] #portfolio-browser[data-r198-media-ready] > .r37-en-format-filters,
html[data-r198-works-media] #portfolio-browser[data-r198-media-ready] .r113-format-filter,
html[data-r198-works-media] #portfolio-browser[data-r198-media-ready] > .r62-mobile-tools,
html[data-r198-works-media] #portfolio-browser[data-r198-media-ready] [data-r158-contract="video-format"] {display: none !important;}
html[data-r198-works-media] #portfolio-browser .r198-media-navigation [hidden],
html[data-r198-works-media] #portfolio-browser .r183-writing-library[hidden],
html[data-r198-works-media] #r36-report-library[hidden] {display: none !important;}
html[data-r198-works-media] #portfolio-browser[data-r198-media-ready] > .folio-toolbar {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px;}
html[data-r198-works-media] #portfolio-browser[data-r198-media-ready] .folio-audiences {display: flex; flex-wrap: wrap; gap: 8px; width: auto;}
html[data-r198-works-media] #portfolio-browser[data-r198-media-ready] .r183-writing-library {padding-top: 28px; margin-top: 36px; border-top: 1px solid #dcd1eb; scroll-margin-top: 140px;}
html[data-r198-works-media] #r36-report-library {scroll-margin-top: 140px;}
html[data-r198-works-media] .r198-section-label {margin: 0 0 10px; color: #715295; font-size: 14px; letter-spacing: .03em; font-weight: 750;}
html[data-r198-works-media] .r198-dock-categories {white-space: nowrap;}
html[data-r198-works-media] .r198-news-cover {display: flex !important; flex-direction: column; justify-content: center; gap: 20px; min-height: 250px; padding: 28px; box-sizing: border-box; background: linear-gradient(145deg,#eee7f8,#e9f5f5); color: #563b7a;}
html[data-r198-works-media] .r198-news-cover > span {font-size: 12px; letter-spacing: .16em;}
html[data-r198-works-media] .r198-news-cover > strong {font-size: clamp(30px,3vw,46px); line-height: 1.2;}
html[data-r198-works-media] .r198-news-cover > small {font-size: 14px;}
html[data-r198-works-media] .r198-news-full {padding-top: 12px; border-top: 1px solid #dfd6eb;}
html[data-r198-works-media] .r198-news-full summary {cursor: pointer; color: #64429e; font-weight: 750;}
html[data-r198-works-media] .r198-news-full h4 {margin-top: 24px;}
html[data-r198-works-media] .r198-news-full p {line-height: 1.9;}
html[data-r198-works-media] .r198-media-navigation :focus-visible {outline: 3px solid #23adba; outline-offset: 4px;}
@media (max-width: 760px) {
  html[data-r198-works-media] #portfolio-browser .r198-media-navigation {padding: 15px; border-radius: 15px; scroll-margin-top: 155px;}
  html[data-r198-works-media] .r198-media-heading {gap: 7px;}
  html[data-r198-works-media] .r198-media-tabs {gap: 8px;}
  html[data-r198-works-media] .r198-media-tabs a {padding: 14px 12px; font-size: 21px;}
  html[data-r198-works-media] .r198-video-filters button,
  html[data-r198-works-media] .r198-graphic-links a {min-height: 44px; padding: 8px 11px; font-size: 13px;}
  html[data-r198-works-media] .r185-work-dock {flex-wrap: wrap; max-width: calc(100vw - 24px);}
  html[data-r198-works-media] .r198-dock-categories {font-size: 12px;}
}