/* Company pixel office (/companies/{name}) */
.office-page{background:#101831}
.stage{position:relative;height:calc(100svh - 64px);min-height:540px;overflow:hidden;background:#1B2757}
.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:manipulation}
.ohead{position:absolute;left:16px;top:14px;display:flex;gap:12px;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:10px 14px 10px 10px;box-shadow:0 4px 0 var(--ink);max-width:min(520px,calc(100% - 32px));z-index:3}
.ohead img{width:52px;height:52px;border:2px solid var(--ink);border-radius:10px;object-fit:contain;background:#fff;flex:none}
.ohead h1{font-size:clamp(20px,3vw,28px);line-height:1.1}
.ohead p{font-size:13px;color:var(--muted);margin-top:3px}
.rooms{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;display:flex;gap:6px;background:rgba(11,22,51,.88);padding:6px;border-radius:14px;z-index:3;max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}
.rooms::-webkit-scrollbar{display:none}
.rooms a{flex:none;color:#fff;text-decoration:none;font-size:13px;font-weight:600;padding:7px 11px;border-radius:9px;white-space:nowrap}
.rooms a b{background:#FFE48A;color:var(--ink);border-radius:6px;padding:0 6px;margin-left:3px;font-size:11.5px}
.rooms a:hover,.rooms a.on{background:var(--brand)}
.walkhint{position:absolute;right:16px;top:16px;background:rgba(11,22,51,.8);color:#DDE6FF;font-size:12px;border-radius:8px;padding:5px 9px;z-index:3;pointer-events:none;font-family:var(--px)}
.rpanel[hidden]{display:none}
.rpanel{position:absolute;right:14px;top:14px;bottom:76px;width:min(400px,calc(100% - 28px));background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:0 6px 0 var(--ink);z-index:4;overflow:auto;padding:18px 18px 20px;animation:rp .18s ease-out}
@keyframes rp{from{transform:translateX(20px);opacity:0}to{transform:none;opacity:1}}
.rpanel .x{position:sticky;top:0;float:right;width:34px;height:34px;border-radius:9px;border:2px solid var(--ink);background:#fff;cursor:pointer;font-size:15px;margin:-6px -6px 0 8px}
.rpanel h2{font-size:21px;margin-bottom:8px}
.rpanel .room-sec{padding:0;border:0;margin:0;background:none}
.rpanel .jobrow{border-top:0;padding-top:0}
.rpanel .more{margin-top:12px;font-size:14px}
.directory{padding-top:22px;padding-bottom:40px}
.directory .crumbs{margin-bottom:10px}
.room-sec{background:#fff;border:2px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:16px}
.room-sec h2{font-size:22px;margin-bottom:10px}
.room-sec h3{font-size:16px;margin:12px 0 6px}
.room-sec article.jobrow,.rpanel article.jobrow{background:none;border:0;border-top:2px dashed var(--line);border-radius:0;padding:14px 0;box-shadow:none}
.jobrow:first-of-type{border-top:0;padding-top:4px}
.jobrow h3{margin:0 0 4px;font-size:18px}.jobrow h3 a{text-decoration:none}.jobrow h3 a:hover{color:var(--brand)}
.jobrow .meta{font-size:13.5px;color:var(--muted);margin:0}
.jobrow .jpay{font-weight:700;color:var(--green);margin:4px 0 0;text-align:left}.jobrow .jpay.none{color:var(--muted);font-weight:600}
.jobrow .sum{font-size:14.5px;margin:6px 0 0}
.jobrow .acts{margin:10px 0 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}
.muted{color:var(--muted)}
ul.plain{list-style:none;display:flex;flex-direction:column;gap:7px;margin:0}ul.plain li{padding:0}ul.plain li::before{display:none}ul.plain a{font-weight:600}
dl.faq dt{font-weight:700;margin-top:12px}dl.faq dd{margin:4px 0 0;color:#34405E}
.claim{margin-top:12px;font-size:14px}.claim a{color:var(--brand);font-weight:700}
@media(max-width:720px){
  .stage{height:calc(100svh - 58px);min-height:480px}
  .ohead{left:10px;top:10px;padding:7px 10px 7px 7px;gap:9px}
  .ohead img{width:40px;height:40px}
  .ohead p{font-size:12px}
  .walkhint{display:none}
  .rooms{bottom:10px}
  .rpanel{left:10px;right:10px;width:auto;top:auto;bottom:66px;max-height:62%;border-radius:16px}
  .room-sec{padding:18px 16px}
}