/* ============================================================================
   PATHLY LEGAL PAGES
   Stylesheet v2.0  ·  July 30, 2026

   Paste into Salient > Theme Options > CSS, or a child theme stylesheet.

   HOW THIS IS SCOPED
   Every rule is prefixed #pathly-legal.pl-legal. The markup wrapper carries
   both an id and a class for one reason: Salient scopes its own CSS under
   #ajax-content-wrap, an id. A class alone can never outrank an id, so the
   id gives us parity and the class gives us the winning margin. Nothing here
   can affect any other page on the site.

   ABOUT EDITOR WARNINGS
   Salient's CSS field lints with CSSLint, which predates grid, custom
   properties, :focus-visible and ::marker. Warnings about !important,
   minmax(), and modern selectors are expected and can be ignored. Nothing
   here is invalid CSS. If the noise is unwelcome, put this file in a child
   theme stylesheet instead, where nothing lints it.

   WHY !important APPEARS
   Only where the host theme sets the same property with !important. Each use
   is marked with the reason. Everywhere else, specificity does the work.

   FONTS
   No @import. Load Poppins (500,600,700) and Plus Jakarta Sans (400,500,600,
   700) through Salient's font manager, or add a <link> in the header. An
   @import must be the first rule in a stylesheet and fails silently if the
   theme prepends anything.

   CONTENTS
     1. Tokens
     2. Root and reset
     3. Layout
     4. Masthead
     5. Table of contents
     6. Typography
     7. Lists
     8. Tables
     9. Components
    10. Acceptance block
    11. Footer
    12. Responsive
    13. Print
    14. Accessibility
   ========================================================================= */


/* --- 1. Tokens ----------------------------------------------------------- */

#pathly-legal.pl-legal {
  /* Brand */
  --pl-purple:    #4D207A;
  --pl-deep:      #2E1363;
  --pl-magenta:   #DE0175;
  --pl-cyan:      #00BFE3;

  /* Ink and surfaces */
  --pl-ink:       #1A1226;
  --pl-body:      #3A3348;
  --pl-mute:      #6B6480;
  --pl-line:      #E4DEEC;
  --pl-line-soft: #F0EBF6;
  --pl-panel:     #F4F0FA;
  --pl-card:      #FFFFFF;

  /* Radii */
  --pl-r-sm:   8px;
  --pl-r-md:   20px;
  --pl-r-pill: 999px;

  /* Type */
  --pl-display: 'Poppins', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --pl-text:    'Plus Jakarta Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --pl-mono:    ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, Consolas, monospace;

  /* Rhythm */
  --pl-gap:     56px;
  --pl-rail:    232px;
  --pl-measure: 74ch;
}


/* --- 2. Root and reset --------------------------------------------------- */

#pathly-legal.pl-legal {
  font-family: var(--pl-text) !important;   /* themes set body font globally */
  font-size: 16px;
  line-height: 1.65;
  color: var(--pl-body);
  background: transparent;                  /* let the host page colour show */
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
}

#pathly-legal.pl-legal *,
#pathly-legal.pl-legal *::before,
#pathly-legal.pl-legal *::after {
  box-sizing: inherit;
}

/* Nothing may exceed its container. This plus the grid rules in section 3
   are what keep phones from scrolling sideways. */
#pathly-legal.pl-legal img,
#pathly-legal.pl-legal svg,
#pathly-legal.pl-legal video {
  max-width: 100%;
  height: auto;
}

/* overflow-wrap breaks a word only when it cannot fit. word-break:break-word
   is aliased to overflow-wrap:anywhere in most engines, which also shrinks a
   column's intrinsic minimum and collapses table columns, so it is confined
   to links and code where genuinely unbreakable strings appear. */
#pathly-legal.pl-legal p,
#pathly-legal.pl-legal li,
#pathly-legal.pl-legal td,
#pathly-legal.pl-legal th {
  overflow-wrap: break-word;
  -webkit-hyphens: none;
  hyphens: none;
}
#pathly-legal.pl-legal a,
#pathly-legal.pl-legal code {
  overflow-wrap: break-word;
  word-break: break-all;
}


