/* RHSC Supply Insider subscribe form — layout.

   Deliberately small. Almost everything is inherited:
     - controls (inputs, selects, the 32px pill) from assets/css/forms.css
     - fields, checkboxes, reveals, errors, buttons, nav, honeypot and the
       hidden iframe from assets/css/pattern-styles/membership-form.css, whose
       rules are scoped either bare (.rhsc-field, .rhsc-check, .rhsc-reveal,
       .rhsc-error, .rhsc-btn, .rhsc-nav, .rhsc-hp, .rhsc-capsule-sink,
       .rhsc-section-title) or to .rhsc-form.

   Both are declared as dependencies in functions.php, so this file only holds
   what those two cannot give a form that is NOT .rhsc-membership-form.

   Markup contract: patterns/subscribe-form.php.
   Behaviour: assets/js/subscribe-form.js. */

/* The membership form's own cap is scoped to .rhsc-membership-form, which this
   form deliberately does not carry (see the class-name contract in the
   pattern). Without this the fields stretch to the full viewport width inside
   an alignfull main. */
.rhsc-subscribe-form {
	max-width: 720px;
	margin-inline: auto;
}

/* The language reveal is collapsed with the `hidden` attribute so the
   accessibility tree matches the visual state.
   membership-form.css carries the equivalent rule but scopes its !important to
   .rhsc-membership-form, so it does not reach this form. The !important is not
   decoration: css-framework.css loads site-wide and its display utilities would
   otherwise win over the UA's [hidden] rule, leaving the language checkboxes
   visible before consent is ticked — and submittable-looking while disabled. */
.rhsc-subscribe-form [hidden] {
	display: none !important;
}