/* Original Oakvale leaf artwork as small, current-color identity marks.
   The SVG is copied unchanged from the existing Oakvale Collection pattern.
   Decorative marks never replace form-required indicators or control states. */
.oak-leaf,
.status-dot,
.inner-page .page-kicker::before,
.guide-symbol,
.intro-asterisk,
.account-star,
ul > li::before {
  display: inline-block;
  width: 20px;
  height: 14px;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask: url('/assets/oakvale-leaf.svg') center / contain no-repeat;
  mask: url('/assets/oakvale-leaf.svg') center / contain no-repeat;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.oak-leaf { vertical-align: middle; }
.status-dot { color: var(--sage, #bdc9a5); }
.inner-page .page-kicker::before { content: ''; }
.guide-symbol,
.intro-asterisk,
.account-star { font-size: 0; line-height: 0; }
.intro-asterisk {
  position: static;
  margin-left: 18px;
  vertical-align: middle;
  transform: rotate(-10deg);
  animation: none;
}
.account-star { right: 32px; bottom: 32px; transform: rotate(-10deg); }
/* Keep the native list type for assistive technology, then visually replace
   its marker. Unlike list-style:none, this preserves Safari list semantics. */
ul { padding-inline-start: 26px; }
ul > li { position: relative; list-style-type: disc; }
ul > li::marker { color: transparent; font-size: 0; }
ul > li::before {
  content: '';
  position: absolute;
  inset-inline-start: -26px;
  top: .38em;
  width: 18px;
  height: 12px;
}
.error-summary ul { padding-inline-start: 26px; }
.error-summary ul > li::before { top: .45em; width: 16px; height: 11px; }
@media (max-width: 760px) {
  .intro-asterisk { position: static; margin-left: 12px; }
  .account-star { right: 24px; bottom: 24px; }
}
@media (forced-colors: active) {
  .oak-leaf,
  .status-dot,
  .inner-page .page-kicker::before,
  .guide-symbol,
  .intro-asterisk,
  .account-star,
  ul > li::before { background: CanvasText; }
}