/* 404 (TODO 00001.5.16). White ground: label caps slate with the margin rule, H1 navy, one lead line, the primary
   Shop button and a contact link with arrow, then the instrument types as hairline rows with chevrons. */
.p-notfound-body { box-sizing: border-box; padding: var(--wp--preset--spacing--120) var(--wp--custom--gutter--desktop); }
.p-notfound-body *, .p-notfound-body *::before, .p-notfound-body *::after { box-sizing: border-box; }
.p-notfound-body__inner { max-width: var(--wp--custom--layout--content); margin-inline: auto; }
.p-notfound-body__label {
  display: flex; align-items: center; gap: var(--wp--preset--spacing--40); 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-notfound-body__label::before { content: ""; flex: none; width: 24px; height: 2px; background: var(--wp--preset--color--navy); }
.p-notfound-body .p-notfound-body__h1 {
  margin: var(--wp--preset--spacing--40) 0 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-notfound-body__lead { margin: var(--wp--preset--spacing--60) 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-notfound-body__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--70); margin-top: var(--wp--preset--spacing--80); }
.p-notfound-body__types { margin-top: var(--wp--preset--spacing--90); }
.p-notfound-body__types-label {
  margin: 0 0 var(--wp--preset--spacing--50); 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-notfound-body__types ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--wp--preset--color--line); }
.p-notfound-body__types li { border-bottom: 1px solid var(--wp--preset--color--line); }
.p-notfound-body__types li + li { border-left: 1px solid var(--wp--preset--color--line); }
.p-notfound-body__types a {
  display: flex; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--40);
  min-height: 64px; padding: 0 var(--wp--preset--spacing--60);
  color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--h-4); font-weight: var(--wp--custom--font-weight--h-4); text-decoration: none;
}
.p-notfound-body__types li:first-child a { padding-left: 0; }
.p-notfound-body__types a .p-icon { color: var(--wp--preset--color--slate); transition: transform .15s ease; }
.p-notfound-body__types a:focus-visible { outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--orange); outline-offset: calc(-1 * var(--wp--custom--focus--width)); }
@media (hover: hover) and (pointer: fine) {
  .p-notfound-body__types a:hover { text-decoration: underline; text-underline-offset: 4px; }
  .p-notfound-body__types a:hover .p-icon { transform: translateX(3px); }
}
@media (max-width: 991.98px) {
  .p-notfound-body { padding: var(--wp--custom--section--tablet) var(--wp--custom--gutter--tablet); }
  .p-notfound-body__types ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .p-notfound-body__types li:nth-child(3) { border-left: 0; }
  .p-notfound-body__types li:nth-child(3) a { padding-left: 0; }
}
@media (max-width: 599.98px) {
  .p-notfound-body { padding: var(--wp--custom--section--phone) var(--wp--custom--gutter--phone); }
  .p-notfound-body__types { margin-top: var(--wp--preset--spacing--70); }
  .p-notfound-body__actions { margin-top: var(--wp--preset--spacing--60); flex-direction: column; align-items: stretch; gap: var(--wp--preset--spacing--50); }
  .p-notfound-body__actions .p-link-arrow { justify-content: center; }
  .p-notfound-body__types ul { grid-template-columns: minmax(0, 1fr); }
  .p-notfound-body__types li + li { border-left: 0; }
  .p-notfound-body__types a { padding-left: 0; }
}