/*
 * Fire quotation: steel-blue service desk, cool paper, engineering orange.
 * Opt-in only. Existing geometry, module order and responsive rules stay in
 * style.css and home-reference.css; this file changes visual tokens only.
 */
html[data-site='maintenance'] {
  --ink: #20384a;
  --dark: #24435b;
  --red: #b34c10;
  --red-dark: #913c0a;
  --muted: #597083;
  --line: #d0dde6;
  --soft: #eef3f7;
  --paper: #fff;
  --maintenance-blue: #355f80;
  --maintenance-orange: #bd5514;
  --maintenance-amber: #ffd3a8;
  color: var(--ink);
  background-color: #f8fafc;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Noto Sans SC', Arial, sans-serif;
}

html[data-site='maintenance'] h1,
html[data-site='maintenance'] h2,
html[data-site='maintenance'] .reference-logo,
html[data-site='maintenance'] .wordmark {
  font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', 'PingFang SC', sans-serif;
}

html[data-site='maintenance'] .header,
html[data-site='maintenance'] .reference-header {
  background: linear-gradient(110deg, #24435b, #355f80);
  box-shadow: 0 1px 0 #ffffff1a;
}

html[data-site='maintenance'] .wordmark,
html[data-site='maintenance'] .wordmark:hover,
html[data-site='maintenance'] .reference-logo,
html[data-site='maintenance'] .reference-logo:hover,
html[data-site='maintenance'] .reference-header .nav a {
  color: #fff;
}

html[data-site='maintenance'] .wordmark span,
html[data-site='maintenance'] .nav span {
  color: #c6d6e3;
}

html[data-site='maintenance'] .reference-tagline {
  color: var(--maintenance-amber);
  border-left-color: #a2bdcf;
}

html[data-site='maintenance'] .header-public-contacts span {
  background-color: var(--maintenance-amber);
  color: #213a4e;
}

html[data-site='maintenance'] .header-public-contacts a,
html[data-site='maintenance'] .header-public-contacts strong {
  color: #fff;
  font-family: Bahnschrift, 'Microsoft YaHei', 'PingFang SC', sans-serif;
}

html[data-site='maintenance'] .header-public-contacts a:hover,
html[data-site='maintenance'] .header .nav a:hover,
html[data-site='maintenance'] .header .nav a[aria-current] {
  color: var(--maintenance-amber);
}

html[data-site='maintenance'] .header .nav a[aria-current]::after {
  background-color: var(--maintenance-amber);
}

html[data-site='maintenance'] .secondary-nav {
  background-color: #1d3a51;
  border-top-color: #acc9df26;
}

html[data-site='maintenance'] .secondary-nav a {
  color: #d1e0eb;
}

html[data-site='maintenance'] .secondary-nav a:hover,
html[data-site='maintenance'] .secondary-nav .all-categories {
  color: #fff;
}

html[data-site='maintenance'] .search-form,
html[data-site='maintenance'] .reference-home .hero-search {
  border-color: #becfdd;
  background-color: #fff;
}

html[data-site='maintenance'] .search-form button,
html[data-site='maintenance'] .button.primary,
html[data-site='maintenance'] .brand-tabs button.active,
html[data-site='maintenance'] .pagination [aria-current],
html[data-site='maintenance'] .tabs [aria-selected='true'] {
  background-color: var(--maintenance-orange);
  border-color: var(--maintenance-orange);
  color: #fff;
}

html[data-site='maintenance'] .search-form button:hover,
html[data-site='maintenance'] .button.primary:hover {
  background-color: var(--red-dark);
  border-color: var(--red-dark);
  color: #fff;
}

html[data-site='maintenance'] .button.outline {
  border-color: #b9ccda;
  color: #254e6c;
  background-color: #fff;
}

html[data-site='maintenance'] .button.outline:hover {
  border-color: var(--red);
  color: var(--red);
}

html[data-site='maintenance'] :focus-visible {
  outline-color: #2f6e9d;
}

html[data-site='maintenance'] input:focus,
html[data-site='maintenance'] select:focus,
html[data-site='maintenance'] textarea:focus,
html[data-site='maintenance'] .inquiry-send-fields > input:focus,
html[data-site='maintenance'] .inquiry-send-fields > textarea:focus {
  outline-color: #2f6e9d33;
  border-color: #2f6e9d;
}

/* Keep the approved building artwork and annotation coordinates intact. */
html[data-site='maintenance'] .hero {
  background-color: #18374f;
}

html[data-site='maintenance'] .reference-home .hero::before {
  background: linear-gradient(90deg, #14354f59, #244d7026 52%, #244d700d);
}

html[data-site='maintenance'] .reference-home .hero h1,
html[data-site='maintenance'] .hero-subtitle {
  color: #fff;
  text-shadow: 0 2px 12px #0c243c33;
}

html[data-site='maintenance'] .red-rule,
html[data-site='maintenance'] .brand-section h2::before,
html[data-site='maintenance'] .section-head h2::before {
  background-color: var(--maintenance-orange);
}

html[data-site='maintenance'] .reference-home .hero-label,
html[data-site='maintenance'] .hero-label {
  border-color: #ffc18f;
  color: #fff5eb;
  background-color: #24435bf0;
}

html[data-site='maintenance'] .hero-leaders line,
html[data-site='maintenance'] .hero-leaders path,
html[data-site='maintenance'] .hero-leaders polyline {
  stroke: #ffc18f;
}

html[data-site='maintenance'] .hero-leaders circle {
  stroke: #fff4e9;
  fill: #ffc18f;
}

html[data-site='maintenance'] .reference-home {
  color: var(--ink);
}

html[data-site='maintenance'] .family-strip {
  background-color: #fff;
}

html[data-site='maintenance'] .family-card {
  border-right-color: #d6e1e9;
}

html[data-site='maintenance'] .family-number {
  color: #bacbd8;
}

html[data-site='maintenance'] .family-card p,
html[data-site='maintenance'] .reference-home .family-card p,
html[data-site='maintenance'] .reference-home .brand-section-top p,
html[data-site='maintenance'] .reference-home .section-head p {
  color: var(--muted);
}

html[data-site='maintenance'] .round-arrow {
  border-color: #507b9a;
  color: #28516f;
}

html[data-site='maintenance'] .family-card:hover .round-arrow {
  background-color: var(--maintenance-blue);
  border-color: var(--maintenance-blue);
  color: #fff;
}

html[data-site='maintenance'] .brand-section,
html[data-site='maintenance'] .reference-home .brand-section {
  background-color: #eaf1f6;
}

html[data-site='maintenance'] .brand-tile,
html[data-site='maintenance'] .reference-home .brand-tile {
  border-color: #d0dde6;
  background-color: #fff;
  color: #24435b;
}

html[data-site='maintenance'] .reference-home .brand-tile span {
  color: #527795;
}

html[data-site='maintenance'] .brand-tile:hover,
html[data-site='maintenance'] .reference-home .brand-tile:hover,
html[data-site='maintenance'] .reference-home .brand-tile:hover span {
  border-color: #bb7447;
  color: var(--red);
}

html[data-site='maintenance'] .brand-tabs button {
  border-color: #d0dde6;
  color: #41617a;
}

html[data-site='maintenance'] .brand-tabs button.active {
  color: #fff;
}

html[data-site='maintenance'] .brand-tabs button:hover {
  border-color: var(--red);
}

html[data-site='maintenance'] .product-card,
html[data-site='maintenance'] .article-card,
html[data-site='maintenance'] .resource-result,
html[data-site='maintenance'] .filter-sidebar,
html[data-site='maintenance'] .detail-photo,
html[data-site='maintenance'] .model-gallery a {
  border-color: var(--line);
  background-color: #fff;
}

html[data-site='maintenance'] .product-card:hover,
html[data-site='maintenance'] .article-card:hover {
  border-color: #a7c0d2;
  box-shadow: 0 8px 24px #24435b0d;
}

html[data-site='maintenance'] .product-card.text-product {
  border-top-color: var(--maintenance-orange);
}

html[data-site='maintenance'] .product-photo,
html[data-site='maintenance'] .card-actions {
  border-color: #e7eef3;
}

html[data-site='maintenance'] .icon-button.selected {
  border-color: #b9cddd;
  background-color: #edf4f9;
  color: #285777;
}

html[data-site='maintenance'] .tag,
html[data-site='maintenance'] .inquiry-send-tag {
  color: #99400c;
  background-color: #fff0e3;
}

html[data-site='maintenance'] .page-intro,
html[data-site='maintenance'] .quote-banner,
html[data-site='maintenance'] .quote-help,
html[data-site='maintenance'] .contact-page-next,
html[data-site='maintenance'] .article-aside {
  background-color: #edf3f7;
}

html[data-site='maintenance'] .page-intro {
  border-color: #dbe5ed;
}

html[data-site='maintenance'] .quote-table-head,
html[data-site='maintenance'] .compare-table th:first-child,
html[data-site='maintenance'] .prose tr:nth-child(odd) {
  background-color: #f0f5f8;
}

html[data-site='maintenance'] .project-panel,
html[data-site='maintenance'] .empty-state,
html[data-site='maintenance'] .catalog-group > div:first-child,
html[data-site='maintenance'] .scenario-detail-card,
html[data-site='maintenance'] .inquiry-dropzone {
  background-color: #f6f9fc;
}

html[data-site='maintenance'] .inquiry-send-panel {
  border-top-color: var(--maintenance-orange);
}

html[data-site='maintenance'] .inquiry-dropzone svg {
  color: var(--maintenance-blue);
}

html[data-site='maintenance'] .inquiry-dropzone.drag-over,
html[data-site='maintenance'] .inquiry-dropzone:focus-within,
html[data-site='maintenance'] .stock-options button:hover,
html[data-site='maintenance'] .stock-options button[aria-selected='true'] {
  border-color: #6b93b1;
  background-color: #eaf3fa;
}

html[data-site='maintenance'] .scenario-section,
html[data-site='maintenance'] .footer {
  background-color: #24435b;
}

html[data-site='maintenance'] .scenario-card {
  background-color: #2c506c;
  border-color: #567c98;
}

html[data-site='maintenance'] .scenario-card:hover {
  background-color: #345c7b;
}

html[data-site='maintenance'] .scenario-card b {
  color: var(--maintenance-amber);
}

html[data-site='maintenance'] .scenario-card > span {
  color: #a4c1d6;
}

html[data-site='maintenance'] .scenario-section .section-head p,
html[data-site='maintenance'] .scenario-card p,
html[data-site='maintenance'] .footer,
html[data-site='maintenance'] .footer-grid > div > p {
  color: #d2e0ea;
}

html[data-site='maintenance'] .scenario-card small,
html[data-site='maintenance'] .footer .fine,
html[data-site='maintenance'] .footer-bottom {
  color: #b5cad9;
}

html[data-site='maintenance'] .footer-bottom {
  border-top-color: #58758b;
}

html[data-site='maintenance'] .floating-quote {
  background-color: #24435b;
  border-color: #6d8ea6;
  box-shadow: 0 4px 18px #24435b26;
}

html[data-site='maintenance'] .floating-quote:hover {
  background-color: #355f80;
}

html[data-site='maintenance'] .toast {
  background-color: #203f59f5;
}

@media (max-width: 900px) {
  html[data-site='maintenance'] .reference-header .nav,
  html[data-site='maintenance'] .header .nav {
    background-color: #24435b;
    border-color: #6d8ba2;
  }

  html[data-site='maintenance'] .reference-home .hero::before {
    background: linear-gradient(90deg, #14354fe0, #244d7059);
  }
}