/* preview-gate.css - the preview lock's own look. ONE COPY: web-engine/preview-kit/, written by
   scripts/preview_lock.py emit(). Deliberately OURS and not the client's: nothing here hints at whose site it is. */
:root { --ink: #11161c; --mid: #5b6672; --line: #dfe4ea; --bg: #f7f8fa; --acc: #16467c; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink);
  font: 400 1rem/1.6 system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.gate { max-width: 30rem; margin: 0 auto; padding: 4.5rem 1.25rem 3rem; }
.gate__by { margin: 0 0 2.5rem; font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; color: var(--mid); }
.gate__h { margin: 0 0 .5rem; font-size: 1.6rem; line-height: 1.25; letter-spacing: -.01em; }
.gate__p { margin: 0 0 1.75rem; color: var(--mid); }
.gate__form { display: grid; gap: .75rem; padding: 1.25rem; background: #fff;
  border: 1px solid var(--line); border-radius: .5rem; }
.gate__lab { font-size: .8125rem; font-weight: 600; color: var(--mid); }
.gate__in { width: 100%; padding: .7rem .85rem; font: inherit; font-size: 1.5rem; letter-spacing: .5em;
  text-align: center; border: 1px solid var(--line); border-radius: .375rem; background: #fff; color: var(--ink); }
.gate__in:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; border-color: var(--acc); }
.gate__btn { padding: .8rem 1rem; font: inherit; font-weight: 600; color: #fff; background: var(--acc);
  border: 0; border-radius: .375rem; cursor: pointer; }
.gate__btn:hover { background: #0f3761; }
.gate__btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.gate__no { margin: 1rem 0 0; padding: .7rem .85rem; font-size: .9375rem; color: #7a1f1f;
  background: #fdf1f1; border: 1px solid #f0d2d2; border-radius: .375rem; }
.gate__foot { margin: 2.5rem 0 0; font-size: .8125rem; color: var(--mid); }
.gate__foot a { color: var(--acc); }
@media (prefers-color-scheme: dark) {
  :root { --ink: #eef1f4; --mid: #9aa5b1; --line: #2b333c; --bg: #0f1317; --acc: #6ea8e8; }
  .gate__form, .gate__in { background: #161b21; }
  .gate__btn { color: #0f1317; }
  .gate__no { color: #f3c9c9; background: #2a1718; border-color: #46262a; }
}