/* The "add to home screen" bar (2026-09-16). Sits above the safe area on a
   phone, uses the house palette, and never appears on a desktop. */
.chk-install {
  position: fixed;
  left: 10px; right: 10px;
  bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  z-index: 60;
  display: flex; align-items: center; gap: 11px;
  background: #fff;
  border: 1px solid #e1e6e9;
  border-radius: 14px;
  padding: 11px 12px;
  box-shadow: 0 10px 30px rgba(20, 51, 31, .22), 0 2px 6px rgba(0, 0, 0, .08);
  transform: translateY(140%);
  transition: transform .22s ease;
  font-family: Arial, Helvetica, sans-serif;
}
.chk-install.in { transform: translateY(0); }

.chk-install-ico {
  width: 42px; height: 42px; flex-shrink: 0;
  border-radius: 10px; border: 1px solid #e1e6e9; background: #fff;
  object-fit: contain;
}
.chk-install-txt { flex: 1 1 auto; min-width: 0; line-height: 1.35; }
/* Direct child only. As `.chk-install-txt b` this also caught the bold
   "Add to Home Screen" inside the sentence, turned it into a block, and left
   the full stop stranded on the next line. */
.chk-install-txt > b { display: block; font-size: 15.1px; color: #1f2a33; }
.chk-install-txt > span { display: block; font-size: 12.9px; color: #5b6770; margin-top: 2px; }
.chk-install-txt > span b { font-weight: bold; color: #1f2a33; }

.chk-install-go {
  flex: 0 0 auto;
  font: inherit; font-size: 14.6px; font-weight: bold;
  padding: 9px 15px; min-height: 40px;
  border: 0; border-radius: 9px;
  background: #277A3D; color: #fff; cursor: pointer;
}
.chk-install-go:hover { background: #1f6431; }

.chk-install-x {
  flex: 0 0 auto;
  border: 0; background: none; cursor: pointer;
  font-size: 24.6px; line-height: 1; color: #95a1ab;
  padding: 4px 6px; min-width: 34px; min-height: 34px;
}
.chk-install-x:hover { color: #1f2a33; }

/* The iOS Share glyph, drawn rather than named: the word "Share" alone sends
   people hunting, and the icon is the thing they actually tap. */
.chk-share {
  display: inline-block; width: 11px; height: 13px; vertical-align: -2px;
  background: #0C447C;
  -webkit-mask: no-repeat center / contain
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l4 4h-3v9h-2V6H8l4-4z"/><path d="M5 10h3v2H6v8h12v-8h-2v-2h3a1 1 0 011 1v10a1 1 0 01-1 1H5a1 1 0 01-1-1V11a1 1 0 011-1z"/></svg>');
  mask: no-repeat center / contain
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l4 4h-3v9h-2V6H8l4-4z"/><path d="M5 10h3v2H6v8h12v-8h-2v-2h3a1 1 0 011 1v10a1 1 0 01-1 1H5a1 1 0 01-1-1V11a1 1 0 011-1z"/></svg>');
}

@media (min-width: 901px) { .chk-install { display: none !important; } }
@media print { .chk-install { display: none !important; } }