/* SRO 6.10.1 — Media UX Polish */
body.sro-section-media.media-ux-6101 .media-find-section{padding:38px 0 30px}
body.sro-section-media.media-ux-6101 .media-directory-toolbar-expanded{display:block;padding:20px 22px;border:1px solid #d7ccba;border-radius:12px;background:#fffdf9;box-shadow:0 10px 28px rgba(28,35,30,.045)}
body.sro-section-media.media-ux-6101 .media-directory-toolbar-expanded>input{width:100%;min-height:52px;border-radius:8px;border:1px solid #cbbfae;padding:0 15px;font-size:.96rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
body.sro-section-media.media-ux-6101 .media-filter-groups{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:22px;margin-top:18px}
body.sro-section-media.media-ux-6101 .media-filter-group{display:block;min-width:0}
body.sro-section-media.media-ux-6101 .media-filter-group>span{display:block;margin:0 0 7px;color:#665f55;font-size:.68rem;font-weight:850;letter-spacing:.095em;text-transform:uppercase}
body.sro-section-media.media-ux-6101 .media-directory-filters{display:flex;flex-wrap:wrap;gap:6px}
body.sro-section-media.media-ux-6101 .filter-chip{min-height:32px;padding:6px 10px;border:1px solid #d7ccba;border-radius:999px;background:#fbf8f1;color:#302e2a;font-size:.72rem;font-weight:760;line-height:1;box-shadow:none}
body.sro-section-media.media-ux-6101 .filter-chip:hover{background:#f0e9dc;border-color:#b9aa93}
body.sro-section-media.media-ux-6101 .filter-chip.active{background:#26372f;border-color:#26372f;color:#fff}
body.sro-section-media.media-ux-6101 .media-result-summary{display:inline-block;margin:12px 0 0;color:#423f39;font-size:.82rem}
body.sro-section-media.media-ux-6101 .media-filter-helper{margin:5px 0 0;max-width:780px;color:var(--muted);font-size:.76rem;line-height:1.45}

/* Featured media: make real and fallback artwork feel like one system. */
body.sro-section-media.media-ux-6101 .media-feature-grid{gap:16px}
body.sro-section-media.media-ux-6101 .media-feature-card{border-radius:10px;border-color:#d4c8b7;background:#fffdf8;box-shadow:0 6px 18px rgba(27,34,30,.035)}
body.sro-section-media.media-ux-6101 .media-feature-card .media-directory-thumb{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1d2b24}
body.sro-section-media.media-ux-6101 .media-feature-card .media-directory-thumb img{width:100%;height:100%;object-fit:cover;display:block}
body.sro-section-media.media-ux-6101 .media-feature-card.media-feature-fallback .media-directory-thumb{background:radial-gradient(circle at 35% 28%,rgba(189,161,105,.17),transparent 35%),linear-gradient(145deg,#16221c,#31483c)}
body.sro-section-media.media-ux-6101 .media-feature-card.media-feature-fallback .media-directory-thumb img{width:58px;height:58px;object-fit:contain;opacity:.92;filter:brightness(0) invert(1)}
body.sro-section-media.media-ux-6101 .media-feature-card h2{font-size:1.11rem;line-height:1.25}
body.sro-section-media.media-ux-6101 .media-feature-card .media-directory-provider{font-size:.76rem;font-weight:750;color:#625b51}
body.sro-section-media.media-ux-6101 .media-feature-card .media-directory-actions{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-top:auto;padding-top:12px}
body.sro-section-media.media-ux-6101 .media-feature-onsite{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e7efe8;color:#2d4938;font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.055em}

/* Archive cards: stronger hierarchy, restrained on-site signal. */
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-card{position:relative;border-radius:9px;border-color:#d9cfbf;background:#fffdf8;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-card:hover{border-color:#b9aa93;box-shadow:0 8px 22px rgba(26,34,29,.055);transform:translateY(-1px)}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-card[data-media-playback="onsite"]{border-left:3px solid #547460;padding-left:16px!important}
body.sro-section-media.media-ux-6101 .media-card-topline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-card-topline .media-directory-provider{margin-right:auto;color:#5f584e;font-weight:830;font-size:.68rem;letter-spacing:.075em}
body.sro-section-media.media-ux-6101 .media-card-format{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f0eadf;color:#655b4c;font-size:.62rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-onsite-badge{padding:4px 7px;border:0;background:#e5eee7;color:#31503d;font-size:.61rem;letter-spacing:.05em;text-transform:uppercase}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-card h2,
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-card h3{font-size:1.11rem;line-height:1.28;margin:5px 0 7px}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-card h2 a,
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-card h3 a{color:#1f2823;text-decoration:none}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-card h2 a:hover,
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-meta{color:#766d61;font-size:.74rem}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-card>p:not(.media-directory-provider):not(.media-directory-related){font-size:.81rem;line-height:1.52;color:#625f58}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-actions{padding-top:11px;border-top:1px solid #eee7db;gap:7px 12px}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-actions a{display:inline-flex;align-items:center;min-height:29px;font-size:.72rem;letter-spacing:.01em}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-card[data-media-playback="onsite"] .media-directory-actions a:first-of-type{padding:6px 10px;border-radius:6px;background:#26372f;color:#fff;text-decoration:none}
body.sro-section-media.media-ux-6101 #mediaDirectory .media-directory-card[data-media-playback="onsite"] .media-directory-actions a:first-of-type:hover{background:#354b40}

@media(max-width:980px){
 body.sro-section-media.media-ux-6101 .media-filter-groups{grid-template-columns:1fr 1fr}
 body.sro-section-media.media-ux-6101 .media-filter-group:last-child{grid-column:1/-1}
}
@media(max-width:680px){
 body.sro-section-media.media-ux-6101 .media-directory-toolbar-expanded{padding:16px}
 body.sro-section-media.media-ux-6101 .media-filter-groups{grid-template-columns:1fr;gap:15px}
 body.sro-section-media.media-ux-6101 .media-filter-group:last-child{grid-column:auto}
 body.sro-section-media.media-ux-6101 .filter-chip{font-size:.69rem}
 body.sro-section-media.media-ux-6101 .media-card-topline{align-items:flex-start}
 body.sro-section-media.media-ux-6101 #mediaDirectory .media-card-topline .media-directory-provider{width:100%;margin-right:0}
}