/* Phones, 600px and under (the phone layer, 3 October 2026): moved out of world-legal.css unchanged, linked with
   media="(max-width:600px)" after world-legal-compact.css. The Terms' payment table's data-label attributes are set by
   legal-contents.js on phones (terms.html is back to its original text). */

/* Phones (3 October 2026): tables read as stacked rows, each row's first cell its title (as on the venue page), and on the
   Terms' payment table each further cell a label/value pair (data-label carries its column's heading, verbatim); the
   heading row stays for screen readers. Code blocks wrap inside their frame instead of running off it. */
/* Codex review, 4 October 2026: the Terms' payment table only stacks once legal-contents.js has given its cells their
   data-label (its column headings); without JavaScript it keeps its table layout, headings visible, scrolling inside its
   frame. Privacy's and the bot page's tables stack as before (each row's first cell is its title). The conditions sit in
   :where(), so every rule keeps the specificity it had. */
@media (max-width:600px){
 .superstrate-interior-page .legal-table:where(.superstrate-interior-page:not([data-current-page="terms"]) .legal-table,.legal-table:has(td[data-label])){overflow:visible}
 .superstrate-interior-page .legal-table:where(.superstrate-interior-page:not([data-current-page="terms"]) .legal-table,.legal-table:has(td[data-label])) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .superstrate-interior-page .legal-table:where(.superstrate-interior-page:not([data-current-page="terms"]) .legal-table,.legal-table:has(td[data-label])) :is(table,tbody,tr,td){display:block;width:auto}
 .superstrate-interior-page .legal-table:where(.superstrate-interior-page:not([data-current-page="terms"]) .legal-table,.legal-table:has(td[data-label])) tr{padding:14px 16px;border-bottom:1px solid #e3decf}
 .superstrate-interior-page .legal-table:where(.superstrate-interior-page:not([data-current-page="terms"]) .legal-table,.legal-table:has(td[data-label])) tr:last-child{border-bottom:0}
 .superstrate-interior-page .legal-table:where(.superstrate-interior-page:not([data-current-page="terms"]) .legal-table,.legal-table:has(td[data-label])) td{padding:0;border-bottom:0}
 .superstrate-interior-page .legal-table:where(.superstrate-interior-page:not([data-current-page="terms"]) .legal-table,.legal-table:has(td[data-label])) td:first-child{min-width:0;margin-bottom:4px}
 .superstrate-interior-page[data-current-page="terms"] .legal-table:where(:has(td[data-label])) :is(th,td):nth-child(2){text-align:left;white-space:normal}
 .superstrate-interior-page .legal-table td[data-label]{display:grid;grid-template-columns:minmax(0,10em) minmax(0,1fr);column-gap:14px;padding-top:4px}
 .superstrate-interior-page .legal-table td[data-label]::before{content:attr(data-label);content:attr(data-label) / "";font-size:.92em;color:#45473f}
 .superstrate-interior-page .legal-body pre{padding:14px 16px;white-space:pre-wrap;overflow-wrap:anywhere}
 .superstrate-interior-page .legal-body pre code{overflow-wrap:anywhere}
}