/* Tables, notes and draft markers for the four MD-sourced legal pages.
 *
 * A SEPARATE sheet, referenced only from those four pages' PAGE code. The nine converted
 * legal pages are verified element-for-element against their React source, so nothing may
 * be added to the shared `uichemy-lgl.css` they load.
 *
 * Values are the legal family's own tokens, resolved from that sheet's @layer theme:
 *   border-weak #e5e5e5 · border-default #d4d4d4 · text-weaker #737373 · text-default #0a0a0a
 * Every selector is scoped and carries a class — no bare-element rules (rule 4.4) — and the
 * scope prefix is plain `.uc-lgl` so these rules sit at the same specificity as the shared
 * sheet's and win on load order, the way the spoke page-code sheet does.
 */

/* wide tables scroll in their own container; the page body must never scroll sideways */
.uc-lgl .policy-prose .pp-tablewrap{
  margin: 0 0 18px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}
.uc-lgl .policy-prose .pp-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.45;
  text-align: left;
}
.uc-lgl .policy-prose .pp-table th,
.uc-lgl .policy-prose .pp-table td{
  padding: 11px 14px;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: top;
}
.uc-lgl .policy-prose .pp-table thead th{
  font-weight: 600;
  color: #0a0a0a;
  background: #f9f9fb;
  border-bottom: 1px solid #d4d4d4;
  white-space: nowrap;
}
.uc-lgl .policy-prose .pp-table tbody tr:last-child th,
.uc-lgl .policy-prose .pp-table tbody tr:last-child td{ border-bottom: 0; }
.uc-lgl .policy-prose .pp-table td{ color: #404040; }
.uc-lgl .policy-prose .pp-table code{
  font-size: 13px;
  padding: 1px 5px;
  border-radius: 4px;
  background: #f1f1f7;
}

/* `code` in running prose, which the shared sheet does not style either */
.uc-lgl .policy-prose code{
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 0.92em;
  padding: 1px 5px;
  border-radius: 4px;
  background: #f1f1f7;
  color: #0a0a0a;
}

/* pull-quote notes */
.uc-lgl .policy-prose .pp-note{
  margin: 0 0 14px;
  padding: 12px 16px;
  border-left: 3px solid #d4d4d4;
  background: #f9f9fb;
  border-radius: 0 8px 8px 0;
  color: #404040;
}
.uc-lgl .policy-prose hr{
  margin: 32px 0;
  border: 0;
  border-top: 1px solid #e5e5e5;
}

/* The author's unresolved {{…}} markers and [TO GENERATE …] instructions, kept visible.
 * These pages are DRAFTS: inventing a data-residency region, an accessibility finding or
 * a licence would publish a false compliance claim, so every gap is marked instead. */
/* NOT under .policy-prose: `{{LAST UPDATED DATE}}` lands in .pp-dates, which is a
 * sibling of the prose block, so a prose-scoped rule left it unstyled. */
.uc-lgl .pp-todo{
  display: inline;
  padding: 1px 6px;
  border-radius: 4px;
  background: #fff4ee;
  box-shadow: inset 0 0 0 1px #ffd9c9;
  color: #b3400f;
  font-size: 0.95em;
}

@media (max-width: 860px){
  .uc-lgl .policy-prose .pp-table{ font-size: 13px; }
  .uc-lgl .policy-prose .pp-table th,
  .uc-lgl .policy-prose .pp-table td{ padding: 9px 11px; }
}
@media (max-width: 620px){
  .uc-lgl .policy-prose .pp-note{ padding: 10px 13px; }
}