/* V9 media magazine: genuine interview, video and press material. */
.media-showcase { padding-top: 48px; }
.media-showcase-header { display: flex; align-items: end; justify-content: space-between; gap: 48px; }
.media-showcase-header .media-kicker { color: var(--royal); margin-bottom: 12px; }
.media-showcase-header h1 { font: 700 clamp(32px,3.5vw,48px)/1.1 var(--font-body); letter-spacing: -.03em; }
.media-showcase-intro { max-width: 360px; color: var(--muted); font-size: 16px; line-height: 1.65; }
.media-magazine-jumps { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px; margin: 28px 0 32px; }
.media-magazine-jumps a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 13px; font-weight: 700; color: var(--royal); }
.media-magazine-jumps a:hover { text-decoration: underline; text-underline-offset: 5px; }
.media-magazine-jumps a:last-child { margin-left: auto; }
.media-magazine-jumps a > span { display: inline-grid; place-items: center; min-width: 28px; height: 24px; padding: 0 5px; background: #edf2fa; font-size: 12px; }
.media-magazine-jumps svg { width: 16px; height: 16px; }
.media-interview { display: grid; grid-template-columns: 58% 42%; background: var(--navy); color: #fff; min-height: 460px; }
.media-interview-image { min-width: 0; display: block; }
.media-interview-image img { width: 100%; height: 100%; min-height: 460px; max-height: 520px; object-fit: cover; object-position: 40% center; }
.media-interview-copy { display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 40px; }
.media-interview-copy .media-feature-meta { display: block; color: var(--cyan); font-size: 11px; letter-spacing: .06em; }
.media-interview-copy .media-feature-meta span { display: block; margin-top: 8px; color: #c4d4ed; letter-spacing: 0; font-size: 12px; }
.media-showcase-index .media-interview h2 { font: 700 clamp(30px,3vw,40px)/1.18 var(--font-body); letter-spacing: -.025em; margin: 24px 0 20px; max-width: 440px; }
.media-interview-copy > p:not(.media-feature-meta) { color: #d4dfef; font-size: 15px; line-height: 1.65; max-width: 390px; }
.media-interview-link { display: inline-flex; align-items: center; gap: 20px; min-height: 44px; padding-block: 8px; margin-top: 20px; font-size: 14px; font-weight: 700; color: var(--cyan); }
.media-interview-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.media-interview-copy a:focus-visible { outline-color: var(--cyan); }
.media-interview-copy small { font-size: 11px; line-height: 1.5; color: #b8cbe5; margin-top: 20px; }
.media-video-section,.media-dossier { padding-top: 72px; scroll-margin-top: 24px; }
.media-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 48px; margin-bottom: 32px; }
.media-section-heading .media-kicker { color: var(--royal); margin-bottom: 12px; }
.media-showcase-index .media-section-heading h2 { font-size: clamp(28px,3vw,40px); line-height: 1.13; margin: 0; letter-spacing: -.025em; }
.media-section-heading > p { max-width: 390px; font-size: 15px; line-height: 1.65; color: var(--muted); }
.media-section-link { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; flex-shrink: 0; font-size: 14px; font-weight: 700; color: var(--royal); }
.media-section-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.media-video-features { display: grid; grid-template-columns: 2fr 1fr; gap: 32px; align-items: start; }
.media-video-side { display: grid; gap: 28px; }
.media-feature-video { min-width: 0; }
.media-video-thumbnail { position: relative; display: block; min-width: 0; color: var(--royal); }
.media-video-thumbnail > img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; background: #edf2fa; }
.media-play { position: absolute; display: grid; place-items: center; top: 12px; left: 12px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--royal); background: #fff; color: var(--royal); }
.media-play svg { width: 20px; height: 20px; }
.media-video-duration { position: absolute; top: 12px; right: 12px; padding: 4px 6px; background: var(--navy); color: #fff; font-size: 11px; line-height: 1.2; font-weight: 700; font-variant-numeric: tabular-nums; }
.media-showcase-index[data-layout='list'] .media-video-duration { top: 6px; right: 6px; padding: 3px 4px; font-size: 10px; }
.media-video-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 36px; padding: 8px 0 0; background: #fff; color: var(--royal); font-size: 12px; font-weight: 700; }
.media-video-label svg { width: 16px; height: 16px; }
.media-video-thumbnail:hover .media-video-label { text-decoration: underline; text-underline-offset: 4px; }
.media-video-thumbnail:hover .media-play { color: #fff; background: var(--royal); }
.media-feature-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.media-feature-video-copy { padding-top: 10px; }
.media-showcase-index .media-feature-video h3 { font: 700 20px/1.3 var(--font-body); letter-spacing: -.015em; margin: 10px 0 0; }
.media-showcase-index .media-feature-video-lead h3 { font-size: clamp(24px,2.3vw,32px); line-height: 1.2; }
.media-feature-video h3 a:hover { text-decoration: underline; text-underline-offset: 5px; }
.media-feature-summary { color: var(--muted); font-size: 16px; line-height: 1.65; max-width: 650px; margin-top: 16px; }
.media-video-context { display: inline-flex; align-items: center; gap: 12px; min-height: 36px; margin-top: 12px; font-size: 12px; color: var(--muted); text-decoration: underline; text-underline-offset: 4px; }
.media-video-context svg { width: 16px; height: 16px; }
.media-video-context:hover { color: var(--royal); }
.media-document-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; }
.media-document-story { display: grid; grid-template-columns: 38% 1fr; min-width: 0; border: 1px solid var(--line); background: #fff; }
.media-document-story:first-child { display: flex; flex-direction: column; grid-row: span 2; }
.media-document-preview { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 230px; padding: 24px 16px 46px; background: #edf0f4; }
.media-document-preview img { width: 100%; height: 100%; max-height: 230px; object-fit: contain; }
.media-document-preview > span { position: absolute; display: flex; align-items: center; justify-content: space-between; gap: 8px; bottom: 12px; left: 12px; right: 12px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.media-document-preview > span svg { width: 14px; height: 14px; }
.media-document-story:first-child .media-document-preview { flex: 1; min-height: 280px; padding: 24px 32px 44px; }
.media-document-story:first-child .media-document-preview img { max-height: 310px; }
.media-document-story:first-child .media-document-preview > span { left: 24px; right: 24px; font-size: 11px; }
.media-document-copy { display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 24px; }
.media-document-copy .media-feature-meta { font-size: 11px; gap: 4px 10px; }
.media-showcase-index .media-document-copy h3 { font: 700 22px/1.2 var(--font-body); letter-spacing: -.02em; margin: 12px 0; }
.media-showcase-index .media-document-story:first-child h3 { font-size: 28px; }
.media-document-copy h3 a:hover { text-decoration: underline; text-underline-offset: 5px; }
.media-document-copy > p:not(.media-feature-meta) { color: var(--muted); font-size: 13px; line-height: 1.6; }
.media-document-read { display: inline-flex; align-items: center; gap: 12px; min-height: 36px; margin-top: 14px; font-size: 12px; font-weight: 700; color: var(--royal); }
.media-document-read:hover { text-decoration: underline; text-underline-offset: 4px; }
.media-document-read svg { width: 16px; height: 16px; }
.media-channels { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; padding-top: 72px; padding-bottom: 32px; }
.media-channels > a { display: flex; flex-direction: column; padding: 20px 0 16px; border-top: 3px solid var(--line); min-width: 0; }
.media-channel-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.media-channel-top strong { font-size: 20px; font-weight: 700; }
.media-channel-top > span { color: var(--muted); font-size: 12px; }
.media-channel-description { font-size: 12px; line-height: 1.5; color: var(--muted); padding: 8px 20px 0 0; }
.media-channels > a:hover,.media-channels > a[aria-current="true"] { border-color: var(--royal); }
.media-channels > a[aria-current="true"] .media-channel-top strong { color: var(--royal); }
.media-showcase-index .media-library { padding-top: 32px; scroll-margin-top: 24px; }
.media-library-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.media-library-heading .media-kicker { margin-bottom: 10px; }
.media-showcase-index .media-library-heading h2 { font-size: clamp(28px,3vw,40px); line-height: 1.1; margin: 0; }
.media-all-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 14px; color: var(--royal); font-weight: 700; white-space: nowrap; }
.media-showcase-index .media-archive-tools { grid-template-columns: minmax(0,1fr) 200px; gap: 24px; align-items: start; }
.media-showcase-index .media-search input { background: #f1f5fa; border-color: transparent; }
.media-filter-extra { padding-top: 26px; position: relative; }
.media-filter-extra summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; min-height: 48px; padding: 12px 16px; border: 1px solid var(--line); font-size: 14px; font-weight: 700; border-radius: 4px; list-style: none; }
.media-filter-extra summary::-webkit-details-marker { display: none; }
.media-filter-extra summary > span { font-size: 20px; line-height: 1; }
.media-filter-extra[open] summary > span { transform: rotate(45deg); }
.media-filter-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; width: 520px; margin-top: 8px; margin-left: calc(100% - 520px); background: #fff; padding: 24px; border: 1px solid var(--line); border-top: 3px solid var(--royal); }
.media-showcase-index .media-index-list { gap: 44px 24px; align-items: start; }
.media-showcase-index .media-row { scroll-margin-top: 24px; }
.media-showcase-index .media-row-link { grid-template-areas: 'image' 'copy' 'date'; grid-template-rows: auto auto auto; height: auto; padding-bottom: 20px; }
.media-preview { grid-area: image; position: relative; min-width: 0; width: 100%; }
.media-preview-image { aspect-ratio: 4/3; overflow: hidden; }
.media-preview-image img { width: 100%; height: 100%; object-fit: cover; }
.media-material-scan .media-preview-image { background: #edf0f4; padding: 20px; }
.media-material-scan .media-preview-image img { object-fit: contain; }
.media-material-label { position: absolute; left: 12px; bottom: 12px; display: flex; align-items: center; gap: 8px; background: #fff; color: var(--ink); padding: 6px 10px; font-size: 11px; }
.media-material-label svg { width: 14px; height: 14px; }
.media-preview-quote { background: var(--royal); color: #fff; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; min-height: 190px; }
.media-preview-quote > p { font-size: clamp(18px,1.7vw,24px); font-weight: 700; line-height: 1.3; }
.media-preview-quote > span { font-size: 12px; color: #d7e6ff; }
.media-preview-video > img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; background: #edf2fa; }
.media-showcase-index .media-row-copy { padding-top: 16px; }
.media-showcase-index .media-row-copy h3 { font: 700 20px/1.3 var(--font-body); letter-spacing: -.015em; }
.media-showcase-index .media-row-link:hover h3 { text-decoration: underline; text-underline-offset: 4px; }
.media-showcase-index .media-row-meta { font-size: 11px; line-height: 1.5; margin-bottom: 8px; }
.media-showcase-index .media-row-date { margin-top: 16px; padding-top: 0; font-size: 11px; }
.media-card-summary { font-size: 14px; line-height: 1.65; color: var(--muted); margin-top: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.media-card-read { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 700; color: var(--royal); margin-top: 20px; }
.media-card-read svg { width: 16px; height: 16px; }
.media-showcase-index .media-row-text .media-row-link { grid-template-areas: 'copy' 'date'; grid-template-rows: auto auto; padding-top: 22px; border-top: 3px solid var(--royal); }
.media-showcase-index .media-row-text .media-row-copy { padding-top: 0; }
.media-showcase-index .media-material-video .media-row-link { border: 0; padding-bottom: 0; }
.media-showcase-index .media-material-video > .media-video-context { margin: 8px 0 0; padding-bottom: 16px; min-height: 44px; }
.media-showcase-index .media-material-video { border-bottom: 1px solid var(--line); }
.media-showcase-index[data-layout='list'] .media-row-link { grid-template-areas: 'date image copy arrow'; grid-template-columns: 160px 120px minmax(0,1fr) 24px; grid-template-rows: auto; padding-block: 20px; }
.media-showcase-index[data-layout='list'] .media-preview { aspect-ratio: 4/3; max-height: 90px; overflow: hidden; }
.media-showcase-index[data-layout='list'] .media-preview-video { aspect-ratio: 16/9; }
.media-showcase-index[data-layout='list'] .media-preview-video .media-play { width: 28px; height: 28px; top: 8px; left: 8px; }
.media-showcase-index[data-layout='list'] .media-play svg { width: 15px; height: 15px; }
.media-showcase-index[data-layout='list'] .media-preview-quote { padding: 12px; justify-content: center; min-height: 0; }
.media-showcase-index[data-layout='list'] .media-preview-quote > p,.media-showcase-index[data-layout='list'] .media-material-label,.media-showcase-index[data-layout='list'] .media-video-label,.media-showcase-index[data-layout='list'] .media-card-summary,.media-showcase-index[data-layout='list'] .media-card-read { display: none; }
.media-showcase-index[data-layout='list'] .media-row-copy { padding: 0; }
.media-showcase-index[data-layout='list'] .media-row-date { margin: 0; }
.media-showcase-index[data-layout='list'] .media-row-text .media-row-link { grid-template-areas: 'date copy copy arrow'; border: 0; }
.media-showcase-index[data-layout='list'] .media-material-scan .media-preview-image { padding: 4px; }
.media-showcase-index[data-layout='list'] .media-material-video { border-bottom: 0; }
.media-showcase-index[data-layout='list'] .media-material-video > .media-video-context { margin-left: 328px; padding-bottom: 16px; margin-top: -8px; }
.media-showcase-index.has-media-selection [data-media-curated],.media-showcase-index.has-media-selection [data-curated-jump],.media-showcase-index.has-media-selection .media-showcase-intro { display: none; }
.media-showcase-index.has-media-selection .media-showcase { padding-top: 28px; }
.media-showcase-index.has-media-selection .media-showcase-header h1 { font-size: 32px; }
.media-showcase-index.has-media-selection .media-magazine-jumps { margin: 12px 0 0; }
.media-showcase-index.has-media-selection .media-magazine-jumps a:last-child { margin-left: 0; }
.media-showcase-index.has-media-selection .media-channels { padding-top: 28px; padding-bottom: 0; }
.media-showcase-index.has-media-selection .media-channel-description { display: none; }
.media-related .media-row[data-type="video"] .media-row-image img { aspect-ratio: 16/9; height: auto; object-fit: contain; }
.media-video-figure { margin: 0; }
.media-page .media-video-figure figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; color: var(--muted); font-size: 12px; line-height: 1.5; padding-top: 12px; }

@media(max-width:1100px){
 .media-interview-copy{padding:32px}.media-showcase-index .media-interview h2{font-size:34px}.media-interview-image img{min-height:460px}
 .media-document-grid{grid-template-columns:1fr 1fr}.media-document-story{grid-template-columns:36% 1fr}.media-document-copy{padding:20px}.media-showcase-index .media-document-copy h3{font-size:20px}.media-document-preview{padding-inline:12px}.media-document-preview>span{font-size:9px;letter-spacing:0}.media-showcase-index .media-document-story:first-child h3{font-size:25px}
 .media-showcase-index[data-layout='list'] .media-row-link{grid-template-columns:120px 100px minmax(0,1fr) 20px;gap:16px}.media-showcase-index[data-layout='list'] .media-material-video>.media-video-context{margin-left:252px}
}
@media(max-width:900px){
 .media-showcase-header{align-items:start;gap:32px}.media-showcase-intro{max-width:290px;font-size:14px}.media-interview{grid-template-columns:54% 46%}.media-interview-copy{padding:28px}.media-showcase-index .media-interview h2{font-size:30px}.media-interview-copy>p:not(.media-feature-meta){font-size:14px}
 .media-video-features{grid-template-columns:1.6fr 1fr;gap:24px}.media-video-side{gap:24px}.media-showcase-index .media-feature-video h3{font-size:18px}.media-showcase-index .media-feature-video-lead h3{font-size:26px}.media-feature-meta{font-size:11px}.media-feature-summary{font-size:14px}.media-video-label{font-size:11px}
 .media-document-grid{display:flex;flex-direction:column;gap:20px}.media-document-story,.media-document-story:first-child{display:grid;grid-template-columns:35% 1fr;min-height:240px}.media-document-story:first-child .media-document-preview{min-height:240px}.media-document-story:first-child .media-document-preview img{max-height:230px}.media-showcase-index .media-document-story:first-child h3{font-size:24px}.media-document-copy{padding:28px}.media-document-preview>span,.media-document-story:first-child .media-document-preview>span{left:12px;right:12px;font-size:10px}
 .media-channel-top strong{font-size:17px}.media-channels{gap:20px}.media-showcase-index .media-index-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .media-showcase{padding-top:32px}.media-showcase-header{display:block}.media-showcase-header h1{font-size:32px}.media-showcase-intro{font-size:15px;max-width:440px;margin-top:20px}.media-magazine-jumps{gap:0 24px;margin:18px 0 24px}.media-magazine-jumps a{font-size:12px}.media-magazine-jumps a:last-child{margin-left:0}.media-magazine-jumps svg{width:14px;height:14px}
 .media-interview{display:block;min-height:0}.media-interview-image img{height:auto;aspect-ratio:16/9;min-height:0;max-height:none;object-fit:contain}.media-interview-copy{padding:28px}.media-showcase-index .media-interview h2{font-size:32px;margin:22px 0 18px;max-width:410px}.media-interview-copy>p:not(.media-feature-meta){font-size:15px}.media-interview-copy small{font-size:11px;margin-top:16px}.media-interview-link{margin-top:16px}
 .media-video-section,.media-dossier{padding-top:48px}.media-section-heading{gap:24px;margin-bottom:24px;align-items:start}.media-showcase-index .media-section-heading h2{font-size:28px}.media-section-link{font-size:12px;gap:8px;white-space:nowrap}.media-section-heading>p{font-size:14px;max-width:none}.media-dossier .media-section-heading{display:block}.media-dossier .media-section-heading>p{margin-top:18px}
 .media-video-features{display:block}.media-video-side{margin-top:28px;gap:24px}.media-video-side .media-feature-video{display:grid;grid-template-columns:42% 1fr;gap:16px}.media-video-side .media-feature-video-copy{padding:0}.media-showcase-index .media-feature-video h3{font-size:17px;margin-top:8px}.media-showcase-index .media-feature-video-lead h3{font-size:26px}.media-video-side .media-feature-meta{font-size:10px;gap:4px}.media-video-side .media-feature-meta span,.media-video-side .media-feature-meta time{display:block;width:100%}.media-video-context{font-size:11px;min-height:36px;margin-top:6px;gap:8px}.media-video-label{font-size:11px;min-height:30px}.media-video-label svg{width:14px;height:14px}.media-video-side .media-play{width:30px;height:30px;top:8px;left:8px}.media-video-side .media-play svg{width:16px;height:16px}.media-feature-summary{font-size:15px}.media-feature-video-lead .media-feature-meta{font-size:11px}
 .media-document-story,.media-document-story:first-child{grid-template-columns:36% 1fr;min-height:220px}.media-document-preview,.media-document-story:first-child .media-document-preview{min-height:220px;padding:16px 12px 40px}.media-document-preview img,.media-document-story:first-child .media-document-preview img{max-height:210px}.media-document-copy{padding:20px 16px}.media-showcase-index .media-document-copy h3,.media-showcase-index .media-document-story:first-child h3{font-size:20px}.media-document-copy .media-feature-meta{font-size:10px}.media-document-copy>p:not(.media-feature-meta){font-size:12px}.media-document-preview>span,.media-document-story:first-child .media-document-preview>span{font-size:9px;gap:4px;flex-wrap:wrap}.media-document-read{font-size:11px;gap:8px;margin-top:10px}
 .media-document-story:first-child{display:flex;flex-direction:column}.media-document-story:first-child .media-document-preview{flex:0 0 auto;min-height:0;height:210px;padding:20px 20px 36px}.media-document-story:first-child .media-document-preview img{width:100%;height:100%;max-height:154px}
 .media-channels{grid-template-columns:1fr 1fr;gap:0 24px;padding-top:48px;padding-bottom:20px}.media-channels>a{padding:16px 0 20px}.media-channel-top strong{font-size:18px}.media-channel-description{padding-right:0;font-size:11px}.media-showcase-index .media-library{padding-top:24px}.media-library-heading{align-items:start;gap:20px;margin-bottom:24px}.media-showcase-index .media-library-heading h2{font-size:28px}.media-all-link{font-size:12px;gap:8px}.media-showcase-index .media-archive-tools{grid-template-columns:1fr;gap:12px}.media-filter-extra{padding:0}.media-filter-extra summary{width:100%;min-height:44px}.media-filter-fields{width:100%;margin:12px 0 0;padding:16px;gap:12px}.media-showcase-index .media-index-list{gap:36px 20px}.media-preview-quote>p{font-size:20px}.media-preview-quote{padding:22px}.media-showcase-index .media-row-copy h3{font-size:19px}
 .media-showcase-index[data-layout='list'] .media-row-link{grid-template-areas:'image copy' 'date copy';grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto;gap:12px 16px}.media-showcase-index[data-layout='list'] .media-row-arrow{display:none}.media-showcase-index[data-layout='list'] .media-row-copy{align-self:center}.media-showcase-index[data-layout='list'] .media-row-date{font-size:11px}.media-showcase-index[data-layout='list'] .media-row-text .media-row-link{grid-template-areas:'date copy';grid-template-columns:96px minmax(0,1fr)}.media-showcase-index[data-layout='list'] .media-material-video>.media-video-context{margin-left:112px;margin-top:-6px}
 .media-showcase-index.has-media-selection .media-showcase-header h1{font-size:28px}.media-showcase-index.has-media-selection .media-channels{padding-top:24px}.media-showcase-index.has-media-selection .media-channel-top strong{font-size:16px}
}
@media(max-width:520px){
 .media-video-section .media-section-heading{display:block}.media-video-section .media-section-link{margin-top:12px}
 .media-showcase-index .media-index-list{grid-template-columns:1fr}.media-library-heading{display:block}.media-all-link{margin-top:12px}.media-filter-fields{grid-template-columns:1fr}.media-preview-quote>p{font-size:24px}.media-showcase-index .media-row-copy h3{font-size:21px}.media-showcase-index[data-layout='list'] .media-row-copy h3{font-size:17px}.media-row-text .media-card-summary{-webkit-line-clamp:3}.media-card-summary{font-size:15px}.media-showcase-index .media-row-meta,.media-showcase-index .media-row-date{font-size:12px}.media-row-text .media-card-read{font-size:13px}
}
@media(max-width:360px){
 .media-channels{grid-template-columns:1fr}
 .media-channel-description{padding-top:6px}
}

/* Editorial reading paths use the existing archive rows and evidence. */
.media-reading-paths{padding-top:56px;scroll-margin-top:24px}
.media-paths-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:24px}
.media-paths-heading .media-kicker{color:var(--royal);margin-bottom:10px}
.media-showcase-index .media-paths-heading h2{font-size:32px;line-height:1.15;letter-spacing:-.025em}
.media-paths-heading>p{max-width:390px;font-size:14px;line-height:1.65;color:var(--muted)}
.media-path-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.media-path-card{display:flex;flex-direction:column;align-items:start;min-width:0;padding:24px;border:1px solid var(--line);border-top:3px solid var(--royal);background:#f4f7fc;transition:background .15s,border-color .15s}
.media-path-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;width:100%;font-size:11px;line-height:1.5;font-weight:700;color:var(--royal)}
.media-path-card-meta>span{color:var(--muted);font-weight:400;white-space:nowrap}
.media-showcase-index .media-path-card h3{font-size:22px;line-height:1.22;letter-spacing:-.02em;margin:18px 0 12px}
.media-path-card>p{font-size:14px;line-height:1.6;color:var(--muted);margin-bottom:20px}
.media-path-card-action{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px;width:100%;margin-top:auto;font-size:12px;font-weight:700;color:var(--royal)}
.media-path-card-action svg{width:18px;height:18px}
.media-path-card:hover{background:#eaf1fc;border-color:var(--royal)}
.media-path-card:hover .media-path-card-action{text-decoration:underline;text-underline-offset:4px}
.media-path-card[aria-current=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.media-path-card[aria-current=true] .media-path-card-meta,.media-path-card[aria-current=true] .media-path-card-action{color:var(--cyan)}
.media-path-card[aria-current=true] .media-path-card-meta>span,.media-path-card[aria-current=true]>p{color:#c4d4ed}
.media-showcase-index.has-media-selection .media-reading-paths{padding-top:28px}
.media-showcase-index.has-media-selection .media-paths-heading{margin-bottom:16px}
.media-showcase-index.has-media-selection .media-paths-heading h2{font-size:24px}
.media-showcase-index.has-media-selection .media-paths-heading>p,.media-showcase-index.has-media-selection .media-path-card>p{display:none}
.media-showcase-index.has-media-selection .media-path-card{padding:18px 20px}
.media-showcase-index.has-media-selection .media-path-card h3{font-size:18px;margin:12px 0}
.media-path-introduction{max-width:820px;margin:-8px 0 28px;border-left:3px solid var(--royal);padding-left:20px}
.media-path-introduction>p{font-size:16px;line-height:1.7;color:var(--muted)}
.media-path-refine-reset{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:700;color:var(--royal);margin-top:8px}
.media-path-refine-reset:hover{text-decoration:underline;text-underline-offset:4px}
.media-path-note{padding:20px 0 18px;border-top:3px solid var(--royal)}
.media-path-note>p:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:10px}
.media-path-note>p>span{font-size:11px;font-weight:700;line-height:1.6;color:var(--royal);white-space:nowrap}
.media-path-note strong{font-size:16px;line-height:1.35;letter-spacing:-.01em}
.media-path-note>p:last-child{font-size:14px;line-height:1.65;color:var(--muted)}
.media-showcase-index.has-media-topic[data-layout=grid] .media-index-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.media-showcase-index.has-media-topic .media-row-text .media-row-link{border-top:0;padding-top:0}
.media-showcase-index.has-media-topic[data-layout=list] .media-path-note{max-width:900px;padding-bottom:0}
.media-showcase-index.has-media-topic .media-library-heading h2{max-width:840px}
.media-path-fallback{margin-top:24px}.media-path-fallback details{border-top:1px solid var(--line);padding:16px 0}.media-path-fallback summary{cursor:pointer;font-weight:700;min-height:44px}.media-path-fallback ol{padding-left:24px}.media-path-fallback li{margin-bottom:16px}.media-path-fallback a{text-decoration:underline;text-underline-offset:4px}.media-path-fallback p{font-size:14px;color:var(--muted)}
@media(max-width:1000px){
 .media-path-card{padding:20px}.media-showcase-index .media-path-card h3{font-size:20px}.media-paths-heading>p{max-width:310px}.media-path-cards{gap:16px}
}
@media(max-width:700px){
 .media-reading-paths{padding-top:40px}.media-paths-heading{display:block;margin-bottom:20px}.media-showcase-index .media-paths-heading h2{font-size:28px}.media-paths-heading>p{max-width:480px;margin-top:14px}.media-path-cards{grid-template-columns:1fr;gap:14px}.media-path-card{padding:20px}.media-showcase-index .media-path-card h3{font-size:22px;margin:12px 0}.media-path-card>p{margin-bottom:12px}.media-path-card-action{min-height:28px}.media-path-card-meta{font-size:12px}
 .media-showcase-index.has-media-selection .media-path-card{padding:14px 18px}.media-showcase-index.has-media-selection .media-path-card h3{font-size:17px;margin:8px 0}.media-showcase-index.has-media-selection .media-path-card-action{display:none}.media-showcase-index.has-media-selection .media-path-cards{gap:10px}.media-path-introduction{padding-left:16px;margin:0 0 24px}.media-path-introduction>p{font-size:15px}.media-path-note{padding-top:16px}.media-path-note>p:last-child{font-size:14px}
 .media-showcase-index.has-media-topic[data-layout=grid] .media-index-list{grid-template-columns:1fr;gap:28px}
}