/* ============================================================
   contact.css - the contact form and its outcome panel. Loaded
   only by the contact prose page: Page.aspx emits this link from
   its Head literal when the resolved page is the contact page,
   after page.css and before chrome.css.

   Ported from the first edition Contact.aspx inline style block
   (the look pours over as-is; the mechanism is
   centralized). Of that block, the .legal document shell, hr.rule
   and .stamp already live in page.css, one copy for every prose
   page, so only the form-specific rules travel here. The first
   edition's .hpot rule was dead by the time of the port (the
   honeypot carries its own inline style by design; the header of
   AntiSpam.vb says why that is the one sanctioned exception) and
   is dropped rather than carried.

   The shared input/select/textarea skin, .fld, .btn and .msg
   tokens come from site.css, exactly as the first edition notes
   in the same block.
   ============================================================ */

/* The form panel. */
.cform{background:var(--panel);border:1px solid var(--edge);border-radius:14px;
  padding:22px 22px 24px;margin:4px 0 22px;box-shadow:var(--shadow)}
.cform .fld label{font-size:.9rem;color:var(--muted)}
.cform textarea{min-height:170px;resize:vertical;line-height:1.6}
.cform .hint{color:var(--faint);font-size:.8rem;margin:-8px 0 2px}
.cform .opt{color:var(--faint);font-weight:400;font-size:.82rem}
.cform .btn{margin-top:4px}

/* Several validation failures, listed inside the shared .msg.err box. */
.errlist{margin:0;padding-left:18px}
.errlist li{margin:0 0 4px}

/* The success panel a sent message renders in place of the form. */
.okpanel{background:var(--panel);border:1px solid var(--shared);border-radius:14px;
  padding:22px 22px 24px;margin:4px 0 22px;box-shadow:var(--shadow)}
.okpanel .ml{color:var(--shared);text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:600;margin-bottom:8px}
.okpanel h2{font-family:var(--serif);font-size:1.4rem;margin:0 0 8px;font-weight:600}