/* The Support page's write-to-me form. Loaded by /support/ only. Same look as the rest of the site. */
.sform-lab{ max-width:760px; }
.sform{ display:grid; gap:18px; }
.sform-row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.sform label{ display:grid; gap:8px; font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--soft); }
.sform input, .sform select, .sform textarea{
  width:100%; box-sizing:border-box; margin:0; border-radius:0;
  background:rgba(5,5,10,0.6); border:2px solid var(--paper); padding:14px 16px;
  color:var(--paper); font:500 14px/1.5 'JetBrains Mono', monospace; letter-spacing:0; text-transform:none;
  -webkit-appearance:none; appearance:none;
}
.sform textarea{ min-height:150px; resize:vertical; }
.sform input::placeholder, .sform textarea::placeholder{ color:rgba(228,217,204,0.5); }
.sform input:focus, .sform select:focus, .sform textarea:focus{ outline:2px solid var(--teal); outline-offset:-2px; }
.sform select{
  padding-right:42px; cursor:pointer;
  background-image:linear-gradient(45deg, transparent 50%, var(--paper) 50%), linear-gradient(135deg, var(--paper) 50%, transparent 50%);
  background-position:calc(100% - 21px) 52%, calc(100% - 15px) 52%;
  background-size:6px 6px, 6px 6px; background-repeat:no-repeat;
}
.sform select option{ background:#0b0b12; color:var(--paper); }
.sform .hp{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
.sform-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.sform-actions .btn{ cursor:pointer; }
.sform-actions .btn:disabled{ opacity:.7; cursor:progress; transform:none; box-shadow:none; }
.sform-note{ font-family:'JetBrains Mono', monospace; font-size:11.5px; line-height:1.6; color:var(--soft); }
.sform-note a{ color:var(--teal); text-decoration:underline; text-underline-offset:3px; }
.sform-status{ margin:0; min-height:1.4em; font-family:'JetBrains Mono', monospace; font-size:12.5px; line-height:1.5; color:var(--muted); }
.sform-status.ok{ color:var(--teal); }
.sform-status.err{ color:#ff8a70; }
.sform-fallback{ justify-self:start; font-family:'JetBrains Mono', monospace; font-size:12.5px; color:var(--yellow); text-decoration:underline; text-underline-offset:3px; }
.sform-fallback[hidden]{ display:none; }
@media (max-width:640px){
  .sform-row{ grid-template-columns:1fr; }
  .sform input, .sform select, .sform textarea{ font-size:16px; }
}