/* Generated by scripts/gen-templ.py from design/about.html. DO NOT EDIT. */
/* The booking form sits in the "on the Coast" rail, where somebody has
     just read that Lea meets by appointment - so it is styled as part of
     that column, not as a panel dropped into the page. No card, no border:
     the section's own tint is the separation. */
  .ab-form{margin:26px 0 0;max-width:520px;}
  .ab-form-send{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:2px;}

  /* Small, and after the form: the three apps are the fallback for somebody
     who would rather not type into a website, not the headline. */
  .ab-alt{font-size:14px;color:var(--ink-3);margin:20px 0 0;max-width:520px;}
  .ab-alt a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-2);transition:.2s;}
  .ab-alt a:hover{color:var(--accent);border-color:var(--accent);}

  .ab-sent{margin-top:26px;max-width:520px;}
  .ab-sent p{margin:0;color:var(--ink-2);}

  .field{margin-bottom:18px;}
  .field label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px;}
  .field input,.field textarea{
    width:100%;font-family:var(--sans);font-size:16px;color:var(--ink);background:var(--paper);
    border:1px solid var(--line-2);border-radius:var(--r-sm);padding:12px 14px;transition:.2s;
  }
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);}
  .field textarea{resize:vertical;min-height:110px;line-height:1.55;}
  .form-err{font-size:13px;color:#b4443a;margin:6px 0 0;}
  .form-err-top{margin:0 0 14px;}