/* All rules are scoped to app listings 03–82. */
.yrs-layout-fixed .yrs-metric-text .mb-metric-main strong{font-size:12px!important;white-space:normal!important;overflow-wrap:anywhere;min-width:0}
.yrs-layout-fixed,.yrs-layout-fixed *{box-sizing:border-box}
.yrs-layout-fixed .mb-hero>div{min-width:0}
.yrs-layout-fixed .mb-hero h1{overflow-wrap:anywhere}
.yrs-layout-fixed .mb-hero a{display:inline-block;color:#087bb0;text-decoration:underline;overflow-wrap:anywhere}
.yrs-layout-fixed .mb-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:720px!important;margin:15px auto 18px!important;background:#eff5fa!important;border-radius:16px!important}
.yrs-layout-fixed .mb-metrics>div{min-width:0;padding:13px 5px 12px!important;text-align:center;border-right:1px solid #d5e2ed}
.yrs-layout-fixed .mb-metrics>div:last-child{border-right:0}
.yrs-layout-fixed .mb-metric-main{display:flex!important;align-items:center;justify-content:center;gap:8px!important;white-space:nowrap;margin-bottom:5px}
.yrs-layout-fixed .mb-metrics .mb-metric-icon{width:24px!important;height:24px!important;flex:none;color:#087fc1!important}
.yrs-layout-fixed .mb-metrics .mb-metric-main strong{display:inline!important;color:#19212b!important;font-size:20px!important;line-height:1.15;font-weight:800!important;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.yrs-layout-fixed .mb-metrics>div>span:last-child{font-size:12px!important;color:#687481!important;font-weight:400!important;white-space:normal}
.yrs-layout-fixed .mb-cta{display:flex!important;align-items:center;justify-content:center;gap:8px;width:min(100%,700px)!important;margin:0 auto!important;padding:12px 16px!important;border-radius:9px!important;border:2px solid #c8e5f7!important;background:linear-gradient(180deg,#229fed,#087fb6)!important;box-shadow:0 2px 0 #08729c,0 4px 9px #127ca52b!important;color:#fff!important;font-size:17px!important;font-weight:800!important;line-height:1.3;opacity:1!important;cursor:not-allowed!important}
.yrs-layout-fixed .yrs-control-icon{width:18px;height:18px;flex:none;vertical-align:middle}
.yrs-layout-fixed .yrs-tg-banner{display:flex!important;align-items:center;justify-content:space-between;gap:10px!important}
.yrs-layout-fixed .yrs-tg-banner-title{display:flex!important;align-items:center;gap:8px!important;min-width:0;flex:1}
.yrs-layout-fixed .yrs-tg-banner-title .yrs-tg-icon{display:block!important;width:32px!important;height:32px!important;flex:none}
.yrs-layout-fixed .yrs-tg-banner-title strong{min-width:0;white-space:normal;overflow-wrap:anywhere}
.yrs-layout-fixed .yrs-tg-join{flex:none;opacity:1!important;cursor:not-allowed!important;white-space:nowrap}
.yrs-layout-fixed .mb-section-title{background:linear-gradient(#18bc23,#087e13)!important;color:#fff!important}
.yrs-layout-fixed .mb-card .mb-action{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;background:#6c21d1!important;color:#fff!important;flex:none;white-space:nowrap}
.yrs-layout-fixed .mb-card .mb-action .yrs-control-icon{width:14px;height:14px}
.yrs-layout-fixed .mb-card .mb-wallet{color:#0c9551!important}
.yrs-layout-fixed .mb-card .mb-num{background:#ee4d23!important;color:#fff!important}
.yrs-layout-fixed .mb-tags{display:flex;gap:8px;flex-wrap:wrap}
.yrs-layout-fixed .mb-tags span{overflow-wrap:anywhere;max-width:100%}
.yrs-layout-fixed .mb-ticker{display:flex!important;align-items:center;min-width:0;overflow:hidden!important;white-space:nowrap;background:#fff4c4;border:1px solid #e9d991;border-radius:2px;padding:10px 0;margin:26px 0}
.yrs-layout-fixed .mb-ticker .yrs-popular-label{position:relative;z-index:1;flex:none;font-size:12px;padding:0 10px;background:#fff4c4;color:#66500e}
.yrs-layout-fixed .mb-ticker>span{min-width:0;font-size:13px!important;color:#66500e!important}
.yrs-layout-fixed .mb-block p,.yrs-layout-fixed .mb-block li,.yrs-layout-fixed summary{overflow-wrap:anywhere}
@media(max-width:1024px){
 .yrs-layout-fixed .mb-related{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .yrs-layout-fixed .mb-related .mb-card{width:100%!important;min-width:0!important;padding:12px 14px!important;gap:12px!important}
 .yrs-layout-fixed .mb-related .mb-card img{width:70px!important;height:70px!important;flex:none}
 .yrs-layout-fixed .mb-related .mb-copy{min-width:0!important;flex:1}
 .yrs-layout-fixed .mb-related .mb-card strong{font-size:16px!important;overflow-wrap:anywhere}
 .yrs-layout-fixed .mb-related .mb-card small{font-size:12px!important;overflow-wrap:anywhere}
 .yrs-layout-fixed .mb-related .mb-action{font-size:13px!important;padding:12px 14px!important}
}
@media(max-width:640px){
 .yrs-layout-fixed .mb-hero{grid-template-columns:120px minmax(0,1fr)!important;gap:18px!important}
 .yrs-layout-fixed .mb-hero img{width:120px!important;height:120px!important}
 .yrs-layout-fixed .mb-hero h1{font-size:26px!important}
 .yrs-layout-fixed .mb-metrics .mb-metric-icon{width:19px!important;height:19px!important}
 .yrs-layout-fixed .mb-metric-main{gap:4px!important}
 .yrs-layout-fixed .mb-metrics .mb-metric-main strong{font-size:16px!important}
 .yrs-layout-fixed .mb-metrics>div{padding:12px 2px!important}
 .yrs-layout-fixed .mb-metrics>div>span:last-child{font-size:11px!important}
 .yrs-layout-fixed .mb-cta{width:calc(100% - 12px)!important;font-size:16px!important;padding:11px 10px!important}
 .yrs-layout-fixed .yrs-tg-banner-title strong{font-size:13px!important;line-height:1.35}
 .yrs-layout-fixed .yrs-tg-join{padding:8px 10px!important}
 .yrs-layout-fixed .mb-spec{width:100%;table-layout:fixed}
 .yrs-layout-fixed .mb-spec th,.yrs-layout-fixed .mb-spec td{overflow-wrap:anywhere;padding:12px 9px}
}
@media(max-width:360px){
 .yrs-layout-fixed .mb-hero{grid-template-columns:100px minmax(0,1fr)!important;gap:12px!important}
 .yrs-layout-fixed .mb-hero img{width:100px!important;height:100px!important}
 .yrs-layout-fixed .mb-hero h1{font-size:23px!important}
 .yrs-layout-fixed .mb-metrics .mb-metric-icon{width:16px!important;height:16px!important}
 .yrs-layout-fixed .mb-metrics .mb-metric-main strong{font-size:14px!important}
 .yrs-layout-fixed .mb-related .mb-card{padding:10px!important;gap:9px!important}
 .yrs-layout-fixed .mb-related .mb-card img{width:58px!important;height:58px!important}
 .yrs-layout-fixed .mb-related .mb-card .mb-action{font-size:12px!important;padding:10px!important}
}
@media(prefers-reduced-motion:reduce){.yrs-layout-fixed .mb-ticker>span{animation:none!important;padding-left:10px!important;white-space:normal}.yrs-layout-fixed .mb-ticker{align-items:flex-start}}
