/* Small desktop only. Keep the approved >=1080-height and mobile layouts. */
@media (min-width:761px) and (max-height:850px) {
 .portal:has(#eo-main:not([hidden]),#eo-fpp:not([hidden])) .workspace{height:auto!important;min-height:100dvh!important;grid-template-rows:auto 1fr auto!important}
 .portal:has(#eo-main:not([hidden]),#eo-fpp:not([hidden])) main.is-overview{height:auto!important;overflow:visible!important}
 .portal:has(#eo-main:not([hidden]),#eo-fpp:not([hidden])) #page{height:auto!important;max-height:none!important}
 #overview-review:has(#eo-main:not([hidden]),#eo-fpp:not([hidden])),#overview-review :is(#eo-main,#eo-fpp){height:auto!important}
 #overview-review :is(#eo-main,#eo-fpp) .overview-layout{height:auto!important;grid-template-rows:auto minmax(240px,1fr)!important}
 #overview-review #eo-fpp .overview-layout{grid-template-rows:auto minmax(240px,1fr) auto!important}
 #overview-review :is(#eo-main,#eo-fpp) .overview-cover{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:12px 18px;padding:16px!important;height:auto!important;min-height:240px!important;box-sizing:border-box;align-content:start}
 #overview-review :is(#eo-main,#eo-fpp) .server-cover-art{position:absolute!important;inset:0;width:100%;height:100%;min-height:0!important;object-fit:cover;z-index:-1}
 #overview-review :is(#eo-main,#eo-fpp) .cover-copy{position:relative!important;inset:auto!important;max-width:100%!important;width:auto!important;grid-column:1;grid-row:1}
 #overview-review :is(#eo-main,#eo-fpp) .cover-copy h1{margin:5px 0!important}
 #overview-review :is(#eo-main,#eo-fpp) .cover-copy p{display:none}
 #overview-review :is(#eo-main,#eo-fpp) .cover-status{position:relative!important;inset:auto!important;grid-column:2;grid-row:1;justify-self:end;align-self:start}
 #overview-review :is(#eo-main,#eo-fpp) .overview-cover>.stat-grid{position:relative!important;inset:auto!important;grid-column:1;grid-row:2;max-width:100%;width:fit-content;flex-wrap:wrap;gap:10px 18px;margin:0!important;box-sizing:border-box}
 #overview-review :is(#eo-main,#eo-fpp) .overview-environment-tabs{position:relative!important;inset:auto!important;grid-column:1;grid-row:3;justify-self:start;margin:0!important;max-width:100%;flex-wrap:wrap}
 #overview-review :is(#eo-main,#eo-fpp) .hero-tools{position:relative!important;inset:auto!important;grid-column:2;grid-row:2 / 4;align-self:start;flex-direction:column;align-items:stretch}
 #overview-review :is(#eo-main,#eo-fpp) .overview-cards{height:auto!important;min-height:240px}
 #overview-review :is(#eo-main,#eo-fpp) .card-body{overflow:visible!important}
 .portal .sidebar .community-logo{max-height:100px;width:auto;max-width:100%;object-fit:contain}
 .portal .sidebar .sidebar-art{display:none}
 .portal .sidebar nav a{min-height:34px;padding-top:7px;padding-bottom:7px}
 .portal .sidebar .wordmark{padding-top:14px;padding-bottom:10px}
 .portal .sidebar .nav-label{margin-top:8px;margin-bottom:8px}
}
@media (min-width:761px) and (max-width:1100px) and (max-height:850px){
 #overview-review :is(#eo-main,#eo-fpp) .overview-cover{grid-template-columns:minmax(0,1fr);gap:10px}
 #overview-review :is(#eo-main,#eo-fpp) .cover-status{grid-column:1;grid-row:1;align-self:start}
 #overview-review :is(#eo-main,#eo-fpp) .cover-copy{padding-right:105px!important}
 #overview-review :is(#eo-main,#eo-fpp) .hero-tools{grid-column:1;grid-row:4;flex-direction:row;flex-wrap:wrap}
 #overview-review :is(#eo-main,#eo-fpp) .overview-cards{grid-template-columns:1fr!important}
}

@media(min-width:761px) and (max-width:1100px) and (max-height:850px){#overview-review :is(#eo-main,#eo-fpp) .overview-cards>.card{grid-column:1!important;grid-row:auto!important}}