/* One visual owner for the legal hub and every document. site-layout owns shells.
 * The scoped bridge outranks legacy legal rules in public.css, which remains
 * loaded for existing public components (including configurable advertising). */
body.legal-page.legal-cosmos-page {
  --legal-surface: #050505;
  --legal-line: rgba(255,255,255,.12);
  --legal-muted: #a4a8ac;
  --legal-inner: clamp(24px,4vw,58px);
  background: #050505;
}
body.legal-page.legal-cosmos-page :is(.legal-title-card,.legal-nav-card,.legal-document) {
  min-width: 0 !important;
  border: 1px solid var(--legal-line) !important;
  border-radius: var(--widais-content-radius) !important;
  background: var(--legal-surface) !important;
  box-shadow: none !important;
}
body.legal-page.legal-cosmos-page .legal-title-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: clamp(240px,24vw,320px) !important;
  padding: var(--legal-inner) !important;
  text-align: left !important;
}
body.legal-page.legal-cosmos-page .legal-title-card::before,
body.legal-page.legal-cosmos-page .legal-title-card::after { content: none !important; display: none !important; animation: none !important; }
body.legal-page.legal-cosmos-page .legal-title-card h1 {
  position: relative !important;
  z-index: 1 !important;
  max-width: 75% !important;
  margin: 0 !important;
  color: #f6f6f6 !important;
  font-size: clamp(44px,6vw,86px) !important;
  font-weight: 850 !important;
  line-height: 1.02 !important;
  letter-spacing: -.065em !important;
  text-transform: none !important;
  text-shadow: none !important;
  text-wrap: balance;
  overflow-wrap: break-word;
}
body.legal-page.legal-cosmos-page .widais-universe-planet-ringed { width: clamp(64px,7vw,100px); top: 13%; right: 17%; }
body.legal-page.legal-cosmos-page .widais-universe-planet-horizon { width: clamp(260px,32vw,450px); right: -7%; bottom: -90%; }
body.legal-page.legal-cosmos-page .widais-universe-planet-distant { width: 22px; left: 56%; bottom: 12%; }

