/* The seven main section headings share the existing Lahzeh face and palette.
 * The tools branch also includes its section ID so this component outranks the
 * legacy homepage heading rules without changing other heading roles. */
body.rn-visual #primary-content :is(
 #rn-judicial-heading,
 #rn-uv-heading,
 #rn-education-heading,
 #legal-tools #rv-tools-title,
 #rn-judicial-archive-title,
 #rv-uv-archive-title,
 #rv-education-title
).rn-section-heading {
 --rn-font-display:"Lahzeh","Traffic Plus","Epsilon",sans-serif;
 --rn-weight-display:750;
 box-sizing:border-box;
 position:relative;
 display:block;
 grid-column:1 / -1;
 width:100%;
 max-width:none;
 margin:0;
 padding:0;
 border:0;
 border-radius:0;
 background:none;
 box-shadow:none;
 color:var(--rv-aurora-ink,#102f55);
 font-family:var(--rn-font-display);
 font-size:var(--rn-section-size,1.625rem);
 font-weight:var(--rn-weight-display);
 font-synthesis:none;
 line-height:var(--rn-leading-heading,1.65);
 letter-spacing:normal;
 text-align:center;
 text-align-last:center;
 text-shadow:none;
}

body.rn-visual #primary-content :is(
 #rn-judicial-heading,
 #rn-uv-heading,
 #rn-education-heading,
 #legal-tools #rv-tools-title,
 #rn-judicial-archive-title,
 #rv-uv-archive-title,
 #rv-education-title
).rn-section-heading::before {
 content:none;
 display:none;
}

body.rn-visual #primary-content :is(
 #rn-judicial-heading,
 #rn-uv-heading,
 #rn-education-heading,
 #legal-tools #rv-tools-title,
 #rn-judicial-archive-title,
 #rv-uv-archive-title,
 #rv-education-title
).rn-section-heading::after {
 content:"";
 position:static;
 display:block;
 width:50px;
 height:2px;
 margin:14px auto 0;
 padding:0;
 border:0;
 border-radius:2px;
 background:var(--rv-premium-gold,#d6b56b);
 box-shadow:none;
 opacity:1;
 transform:none;
 pointer-events:none;
}

/* The education title occupies the full existing hero grid. Its copy and art
 * keep their original columns; only the new title row needs a separate gap. */
body.rn-visual.rv-education-page #primary-content.rv-education .rv-education-hero > .container {
 row-gap:14px;
}

@media (max-width:767px) {
 body.rn-visual #primary-content :is(
  #rn-judicial-heading,
  #rn-uv-heading,
  #rn-education-heading,
  #legal-tools #rv-tools-title,
  #rn-judicial-archive-title,
  #rv-uv-archive-title,
  #rv-education-title
 ).rn-section-heading::after {
  width:38px;
  margin-top:12px;
 }
}

/* Follow the existing theme controller on archives as well as the homepage. */
@media screen and (forced-colors:none) {
 :root[data-theme=dark] body.rn-visual #primary-content :is(
  #rn-judicial-heading,
  #rn-uv-heading,
  #rn-education-heading,
  #legal-tools #rv-tools-title,
  #rn-judicial-archive-title,
  #rv-uv-archive-title,
  #rv-education-title
 ).rn-section-heading {
  color:var(--rn-text-primary,#eaf4ff);
 }
}

@media screen and (forced-colors:none) and (prefers-color-scheme:dark) {
 :root:not([data-theme]) body.rn-visual #primary-content :is(
  #rn-judicial-heading,
  #rn-uv-heading,
  #rn-education-heading,
  #legal-tools #rv-tools-title,
  #rn-judicial-archive-title,
  #rv-uv-archive-title,
  #rv-education-title
 ).rn-section-heading {
  color:var(--rn-text-primary,#eaf4ff);
 }
}

@media (forced-colors:active) {
 body.rn-visual #primary-content :is(
  #rn-judicial-heading,
  #rn-uv-heading,
  #rn-education-heading,
  #legal-tools #rv-tools-title,
  #rn-judicial-archive-title,
  #rv-uv-archive-title,
  #rv-education-title
 ).rn-section-heading {
  color:CanvasText;
 }
 body.rn-visual #primary-content :is(
  #rn-judicial-heading,
  #rn-uv-heading,
  #rn-education-heading,
  #legal-tools #rv-tools-title,
  #rn-judicial-archive-title,
  #rv-uv-archive-title,
  #rv-education-title
 ).rn-section-heading::after {
  background:CanvasText;
 }
}