/* THE APP LOOK FOR THE PUBLIC PAGES (Kody, Oct 18 — "same look no matter
   where you are"). The signed-in pages get this from shell.css; the pages
   golfers open without the frame (live board, leaderboard, signup page,
   browser scoring, join, events, courses, scorecards, the card page, results)
   link this file last in their <head> so it sits on top of their own styles.

   The standard, same as the app:
     page      #C9D0DA (the darker grey)
     cards     #F2F4F7 with a 1.5px gold (#C8860D) edge, 14px corners, no shadow
     labels    small grey all-caps kick (#5B6779) on top of a card
     inside    white boxes for the things you type into or tap
     buttons   gold pill for the main action

   Screen only — anything printed (results sheet, cards, posters) stays on
   plain white paper. The TV board keeps its own navy screen: it is read from
   across a room, like the app's navy hole dock. */
@media screen{
  body{background:#C9D0DA !important}
  body .card,
  body .who,
  body.appLookEv .ev,
  body.appLookStep .step{background:#F2F4F7 !important;border:1.5px solid #C8860D !important;border-radius:14px !important;box-shadow:none !important}
  /* Card headings that are section labels become the app's kick label. */
  body.appLookKick .card > h2,
  body .card > h2.kick{font-size:12px !important;font-weight:800 !important;letter-spacing:.6px !important;text-transform:uppercase !important;color:#5B6779 !important}
  body .who .k{color:#5B6779}
  /* The results sheet is paper: white, but it sits on the grey page with the gold edge. */
  body .sheet{border:1.5px solid #C8860D !important;box-shadow:none !important}
}