/* =====================================================================
   GENERATED FILE -- DO NOT EDIT.

   Built from _source/assets/components/trust.css by _dev/generate/theme-assets.mjs. Edit the
   snapshot and regenerate; a hand edit here fails the gate at commit
   rather than surviving to contradict its source. The snapshot is frozen:
   it has been the design of record since 2026-10-08 (frozenOn in its
   source.json), so it is edited in place and never re-synced.

     node _dev/generate/theme-assets.mjs redfish   rebuild this file

   The file below is the static site's stylesheet verbatim, comments and
   all, and unchanged: the trust component, every selector
   under .c-trust.

   NOTHING WORDPRESS-SPECIFIC GOES IN THIS FILE. Adapter rules that map
   block markup onto these components live in native-adapters.css, which
   is hand-written and loads after this one. Keeping them apart is what
   lets this copy stay diffable against the original.
   ===================================================================== */

/* trust: the permitting strip under the hero.
   Root: <div class="trust c-trust">. */
.c-trust { border-block: 1px solid var(--border); background: var(--surface); }
.c-trust .wrap { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(16px, 3vw, 40px); padding-block: 18px; }
.c-trust .t { display: flex; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 12.5px; letter-spacing: .04em; color: var(--muted); }
.c-trust .t svg { flex: none; }
.c-trust .sep { flex: 1 1 0; height: 1px; background: var(--line); min-width: 12px; }
@media (max-width: 880px) {
  /* the flexible separators only read as rules while the strip is one line.
     Once it wraps they become stray full-width hairlines, so below this the
     strip becomes a grid and the lead line spans it the way a heading would. */
  .c-trust .wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; padding-block: 16px; }
  .c-trust .sep { display: none; }
  .c-trust .t:first-child { grid-column: 1 / -1; color: var(--fg); }
}
@media (max-width: 600px) {
  .c-trust .wrap { grid-template-columns: 1fr; }
}