/* Landing page at / (shell, shared by both teams; the team pages have their own CSS). Built for older,
   low-tech users: text 20 px or more, two big full-width choices (one decision), contrast 7:1 or more. */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0 auto;
  max-width: 640px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 21px;
  line-height: 1.45;
  color: #000;
  background: #fff;
  overflow-wrap: break-word;
}
main { flex: 1; padding: 0 16px 16px; }
.logo { display: block; width: 78%; max-width: 360px; height: auto; margin: 20px auto 0; border-bottom: 4px solid #2fbebc; padding-bottom: 12px; }
h1 { font-size: 30px; text-align: center; margin: 16px 0 6px; line-height: 1.2; color: #0a5755; }
.ask { font-size: 24px; font-weight: bold; text-align: center; margin: 12px 0 18px; }
.choice {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 96px;
  margin: 0 0 18px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 4px solid #000;
  color: #fff;                  /* white on #0a5755 is 8.1:1; on #3d2a00 is 14:1 */
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
}
.choice.site { background: #0a5755; }
.choice.yard { background: #3d2a00; border-color: #ffd84d; }
.choice:focus-visible { outline: 5px solid #2fbebc; outline-offset: 3px; }
.choice:active { filter: brightness(1.3); }
footer { padding: 10px 16px; text-align: center; font-size: 20px; font-weight: bold; color: #fff; background: #0a5755; }