/* Trust Center: a quiet section directory and shared Reference Lab surfaces.
 * Content, certification authority and live operational status stay unchanged. */
html.reference-trust[data-theme] { scroll-padding-top: 112px; }
html.reference-trust[data-theme] .reference-section-nav {
  background: var(--bg);
  border: 0;
}
html.reference-trust[data-theme] .reference-section-nav-inner {
  padding-block: 8px 0;
  gap: 8px 28px;
  border-bottom: 1px solid var(--line);
}
html.reference-trust[data-theme] .reference-section-nav-label { color: var(--fg); font-size: 14px; }
html.reference-trust[data-theme] .reference-section-nav-links { gap: 4px; }
html.reference-trust[data-theme] .reference-section-nav-links a {
  position: relative;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  padding-inline: 14px;
  color: var(--fg-2);
  text-decoration: none;
  transition: color 160ms ease, background-color 160ms ease;
}
html.reference-trust[data-theme] .reference-section-nav-links a:is(:hover,:focus-visible) {
  background: var(--rx-overlay-hover);
  color: var(--fg);
}
html.reference-trust[data-theme] .reference-section-nav-links a[aria-current="page"] {
  color: var(--fg);
  font-weight: 600;
}
html.reference-trust[data-theme] .reference-section-nav-links a[aria-current="page"]::after {
  content: "";
  position: absolute;
  inset: auto 14px 0;
  height: 2px;
  background: currentColor;
}
html.reference-trust[data-theme] .reference-trust-content { color: var(--fg); }
html.reference-trust[data-theme] .reference-trust-content .text-gray-400 { color: var(--fg-3); }
html.reference-trust[data-theme] .reference-status-group { background: var(--bg-2) !important; }
html.reference-trust[data-theme] .reference-status-group .text-gray-300 { color: var(--fg-3); }
html.reference-trust[data-theme] .reference-trust-content section {
  background-image: none;
  padding-block: clamp(40px,5vw,72px);
}
html.reference-trust[data-theme] .reference-trust-content > section:first-child,
html.reference-trust[data-theme] .reference-trust-content > div > section:first-child {
  background: var(--bg);
  color: var(--fg);
  padding-block: clamp(48px,6vw,88px);
}
html.reference-trust[data-theme] .reference-trust-content > section:first-child p,
html.reference-trust[data-theme] .reference-trust-content > div > section:first-child p { color: var(--fg-2); }
html.reference-trust[data-theme] .reference-trust-content h1 {
  color: var(--fg);
  font: 700 clamp(32px,4.2vw,56px)/1.12 "Grifter", "Geist", system-ui, sans-serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}
html.reference-trust[data-theme] .reference-trust-content :is(h2,h3) { text-wrap: balance; }
/* Brand fill utilities are not readable foreground colors in light mode.
 * Links retain the same ink after visiting and an underline without hover. */
html.reference-trust[data-theme] .reference-trust-content [class*="text-primary-"] { color: var(--fg); }
html.reference-trust[data-theme] .reference-trust-content a:not(.btn,.group,.trust-status-summary,[class*="bg-"]):is(:link,:visited) {
  color: var(--fg);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  text-decoration-color: var(--fg-3);
}
html.reference-trust[data-theme] .reference-trust-content a:not(.btn,.group,.trust-status-summary,[class*="bg-"]):hover { text-decoration-thickness: 2px; }
html.reference-trust[data-theme] :is(a,button,[tabindex="0"]):focus-visible {
  outline: 2px solid var(--ref-keyboard-focus);
  outline-offset: 4px;
}
/* A single crisp outline treatment, with rounded rectangular icon surfaces. */
html.reference-trust[data-theme] .reference-trust-content svg { flex-shrink: 0; }
html.reference-trust[data-theme] .reference-trust-content svg[stroke="currentColor"],
html.reference-trust[data-theme] .reference-trust-content svg[stroke="currentColor"] * {
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
html.reference-trust[data-theme] .reference-trust-content div[class*="bg-primary-"]:has(> svg) {
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-md,12px);
}
html.reference-trust[data-theme] .reference-trust-content div[class*="bg-primary-"]:has(> svg) > svg { color: var(--fg-2); }
html.reference-trust[data-theme] .reference-trust-content a.group {
  color: var(--fg);
  background: var(--bg-2);
  border-color: var(--line);
  transition: background-color 160ms ease;
}
html.reference-trust[data-theme] .reference-trust-content a.group:hover { background: var(--bg-3); border-color: var(--line); }
html.reference-trust[data-theme] .reference-trust-content a.bg-primary-500 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  background: var(--ref-button-primary-gradient) var(--rx-primary);
  color: var(--rx-primary-ink);
  border-radius: var(--ref-button-radius);
  text-decoration: none;
}
html.reference-trust[data-theme] .reference-trust-content a.bg-primary-500:hover { background: var(--ref-button-primary-gradient-hover) var(--ref-button-primary-hover); }
/* Information remains blue and distinct from operational green. Avoid the
 * legacy indigo/purple utility ramp for either linked copy or iconography. */
