/* The "Is my business online?" tool (#667). Loaded after landing.css and uses
   only its colour variables, so every pairing here is one tests/test_landing.py
   already holds to 4.5:1 in both schemes. Served by routes_online_check, never
   inline (production's CSP is default-src 'self'). */

.oc-form { margin: 1.2rem 0; max-width: 36rem; }
.oc-form label { display: block; font-weight: 600; margin-bottom: .4rem; }
.oc-form input[type="text"] {
  display: block; width: 100%; min-height: 48px;
  padding: .6rem .8rem;
  border: 2px solid var(--line); border-radius: var(--radius);
  background: var(--white); color: var(--ink);
  font: inherit;
}
.oc-form input[type="text"]:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
.oc-hint { margin: .5rem 0 1rem; color: var(--muted); font-size: .95rem; }
.oc-form button.lp-cta { border: 0; cursor: pointer; font: inherit; font-weight: 700; }

.oc-result {
  max-width: 36rem; margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  background: var(--tint); color: var(--ink);
  border: 1px solid var(--line); border-radius: var(--radius);
}
.oc-result h2 { margin-top: 0; }
.oc-result p:last-child, .oc-facts { margin-bottom: 0; }
.oc-facts { padding-left: 1.2rem; }
.oc-build h2 { margin-top: 1.6rem; }