/* Stable image frames and readable captions throughout Istanbul Milat. */
body.ym-site :is(.ym-slide>a,.mx-slides article>a){height:auto!important;background:#fff;display:block!important}
body.ym-site :is(.im-modern-photo,.mx-photo,.mx-vertical-photo){height:auto!important;aspect-ratio:16/9!important;overflow:hidden;margin:0!important}
body.ym-site :is(.im-modern-photo img,.mx-photo img,.mx-vertical-photo img:not(.mx-photo-backdrop)){width:100%!important;height:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;background:#eef3f5}
body.ym-site .mx-vertical-photo img.mx-photo-backdrop{display:none!important}
body.ym-site :is(.ym-slide-copy,.mx-copy,.mx-vertical-copy){position:static!important;inset:auto!important;padding:18px 20px!important;background:#fff!important;color:var(--ym-ink)!important;min-height:0!important}
body.ym-site :is(.ym-slide-copy h2,.mx-copy h3,.mx-vertical-copy h2){display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3!important;overflow:hidden!important;color:var(--ym-ink)!important;text-shadow:none!important;font-size:clamp(20px,2vw,28px)!important;line-height:1.3!important;margin:10px 0 0!important;letter-spacing:-.4px}
body.ym-site .ym-slide-copy h2{min-height:3.9em}
body.ym-site :is(.mx-copy h3,.mx-vertical-copy h2){font-size:clamp(19px,1.65vw,23px)!important;min-height:3.9em}
body.ym-site .mx-vertical.mx-slider{display:block!important;align-self:start!important;height:auto!important;background:#fff;border:1px solid #e0e8ec}
body.ym-site .mx-vertical.mx-slider>.mx-slides{position:relative;flex:none;min-height:0}
body.ym-site .mx-vertical.mx-slider article:not([hidden]){position:static!important;inset:auto!important;height:auto!important}
body.ym-site .mx-vertical.mx-slider article>a{height:auto!important}
body.ym-site .mx-vertical-head{position:static!important;padding:15px 18px!important;background:#fff!important;color:var(--ym-ink)!important;border-bottom:2px solid var(--ym-teal)}
body.ym-site .im-newsroom{align-items:start!important}
body.ym-site .mx-slider-controls{display:flex!important;min-width:0;overflow:hidden;background:#fff!important;border-top:1px solid #edf1f3}
body.ym-site .mx-pages{flex:1;min-width:0;display:flex;overflow-x:auto;scrollbar-width:thin}
body.ym-site .mx-pages button{flex:1 0 25px}
body.ym-site .ym-slide-numbers{display:flex!important;overflow-x:auto;justify-content:flex-start!important;flex-wrap:nowrap!important;scrollbar-width:thin}
body.ym-site .ym-slide-numbers button{flex:1 1 0!important;min-width:0!important;min-height:40px}
body.ym-site .hp-card{display:flex;flex-direction:column;background:#fff;height:100%;overflow:hidden;border:1px solid #e0e8ec}
body.ym-site .hp-card-img{aspect-ratio:16/9;height:auto!important;overflow:hidden}
body.ym-site .hp-card-img img{height:100%!important;width:100%;object-fit:cover}
body.ym-site .hp-card-body{padding:14px!important}
body.ym-site .hp-card-title{font-size:17px!important;line-height:1.4!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body.ym-site .post-content :is(img,iframe,video){max-width:100%}
body.ym-site .post-content :is(a,p){overflow-wrap:anywhere}
@media(max-width:767px){
 body.ym-site :is(.ym-slide-copy,.mx-copy,.mx-vertical-copy){padding:15px!important}
 body.ym-site :is(.ym-slide-copy h2,.mx-copy h3,.mx-vertical-copy h2){font-size:21px!important;line-height:1.3!important}
 body.ym-site .im-newsroom>.mx-vertical{margin-top:18px}
 body.ym-site .standings-table{display:table!important;width:100%!important;min-width:0!important;table-layout:auto;font-size:12px}
 body.ym-site .standings-table :is(th,td){padding:9px 5px}
 body.ym-site .standings-table :is(th,td):nth-child(n+4):nth-child(-n+8){display:none}
 body.ym-site .standings-table :is(th,td):nth-child(2){white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:575px){
 body.ym-site .row>[class*="col-"]:has(>.hp-card){width:100%;flex:0 0 100%}
}

body.ym-site .ym-slide-numbers{overflow:hidden!important;gap:2px!important;padding:5px!important;height:auto!important}
body.ym-site #copy-link-status{font-size:13px;color:#245463;white-space:normal}
body.ym-site #copy-link-status:empty{display:none}
@media(max-width:767px){
 body.ym-site .post-share-bar{flex-wrap:wrap;gap:8px}
 body.ym-site .post-share-bar .share-label{flex-basis:100%}
 body.ym-site .post-share-bar #copy-link-status{flex-basis:100%}
 body.ym-site .post-share-bar .share-btn{min-width:44px;min-height:44px;flex-shrink:0}
 body.ym-site .post-share-bar .share-print{margin-left:0!important}
 body.ym-site .article-toolbar-inner{flex-wrap:wrap;gap:10px}
 body.ym-site .article-toolbar button{min-height:44px;min-width:44px}
 body.ym-site .toolbar-group{flex-wrap:wrap}
 body.ym-site .ym-menu-toggle{min-width:44px;min-height:44px}
}

body.ym-site a:is(.btn-primary,.btn-success),body.ym-site a:is(.btn-primary,.btn-success):hover{color:#fff!important}
body.ym-site .service-grid .service-item{min-width:0}
body.ym-site .service-grid .val{overflow-wrap:anywhere}

/* Gallery cards use the same image/caption structure as the news cards. */
body.ym-site .im-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch}
body.ym-site .im-photo-feature{grid-row:auto;grid-column:auto}
body.ym-site .im-photo-card:last-child:nth-child(4){grid-column:auto}
body.ym-site .im-photo-card{background:#fff;border:1px solid #e0e8ec;min-width:0}
body.ym-site .im-photo-card a{height:auto;display:flex;flex-direction:column}
body.ym-site .im-photo-card a:after{display:none}
body.ym-site .im-photo-card img{display:block;width:100%;height:auto!important;aspect-ratio:16/9;object-fit:cover}
body.ym-site .im-photo-card a>div{position:static;inset:auto;padding:15px;background:#fff}
body.ym-site .im-photo-card h3{color:var(--ym-ink);font-size:18px;line-height:1.4;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.ym-site .im-photo-card span{color:#536875;font-size:12px}
@media(max-width:1024px){body.ym-site .im-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){
 body.ym-site :is(.im-modern-grid,.im-discover-grid,.im-photo-grid,.im-national-cards){grid-template-columns:minmax(0,1fr)!important}
 body.ym-site :is(.im-news-copy,.im-discover-grid .im-news-copy){padding:16px}
 body.ym-site :is(.im-news-copy h3,.im-discover-grid h3,.im-national-cards h3){font-size:18px;line-height:1.4}
 body.ym-site :is(.im-news-photo,.im-national-cards img){aspect-ratio:16/9}
}
