/* A spacious desktop journey. Touch layouts below 1100px retain their geometry. */
@media(min-width:1100px){
 body.discovery-active{background:#faf9fa;color-scheme:light}
 .discovery-active .sidebar{background:white;border-color:#ece7eb;color:#28232a}
 .discovery-active .sidebar .nav-item{color:#625962}
 .discovery-active .sidebar .nav-item.active{background:#f2ecf4;color:#65406d}
 .discovery-active .sidebar .nav-item:hover{background:#f6f2f4}
 .discovery-active .sidebar .brand small,.discovery-active .sidebar-label,.discovery-active .profile small{color:#7e737d}
 .discovery-active .sidebar-secondary{display:grid;gap:8px}
 .discovery-active .profile{color:#302832;border-color:#eee7eb}
 .discovery-active .profile .avatar{background:#f3e8ed}
 .df-screen:not(.df-browse){width:calc(100% - 152px);max-width:1400px;--df-info-width:clamp(280px,26vw,360px);height:calc(100dvh - 40px);margin:20px auto;background:transparent;color:#29232b;display:flex;flex-direction:column}
 .df-screen:not(.df-browse) .df-header{position:relative;flex:none;padding:0 0 14px;background:none;border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
 .df-screen:not(.df-browse) .df-top,.df-screen:not(.df-browse) .df-selection{grid-column:1 / -1}
 .df-screen:not(.df-browse) .df-categories{min-width:0;margin:0}
 .df-screen:not(.df-browse) .df-view-switch{margin:0;background:#eee8ec;border-color:#e2d9df;backdrop-filter:none;align-self:center}
 .df-screen:not(.df-browse) .df-view-switch button{color:#62545e}
 .df-screen:not(.df-browse) .df-view-switch button[aria-pressed=true]{background:white;color:#29232b}
 .df-screen:not(.df-browse) .df-brand{font-size:22px}
 .df-screen:not(.df-browse) .df-tools>button{color:#514550;background:#fff;border-color:#e8e0e5;backdrop-filter:none}
 .df-screen:not(.df-browse) .df-categories button{background:white;color:#665c65;border-color:#e7dfe5;backdrop-filter:none}
 .df-screen:not(.df-browse) .df-categories button[aria-pressed=true]{background:#65406d;color:white;border-color:#65406d}
 .df-screen:not(.df-browse) .df-selection button{background:#f4edf1;color:#723c50;border-color:#eadbe2}
 .df-screen:not(.df-browse) .df-deck{flex:1;min-height:0;border-radius:20px;background:white;border:1px solid #e8e1e6}
 .df-screen:not(.df-browse) .df-card{background:#fff;color:#29232b;display:grid;grid-template-columns:minmax(0,1fr) var(--df-info-width);grid-template-rows:minmax(0,1fr) auto}
 .df-screen:not(.df-browse) .df-card>.df-poster,.df-screen:not(.df-browse) .df-card>video{width:calc(100% - var(--df-info-width));object-fit:contain;background:#121114}
 .df-screen:not(.df-browse) .df-shade{display:none}
 .df-screen:not(.df-browse) .df-play{left:0;top:0;width:calc(100% - var(--df-info-width));height:100%;border-radius:0;color:white}
 .df-screen:not(.df-browse) .df-caption{position:relative;inset:auto;grid-column:2;grid-row:1;min-width:0;min-height:0;max-width:none;padding:20px;display:flex;flex-direction:column;gap:12px;overflow:hidden;pointer-events:auto}
 .df-screen:not(.df-browse) .df-summary{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
 .df-screen:not(.df-browse) .df-scenario{color:#62545e;text-shadow:none}
 .df-screen:not(.df-browse) .df-caption h2{color:#29232b;font-size:clamp(23px,2.2vw,32px);max-width:none;display:block;letter-spacing:-.7px;text-wrap:pretty}
 .df-screen:not(.df-browse) .df-provider{max-width:none;text-shadow:none;color:#675762;flex-wrap:wrap}
 .df-screen:not(.df-browse) .df-provider span,.df-screen:not(.df-browse) .df-price small{color:#80747e}
 .df-screen:not(.df-browse) .df-source{color:#9c3853;background:#faf0f4;border-color:#f0dce4}
 .df-screen:not(.df-browse) .df-price{max-width:none;font-size:23px;margin:14px 0 0}
 .df-screen:not(.df-browse) .df-primary{flex:none;flex-direction:column;max-width:none}
 .df-screen:not(.df-browse) .df-primary button{flex:none;min-height:48px}
 .df-screen:not(.df-browse) .df-primary .df-answer{background:#65406d;color:white}
 .df-screen:not(.df-browse) .df-primary .df-details{background:#f7f3f5;border-color:#e8e0e5;color:#63515e;backdrop-filter:none}
 .df-screen:not(.df-browse) .df-rail{position:relative;inset:auto;grid-column:2;grid-row:2;padding:10px 12px;border-top:1px solid #eee6eb;background:white;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .df-screen:not(.df-browse) .df-rail .bs-reactions{display:contents}
 .df-screen:not(.df-browse) .df-rail .bs-reactions .bs-like[aria-pressed=true] small{color:#65406d}
 .df-screen:not(.df-browse) .df-rail button{color:#64545e;text-shadow:none;min-width:0;min-height:48px}
 .df-screen:not(.df-browse) .df-rail button>svg{filter:none;width:22px;height:22px}
 .df-screen:not(.df-browse) .df-progress{width:calc(100% - var(--df-info-width));bottom:0}
 .df-screen:not(.df-browse) .df-status{left:12px;right:calc(var(--df-info-width) + 12px);color:white}
 .df-screen:not(.df-browse) .df-retry{left:calc((100% - var(--df-info-width)) / 2)}
 .df-screen:not(.df-browse) .df-desktop-controls{left:calc(100% + 10px)}
 .df-screen:not(.df-browse) .df-desktop-controls>button{background:white;color:#655560;border-color:#e4dbe1}
 .df-screen:not(.df-browse) .df-empty,.df-screen:not(.df-browse) .df-end{background:#201a20;border-radius:18px}
 .detail-dialog.listing-sheet{width:min(1120px,calc(100vw - 80px));height:calc(100dvh - 64px);max-height:900px}
 .listing-sheet .ld-body{grid-template-columns:55% minmax(0,1fr)}
 .listing-sheet .ld-info{padding:28px}
 .listing-sheet .ld-action{padding-left:calc(55% + 28px);gap:12px}
 .listing-sheet .ld-action>div:first-child{display:none}
 .listing-sheet .ld-action-buttons{width:100%}.listing-sheet #listing-respond{flex:1}
 .bs-dialog.bs-detail-dock{width:calc(min(1120px,100vw - 80px) * .45);height:min(900px,100dvh - 64px);max-height:none;left:auto;right:calc((100vw - min(1120px,100vw - 80px)) / 2);top:0;bottom:0;border-radius:0 24px 24px 0;box-shadow:-12px 0 35px #30202b12}
 .bs-dialog.bs-detail-dock::backdrop{background:transparent;backdrop-filter:none}
 .info-dialog.public-profile-sheet{width:min(1120px,calc(100vw - 80px));max-width:none;max-height:calc(100dvh - 64px)}
 .public-profile-sheet .bp-hero{margin:24px 28px;padding:30px;border-top-width:1px}
 .public-profile-sheet .bp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .public-profile-sheet .bp-toolbar{position:sticky;top:0;z-index:3;background:white;border-bottom:1px solid #ece3e8}
}

@media(min-width:1400px){
 .df-screen:not(.df-browse) .df-rail{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}
}