/* --- 3. Layout ----------------------------------------------------------- */

#pathly-legal.pl-legal .pl-shell {
  max-width: 1140px;
  margin: 0 auto;
  padding: 48px 24px 96px;
}

/* minmax(0,1fr) rather than 1fr is load-bearing. A 1fr track takes its
   automatic minimum from content, so a table with a min-width pushes the
   whole column past the viewport. minmax(0,...) lets it shrink and hands
   horizontal scrolling to .pl-tw where it belongs. */
#pathly-legal.pl-legal .pl-cols {
  display: grid;
  grid-template-columns: var(--pl-rail) minmax(0, 1fr);
  gap: var(--pl-gap);
  align-items: start;
}

#pathly-legal.pl-legal .pl-cols > * {
  min-width: 0;
  max-width: 100%;
}


/* --- 4. Masthead --------------------------------------------------------- */

#pathly-legal.pl-legal .pl-masthead {
  border-bottom: 1px solid var(--pl-line);
  padding-bottom: 28px;
  margin-bottom: 36px;
}

#pathly-legal.pl-legal .pl-eyebrow {
  margin: 0 0 14px;
  font-family: var(--pl-mono) !important;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pl-magenta);
}

#pathly-legal.pl-legal .pl-lede {
  max-width: 62ch;
  margin: 0 0 24px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--pl-body);
}

/* Version rail */
#pathly-legal.pl-legal .pl-version {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  border: 1px solid var(--pl-line);
  border-radius: var(--pl-r-md);
  background: var(--pl-panel);
  overflow: hidden;
}

#pathly-legal.pl-legal .pl-version div {
  flex: 1 1 150px;
  padding: 14px 18px;
  border-right: 1px solid var(--pl-line);
}
#pathly-legal.pl-legal .pl-version div:last-child { border-right: 0; }

#pathly-legal.pl-legal .pl-version dt {
  margin: 0 0 5px;
  font-family: var(--pl-mono) !important;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pl-mute);
}

#pathly-legal.pl-legal .pl-version dd {
  margin: 0;
  font-family: var(--pl-mono) !important;
  font-size: 13px;
  font-weight: 500;
  color: var(--pl-deep);
}

/* Unresolved placeholder. Highlighted so it cannot ship unnoticed. */
#pathly-legal.pl-legal .pl-todo {
  padding: 1px 6px;
  border: 1px dashed #C9A227;
  border-radius: var(--pl-r-sm);
  background: #FFF3C4;
  color: #6B4E00;
  font-family: var(--pl-mono) !important;
  font-size: 0.86em;
}


/* --- 5. Table of contents ------------------------------------------------ */

#pathly-legal.pl-legal .pl-toc {
  position: sticky;
  top: 24px;
  padding-left: 18px;
  border-left: 2px solid var(--pl-line);
  font-size: 13.5px;
  line-height: 1.45;
}

#pathly-legal.pl-legal .pl-toc-title {
  margin: 0 0 14px;
  font-family: var(--pl-mono) !important;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pl-mute);
}

#pathly-legal.pl-legal .pl-toc ol {
  counter-reset: pl-toc;
  margin: 0;
  padding-left: 0 !important;               /* themes indent lists globally */
}

#pathly-legal.pl-legal .pl-toc li {
  counter-increment: pl-toc;
  display: flex;
  gap: 10px;
  margin: 0 0 9px;
  padding-left: 0 !important;
}

#pathly-legal.pl-legal .pl-toc li::before {
  content: counter(pl-toc, decimal-leading-zero);
  position: static;
  flex: 0 0 auto;
  width: auto;
  height: auto;
  padding-top: 3px;
  border-radius: 0;
  background: none;
  opacity: 1;
  font-family: var(--pl-mono) !important;
  font-size: 10.5px;
  color: var(--pl-mute);
}

#pathly-legal.pl-legal .pl-toc a {
  color: var(--pl-body);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
#pathly-legal.pl-legal .pl-toc a:hover,
#pathly-legal.pl-legal .pl-toc a:focus-visible {
  color: var(--pl-purple);
  border-bottom-color: var(--pl-cyan);
}


