/* ══════════════════════════════════════════════════════════════════════
   👀 Look out for today — the panel, wherever it appears.

   These rules were written inline in staff-hub.html. The nursery tablet now
   shows the same panel on its home screen, and copying them across would have
   made a second copy to keep in step — which is how the hub banner link ended
   up invisible in two places at once on 11 October.

   Loaded as look-out-today.css?v=… by staff-hub.html and kiosk.html. Bump that
   version on BOTH when this changes, or one keeps yesterday's stylesheet for
   up to a day.
   ══════════════════════════════════════════════════════════════════════ */

.lo-card { background:#F4FBF6; border:1.5px solid #C9E5D2; border-radius:16px; padding:14px 18px; margin:0 0 18px; }
.lo-card h2 { font-family:'Baloo 2',sans-serif; font-size:20px; margin:0 0 2px; color:#1F5E3A; }
.lo-card .lo-sub { font-size:13px; color:#4A6A55; margin:0 0 8px; }
.lo-bands { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:10px; }
.lo-band { background:#fff; border-radius:12px; padding:10px 13px; }
.lo-k { font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#4A7A5E; }
.lo-t { font-weight:700; font-size:14.5px; line-height:1.5; margin:3px 0 5px; }
.lo-m { font-size:13.5px; line-height:1.5; color:#3A4A40; }
.lo-a { display:inline-block; margin-top:6px; font-size:13px; font-weight:800; color:#1F5E3A; }

/* On the tablet it is read standing up, at arm's length, often by somebody
   who has just clocked in and is on their way to a room. Same panel, bigger. */
.k-screen .lo-card { margin:14px 0 0; padding:16px 20px; }
.k-screen .lo-card h2 { font-size:22px; }
.k-screen .lo-card .lo-sub { font-size:14px; }
.k-screen .lo-bands { grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:12px; }
.k-screen .lo-t { font-size:16px; }
.k-screen .lo-m { font-size:15px; }
.k-screen .lo-a { font-size:14.5px; }