/* Desktop-only refinement. The approved mobile UI stays intact. */
.yx-hero-side{display:none}
@media (min-width:980px){
 body.yx-site{background:#f4f5f7;color:#202631}
 .yx-header{box-shadow:0 2px 18px #10131912}
 .yx-header-inner{max-width:1280px;min-height:76px;padding:0 25px}
 .yx-header .yx-logo{font-size:26px;letter-spacing:.6px}
 .yx-header-actions{gap:23px}
 .yx-header .yx-main-nav{
    position:absolute;top:0;left:50%;transform:translateX(-50%);
    margin:0;max-width:none;width:max-content;height:76px;
    align-items:center;gap:35px;padding:0 16px;
 }
 .yx-header .yx-main-nav a{font-size:15px;padding:25px 2px 24px;font-weight:550}
 .yx-header .yx-main-nav a[aria-current="page"]:after{height:3px}
 .yx-header .yx-drawer{top:70px;right:max(20px,calc((100vw - 1220px)/2))}
 .yx-header .yx-search-panel{max-width:500px;position:absolute;right:max(20px,calc((100vw - 1220px)/2));top:76px;background:#161c25;border-radius:0 0 14px 14px;box-shadow:0 12px 22px #0004}
 .yx-main{max-width:1280px;padding:0 22px 60px}
 .yx-hero-stage{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(300px,1fr);gap:16px;margin:26px 0 22px}
 .yx-hero-stage:not(.yx-has-side){display:block}
 .yx-hero{height:390px;border-radius:17px;margin:0;background:#1a202b}
 .yx-hero-image{left:auto;right:0;width:60%}
 .yx-hero-image img{object-fit:cover;object-position:50% 29%}
 .yx-hero-gradient{background:linear-gradient(90deg,#171b23 0%,#171b23 34%,#171b23e8 48%,#171b2380 68%,#171b2300 100%)}
 .yx-hero-content{left:34px;right:auto;bottom:55px;max-width:64%}
 .yx-hero-content h1{font-size:clamp(28px,2.7vw,37px);line-height:1.35;max-width:360px}
 .yx-hero-content p{font-size:13px;margin-top:9px;margin-bottom:20px}
 .yx-hero-content .yx-eyebrow{font-size:12px}
 .yx-hero-link{font-size:14px;padding:12px 22px;border-radius:10px}
 .yx-hero-side{display:flex;flex-direction:column;gap:16px;height:390px;min-height:0;overflow:hidden}
 .yx-hero-mini{position:relative;overflow:hidden;min-height:0;height:0;flex:1 1 0;border-radius:17px;background:#222a33;display:block}
 .yx-hero-mini .yx-cover-image{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 31%;transform:none}
 .yx-hero-mini:hover .yx-cover-image{transform:scale(1.04)}
 .yx-hero-mini-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0a0d16e8 0%,#0a0d1640 55%,transparent)}
 .yx-hero-mini-text{position:absolute;left:20px;right:16px;bottom:16px;display:flex;flex-direction:column;gap:4px;color:white}
 .yx-hero-mini-text small{color:#ff7799;font-size:11px;font-weight:750;letter-spacing:1.5px}
 .yx-hero-mini-text strong{font-size:17px;line-height:1.4;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .yx-feature-nav{margin:0 0 30px;padding:17px 16px;border:1px solid #e9eaee;border-radius:14px;box-shadow:0 3px 15px #151c2805}
 .yx-feature-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:24px}
 .yx-feature-nav a span{font-size:13px}
 .yx-section{margin:28px 0 42px}
 .yx-section-head{margin-bottom:20px}
 .yx-section-head h2{font-size:23px;border-left-width:4px;padding-left:12px}
 .yx-section-head a{font-size:13px}
 .yx-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}
 .yx-card-visual{border-radius:12px;box-shadow:0 4px 15px #0e162012}
 .yx-card-title{font-size:15px;margin-top:10px}
 .yx-card-caption{font-size:12px}
 .yx-chips{gap:10px}
 .yx-chips a{font-size:13px;padding:8px 16px}
 .yx-page-head{padding:40px 0 20px}
 .yx-page-head h1{font-size:34px}
 .yx-detail{max-width:900px}
 .yx-crumb{font-size:12px;padding-top:27px}
 .yx-detail-head h1{font-size:33px}
 .yx-detail-description{font-size:15px}
 .yx-photo-list{gap:20px}
 .yx-photo-frame{border-radius:12px}
 .yx-footer{padding:46px 24px}
 .yx-footer-inner{max-width:1236px}
}
@media (min-width:980px) and (max-width:1140px){
 .yx-hero-stage{grid-template-columns:minmax(0,1.8fr) minmax(255px,1fr)}
 .yx-hero-content h1{font-size:27px}
 .yx-header .yx-main-nav{gap:22px}
}

/* Desktop-only taxonomy discovery cards. Hidden on mobile to preserve approved UI. */
.yx-desktop-category-showcase{display:none}
@media(min-width:980px){
 .yx-desktop-category-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:14px 0 32px}
 .yx-category-tile{height:160px;position:relative;overflow:hidden;display:block;border-radius:14px;background:#222a34;color:#fff!important}
 .yx-category-tile .yx-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .3s}
 .yx-category-tile:hover .yx-cover-image{transform:scale(1.045)}
 .yx-category-tile-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#080d16ed 0%,#11141d40 70%,transparent)}
 .yx-category-tile-text{position:absolute;bottom:15px;left:17px;right:12px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
 .yx-category-tile-text strong{font-size:17px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 .yx-category-tile-text small{font-size:11px;white-space:nowrap;color:#eee}
}
/* Desktop refinement V0.6: readability, touch targets and visual consistency. */
@media(min-width:980px){
 .yx-header{position:sticky;top:0;z-index:60}
 .yx-card-title{white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:2.8em;line-height:1.4}
 .yx-card-link:focus-visible .yx-card-visual,.yx-category-tile:focus-visible,.yx-hero-link:focus-visible{outline:3px solid #f64c77;outline-offset:3px}
 .yx-card-visual{transition:box-shadow .25s ease,transform .25s ease}
 .yx-card-link:hover .yx-card-visual{box-shadow:0 12px 30px #0e162023;transform:translateY(-3px)}
 .yx-feature-nav a{border-radius:10px;transition:background .2s,color .2s}
 .yx-feature-nav a:hover{background:#fff1f5}
 .yx-section-head a:hover{color:var(--yx-hot)!important}
 .yx-page-head p:not(.yx-eyebrow){max-width:700px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .yx-card-visual,.yx-cover-image,.yx-category-tile .yx-cover-image{transition:none!important}
}

/* V0.9: clearer navigation states and keyboard-accessible gallery controls. */
.yx-bottom-nav a[aria-current="page"],.yx-bottom-nav button[aria-expanded="true"]{color:var(--yx-hot)!important;font-weight:700}
.yx-bottom-nav a[aria-current="page"] span{font-weight:750}
.yx-icon-btn:focus-visible,.yx-main-nav a:focus-visible,.yx-bottom-nav a:focus-visible,.yx-bottom-nav button:focus-visible,.yx-viewer button:focus-visible,.yx-search-control button:focus-visible{outline:3px solid var(--yx-hot);outline-offset:3px}
.yx-search-panel input:focus-visible{box-shadow:inset 0 0 0 2px #f64c77}
.yx-photo-pagination a:hover,.yx-photo-pagination a:focus-visible{border-color:var(--yx-hot);color:var(--yx-hot)!important}
@media(max-width:560px){
 .yx-search-panel{scroll-margin-top:8px}
 .yx-viewer-top button,.yx-viewer-nav{width:44px;height:44px}
 .yx-bottom-nav a,.yx-bottom-nav button{min-width:58px;min-height:48px}
}

/* V0.9 mobile gallery cards: show complete short titles instead of clipping. */
@media(max-width:560px){
 .yx-card-title{white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.45;min-height:2.9em}
 .yx-card-visual{border-radius:10px}
 .yx-card-caption{margin-top:2px}
}
.yx-chips a[aria-current="page"]{color:var(--yx-hot)!important;border-color:var(--yx-hot);background:#fff1f5;font-weight:700}