/* --- 6. Typography ------------------------------------------------------- */

#pathly-legal.pl-legal h1,
#pathly-legal.pl-legal h2,
#pathly-legal.pl-legal h3 {
  font-family: var(--pl-display) !important;  /* theme sets heading font */
  font-weight: 600 !important;
  text-transform: none !important;            /* Salient uppercases headings */
  color: var(--pl-deep) !important;
}

#pathly-legal.pl-legal h1 {
  margin: 0 0 18px;
  font-size: 42px;
  line-height: 1.12;
  letter-spacing: -0.02em;
}

#pathly-legal.pl-legal h2 {
  display: flex;
  gap: 14px;
  align-items: baseline;
  margin: 0 0 6px;
  padding-top: 22px;
  border-top: 2px solid var(--pl-line);
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: -0.012em;
}

#pathly-legal.pl-legal h2 .pl-num {
  flex: 0 0 auto;
  font-family: var(--pl-mono) !important;
  font-size: 12px;
  font-weight: 500 !important;
  letter-spacing: 0.06em;
  color: var(--pl-magenta) !important;
}

#pathly-legal.pl-legal h3 {
  margin: 30px 0 8px;
  font-size: 15.5px;
  letter-spacing: -0.005em;
  color: var(--pl-purple) !important;
}

#pathly-legal.pl-legal h4 {
  margin: 22px 0 6px;
  font-family: var(--pl-text) !important;
  font-size: 14px;
  font-weight: 700;
  text-transform: none !important;
  color: var(--pl-ink) !important;
}

#pathly-legal.pl-legal section {
  margin: 0 0 52px;
  scroll-margin-top: 24px;
}

/* Body copy is pinned rather than inherited. Some themes set font-family on
   p, li and td directly, which would otherwise beat inheritance from the
   wrapper. The mono exceptions below carry !important so they still win. */
#pathly-legal.pl-legal p,
#pathly-legal.pl-legal li,
#pathly-legal.pl-legal td,
#pathly-legal.pl-legal th,
#pathly-legal.pl-legal dd,
#pathly-legal.pl-legal dt {
  font-family: var(--pl-text) !important;
}

#pathly-legal.pl-legal p {
  max-width: var(--pl-measure);
  margin: 0 0 14px;
}

#pathly-legal.pl-legal strong {
  font-weight: 700;
  color: var(--pl-ink);
}

#pathly-legal.pl-legal a {
  color: var(--pl-purple);
  text-decoration: underline;
  text-decoration-color: var(--pl-cyan);
  text-underline-offset: 2px;
  background: none !important;                /* themes add link backgrounds */
  box-shadow: none !important;                /* Salient underlines via shadow */
}
#pathly-legal.pl-legal a:hover { color: var(--pl-magenta); }
#pathly-legal.pl-legal a::after { display: none !important; }


/* --- 7. Lists ------------------------------------------------------------ */

/* Native markers are switched off everywhere and redrawn by us. If a theme
   re-applies list-style at a higher specificity we would otherwise get two
   markers per row: the theme's disc and ours. */
#pathly-legal.pl-legal ul,
#pathly-legal.pl-legal ol,
#pathly-legal.pl-legal li {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
  background: none !important;
}
#pathly-legal.pl-legal li::marker { content: "" !important; }

#pathly-legal.pl-legal ul,
#pathly-legal.pl-legal ol {
  max-width: var(--pl-measure);
  margin: 0 0 16px;
  padding-left: 2px !important;               /* themes force 40px indents */
}

#pathly-legal.pl-legal li {
  margin: 0 0 7px;
  margin-left: 0 !important;
}

/* Body bullets: a small purple dot */
#pathly-legal.pl-legal ul > li {
  position: relative;
  padding-left: 20px !important;
}
#pathly-legal.pl-legal ul > li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 0.62em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--pl-purple);
  opacity: 0.55;
}

