/* System: document library (TODO 00001.5.24.c), /spec-sheets/, /application-guides/, /manuals/. Lead on the margin
   rule's lead variant (2px navy rule, as the system title lead); the shared info notice (system.css); a library nav
   with the current page underlined navy; document cards in the Home resources card style (white, 1px line, the 2px
   navy margin rule beside the entry, a hairline, then the navy download link with the 20px download icon); a mist
   closing band with the primary assistant button and the outline Contact button. Every selector is scoped under
   .p-system-library. No motion (00001.5.24 D9 A). */
.p-system-library { box-sizing: border-box; background: var(--wp--preset--color--white); }
.p-system-library *, .p-system-library *::before, .p-system-library *::after { box-sizing: border-box; }
.p-system-library .p-system-library__inner {
  max-width: calc(var(--wp--custom--layout--wide) + 2 * var(--wp--custom--gutter--desktop)); margin-inline: auto;
  padding: var(--wp--preset--spacing--80) var(--wp--custom--gutter--desktop) var(--wp--custom--section--desktop);
}
.p-system-library .p-system-library__intro { display: grid; gap: var(--wp--preset--spacing--60); max-width: 52rem; }
.p-system-library .p-system-library__lead {
  margin: 0; 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;
}
.p-system-library .p-system-library__nav ul {
  display: flex; flex-wrap: wrap; gap: 0 var(--wp--preset--spacing--70); margin: 0; padding: 0; list-style: none;
  border-bottom: 1px solid var(--wp--preset--color--line);
}
.p-system-library .p-system-library__nav a {
  display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--20); min-height: var(--wp--custom--touch);
  margin-bottom: -1px; border-bottom: 2px solid transparent;
  color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--body); font-weight: 600; text-decoration: none;
}
.p-system-library .p-system-library__nav a[aria-current="page"] { color: var(--wp--preset--color--navy); border-bottom-color: var(--wp--preset--color--navy); }
.p-system-library .p-system-library__count { font-weight: 400; }
.p-system-library .p-system-library__group { margin-top: var(--wp--preset--spacing--100); }
.p-system-library .p-system-library__h2 {
  margin: 0 0 var(--wp--preset--spacing--70); color: var(--wp--preset--color--navy);
  font-size: var(--wp--preset--font-size--h-3); font-weight: var(--wp--custom--font-weight--h-2); line-height: 1.25;
}
.p-system-library .p-system-library__grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--preset--spacing--60);
  margin: 0; padding: 0; list-style: none;
}
.p-system-library .p-system-library__card {
  display: flex; flex-direction: column; padding: var(--wp--preset--spacing--70);
  background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--wp--custom--radius--default);
}
.p-system-library .p-system-library__entry {
  margin-bottom: var(--wp--preset--spacing--70); padding-left: var(--wp--preset--spacing--60);
  border-left: 2px solid var(--wp--preset--color--navy);
}
.p-system-library .p-system-library__purpose {
  margin: 0; color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--label);
  font-weight: var(--wp--custom--font-weight--label); letter-spacing: var(--wp--custom--letter-spacing--label);
  line-height: 1.3; text-transform: uppercase;
}
.p-system-library .p-system-library__name {
  margin: var(--wp--preset--spacing--30) 0 0; color: var(--wp--preset--color--navy);
  font-size: var(--wp--preset--font-size--h-4); font-weight: var(--wp--custom--font-weight--h-3); line-height: 1.3;
}
.p-system-library .p-system-library__desc,
.p-system-library .p-system-library__covers {
  margin: var(--wp--preset--spacing--30) 0 0; color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--small); line-height: 1.6;
}
.p-system-library .p-system-library__covers a { color: var(--wp--preset--color--navy); text-underline-offset: 3px; }
.p-system-library .p-system-library__actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--wp--preset--spacing--50);
  margin-top: auto; padding-top: var(--wp--preset--spacing--40); border-top: 1px solid var(--wp--preset--color--line);
}
.p-system-library .p-system-library__dl {
  display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--30); min-height: var(--wp--custom--touch);
  color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--body); font-weight: 500; text-decoration: none;
}
.p-system-library .p-system-library__dl span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.p-system-library .p-system-library__meta { margin: 0; color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--small); line-height: 1.5; }
.p-system-library .p-system-library__view {
  display: inline-flex; align-items: center; min-height: var(--wp--custom--touch); margin-left: auto;
  color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--small); font-weight: 600; text-decoration: none;
}
.p-system-library a:focus-visible {
  outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--orange); outline-offset: var(--wp--custom--focus--offset);
}
.p-system-library .p-system-library__closing {
  background: var(--wp--preset--color--mist); border-top: 1px solid var(--wp--preset--color--line);
  padding: var(--wp--custom--section--desktop) var(--wp--custom--gutter--desktop);
}
.p-system-library .p-system-library__closing-inner {
  max-width: var(--wp--custom--layout--wide); margin-inline: auto;
  display: flex; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--90);
}
.p-system-library .p-system-library__closing-title {
  margin: 0; color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--h-2);
  font-weight: var(--wp--custom--font-weight--h-2); letter-spacing: var(--wp--custom--letter-spacing--h-2); line-height: 1.15;
}
.p-system-library .p-system-library__closing-lead {
  margin: var(--wp--preset--spacing--50) 0 0; max-width: 40rem; color: var(--wp--preset--color--ink);
  font-size: var(--wp--preset--font-size--body-l); line-height: 1.6;
}
.p-system-library .p-system-library__closing-actions { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--50); flex: none; }
@media (hover: hover) and (pointer: fine) {
  .p-system-library .p-system-library__nav a:hover { color: var(--wp--preset--color--navy); }
  .p-system-library .p-system-library__dl:hover span { text-decoration-thickness: 2px; }
  .p-system-library .p-system-library__view:hover,
  .p-system-library .p-system-library__covers a:hover { text-decoration: underline; text-underline-offset: 3px; }
}
@media (max-width: 991.98px) {
  .p-system-library .p-system-library__inner { padding: var(--wp--preset--spacing--70) var(--wp--custom--gutter--tablet) var(--wp--custom--section--tablet); }
  .p-system-library .p-system-library__group { margin-top: var(--wp--preset--spacing--90); }
  .p-system-library .p-system-library__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--50); }
  .p-system-library .p-system-library__card { padding: var(--wp--preset--spacing--60); }
  .p-system-library .p-system-library__closing { padding: var(--wp--custom--section--tablet) var(--wp--custom--gutter--tablet); }
  .p-system-library .p-system-library__closing-inner { flex-direction: column; align-items: flex-start; gap: var(--wp--preset--spacing--70); }
}
@media (max-width: 599.98px) {
  .p-system-library .p-system-library__inner { padding: var(--wp--preset--spacing--60) var(--wp--custom--gutter--phone) var(--wp--custom--section--phone); }
  .p-system-library .p-system-library__nav ul { flex-direction: column; border-bottom: 0; }
  .p-system-library .p-system-library__nav li { border-bottom: 1px solid var(--wp--preset--color--line); }
  .p-system-library .p-system-library__nav a { margin-bottom: -1px; }
  .p-system-library .p-system-library__group { margin-top: var(--wp--preset--spacing--80); }
  .p-system-library .p-system-library__grid { grid-template-columns: minmax(0, 1fr); }
  .p-system-library .p-system-library__closing { padding: var(--wp--custom--section--phone) var(--wp--custom--gutter--phone); }
  .p-system-library .p-system-library__closing-actions { flex-direction: column; align-self: stretch; }
  .p-system-library .p-system-library__closing-actions .p-btn { width: 100%; }
}