/* ============================================================================
   email-decision-record-trust.css — the Email Decision Record status page and
   security page (plan rows 6.4 and 4.8). Loaded after village-apps.css and
   email-decision-record-product.css; consumes their tokens, so the light and
   dark themes follow theirs. This sheet adds only what these two pages need.
   ============================================================================ */

/* The wrap keeps the hero's width and left edge; only the text inside it is held to a reading measure. */
.trust-prose > * { max-width: 46rem; }
.trust-prose h2 { font-size: var(--t-xl); letter-spacing: -.01em; margin-bottom: var(--s4); }
.trust-prose h3 { font-size: var(--t-l); margin: var(--s8) 0 var(--s2); }
.trust-prose p { margin-bottom: var(--s4); }
.trust-prose a:not(.btn) { color: var(--c-know); text-underline-offset: .15em; }

.trust-list { padding-left: 1.2em; margin: 0 0 var(--s4); }
.trust-list li { margin-bottom: var(--s3); }

/* The current status: one plain box, edited by hand during an incident. */
.status-box { background: var(--bg-raise); border: 1px solid var(--line); border-left: 6px solid var(--c-work);
  border-radius: var(--r-s); padding: var(--s4) var(--s6); margin: 0 0 var(--s4); }
.status-now { font-size: var(--t-l); font-weight: 700; margin: 0 0 var(--s2); color: var(--ink); }
.status-updated { margin: 0; color: var(--ink-soft); font-size: var(--t-s); }

.trust-contact a { font-weight: 700; overflow-wrap: anywhere; }

/* Mailbox scopes: the strings the code requests, never translated. Long ones wrap rather than pushing the page wider
   than a phone. */
.trust-scopes { display: grid; grid-template-columns: max-content 1fr; gap: var(--s2) var(--s4); margin: 0 0 var(--s4);
  background: var(--bg-raise); border: 1px solid var(--line); border-radius: var(--r-s); padding: var(--s4); }
.trust-scopes dt { font-weight: 700; }
.trust-scopes dd { margin: 0; }
.trust-scopes code { display: inline-block; margin: 0 .35em .25em 0; padding: .05em .4em; border-radius: .3em;
  background: var(--c-know-soft); color: var(--ink); font-size: .9em; overflow-wrap: anywhere; word-break: break-all; }
@media (max-width: 30rem) {
  .trust-scopes { grid-template-columns: 1fr; }
}

.trust-prose .btn, .cta-band .btn { background: var(--bg-raise); border-color: var(--line); color: var(--ink); }