/* ==========================================================================
   Terapi Afasia - Chooser (the bare domain's front door)

   Two large links, one for the tablet (the therapy app) and one for family
   (the read-only dashboard). Deliberately no script: navigation needs none,
   so the page works whatever the CSP allows. The tablet's installed app opens
   index.html directly, so this page is only seen by someone typing the URL.
   ========================================================================== */

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font);
  color: var(--c-ink);
  background: var(--c-bg);
}

.pilih {
  max-width: 440px;
  margin: 0 auto;
  padding: var(--s-5);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--s-3);
}

.pilih h1 {
  margin: 0;
  font-size: var(--t-title);
}

.pilih__hint {
  margin: 0 0 var(--s-3);
  color: var(--c-ink-2);
  font-size: var(--t-instruction);
}

.pilih__btn {
  display: flex;
  flex-direction: column;
  gap: var(--s-1);
  padding: var(--s-4);
  border-radius: var(--r-3);
  background: var(--c-primary);
  color: var(--c-on-primary);
  text-decoration: none;
}

.pilih__btn--alt {
  background: var(--c-surface);
  color: var(--c-ink);
  border: 2px solid var(--c-line-2);
}

.pilih__t {
  font-weight: var(--fw-bold);
  font-size: var(--t-instruction);
}

.pilih__s {
  font-size: var(--t-body);
  opacity: 0.85;
}