/* Stepping outside the ring (scripts/build-ring-guide-page.js): the version line, the five-moves table and the lists. Additions to
   trust-pages.css and the house chrome; tokens only, no inline style (the public-surface CSP).
   The table stacks on phones as the evidence page's do (commit 1634e57482): below 48rem each row becomes labelled lines, the label
   being the column heading, shown only there (the table header names the columns above that width). Four columns of prose fit
   without a minimum width, so the table never scrolls sideways. */
.rg-version { margin-top: .7rem; font-size: var(--t-s, .92rem); color: var(--ink-soft); }
.rg-table { margin: var(--s4, 1rem) 0; }
.rg-table table { border-collapse: collapse; width: 100%; font-size: .95rem; line-height: 1.55; }
.rg-table th, .rg-table td { text-align: left; vertical-align: top; padding: .65em .75em; border-bottom: 1px solid var(--line, #ccc); overflow-wrap: break-word; color: var(--ink); }
.rg-table thead th { font-weight: 600; }
/* Column shares on wide screens: the move and what you keep are short, so they get a fixed share and never split a word. */
.rg-table tbody th { font-weight: 600; width: 17%; }
.rg-table tbody td:nth-child(2) { width: 15%; }
/* The at-a-glance table on village-and-microsoft-365.html (three columns): the tool and the state are short, the middle column takes the rest. */
.rg-table--glance tbody th { width: 22%; }
.rg-table--glance tbody td:nth-child(2) { width: auto; }
.rg-table--glance tbody td:nth-child(3) { width: 22%; }
code { font-family: monospace; font-size: .92em; overflow-wrap: anywhere; }
.rg-lbl { display: none; }
@media (max-width: 48rem) {
  .rg-table table, .rg-table tbody, .rg-table tr, .rg-table th, .rg-table td { display: block; width: auto; }
  .rg-table thead { display: none; }
  .rg-table tr { padding: .8em 0; border-bottom: 1px solid var(--line, #ccc); }
  .rg-table th, .rg-table td { padding: .25em 0; border-bottom: 0; }
  .rg-table tbody th, .rg-table tbody td:nth-child(2), .rg-table--glance tbody td:nth-child(3) { width: auto; }
  .rg-table tbody th { font-size: 1.02rem; }
  .rg-table .rg-lbl { display: block; font-size: .8rem; font-weight: 600; letter-spacing: .02em; color: var(--ink-soft); }
  .rg-table tbody th .rg-lbl { margin-bottom: .1em; }
}
.rg-list { padding-left: 1.4rem; }
.rg-list li { margin-bottom: .55rem; }
/* Print: the guide is meant to be handed round as a page or two. No site chrome, the five-moves table kept as a table (the
   phone stacking above is switched off, since an A4 page is narrower than 48rem), links shown as plain text, small type. */
@media print {
  header.site, footer.site-foot, .skip-link, .apex-about-page, nav { display: none !important; }
  body { background: #fff !important; color: #000 !important; font-size: 9.6pt; line-height: 1.38; }
  p, li { font-size: 9.6pt !important; line-height: 1.38 !important; margin: .35em 0 !important; max-width: none !important; }
  main, .rg-wrap, .trust-page { max-width: none !important; padding: 0 !important; margin: 0 !important; }
  .band, .band--alt, .hero { padding: .15em 0 !important; margin: 0 !important; background: none !important; min-height: 0 !important; }
  .band-head { margin: .4em 0 !important; text-align: left !important; }
  .mesh, .backdrop, .overlay { display: none !important; }
  .wrap { max-width: none !important; padding: 0 !important; }
  h1 { font-size: 18pt; margin: 0 0 .1em; }
  h2 { font-size: 12pt; margin: .7em 0 .2em; break-after: avoid; }
  p, li { orphans: 3; widows: 3; }
  a { color: #000 !important; text-decoration: none !important; }
  .rg-table table { display: table !important; width: 100% !important; font-size: 8.4pt; line-height: 1.3; }
  .rg-table thead { display: table-header-group !important; }
  .rg-table tbody { display: table-row-group !important; }
  .rg-table tr { display: table-row !important; padding: 0 !important; break-inside: avoid; }
  .rg-table th, .rg-table td { display: table-cell !important; padding: .25em .4em !important; border-bottom: 1px solid #999 !important; width: auto !important; }
  .rg-table tbody th { width: 15% !important; }
  .rg-table .rg-lbl { display: none !important; }
  /* Printed links show no address, so the Links list is left out and the page says where the current version lives. */
  #links { display: none !important; }
  #what-you-can-then-show-an-outsider::after { content: "This is version 2, 10 November 2026. Read the current version at mysovereignty.digital/stepping-outside-the-ring.html"; display: block; margin-top: 1.2em; padding-top: .6em; border-top: 1px solid #999; font-size: 9pt; color: #000; }
}