/* ls_legal.css — the legal / policy pages (/terms/, /privacy/).
 *
 * These pages were never given a DG4 treatment: they still rendered
 * through the Ghost theme's light styles while the site around them went
 * dark, which is how they ended up as near-white text on a near-white
 * ground (owner, 2026-08-18). They now use the same architecture as an
 * evergreen page — .hw-hero then .hw-article — so ls_evergreen.css does
 * almost all of the work.
 *
 * EVERY RULE IS SCOPED TO #hw-solar.hw-legal, for two reasons:
 *   1. inertness — the file must do nothing on any other page type, per
 *      design-director §1, even though only these two pages link it;
 *   2. it has to WIN against ls_evergreen.css, which styles a top-level
 *      <ul> as a card grid (the state pages' "resource list -> card grid"
 *      treatment). Equal specificity plus later load order is too fragile
 *      to rely on — and the first cut of this file did rely on it, which
 *      shipped policy bullets rendered as boxed feature cards.
 *
 * PX ONLY, as in ls_paywall.css: the Ghost theme sets a 10px root
 * (html{font-size:62.5%}), so rem values here would render at 62.5%.
 */

/* ── policy lists: plain bullets, NOT the evergreen card grid ─────────
 * Each property here is undoing a specific ls_evergreen.css declaration;
 * dropping any one of them brings the card back. */
#hw-solar.hw-legal .hw-article-in > ul,
#hw-solar.hw-legal .hw-article-in > ol {
  display: block;                     /* was: grid */
  grid-template-columns: none;
  gap: 0;
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  max-width: 880px;
}
#hw-solar.hw-legal .hw-article-in > ul > li,
#hw-solar.hw-legal .hw-article-in > ol > li {
  padding: 0 0 0 22px;                /* was: 22px 24px */
  border: 0;                          /* was: 1px solid hairline */
  border-radius: 0;
  background: none;                   /* was: rgba(255,255,255,.02) */
  position: relative;
  margin-top: 11px;
  font-size: 16.5px;                  /* was: 14px */
  line-height: 1.75;
  color: var(--ink-dim);
}
#hw-solar.hw-legal .hw-article-in > ul > li::before {
  content: ""; position: absolute; left: 0; top: .68em;
  width: 6px; height: 6px; border-radius: 50%; background: var(--gold);
}
/* numbered lists keep their numerals — gold, so the sequence reads */
#hw-solar.hw-legal .hw-article-in > ol { counter-reset: hw-legal-ol; }
#hw-solar.hw-legal .hw-article-in > ol > li { counter-increment: hw-legal-ol; padding-left: 30px; }
#hw-solar.hw-legal .hw-article-in > ol > li::before {
  content: counter(hw-legal-ol) "."; position: absolute; left: 0; top: 0;
  color: var(--gold); font-weight: 600; font-size: 15px; line-height: 1.9;
}
/* ls_evergreen turns <strong> inside these into a serif card title */
#hw-solar.hw-legal .hw-article-in > ul > li strong,
#hw-solar.hw-legal .hw-article-in > ol > li strong {
  display: inline; font-family: var(--sans); font-size: inherit;
  line-height: inherit; margin: 0; color: var(--ink); font-weight: 600;
}
#hw-solar.hw-legal .hw-article-in > ul > li a,
#hw-solar.hw-legal .hw-article-in > ol > li a { color: var(--gold); text-decoration: underline; text-underline-offset: 2px; }
#hw-solar.hw-legal .hw-article-in > ul > li a:hover,
#hw-solar.hw-legal .hw-article-in > ol > li a:hover { color: var(--gold-bright); }

/* the "Last updated" line each policy opens with */
#hw-solar.hw-legal .hw-article-in > p > em { color: var(--ink-faint); font-style: italic; }

/* policy pages are long and unbroken; give the section headers a little
   more air above than the evergreen 66px so the document scans clearly */
#hw-solar.hw-legal .hw-article-in > h2 { margin-top: 62px; }
#hw-solar.hw-legal .hw-article-in > h2:first-child { margin-top: 0; }