html.reference-trust[data-theme] .trust-info-surface,
html.reference-trust[data-theme] .trust-info-pill {
  background: color-mix(in srgb,var(--info-fg) 6%,var(--bg-2));
  border-color: color-mix(in srgb,var(--info-fg) 20%,var(--bg-2));
  color: var(--info-fg);
}
html.reference-trust[data-theme] .reference-trust-content :is(.trust-info-text,[class*="text-blue-"]) { color: var(--info-fg); }
html.reference-trust[data-theme] .trust-info-surface :is(p,h3) { color: var(--fg); }
html.reference-trust[data-theme] .reference-trust-content table { font-size: 14px; }
html.reference-trust[data-theme] .reference-trust-content :is(th,td) { border-color: var(--line); }
html.reference-trust[data-theme] .reference-trust-table {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius-md,12px);
  box-shadow: none;
}
@media (max-width: 639px) {
  html.reference-trust[data-theme] .reference-section-nav-inner { gap: 0; }
  html.reference-trust[data-theme] .reference-section-nav-label { width: 100%; padding-block: 8px; }
  html.reference-trust[data-theme] .reference-section-nav-links { flex-wrap: nowrap; width: 100%; overflow-x: auto; padding-top: 2px; }
  html.reference-trust[data-theme] .reference-section-nav-links a { flex-shrink: 0; padding-inline: 10px; font-size: 13px; }
  html.reference-trust[data-theme] .reference-trust-content .grid.grid-cols-2 { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  html.reference-trust[data-theme] .reference-section-nav-links a,
  html.reference-trust[data-theme] .reference-trust-content a { transition: none; }
}

/* September 2026 Trust refinements. These rules stay within this surface:
 * legacy utility ink, public navigation and legal content have different owners. */
html.reference-trust[data-theme] .reference-trust-content a.bg-primary-500 {
  /* The shared legacy .bg-primary-* utility declares its ink !important. */
  color: var(--rx-primary-ink) !important;
}
html.reference-trust[data-theme] .reference-trust-content a.bg-primary-500:is(:hover,:focus-visible) {
  color: var(--rx-primary-ink) !important;
}
html.reference-trust[data-theme] .reference-trust-content section {
  padding-block: clamp(28px,3.5vw,48px);
}
html.reference-trust[data-theme] .reference-trust-content > section:first-child,
html.reference-trust[data-theme] .reference-trust-content > div > section:first-child {
  padding-block: clamp(28px,4vw,52px);
}
html.reference-trust[data-theme] .reference-trust-content section > .max-w-7xl { max-width: 1180px; }
html.reference-trust[data-theme] .reference-trust-content section p { max-width: 74ch; }
html.reference-trust[data-theme] .reference-trust-content .text-center > p { margin-inline: auto; }
html.reference-trust[data-theme] .reference-trust-content section :is(h2,h3) { line-height: 1.3; }
html.reference-trust[data-theme] .reference-trust-content section :is(.mb-12,.mb-8) { margin-bottom: 24px; }
html.reference-trust[data-theme] .reference-trust-content [id] { scroll-margin-top: 0; }
html.reference-trust[data-theme] .trust-page-index { border-block: 1px solid var(--line); background: var(--bg); }
html.reference-trust[data-theme] .trust-page-index > div { display: flex; align-items: baseline; gap: 8px 20px; padding-block: 8px; }
html.reference-trust[data-theme] .trust-page-index-label { flex-shrink: 0; font-size: 12px; color: var(--fg-3); }
html.reference-trust[data-theme] .trust-page-index ul { display: flex; flex-wrap: wrap; gap: 0 16px; list-style: none; margin: 0; padding: 0; }
html.reference-trust[data-theme] .trust-page-index a { display: inline-flex; align-items: center; min-height: 36px; font-size: 13px; }
html.reference-trust[data-theme] .trust-section-mobile { display: none; }
html.reference-trust[data-theme] .trust-status-summary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--bg-2);
  color: var(--trust-status-color);
  font-size: 14px;
  text-decoration: none;
}
html.reference-trust[data-theme] .trust-status-summary:hover { background: var(--bg-3); }
html.reference-trust[data-theme] .trust-status-dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: var(--trust-status-color); }
html.reference-trust[data-theme] .trust-current-issues { max-width: 720px; margin: 0 auto 24px; padding: 16px 20px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-2); text-align: left; }
html.reference-trust[data-theme] .trust-current-issues p { margin: 0; font-size: 14px; line-height: 1.55; }
html.reference-trust[data-theme] .trust-current-issues p + p { margin-top: 8px; }
html.reference-trust[data-theme] .trust-status-detail { overflow-wrap: anywhere; white-space: normal; line-height: 1.5; margin-top: 4px; }
html.reference-trust[data-theme] .trust-status-empty { background: var(--bg-2); border: 1px solid var(--line); }
html.reference-trust[data-theme] .trust-status-empty > svg { color: var(--fg-3) !important; }
html.reference-trust[data-theme] .trust-status-unavailable { color: var(--fg-3); padding: 16px; border: 1px solid var(--line); border-radius: var(--radius-md); }
html.reference-trust[data-theme] .trust-processing-details { margin: 0; border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; background: var(--bg-2); }
html.reference-trust[data-theme] .trust-processing-details > div { display: grid; grid-template-columns: minmax(180px,1fr) minmax(0,3fr); }
html.reference-trust[data-theme] .trust-processing-details > div + div { border-top: 1px solid var(--line); }
html.reference-trust[data-theme] .trust-processing-details :is(dt,dd) { padding: 16px 20px; margin: 0; font-size: 15px; line-height: 1.6; }
html.reference-trust[data-theme] .trust-processing-details dt { font-weight: 600; color: var(--fg); background: var(--bg-3); }
html.reference-trust[data-theme] .trust-processing-details dd { color: var(--fg-2); }
html.reference-trust[data-theme] #faq > div { max-width: 880px; }
html.reference-trust[data-theme] .trust-handling-panel { background: var(--bg-2) !important; border-color: var(--line) !important; }
html.reference-trust[data-theme] .trust-handling-panel svg { color: var(--fg-2) !important; }
html.reference-trust[data-theme] .trust-handling-panel li > span:first-child { background: var(--fg-3) !important; }
html.reference-trust[data-theme] #trust-directory .grid { gap: 16px; }
html.reference-trust[data-theme] #trust-directory a.group { padding: 20px; }
html.reference-trust[data-theme] .trust-subprocessors-desktop { display: block; }
html.reference-trust[data-theme] .trust-subprocessors-mobile { display: none; }
@media (max-width: 767px) {
  html.reference-trust[data-theme] .trust-section-desktop { display: none; }
  html.reference-trust[data-theme] .trust-section-mobile { display: block; }
  html.reference-trust[data-theme] .trust-section-disclosure { border-bottom: 1px solid var(--line); }
  html.reference-trust[data-theme] .trust-section-disclosure summary { display: flex; align-items: center; gap: 10px; min-height: 52px; cursor: pointer; list-style: none; font-size: 13px; }
  html.reference-trust[data-theme] .trust-section-disclosure summary::-webkit-details-marker { display: none; }
  html.reference-trust[data-theme] .trust-section-disclosure summary > span:first-child { font-weight: 600; }
  html.reference-trust[data-theme] .trust-section-current { margin-left: auto; color: var(--fg-2); }
  html.reference-trust[data-theme] .trust-section-disclosure[open] summary > svg { transform: rotate(180deg); }
  html.reference-trust[data-theme] .trust-section-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; padding-block: 0 12px; }
  html.reference-trust[data-theme] .trust-section-options a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; color: var(--fg-2); font-size: 14px; border-radius: var(--radius-sm); text-decoration: none; }
  html.reference-trust[data-theme] .trust-section-options a:is(:hover,[aria-current="page"]) { background: var(--bg-3); color: var(--fg); }
  html.reference-trust[data-theme] .trust-section-options a[aria-current="page"] { font-weight: 600; }
  html.reference-trust[data-theme] .trust-subprocessors-desktop { display: none; }
  html.reference-trust[data-theme] .trust-subprocessors-mobile { display: block; }
  html.reference-trust[data-theme] .trust-status-component { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
  html.reference-trust[data-theme] .trust-status-component > div:first-child { flex: 1 1 100%; align-items: flex-start; }
  html.reference-trust[data-theme] .trust-status-component > div:first-child > span { margin-top: 5px; }
  html.reference-trust[data-theme] .trust-status-component > div:last-child { padding-left: 28px; text-align: left; }
  html.reference-trust[data-theme] .trust-processing-details > div { display: block; padding: 16px; }
  html.reference-trust[data-theme] .trust-processing-details :is(dt,dd) { padding: 0; background: none; }
  html.reference-trust[data-theme] .trust-processing-details dd { margin-top: 6px; }
  html.reference-trust[data-theme] .trust-dpa-request { order: -1; }
  html.reference-trust[data-theme] .trust-page-index > div { display: block; }
  html.reference-trust[data-theme] .trust-page-index-label { display: block; padding-top: 8px; }
  html.reference-trust[data-theme] .trust-page-index a { min-height: 44px; }
  html.reference-trust[data-theme] .reference-trust-content section .gap-12 { gap: 28px; }
  html.reference-trust[data-theme] .reference-trust-content section .p-8 { padding: 20px; }
}

