/* One shared crimson closing for public pages. Page copy, targets, headline
   scale, and the Membership page's compact variant remain contextual. */
#main[data-page] :is(.closing,.closing-compact){background:var(--crimson);color:var(--white)}
#main[data-page] :is(.closing,.closing-compact)>.container{border:0}
#main[data-page] .closing>.container{padding-block:var(--s4);gap:var(--s5)}
#main[data-page] :is(.closing,.closing-compact) :is(h2,p,.eyebrow){color:var(--white)}
#main[data-page] .closing h2{font-weight:600 !important}
#main[data-page] :is(.closing,.closing-compact) a:not(.button){color:var(--white)}
#main[data-page] :is(.closing,.closing-compact) .button,
#main[data-page] .closing-compact>.container>.text-link{
  background:var(--white);border:1px solid var(--white);color:var(--crimson);
  white-space:normal;text-align:left;max-width:100%;
}
#main[data-page] .closing-compact>.container>.text-link{padding:var(--s1) var(--s2);min-height:var(--tap)}
#main[data-page] .closing-compact>.container>.text-link .tl{text-decoration:none}
#main[data-page] :is(.closing,.closing-compact) .button:hover,
#main[data-page] .closing-compact>.container>.text-link:hover{background:var(--crimson-soft);color:var(--crimson)}
#main[data-page] .closing .text-link:hover{color:var(--white)}
#main[data-page] :is(.closing,.closing-compact) :focus-visible{outline-color:var(--white);outline-offset:3px}
#main[data-page] .closing-actions{max-width:100%;min-width:0;gap:var(--s2)}
#main[data-page] .closing .closing-actions>p{margin:0}
#main[data-page] .closing p .text-link{max-width:100%;overflow-wrap:anywhere}
@media(max-width:900px){
  #main[data-page] .closing>.container{flex-direction:column;align-items:flex-start;gap:var(--s3)}
}
@media print{
  #main[data-page] :is(.closing,.closing-compact){print-color-adjust:exact;-webkit-print-color-adjust:exact;break-inside:avoid}
}