/* Wave 4 pages: tos-hub-pages' own templates (pillars, listings, legal, contact, member resources) inside the site
   header and footer. They keep their layout; type follows the site. */
main.wrap{display:block}
main.wrap,main.wrap *:not(code):not(pre):not(kbd):not([class*="icon"]){font-family:var(--sans) !important}

/* Their dark hero bands and stat bars in the site's light look (the light hero, option B). The templates share one
   naming scheme under different prefixes (squeeze-, tr-, orb-, vol-, tos-terms-...), so these match by suffix. */
main.wrap [class$="-hero"]{background:radial-gradient(110% 130% at 92% -18%,rgba(114,193,74,.22),transparent 46%),radial-gradient(80% 100% at -8% 118%,rgba(41,196,216,.12),transparent 55%),linear-gradient(180deg,#F7FAF5,#ECF2E8) !important;color:var(--ink) !important}
main.wrap [class$="-hero"]::before,main.wrap [class$="-hero"]::after{opacity:0 !important}
main.wrap [class$="-hero"] h1{color:var(--ink) !important;letter-spacing:-.03em}
main.wrap [class$="-hero"] p,main.wrap [class$="-hero-subtitle"]{color:var(--gray) !important}
main.wrap [class$="-hero-badge"]{background:#fff !important;color:var(--brandInk) !important;border:1px solid var(--n-300) !important}
main.wrap [class$="-hero-badge"] svg{color:var(--brandInk) !important;stroke:currentColor}
main.wrap [class*="-btn-primary"]{background:var(--brand) !important;color:#0F1E08 !important;border-color:transparent !important;border-radius:999px !important}
main.wrap [class*="-btn-secondary"]{background:#fff !important;color:var(--ink) !important;border:1.5px solid var(--n-300) !important;border-radius:999px !important}
main.wrap [class$="-stats-bar"]{background:#fff !important;border-bottom:1px solid var(--line)}
main.wrap [class$="-stat-value"]{color:var(--ink) !important}
main.wrap [class$="-stat-label"]{color:var(--gray) !important}

/* the site's content width (1200px inside 20px gutters) */
main.wrap :is([class$="-container"],[class$="-hero-inner"]){max-width:1240px !important;padding-left:20px !important;padding-right:20px !important;margin-left:auto !important;margin-right:auto !important}
/* their closing call-to-action bands: the site's light panel */
main.wrap [class$="-cta"]{background:var(--mist) !important;color:var(--ink) !important;border-top:1px solid var(--line)}
main.wrap [class$="-cta"] :is(h2,h3){color:var(--ink) !important}
main.wrap [class$="-cta"] p{color:var(--gray) !important}
main.wrap [class$="-cta"] a:not([class*="-btn-primary"]){background:#fff !important;color:var(--ink) !important;border:1.5px solid var(--n-300) !important;border-radius:999px !important}