/* Body numbered lists: real numbers via counter */
#pathly-legal.pl-legal main ol {
  counter-reset: pl-ol;
}
#pathly-legal.pl-legal main ol > li {
  counter-increment: pl-ol;
  position: relative;
  padding-left: 26px !important;
}
#pathly-legal.pl-legal main ol > li::before {
  content: counter(pl-ol) ".";
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  opacity: 1;
  font-family: var(--pl-mono) !important;
  font-size: 12px;
  color: var(--pl-mute);
}


/* --- 8. Tables ----------------------------------------------------------- */

/* The wrapper owns horizontal scrolling. The table keeps a min-width so
   columns stay readable rather than collapsing into unreadable slivers. */
#pathly-legal.pl-legal .pl-tw {
  max-width: 100%;
  margin: 18px 0 24px;
  border: 1px solid var(--pl-line);
  border-radius: var(--pl-r-sm);
  background: var(--pl-card);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

#pathly-legal.pl-legal table {
  width: 100%;
  min-width: 520px;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: collapse !important;
  background: none !important;
  font-size: 14px;
}

#pathly-legal.pl-legal caption {
  caption-side: top;
  padding: 14px 16px 0 !important;
  font-family: var(--pl-mono) !important;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: left !important;
  color: var(--pl-mute);
}

#pathly-legal.pl-legal thead th {
  padding: 11px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pl-line) !important;
  background: var(--pl-panel) !important;
  font-family: var(--pl-display) !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--pl-deep) !important;
  text-align: left;
  white-space: nowrap;
}

#pathly-legal.pl-legal tbody td,
#pathly-legal.pl-legal tbody th {
  padding: 11px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--pl-line-soft) !important;
  vertical-align: top;
  text-align: left;
  min-width: 108px;                    /* no column collapses to a sliver */
}

/* First column carries the row label and should not wrap awkwardly */
#pathly-legal.pl-legal tbody tr > *:first-child { min-width: 128px; }

#pathly-legal.pl-legal tbody th {
  font-weight: 600;
  color: var(--pl-ink);
}

#pathly-legal.pl-legal tbody tr:last-child td,
#pathly-legal.pl-legal tbody tr:last-child th {
  border-bottom: 0 !important;
}

/* Themes love zebra striping. We don't. */
#pathly-legal.pl-legal tbody tr,
#pathly-legal.pl-legal tbody tr:nth-child(even) {
  background: none !important;
}

#pathly-legal.pl-legal .pl-no {
  color: var(--pl-magenta);
  font-weight: 700;
}


/* --- 9. Components ------------------------------------------------------- */

/* Plain-language summary */
#pathly-legal.pl-legal .pl-plain {
  max-width: 100%;
  margin: 0 0 44px;
  padding: 26px 28px;
  border: 1px solid var(--pl-line);
  border-radius: var(--pl-r-md);
  background: var(--pl-panel);
}
#pathly-legal.pl-legal .pl-plain h2 {
  margin-bottom: 12px;
  padding-top: 0;
  border-top: 0;
  font-size: 17px;
}
#pathly-legal.pl-legal .pl-plain p:last-child,
#pathly-legal.pl-legal .pl-plain ul:last-child { margin-bottom: 0; }

#pathly-legal.pl-legal .pl-plain ul > li { padding-left: 22px !important; }
#pathly-legal.pl-legal .pl-plain ul > li::before {
  content: "";
  left: 2px;
  top: 0.6em;
  width: 7px;
  height: 7px;
  background: var(--pl-cyan);
  opacity: 1;
}

/* Permitted / never panels. The signature device: affirmative and prohibited
   sets appear throughout these documents, so the pairing encodes real
   structure rather than decorating it. */
#pathly-legal.pl-legal .pl-rules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 18px 0 22px;
}

#pathly-legal.pl-legal .pl-rule {
  max-width: 100%;
  padding: 18px 20px;
  border: 1px solid var(--pl-line);
  border-left-width: 3px;
  border-radius: var(--pl-r-sm);
  background: var(--pl-card);
}
#pathly-legal.pl-legal .pl-rule.is-yes { border-left-color: var(--pl-cyan); }
#pathly-legal.pl-legal .pl-rule.is-no  { border-left-color: var(--pl-magenta); }