html.reference-trust[data-theme] summary:focus-visible { outline: 2px solid var(--ref-keyboard-focus); outline-offset: 4px; }

@media (max-width: 767px) {
  html.reference-trust[data-theme] .reference-status-group { max-width: 100%; padding: 10px 14px; }
  html.reference-trust[data-theme] .reference-status-group .text-base { font-size: 14px; }
}
@media (max-width: 767px) {
  html.reference-trust[data-theme] #trust-directory a.group { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 4px 12px; padding: 16px; }
  html.reference-trust[data-theme] #trust-directory a.group > div { grid-row: 1 / 3; width: 40px; height: 40px; margin: 0; }
  html.reference-trust[data-theme] #trust-directory a.group h3 { margin: 0; font-size: 18px; }
  html.reference-trust[data-theme] #trust-directory a.group p { grid-column: 2; font-size: 14px; line-height: 1.5; margin: 0; }
  html.reference-trust[data-theme] :is(#highlights,#security-highlights) .grid > div { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 4px 12px; padding: 16px; text-align: left; }
  html.reference-trust[data-theme] :is(#highlights,#security-highlights) .grid > div > div { grid-row: 1 / 3; width: 40px; height: 40px; margin: 0; }
  html.reference-trust[data-theme] :is(#highlights,#security-highlights) .grid h3 { margin: 0; font-size: 16px; }
  html.reference-trust[data-theme] :is(#highlights,#security-highlights) .grid p { grid-column: 2; margin: 0; }
  html.reference-trust[data-theme] #certifications .grid.grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  html.reference-trust[data-theme] #certifications .grid.grid-cols-2 > div { padding: 16px 12px; }
  html.reference-trust[data-theme] #certifications .grid.grid-cols-2 h3 { font-size: 16px; }
}

/* At320px the disclosure's indented flex column made its email and prose wider
   than the card. Keep the full reading width on narrow phones. */
html.reference-trust[data-theme] .trust-vulnerability-disclosure > div { min-width: 0; }
html.reference-trust[data-theme] .reference-trust-content a.bg-primary-500 { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 479px) {
  html.reference-trust[data-theme] .trust-vulnerability-disclosure { display: block; }
  html.reference-trust[data-theme] .trust-vulnerability-disclosure > div + div { margin-left: 0; margin-top: 12px; }
}
