/* Fill the existing 45px + 6px overview reservation without moving the map. */
.card .bkk70{box-sizing:border-box;align-self:stretch;flex:0 0 var(--mc62-height);height:var(--mc62-height);margin:var(--mc62-gap) 0 0;padding:4px 8px;border:1px solid rgba(200,225,240,.45);border-radius:10px;background:rgba(9,18,29,.94);color:#f6f8fc;text-align:center;font:13px/1.2 "IBM Plex Sans Thai",sans-serif}
.bkk70-main{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.bkk70-main svg{flex:0 0 16px;color:#ffcb97}
.bkk70-city{font-weight:600}
.bkk70 strong{font:600 18px/1.1 Kanit,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.bkk70-feels,.bkk70-message{font-size:12px;color:#e1e9f0}
.bkk70-note{display:block;margin-top:1px;font-size:11.5px;line-height:1.2;color:#d4e2ed;white-space:nowrap}
.bkk70 a{color:inherit;text-decoration:underline}
.bkk70 a:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.mapfull .bkk70{display:none}
@media(orientation:landscape) and (max-height:500px){.card .bkk70{padding:2px 6px}.bkk70 strong{font-size:16px}.bkk70-note{font-size:11px;margin-top:0}}
/* The old short landscape frame overlaps the hint strip already. Preserve its
   reservation and hide this secondary reading rather than covering controls. */
@media(orientation:landscape) and (max-height:480px){.card .bkk70{visibility:hidden}}