/* Section 4 on navy. Surface flips; structure, hairlines and spacing do not.
   Coral stays on the checked box and the Subscribe button, which is where it was already. */
.nl{background:var(--color-navy);box-shadow:inset 0 1px 0 rgba(232,232,234,.14)}
.nl .rt-seam{background:var(--seam-color-dark)}
.nl-eyebrow{color:rgba(232,232,234,.55)}
.nl .rt-seam-label{color:rgba(232,232,234,.6);background:var(--color-navy)}
.nl-h{color:var(--color-text-light-2)}
.nl-lede{color:rgba(232,232,234,.72)}
.nl-form{border-top-color:rgba(232,232,234,.2)}
.nl-check{border-bottom-color:rgba(232,232,234,.14)}
.nl-box{background:transparent;border-color:rgba(232,232,234,.42)}
.nl-check:hover .nl-box{border-color:rgba(232,232,234,.7)}
.nl-label{color:var(--color-text-light-2)}
.nl-sub{color:rgba(232,232,234,.62)}
.nl-fieldlabel{color:rgba(232,232,234,.55)}
.nl-input{background:rgba(255,255,255,.05);border-color:rgba(232,232,234,.3);color:var(--color-text-light)}
.nl-input::placeholder{color:rgba(232,232,234,.42)}
.nl-input:focus{border-color:var(--color-coral);box-shadow:0 0 0 3px rgba(232,74,95,.22)}
.nl-native:focus-visible+.nl-box{box-shadow:0 0 0 3px rgba(232,74,95,.22)}
.nl-fine{color:rgba(232,232,234,.5)}
.nl-status.is-ok{color:var(--color-text-light-2)}