/* The contact dialog, shared by every page. The lock styles (.r5-lock,
   .r5-lock-field, .r5-lock-error) and .menu-top/.menu-close/.pill come from
   each page's own chain; this sheet only adds the form grid and select. */
.r5-contact-form{margin-block:auto;width:100%;max-width:880px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vh,28px) clamp(24px,4vw,48px)}
.r5-contact-form .r5-contact-lead,.r5-contact-form .r5-lock-field.wide,.r5-contact-form .r5-contact-error,.r5-contact-form .pill{grid-column:1/-1}
.r5-contact-form .r5-lock-field{margin-top:0;width:100%}
.r5-contact-title{max-width:14ch}
.r5-contact-intro{color:rgba(215,212,204,.8);max-width:44ch}
.r5-contact-error{color:var(--orange)}
.r5-contact-done{margin-block:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.r5-contact-done[hidden]{display:none}
.r5-contact select{appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--t-big);letter-spacing:.06em;color:var(--oat);caret-color:var(--oat);background:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23d7d4cc' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;border:0;border-bottom:1px solid rgba(215,212,204,.45);border-radius:0;padding:4px 28px 12px 0;width:100%;outline:none}
.r5-contact select option{color:var(--ink);background:#fff}
.r5-contact select:focus-visible{border-bottom-color:var(--oat);box-shadow:0 1px 0 var(--oat)}
@media(max-width:760px){.r5-contact-form{grid-template-columns:1fr}}