/* Native industrial catalog components — r7. */
.materials-page{ color:#000; font: 14px/1.45 "Segoe UI", Arial, sans-serif; }
.materials-page *{ box-sizing: border-box; }
.materials-page h2{ color:#000; }.materials-page h3{ color:#000; }
.materials-page h2{ margin: 0 0 12px; font-size: 20px; line-height: 1.25; }
.materials-page h3{ margin: 0 0 8px; font-size: 15px; line-height: 1.3; }
.materials-page p{ margin: 0 0 10px; }

.v8-toolbar{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v8-panel{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-card{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-panel{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-card-head{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-overview > div{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-flow > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-source-table{min-width: 0;background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;border-collapse:collapse;border-spacing:0;width:100%;}.v10-powder-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-wire-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-feedstock-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-functional-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-advanced-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-biomedical-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-nuclear-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-hydrogen-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-electrical-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-joining-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-surface-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-corrosion-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-magnetic-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-vacuum-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}.v10-specialty-summary > article{
  min-width: 0;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
}
.v8-toolbar{ padding: 16px; }.v8-panel{padding:16px;}.v10-panel{padding:16px;}.v10-card-head{ padding: 16px; }
.v8-toolbar{ margin-bottom: 12px; background: #eef1ee; }
.v8-row{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }.v8-picker-row{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }.v10-tags{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }.v10-nav{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }.v10-chips{ display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.v8-filters{ display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 10px; margin-top: 10px; }
.v8-picker{ margin-top: 12px; padding-top: 12px; border-top: 1px solid #aab5ae; }
.v8-meta{ color:#000; font-size: 12px; }.v10-kicker{ color:#000; font-size: 12px; }

.v8-input{
  min-width: 0;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
  color:#000;
  font: 14px/1.4 "Segoe UI", Arial, sans-serif;
}.v8-select{
  min-width: 0;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
  color:#000;
  font: 14px/1.4 "Segoe UI", Arial, sans-serif;
}.v8-num{
  min-width: 0;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
  color:#000;
  font: 14px/1.4 "Segoe UI", Arial, sans-serif;
}.materials-page input{
  min-width: 0;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
  color:#000;
  font: 14px/1.4 "Segoe UI", Arial, sans-serif;
}.materials-page select{
  min-width: 0;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid #aab5ae;
  border-radius: 3px;
  background: #f8f9f7;
  color:#000;
  font: 14px/1.4 "Segoe UI", Arial, sans-serif;
}
.v8-input{ flex: 1 1 260px; }
.v8-btn{
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid #718078;
  border-radius: 3px;
  background: #eef1ee;
  color:#000;
  font: 600 13px/1.2 "Segoe UI", Arial, sans-serif;
  cursor: pointer;
}.v10-nav button{
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid #718078;
  border-radius: 3px;
  background: #eef1ee;
  color:#000;
  font: 600 13px/1.2 "Segoe UI", Arial, sans-serif;
  cursor: pointer;
}
.v10-nav button:hover{ border-color: #365c76; background: #365c76; color: #fff; }

.v8-results{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.v8-result{ padding: 12px; border: 1px solid #aab5ae; background: #f8f9f7; }
.v8-result h3 a{ color: #000; font-weight: 600; text-decoration: none; }
.v8-result + .v8-result{ margin-top: 12px; }
.v8-result h3{ margin: 0 0 8px; font-size: 18px; line-height: 1.35; }
.v8-result .v8-meta{ margin-bottom: 8px; font-size: 13px; line-height: 1.45; }
.v8-result .v8-open{ display: inline-flex; margin-top: 8px; color: #000; text-decoration: none; font: 400 13px/1.4 "Segoe UI",Arial,sans-serif; }
.v8-empty{ padding: 16px; border: 1px dashed #aab5ae; color:#000; }

.v10-card{background: transparent;border: 0;padding:16px;}
.v10-card-head{ margin-bottom: 10px; }
.v10-card-head h1{ margin: 4px 0 0; font-size: 24px; }
.v10-tag{ padding: 3px 7px; border: 1px solid #aab5ae; background: #eef1ee; font-size: 12px; }.v10-chips span{ padding: 3px 7px; border: 1px solid #aab5ae; background: #eef1ee; font-size: 12px; }
.v10-nav{ position: sticky; top: 0; z-index: 3; margin-bottom: 10px; padding: 6px; border: 1px solid #aab5ae; background: #eef1ee; }
.v10-panel{margin-bottom: 10px;}
.v10-overview{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-flow{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-powder-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-wire-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-feedstock-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-functional-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-advanced-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-biomedical-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-nuclear-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-hydrogen-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-electrical-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-joining-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-surface-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-corrosion-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-magnetic-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-vacuum-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.v10-specialty-summary{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.v10-overview > div{ padding: 12px; }.v10-flow > article{ padding: 12px; }.v10-source-table{padding: 12px;background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;border-collapse:collapse;border-spacing:0;width:100%;}.v10-powder-summary > article{ padding: 12px; }.v10-wire-summary > article{ padding: 12px; }.v10-feedstock-summary > article{ padding: 12px; }.v10-functional-summary > article{ padding: 12px; }.v10-advanced-summary > article{ padding: 12px; }.v10-biomedical-summary > article{ padding: 12px; }.v10-nuclear-summary > article{ padding: 12px; }.v10-hydrogen-summary > article{ padding: 12px; }.v10-electrical-summary > article{ padding: 12px; }.v10-joining-summary > article{ padding: 12px; }.v10-surface-summary > article{ padding: 12px; }.v10-corrosion-summary > article{ padding: 12px; }.v10-magnetic-summary > article{ padding: 12px; }.v10-vacuum-summary > article{ padding: 12px; }.v10-specialty-summary > article{ padding: 12px; }
.v10-kv{ display: grid; grid-template-columns: minmax(150px, 32%) minmax(0, 1fr); }
.v10-kv > *{ padding: 7px 9px; border: 1px solid #aab5ae; margin: -1px 0 0 -1px; }
.v10-kv .k{ background: #eef1ee; font-weight: 600; }
.materials-page table{background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;border-collapse:collapse;border-spacing:0;width:100%;}
.materials-page th{text-align: left;background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;padding:8px 10px;vertical-align:top;}.materials-page td{text-align: left;background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;padding:8px 10px;vertical-align:top;}
.materials-page th{font-weight: 600;background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;padding:8px 10px;vertical-align:top;}
.v10-list{ margin: 0; padding-left: 20px; }

/* Card tables, material science and the existing diagram viewer. */
.materials-page{ min-width: 0; }
.materials-page label{ font-size: 12px; color:#000; }
.materials-page a{ color: #365c76; }
.materials-page :is(button, input, select, a):focus-visible{ outline: 2px solid #365c76; outline-offset: 2px; }
.materials-page button:disabled{ opacity: .5; cursor: not-allowed; }
.v8-btn:hover{ background: #e7ebe8; border-color: #718078; }
.v8-num{ width: 100%; }
.v8-picker-row > *{ max-width: 100%; }
.v10-back{ margin-bottom: 10px; }
.v10-section{ scroll-margin-top: 110px; }
.v10-table-wrap{ max-width: 100%; overflow-x: auto; }
.v10-subtable{ margin: 12px 0; }
.v10-subtable h4{ margin: 0 0 8px; font-size: 14px; font-weight: 600; }
.v10-treatment-cell{ min-width: 180px; white-space: normal; }
.v10-kv > *{ overflow-wrap: anywhere; }.v10-science-roles span{ overflow-wrap: anywhere; }
.v10-science-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:16px;}.v10-diagram-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:16px;}
.v10-science-grid > article{ min-width: 0; padding: 12px; border: 1px solid #aab5ae; border-radius: 3px; background: #f8f9f7; }
.v10-science-wide{ grid-column: 1 / -1; }.v10-wide{ grid-column: 1 / -1; }
.v10-science-intro{ margin: 10px 0; padding: 12px; border: 1px solid #aab5ae; background: #eef1ee; }.v10-science-caution{ margin: 10px 0; padding: 12px; border: 1px solid #aab5ae; background: #eef1ee; }
.v10-science-list{ margin: 0; padding-left: 20px; }
.v10-science-list li + li{ margin-top: 6px; }
.v10-science-roles > div{ display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; padding: 7px 9px; border-bottom: 1px solid #aab5ae; }
.v10-empty{ color:#000; }
.v10-diagram-card{min-width: 0;border: 1px solid #aab5ae;background: #f8f9f7;margin:0;}
.v10-diagram-open{ position: relative; display: block; width: 100%; min-height: 36px; padding: 8px; border: 0; border-bottom: 1px solid #aab5ae; background: #f8f9f7; color:#000; font: 600 13px/1.3 "Segoe UI", Arial, sans-serif; cursor: zoom-in; }
.v10-diagram-open img{ display: block; width: 100%; height: auto; }
.v10-diagram-zoom{ position: absolute; right: 8px; bottom: 8px; padding: 4px 8px; border: 1px solid #718078; background: #eef1ee; }
.v10-diagram-card figcaption{ display: grid; gap: 4px; padding: 10px; font-size: 12px; color:#000; }
.v10-diagram-modal[hidden]{ display: none; }
.v10-diagram-modal{ position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 56px 20px 20px; background: rgba(23, 33, 41, .8); overflow: auto; }
.v10-diagram-stage{ max-width: 100%; padding: 12px; background: #f8f9f7; border: 1px solid #718078; }
.v10-diagram-stage img{ display: block; max-width: 100%; max-height: 75vh; object-fit: contain; }
.v10-diagram-stage p{ margin: 10px 0 0; }
.v10-diagram-close{ position: absolute; top: 10px; right: 20px; width: 36px; min-height: 36px; border: 1px solid #718078; border-radius: 3px; background: #eef1ee; color:#000; font: 600 13px/1.3 "Segoe UI", Arial, sans-serif; cursor: pointer; }

@media (max-width: 1000px) {
  .v10-science-grid{ grid-template-columns: 1fr; }.v10-diagram-grid{ grid-template-columns: 1fr; }.v8-filters{ grid-template-columns: 1fr; }.v8-results{ grid-template-columns: 1fr; }.v10-overview{ grid-template-columns: 1fr; }.v10-flow{ grid-template-columns: 1fr; }.v10-powder-summary{ grid-template-columns: 1fr; }.v10-wire-summary{ grid-template-columns: 1fr; }.v10-feedstock-summary{ grid-template-columns: 1fr; }.v10-functional-summary{ grid-template-columns: 1fr; }.v10-advanced-summary{ grid-template-columns: 1fr; }.v10-biomedical-summary{ grid-template-columns: 1fr; }.v10-nuclear-summary{ grid-template-columns: 1fr; }.v10-hydrogen-summary{ grid-template-columns: 1fr; }.v10-electrical-summary{ grid-template-columns: 1fr; }.v10-joining-summary{ grid-template-columns: 1fr; }.v10-surface-summary{ grid-template-columns: 1fr; }.v10-corrosion-summary{ grid-template-columns: 1fr; }.v10-magnetic-summary{ grid-template-columns: 1fr; }.v10-vacuum-summary{ grid-template-columns: 1fr; }.v10-specialty-summary{ grid-template-columns: 1fr; }
}



































































.v10-kv > *{padding:8px 10px;border-bottom:1px solid #aab5ae;line-height:1.4;background:#f8f9f7;}
.v10-kv > :nth-child(odd){border-right:1px solid #aab5ae;}