body.legal-page.legal-cosmos-page .legal-hub-document { padding: var(--legal-inner) !important; }
body.legal-page.legal-cosmos-page .legal-hub-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: var(--widais-card-gap) !important; margin: 0 !important; padding: 0 !important; }
body.legal-page.legal-cosmos-page .legal-hub-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 32px !important;
  min-width: 0 !important;
  min-height: 178px !important;
  padding: clamp(20px,2vw,28px) !important;
  border: 1px solid #292c30 !important;
  border-radius: 18px !important;
  background: #050505 !important;
  color: #f6f6f6 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
  transition: border-color .2s ease,background-color .2s ease !important;
}
body.legal-page.legal-cosmos-page .legal-hub-card::before { content: none !important; display: none !important; }
body.legal-page.legal-cosmos-page .legal-hub-card > span { display: block !important; width: auto !important; height: auto !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #8d9aa7 !important; font: 500 11px/1.2 system-ui,sans-serif !important; letter-spacing: .12em !important; }
body.legal-page.legal-cosmos-page .legal-hub-card strong { max-width: 100%; margin: auto 0 0 !important; color: #f6f6f6 !important; font-size: clamp(24px,2.1vw,31px) !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -.045em !important; overflow-wrap: anywhere; }
body.legal-page.legal-cosmos-page .legal-hub-card strong::after { display: block !important; content: '' !important; width: 44px !important; height: 1px !important; margin-top: 16px !important; background: #525960 !important; box-shadow: none !important; animation: none !important; transition: width .25s ease,background-color .25s ease !important; }
body.legal-page.legal-cosmos-page .legal-hub-card:hover,
body.legal-page.legal-cosmos-page .legal-hub-card:focus-visible { background: #0c1014 !important; border-color: #536574 !important; transform: none !important; }
body.legal-page.legal-cosmos-page .legal-hub-card:hover strong::after,
body.legal-page.legal-cosmos-page .legal-hub-card:focus-visible strong::after { width: 70px !important; background: #bddcf3 !important; }
body.legal-page.legal-cosmos-page .legal-hub-arrow { position: absolute !important; top: 22px; right: 22px; width: 18px; height: 18px; fill: none; stroke: #a7b4c0; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; }
body.legal-page.legal-cosmos-page .legal-hub-card:hover .legal-hub-arrow { transform: translate(2px,-2px); }

body.legal-page.legal-cosmos-page .legal-nav-card { display: flex !important; flex-wrap: wrap !important; align-items: center; gap: 6px !important; padding: 10px !important; }
body.legal-page.legal-cosmos-page .legal-nav-card a { flex: 1 1 auto; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; min-width: 0 !important; padding: 10px 16px !important; border: 1px solid transparent !important; border-radius: 12px !important; background: transparent !important; color: #a4a8ac !important; box-shadow: none !important; transform: none !important; text-decoration: none !important; transition: border-color .18s ease,background-color .18s ease,color .18s ease !important; }
body.legal-page.legal-cosmos-page .legal-nav-card a::before { display: none !important; content: none !important; }
body.legal-page.legal-cosmos-page .legal-nav-card a span { color: inherit !important; font-size: 13px !important; font-weight: 550 !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; }
body.legal-page.legal-cosmos-page .legal-nav-card a:is(:hover,:focus-visible) { background: #11151a !important; color: #f6f6f6 !important; border-color: #343c45 !important; }
body.legal-page.legal-cosmos-page .legal-nav-card a.is-active { background: #10202b !important; border-color: #49677a !important; color: #c3edff !important; }

body.legal-page.legal-cosmos-page .legal-document { padding: 0 !important; overflow: hidden; }
body.legal-page.legal-cosmos-page .legal-document.legal-hub-document { padding: var(--legal-inner) !important; }
body.legal-page.legal-cosmos-page .legal-section { display: block !important; padding: clamp(26px,3vw,42px) var(--legal-inner) !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--legal-line) !important; background: transparent !important; }
body.legal-page.legal-cosmos-page .legal-section:last-child { border-bottom: 0 !important; }
body.legal-page.legal-cosmos-page .legal-section h3 { position: static !important; max-width: 100% !important; margin: 0 0 18px !important; color: #f6f6f6 !important; font-size: clamp(20px,2vw,27px) !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -.035em !important; text-transform: none !important; }
body.legal-page.legal-cosmos-page .legal-section-content { max-width: 88ch !important; text-align: left !important; }
body.legal-page.legal-cosmos-page .legal-section-content :is(p,li,td) { max-width: none !important; color: #b5b9bf !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.85 !important; letter-spacing: 0 !important; text-align: left !important; }
body.legal-page.legal-cosmos-page .legal-section-content > * + * { margin-top: 16px !important; }
body.legal-page.legal-cosmos-page .legal-section-content strong { color: #e4e6e9 !important; font-weight: 650 !important; }
body.legal-page.legal-cosmos-page .legal-owner-grid { max-width: 100% !important; }
body.legal-page.legal-cosmos-page .legal-owner-grid div,
body.legal-page.legal-cosmos-page .legal-pill-line { border-color: var(--legal-line) !important; background: transparent !important; font-weight: 400 !important; color: #b5b9bf !important; }
body.legal-page.legal-cosmos-page .legal-letter-list { max-width: 100% !important; }
body.legal-page.legal-cosmos-page .legal-letter-list span { background: #11151a !important; color: #aabccb !important; border-color: #343c45 !important; box-shadow: none !important; }
body.legal-page.legal-cosmos-page .legal-subtitle { color: #e4e6e9 !important; font-weight: 650 !important; letter-spacing: -.02em !important; }
body.legal-page.legal-cosmos-page .legal-mini-note { background: #0d1115 !important; border-color: #343c45 !important; color: #a4a8ac !important; font-weight: 400 !important; }
body.legal-page.legal-cosmos-page :is(.legal-nav-card,.legal-hub-grid,.legal-document) a:focus-visible { outline: 2px solid #9adeff !important; outline-offset: 3px !important; }

@media (max-width: 1060px) {
  body.legal-page.legal-cosmos-page .legal-hub-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 700px) {
  body.legal-page.legal-cosmos-page .legal-title-card { min-height: 230px !important; padding-block: 62px !important; }
  body.legal-page.legal-cosmos-page .legal-title-card h1 { max-width: 100% !important; font-size: clamp(38px,9vw,58px) !important; }
  body.legal-page.legal-cosmos-page .widais-universe-planet-ringed { width: 52px; top: auto; bottom: -15px; right: 12%; opacity: .65; }
  body.legal-page.legal-cosmos-page .widais-universe-planet-horizon { width: 280px; right: -160px; bottom: -200px; }
  body.legal-page.legal-cosmos-page .widais-universe-planet-distant { left: 15%; bottom: 13%; width: 15px; }
  body.legal-page.legal-cosmos-page .legal-nav-card a { flex: 1 1 calc(25% - 6px); padding: 10px 12px !important; }
  body.legal-page.legal-cosmos-page .legal-hub-card { min-height: 155px !important; padding: 20px !important; }
  body.legal-page.legal-cosmos-page .legal-hub-card strong { font-size: 24px !important; }
}
@media (max-width: 480px) {
  body.legal-page.legal-cosmos-page .legal-document.legal-hub-document { padding: 14px !important; }
  body.legal-page.legal-cosmos-page .legal-hub-card { min-height: 145px !important; padding: 16px !important; gap: 26px !important; }
  body.legal-page.legal-cosmos-page .legal-hub-card strong { font-size: 21px !important; }
  body.legal-page.legal-cosmos-page .legal-hub-arrow { width: 16px; height: 16px; top: 16px; right: 14px; }
  body.legal-page.legal-cosmos-page .legal-nav-card a { flex-basis: calc(50% - 6px); }
}
@media (max-width: 360px) {
  body.legal-page.legal-cosmos-page .legal-hub-grid { grid-template-columns: 1fr !important; }
  body.legal-page.legal-cosmos-page .legal-hub-card { min-height: 122px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.legal-page.legal-cosmos-page :is(.legal-hub-card,.legal-hub-card strong::after,.legal-hub-arrow,.legal-nav-card a) { transition: none !important; }
}
