/* System page title (TODO 00001.5.16): breadcrumb (section 8), H1 navy, optional lead on the margin rule's lead
   variant (2px navy rule left of the lead, as Shop title). White ground; the page body follows. */
.p-system-title {
  box-sizing: border-box; background: var(--wp--preset--color--white);
  padding: var(--wp--preset--spacing--90) var(--wp--custom--gutter--desktop) 0;
}
.p-system-title *, .p-system-title *::before, .p-system-title *::after { box-sizing: border-box; }
.p-system-title__inner { max-width: var(--wp--custom--layout--wide); margin-inline: auto; }
.p-system-title .woocommerce-breadcrumb {
  display: flex; flex-wrap: wrap; align-items: center; row-gap: var(--wp--preset--spacing--20); margin: 0;
  color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--small); line-height: 1.5;
}
.p-system-title .woocommerce-breadcrumb a { color: var(--wp--preset--color--slate); text-decoration: none; text-underline-offset: 3px; }
.p-system-title .woocommerce-breadcrumb a:focus-visible { outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--orange); outline-offset: var(--wp--custom--focus--offset); }
.p-system-title .norvane-crumb-sep { display: inline-flex; margin-inline: var(--wp--preset--spacing--30); color: var(--wp--preset--color--slate); }
.p-system-title__head { display: flex; align-items: center; gap: var(--wp--preset--spacing--90); margin-top: var(--wp--preset--spacing--60); }
.p-system-title .p-system-title__h1 {
  flex: 0 1 auto; margin: 0; color: var(--wp--preset--color--navy);
  font-size: var(--wp--preset--font-size--h-1); font-weight: var(--wp--custom--font-weight--h-1);
  letter-spacing: var(--wp--custom--letter-spacing--h-1); line-height: 1.1;
}
.p-system-title__lead {
  flex: 0 1 36rem; margin: 0 0 0 auto; padding-left: var(--wp--preset--spacing--60);
  border-left: 2px solid var(--wp--preset--color--navy);
  color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--body-l); line-height: 1.6;
}
@media (hover: hover) and (pointer: fine) { .p-system-title .woocommerce-breadcrumb a:hover { text-decoration: underline; } }
@media (max-width: 991.98px) {
  .p-system-title { padding: var(--wp--preset--spacing--80) var(--wp--custom--gutter--tablet) 0; }
  .p-system-title__head { flex-direction: column; align-items: flex-start; gap: var(--wp--preset--spacing--50); }
  .p-system-title__lead { flex: none; max-width: 40rem; margin: 0; padding-left: 0; border-left: 0; }
}
@media (max-width: 599.98px) {
  .p-system-title { padding: var(--wp--preset--spacing--70) var(--wp--custom--gutter--phone) 0; }
}