/* Approved WORKSIM vector logo. Preserve its intrinsic aspect ratio and colors. */
.ws-brand-logo{display:block;width:146px;max-width:100%;height:auto;object-fit:contain;flex-shrink:0}
.ws-brand-surface{display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:7px 10px;border-radius:5px;line-height:0;flex-shrink:0}
.ws-entry-title{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ws-entry-title .ws-brand-logo{width:220px}.ws-entry-subtitle{display:block}
.ws-game-brand{padding:4px 7px;text-decoration:none}.ws-game-brand .ws-brand-logo{width:102px}
.ws-result-logo{background:transparent;padding:8px 10px;box-sizing:content-box;border-radius:5px;margin-bottom:12px}
.ws-office-brand{align-self:flex-start;padding:5px 8px}.ws-office-brand .ws-brand-logo{width:112px}
footer .ws-brand-logo{width:120px}.ws-teacher-brand{display:flex;align-items:center;gap:12px}
@media(max-width:760px){.ws-game-brand{padding:4px 5px}.ws-game-brand .ws-brand-logo{width:62px}}
@media(max-width:560px){.ws-entry-title .ws-brand-logo{width:190px}#topbar .brand.ws-brand-surface{padding:5px 7px}#topbar .brand .ws-brand-logo{width:112px}}

/* Keep all work controls visible when the remaining-time control appears. */
@media(max-width:1024px){
body>div#top{height:90px;flex-wrap:wrap;align-content:center;row-gap:6px;padding-block:4px}
body>div#top .ttl{flex:1 1 0;min-width:0}
body>div#top .ttl small,body>div#top #unlocks,body>div#top #cnt,body>div#top #saveStat,body>div#top #lunch{display:none}
body>div#top #clockBox{order:10;flex:0 0 100%;margin-left:0;justify-content:space-between}
body #pcHint,body #endbar,body #pcNotis{top:98px}
body>#card{top:98px}
body #pc #deskEnv{top:90px}
}
@media(max-width:760px){
body>div#top{height:82px}
body #pcHint,body #endbar,body #pcNotis{top:90px}
body>#card{top:90px}
body #pc #deskEnv{top:82px}
}
@media(max-width:360px){.ws-game-brand .ws-brand-logo{width:42px}}

/* 새 PNG의 투명 여백만 표시 영역에서 제외. 원본 픽셀과 색을 보존한다. */
.ws-game-brand,.ws-office-brand{position:relative;overflow:hidden;padding:0;width:102px;aspect-ratio:310/95;border:0;border-radius:0;background:transparent;box-shadow:none}
.ws-office-brand{width:112px}
.ws-game-brand .ws-brand-logo,.ws-office-brand .ws-brand-logo{position:absolute;width:133.548387%;max-width:none;height:auto;left:-20.645161%;top:-24.210526%}
@media(max-width:760px){.ws-game-brand{width:62px}}
@media(max-width:360px){.ws-game-brand{width:42px}}
