/* ============================================================================
   PAGE FAMILY: artwork not-found page (B18-artwork) — SKIN tier — from site-allpaintingsstore-V2.0.css
   Migrated 2026-07-05. Scope: .artwork-not-found-page (artwork_not_found.html).
   PHASE-A FIDELITY: verbatim relocation. Harness-diff before editing.
   ============================================================================ */
.artwork-not-found-page .e_card_form {
  background: var(--aps-paper, #FBFAF6);
  border: 1px solid var(--aps-rule, #DCD7CB);
  border-radius: 2px;
  padding: 48px 40px 44px;
  max-width: 640px;
  margin: 0 auto;
}

.artwork-not-found-page .form_heading {
  font-family: var(--aps-f-display, "Bricolage Grotesque", ui-sans-serif, sans-serif);
  font-weight: 300;
  font-size: 30px;
  line-height: 1.08;
  letter-spacing: -0.032em;
  font-variation-settings: "wdth" 88;
  color: var(--aps-ink, #161310);
}

.artwork-not-found-page .form_content {
  font-family: var(--aps-f-text, "Familjen Grotesk", ui-sans-serif, sans-serif);
  font-size: 16px;
  line-height: 1.6;
  color: var(--aps-ink-2, #4A4641);
}

.artwork-not-found-page .form_content p {
  margin-bottom: 0;
  color: var(--aps-ink-2, #4A4641);
}

.artwork-not-found-page .breadcrumb-navigation-list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin-bottom: 24px;
  font-family: var(--aps-f-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--aps-ink-3, #8A857D);
}

.artwork-not-found-page .breadcrumb-navigation-list a {
  font-family: var(--aps-f-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--aps-burgundy, #5B1622);
  text-decoration: none;
  transition: color 0.18s ease;
}

.artwork-not-found-page .breadcrumb-navigation-list a:hover {
  color: var(--aps-burgundy-2, #7A1F30);
}

.artwork-not-found-page .breadcrumb-navigation-list a::after {
  content: none;
}

.artwork-not-found-page .breadcrumb-navigation-list .breadcrumb-current-page-item {
  font-family: var(--aps-f-mono, "JetBrains Mono", ui-monospace, monospace);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--aps-ink-3, #8A857D);
}

.artwork-not-found-page .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 22px;
  border-radius: 2px;
  font-family: var(--aps-f-display, "Bricolage Grotesque", ui-sans-serif, sans-serif);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: var(--aps-burgundy, #5B1622);
  color: var(--aps-cream-2, #F2E6D8);
  border: none;
  text-decoration: none;
  transition: background 0.18s ease;
}

.artwork-not-found-page .btn-primary:hover {
  background: var(--aps-burgundy-2, #7A1F30);
  color: var(--aps-cream-2, #F2E6D8);
}

.artwork-not-found-page .btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 0 22px;
  border-radius: 2px;
  font-family: var(--aps-f-display, "Bricolage Grotesque", ui-sans-serif, sans-serif);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: transparent;
  color: var(--aps-ink, #161310);
  border: 1px solid var(--aps-rule-2, #C8C2B3);
  text-decoration: none;
  transition: border-color 0.18s ease, color 0.18s ease;
}

.artwork-not-found-page .btn-secondary:hover {
  border-color: var(--aps-ink, #161310);
  color: var(--aps-ink, #161310);
}

.artwork-not-found-page .btn-primary::after,
.artwork-not-found-page .btn-secondary::after {
  content: none;
}