/* Copyright (c) 2026 Long Nose Holdings, LLC. All rights reserved. */
/* Proprietary and confidential. Unpublished trade secret. */

/* The signed-out page: the mark, one heading, one button. The same tokens as
   style.css (docs/page_design_1022.md s3), only the few it needs. */
:root {
  --well: #050925;
  --mint: #d7e59f;
  --green: #41a86c;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; background: var(--well); }
body {
  margin: 0; min-height: 100vh;
  background: var(--well); color: var(--mint);
  font: 16px/1.5 var(--sans);
}
:focus-visible { outline: 3px solid var(--green); outline-offset: 2px; }

.top { padding: 14px clamp(16px, 4vw, 48px); }
.mark { margin: 0; line-height: 0; }
.mark svg { height: 22px; width: auto; display: block; }

.well-inner { max-width: 1440px; margin: 0 auto; padding: 8px clamp(16px, 4vw, 48px) 32px; }
.lead { font-size: 24px; line-height: 1.25; font-weight: 600; margin: 12vh 0 12px; }

.btn {
  font: inherit; font-weight: 600; cursor: pointer;
  margin-top: 12px; padding: 11px 20px; min-height: 44px;
  background: var(--mint); color: var(--well); border: 0; border-radius: 4px;
}
.btn:hover { background: #fff; }
.btn:disabled { cursor: progress; opacity: .7; }

.msg { margin: 8px 0 0; color: #ffb4a8; max-width: 68ch; }  /* 11.5 : 1 on the well */
.msg:empty { display: none; }

@media (max-width: 520px) {
  .lead { margin-top: 24px; }
}