/* Support page (support/index.html). Builds on ../download/download.css; only the form and contact list live here. */
.sp-form{margin:18px 0 10px;padding:18px 18px 6px;background:var(--pal-paper,#FBF7EF);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--pal-pink,#FE3EA6)}
.sp-field{margin:0 0 14px !important}
.sp-field label,.sp-list dt{display:block;margin-bottom:5px;font:600 12.5px/1.2 Oswald,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.sp-field input,.sp-field textarea{display:block;width:100%;box-sizing:border-box;padding:10px 12px;font:400 18px/1.4 'Cormorant Garamond',Georgia,serif;color:var(--ink);
  background:#fff;border:1.5px solid var(--ink);border-radius:0;-webkit-appearance:none;appearance:none}
.sp-field textarea{resize:vertical;min-height:140px}
.sp-field input:focus,.sp-field textarea:focus{outline:3px solid var(--pal-yellow,#D6CF2A);outline-offset:1px}
.sp-field [aria-invalid="true"]{border-color:var(--pal-pink-deep,#CB016E);box-shadow:inset 0 0 0 1px var(--pal-pink-deep,#CB016E)}
.sp-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.sp-actions{margin:4px 0 8px !important}
.sp-actions .btn{min-width:160px;font-size:15px;cursor:pointer}
.sp-status{min-height:1.4em;margin:0 0 10px !important;font-size:16px;line-height:1.4}
.sp-status.err{color:var(--pal-pink-deep,#CB016E)}
.sp-contact{margin:22px 0 16px;padding:16px 18px 6px;border:1.5px solid var(--ink);background:var(--pal-paper,#FBF7EF);box-shadow:4px 4px 0 var(--pal-teal,#7E978A)}
.sp-list{margin:6px 0 8px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 24px}
.sp-list>div[hidden]{display:none}
.sp-list dd{margin:0;font-size:18px;line-height:1.4}
.sp-list a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pal-pink,#FE3EA6);text-underline-offset:3px}
@media (max-width:760px){
  .sp-form,.sp-contact{padding:14px 14px 4px}
  .sp-list{grid-template-columns:1fr}
  .sp-actions .btn{width:calc(100% - var(--bx));display:flex}
}