#pathly-legal.pl-legal .pl-rule-h {
  margin: 0 0 12px;
  font-family: var(--pl-mono) !important;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
#pathly-legal.pl-legal .pl-rule.is-yes .pl-rule-h { color: #00799B; }
#pathly-legal.pl-legal .pl-rule.is-no  .pl-rule-h { color: var(--pl-magenta); }

#pathly-legal.pl-legal .pl-rule ul { margin: 0; max-width: none; }
#pathly-legal.pl-legal .pl-rule li {
  margin-bottom: 9px;
  font-size: 14.5px;
  line-height: 1.5;
}
#pathly-legal.pl-legal .pl-rule li:last-child { margin-bottom: 0; }

#pathly-legal.pl-legal .pl-rule ul > li { padding-left: 24px !important; }
#pathly-legal.pl-legal .pl-rule ul > li::before {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  opacity: 1;
  font-family: var(--pl-mono) !important;
  font-size: 13px;
  font-weight: 700;
}
#pathly-legal.pl-legal .pl-rule.is-yes ul > li::before { content: "\2713"; color: var(--pl-cyan); }
#pathly-legal.pl-legal .pl-rule.is-no  ul > li::before { content: "\2715"; color: var(--pl-magenta); }

/* Callout */
#pathly-legal.pl-legal .pl-note {
  max-width: 100%;
  margin: 20px 0;
  padding: 16px 20px;
  border-left: 3px solid var(--pl-purple);
  border-radius: 0 var(--pl-r-sm) var(--pl-r-sm) 0;
  background: var(--pl-line-soft);
  font-size: 14.5px;
}
#pathly-legal.pl-legal .pl-note p:last-child { margin-bottom: 0; }
#pathly-legal.pl-legal .pl-note-h {
  display: block;
  margin: 0 0 6px;
  font-family: var(--pl-display);
  font-size: 13px;
  font-weight: 600;
  color: var(--pl-deep);
}


/* --- 10. Acceptance block ------------------------------------------------ */

#pathly-legal.pl-legal .pl-accept {
  max-width: 100%;
  margin: 48px 0 0;
  padding: 28px 30px;
  border: 2px solid var(--pl-deep);
  border-radius: var(--pl-r-md);
  background: var(--pl-card);
}
#pathly-legal.pl-legal .pl-accept h2 {
  margin-bottom: 12px;
  padding-top: 0;
  border-top: 0;
}

#pathly-legal.pl-legal .pl-sig {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin-top: 24px;
}
#pathly-legal.pl-legal .pl-sig div {
  padding-top: 14px;
  border-top: 1px solid var(--pl-line);
}
#pathly-legal.pl-legal .pl-sig p {
  margin: 0 0 6px;
  font-family: var(--pl-mono) !important;
  font-size: 12.5px;
  color: var(--pl-mute);
}
#pathly-legal.pl-legal .pl-sig p:first-child {
  margin-bottom: 12px;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--pl-deep);
}


/* --- 11. Footer ---------------------------------------------------------- */

#pathly-legal.pl-legal .pl-foot {
  margin-top: 56px;
  padding-top: 24px;
  border-top: 1px solid var(--pl-line);
  font-size: 13px;
  color: var(--pl-mute);
}
#pathly-legal.pl-legal .pl-foot p { margin-bottom: 8px; }

#pathly-legal.pl-legal .pl-related {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 0;
  padding: 0 !important;
  max-width: none;
}
#pathly-legal.pl-legal .pl-related li {
  margin: 0;
  padding-left: 0 !important;
}
#pathly-legal.pl-legal .pl-related li::before { display: none; }

#pathly-legal.pl-legal .pl-related a {
  display: inline-block;
  padding: 7px 16px;
  border: 1px solid var(--pl-line) !important;
  border-radius: var(--pl-r-pill);
  font-family: var(--pl-display);
  font-size: 12.5px;
  font-weight: 500;
  color: var(--pl-purple);
  text-decoration: none;
}
#pathly-legal.pl-legal .pl-related a:hover {
  border-color: var(--pl-cyan) !important;
  color: var(--pl-deep);
}


