fix(events): grid-align consent hint, drop magic 24px padding

app/components/EventTicketPurchase.vue

@@ -154,6 +154,7 @@
             securely
           </p>
 
+          <div class="consent-block">
             <label class="consent-field">
               <input
                 v-model="form.createAccount"
@@ -165,6 +166,7 @@
             <p class="field-hint consent-hint">
               Guest accounts let you view your tickets and register faster next time. We won't add you to member communications.
             </p>
+          </div>
 
           <button
             type="submit"
@@ -450,22 +452,26 @@ const formatEventDate = (date) => {
   margin-top: 2px;
 }
 
-.consent-field {
-  display: flex;
+.consent-block {
+  display: grid;
+  grid-template-columns: auto 1fr;
   align-items: flex-start;
-  gap: 8px;
+  column-gap: 8px;
+  row-gap: 4px;
+  margin-bottom: 14px;
+}
+.consent-field {
+  display: contents;
   font-size: 12px;
   color: var(--text);
-  margin-bottom: 4px;
   cursor: pointer;
 }
 .consent-field input[type="checkbox"] {
   margin-top: 3px;
-  flex-shrink: 0;
   accent-color: var(--candle);
 }
 .consent-hint {
-  margin-bottom: 14px;
-  padding-left: 24px;
+  grid-column: 2;
+  margin: 0;
 }
 </style>