/* Contact form — shared chrome in forum.css; this adds the card + form rows.
   From samples/contact.html. */
.card{max-width:640px; margin:0 auto}
.hint{padding:10px 14px; font-size:12px; color:#445; border-bottom:1px solid var(--rule); background:#fbfcfe; line-height:1.8}
.muted{color:var(--muted)}

.frow{display:grid; grid-template-columns:130px 1fr; border-bottom:1px solid var(--rule)}
.frow > .lab{padding:10px 12px; background:#f6f9fd; border-right:1px solid var(--rule); font-weight:bold; color:#33506f}
.frow > .fld{padding:10px 12px}

input[type=text]{box-sizing:border-box; border:1px solid #b9c6dd; border-radius:3px; padding:6px 8px; font-family:inherit; font-size:13px; width:280px}
textarea{box-sizing:border-box; border:1px solid #b9c6dd; border-radius:3px; padding:6px 8px; font-family:inherit; font-size:13px; width:100%; min-height:120px}

.submit{text-align:center; padding:16px}
.pbtn{display:inline-flex; align-items:center; justify-content:center; height:32px; padding:0 26px; box-sizing:border-box; border:1px solid #3f6aa6; border-radius:3px; color:#fff; font-weight:bold; font-size:14px; letter-spacing:3px; cursor:pointer;
      background:linear-gradient(to bottom,#7BA0D0,#5C84BE); box-shadow:inset 0 1px 0 rgba(255,255,255,.4); text-shadow:0 1px 0 rgba(0,0,0,.15)}
.pbtn:hover{background:linear-gradient(to bottom,#86abd9,#5e8ac5)}