/* --- 12. Responsive ------------------------------------------------------ */

/* Tablet and below: single column, table of contents becomes a panel */
@media (max-width: 900px) {
  #pathly-legal.pl-legal .pl-cols {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 32px;
  }
  #pathly-legal.pl-legal .pl-toc {
    position: static;
    padding: 20px 22px;
    border-left: 0;
    border-radius: var(--pl-r-md);
    background: var(--pl-panel);
  }
}

/* Narrow tablet: stacked rule panels */
@media (max-width: 700px) {
  #pathly-legal.pl-legal h1 { font-size: 34px; }
  #pathly-legal.pl-legal .pl-rules,
  #pathly-legal.pl-legal .pl-sig {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Phone */
@media (max-width: 600px) {
  #pathly-legal.pl-legal { font-size: 15.5px; }

  #pathly-legal.pl-legal .pl-shell { padding: 28px 18px 64px; }

  #pathly-legal.pl-legal h1 { font-size: 28px; }
  #pathly-legal.pl-legal h2 { font-size: 20px; gap: 10px; }
  #pathly-legal.pl-legal .pl-lede { font-size: 16px; }

  /* Stack the version rail one item per row */
  #pathly-legal.pl-legal .pl-version div {
    flex: 1 1 100%;
    border-right: 0;
    border-bottom: 1px solid var(--pl-line);
  }
  #pathly-legal.pl-legal .pl-version div:last-child { border-bottom: 0; }

  #pathly-legal.pl-legal .pl-plain,
  #pathly-legal.pl-legal .pl-accept { padding: 20px 18px; }

  /* Tables scroll inside their wrapper, so width costs nothing and cramped
     columns cost readability. Give them room rather than squeezing. */
  #pathly-legal.pl-legal table { min-width: 640px; font-size: 13.5px; }
  #pathly-legal.pl-legal thead th,
  #pathly-legal.pl-legal tbody td,
  #pathly-legal.pl-legal tbody th {
    padding: 10px 13px !important;
    min-width: 116px;
  }
  #pathly-legal.pl-legal tbody tr > *:first-child { min-width: 132px; }
  #pathly-legal.pl-legal thead th { white-space: nowrap; }

  /* Scroll affordance: a coloured right edge signals more content sideways */
  #pathly-legal.pl-legal .pl-tw {
    border-right: 3px solid var(--pl-line);
  }
}


/* --- 13. Print ----------------------------------------------------------- */

@media print {
  #pathly-legal.pl-legal {
    font-size: 10.5pt;
    line-height: 1.45;
    color: #000;
  }
  #pathly-legal.pl-legal .pl-toc,
  #pathly-legal.pl-legal .pl-related { display: none; }

  #pathly-legal.pl-legal .pl-shell { max-width: none; padding: 0; }
  #pathly-legal.pl-legal .pl-cols { display: block; }

  #pathly-legal.pl-legal h1 { font-size: 20pt; }
  #pathly-legal.pl-legal h2 { font-size: 13pt; page-break-after: avoid; }
  #pathly-legal.pl-legal h3,
  #pathly-legal.pl-legal h4 { page-break-after: avoid; }

  #pathly-legal.pl-legal section,
  #pathly-legal.pl-legal table,
  #pathly-legal.pl-legal .pl-rule,
  #pathly-legal.pl-legal .pl-note { page-break-inside: avoid; }

  #pathly-legal.pl-legal .pl-tw { overflow: visible !important; }
  #pathly-legal.pl-legal table { min-width: 0 !important; }

  #pathly-legal.pl-legal a { color: #000; text-decoration: none; }
  #pathly-legal.pl-legal .pl-version { background: none; }
}


/* --- 14. Accessibility --------------------------------------------------- */

#pathly-legal.pl-legal :focus-visible {
  outline: 2px solid var(--pl-cyan);
  outline-offset: 2px;
  border-radius: 3px;
}

@media (prefers-reduced-motion: reduce) {
  #pathly-legal.pl-legal *,
  #pathly-legal.pl-legal *::before,
  #pathly-legal.pl-legal *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}