/* Form and info pages: /submit, /featured, /newsletter, /sponsors, /guide.
   Loads after events.css (which supplies the .page-head.band hero). Every rule
   is scoped to body.pg so the shared .card look on other pages is untouched. */

.pg .card{background:#FFFBEA;border:2px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink);padding:26px 28px}
.pg .card h2,.pg main h2{font-family:var(--display);font-weight:400}
.pg .page-head.band + .card,.pg .page-head.band + .signup{background:var(--warmsun);box-shadow:5px 5px 0 var(--orange)}

/* Forms */
.pg form.card label{font-size:11.5px;letter-spacing:.08em;color:var(--ink-mute)}
.pg form.card input,.pg form.card select,.pg form.card textarea{background:var(--paper);border:2px solid var(--line2);border-radius:8px;padding:11px 14px;transition:border-color .12s,box-shadow .12s}
.pg form.card input:hover,.pg form.card select:hover,.pg form.card textarea:hover{border-color:var(--ink-faint)}
.pg form.card input:focus,.pg form.card select:focus,.pg form.card textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(225,114,46,.22);background:#FFFBEA}
.pg form.card .btn-orange,.pg .card .btn-orange{font-size:16px;padding:13px 26px;border-radius:999px;box-shadow:3px 3px 0 var(--ink)}
.pg form.card .btn-orange:hover,.pg .card .btn-orange:hover{background:var(--gold)}
.pg .form-message{border-radius:10px}

/* Price card, what-you-get list, steps */
.pg .price-line .amt{font-size:56px;color:var(--orange-sh)}
.pg .gets li{padding-left:32px}
.pg .gets li::before{content:"\2713";left:0;top:7px;width:20px;height:20px;border-radius:50%;background:var(--green);color:#FFFBEA;font-size:11px;display:flex;align-items:center;justify-content:center}
.pg .steps li{padding-left:40px}
.pg .steps li::before{width:26px;height:26px;top:6px;background:var(--orange);font-size:13px}
.pg .pay-note{border-radius:10px;border-left-width:6px}
.pg .refcode{border-radius:8px}

/* Guide facts and notices */
.pg .facts dt{color:var(--orange-sh)}
.pg .notice{border-radius:10px}

/* Sponsors */
.pg .empty-state{background:var(--warmsun)}
.pg .sponsor-card{border-radius:12px}

@media (max-width:700px){
  .pg .card{padding:20px 16px;box-shadow:3px 3px 0 var(--ink)}
  .pg .price-line .amt{font-size:44px}
}
/* Date and time inputs keep a wide built-in minimum on phones and pushed past the card edge. */
.pg form.card input,.pg form.card select{min-width:0;max-width:100%}
@media (max-width:700px){.pg form.card input[type=date],.pg form.card input[type=time]{padding-left:10px;padding-right:8px}}