/* Round 9: topics and contribution formats are distinct. */
#impulse-directory #impulse-lead-grid[hidden]{display:none!important}
/* The three former market-topic cards retain their light grey format surface. */
#impulse-directory .impulse-card[data-contribution-type="market-impulse"]{background:#e7e7e5!important;border:1px solid #cececb!important}
/* One reference design for every badge: compact rectangular blue label.
   Opaque version of the reference tint stays legible on photographs. */
#impulse-directory .impulse-card .impulse-source-badge{
 display:inline-flex!important;align-items:center;position:static!important;
 background:#d4e4f2!important;color:#095bab!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;padding:4.8px 8px!important;
 font-size:10.24px!important;line-height:1.25!important;font-weight:600!important;
 letter-spacing:.07em!important;text-transform:uppercase!important;white-space:nowrap;
 width:auto!important;max-width:calc(100% - 24px);margin:0!important;
}
#impulse-directory .impulse-card .impulse-card-media{position:relative!important}
#impulse-directory .impulse-card .impulse-media-badge{
 position:absolute!important;top:12px!important;right:12px!important;left:auto!important;
 bottom:auto!important;z-index:15!important;
}
#impulse-directory .impulse-badge-row{display:flex;justify-content:flex-end;margin:0 0 12px;min-height:23px}
/* Topic and publication date always share the same metadata row. */
#impulse-directory .impulse-card .impulse-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto!important;align-items:center!important;gap:12px!important;position:static!important}
#impulse-directory .impulse-card .impulse-meta>span:first-child{grid-column:1!important;grid-row:1!important;min-width:0}
#impulse-directory .impulse-card .impulse-meta>.impulse-date{grid-column:2!important;grid-row:1!important;justify-self:end!important;white-space:nowrap}
/* Never crop the original LinkedIn photographs/video stills. Full-frame display
   keeps every face in the original visible at all responsive widths. */
#impulse-directory .impulse-card .impulse-card-media.impulse-media-fullframe{
 height:auto!important;min-height:0!important;aspect-ratio:auto!important;
 background:#e7e7e5!important;overflow:hidden!important;
}
#impulse-directory .impulse-card .impulse-media-fullframe img{
 display:block!important;width:100%!important;height:auto!important;min-height:0!important;
 max-height:360px!important;object-fit:contain!important;object-position:center center!important;
}
@media(max-width:600px){
 #impulse-directory .impulse-card .impulse-media-fullframe img{max-height:340px!important}
 #impulse-directory .impulse-card .impulse-meta{gap:8px!important}
}
/* This source photograph has a face at the upper-right edge. Reserve a small
   clear strip in its media frame so the top-right badge cannot cover the eyes. */
#impulse-directory .impulse-media-fullframe.badge-safe-headroom{padding-top:36px!important}
#impulse-directory .source-youtube .impulse-play{top:auto!important;left:12px!important;bottom:12px!important;right:auto!important;transform:none!important;width:32px!important;height:32px!important}

/* Compact directory on phones: portrait beside title, one filter toolbar. */
@media(max-width:700px){
 #impulse-directory .impulse-hero-v5{padding:20px 0!important}
 #impulse-directory .impulse-hero-v5-grid{grid-template-columns:minmax(0,1fr) 104px!important;gap:8px 12px!important;align-items:center!important}
 #impulse-directory .impulse-hero-copy{display:contents}
 #impulse-directory .impulse-kicker{grid-column:1;grid-row:1;font-size:10px!important;line-height:1.4!important;letter-spacing:.06em!important}
 #impulse-directory .impulse-hero-copy h1:not(#type-system-exception){grid-column:1;grid-row:2;font-size:26px!important;line-height:1.12!important;margin:0!important;text-wrap:pretty}
 #impulse-directory .impulse-hero-portrait{grid-column:2;grid-row:1/3;width:104px!important;height:130px!important;align-self:center!important}
 #impulse-directory .impulse-hero-copy .impulse-intro{grid-column:1/-1;grid-row:3;font-size:15px!important;line-height:1.45!important;margin-top:4px!important}
 #impulse-directory .impulse-controls-v5{padding:10px 0!important}
 #impulse-directory .impulse-controls-v5 .impulse-wrap{width:calc(100% - 32px)!important}
 #impulse-directory .impulse-controls-v5 .impulse-control-line{grid-template-columns:minmax(0,1fr) 108px!important;gap:8px!important;align-items:center!important}
 #impulse-directory .impulse-filter-row{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:0 0 3px!important}
 #impulse-directory .impulse-filter{flex:none;white-space:nowrap;font-size:14px!important;line-height:1.3!important;padding:8px 12px!important;min-height:44px!important}
 #impulse-directory .impulse-controls-v5 .impulse-tool-row{margin:0!important;min-width:0}
 #impulse-directory .impulse-year-select{max-width:none;margin:0!important}
 #impulse-directory .impulse-year-select select{font-size:14px!important;padding:8px!important;min-height:44px!important}
 #impulse-directory .impulse-content-v5{padding-top:20px!important}
}
@media(max-width:360px){
 #impulse-directory .impulse-hero-v5-grid{grid-template-columns:minmax(0,1fr) 88px!important}
 #impulse-directory .impulse-hero-portrait{width:88px!important;height:120px!important}
 #impulse-directory .impulse-hero-copy h1:not(#type-system-exception){font-size:24px!important}
}