@import url('../components/reading-shell.css');


/* Reading rhythm; component-specific headings retain their own local spacing. */
.main > article {
  font-size: var(--reading-size);
  line-height: var(--reading-leading);
}

:where(.main > article) h1 {
  margin-bottom: 24px;
  overflow-wrap: anywhere;
}

:where(.main > article) h2 {
  margin-top: var(--reading-section-before, var(--reading-section-gap));
  margin-bottom: 16px;
  padding-top: 0;
  border-top: 0;
}

:where(.main > article) h3 {
  margin-top: var(--reading-heading-before, 28px);
  margin-bottom: 12px;
}

:where(.main > article) h4 {
  font-family: var(--font-heading);
  font-size: var(--reading-h4-size);
  line-height: var(--reading-h3-leading);
  font-weight: var(--reading-heading-weight);
  color: var(--heading-text);
}

:where(.main > article) p {
  margin-bottom: var(--reading-paragraph-gap);
}

:where(.main > article) :where(ul, ol) {
  margin-bottom: 20px;
}

/* External reading links share one citation style; navigation/actions keep theirs. */
:where(.main > article) a:is([href^="https://"], [href^="http://"]):not(:where([class~="ui-action"], [class~="card"], [class~="relink-card"], [class~="article-link"], [href*="//law-divorce.org/"], [href*="//www.law-divorce.org/"])) {
  font-style: var(--reading-source-style);
}