body.td316-reference-layout-active:has(#td316-steel-analogs) #td316-reference-heading { padding-block: 2px 3px; }
body.td316-reference-layout-active:has(#td316-steel-analogs) #td316-reference-heading h1.td316-reference-title { margin-block-start: 0 !important; }

#td316-steel-analogs * { box-sizing: border-box; }
#td316-steel-analogs { color-scheme: light; }
#td316-steel-analogs {
  --ink: #162622;
  --muted: #4e6259;
  --line: #d7e3dc;
  --line-strong: #aabfb5;
  --accent: #08715f;
  --accent-dark: #075746;
  --accent-soft: #e4f3eb;
  --header: #123b33;
  --paper: #fff;
  --back: #f2f6f3;
  --surface: #f7faf8;
  --series-alt: #35668a;
  --radius: 12px;
  margin: 0;
  background: var(--back);
  color: var(--ink);
  font: 15px/1.5 "Segoe UI", Inter, Arial, sans-serif;
}
#td316-steel-analogs[data-theme="industrial"] {
  --ink: #182930;
  --muted: #4a606d;
  --line: #d1dce3;
  --line-strong: #a7bac6;
  --accent: #205879;
  --accent-dark: #123d59;
  --accent-soft: #e5eff6;
  --header: #142e40;
  --back: #eff3f6;
  --surface: #f6f8fa;
  --series-alt: #13826c;
  --radius: 4px;
}
#td316-steel-analogs [hidden] { display: none !important; }
#td316-steel-analogs :focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
#td316-steel-analogs .wrap { width: min(1216px, 100%); margin-inline: auto; padding-inline: 28px; }
#td316-steel-analogs .masthead { background: var(--header); color: #fff; }
#td316-steel-analogs .masthead :focus-visible { outline-color: #fff; }
#td316-steel-analogs .brand-row, #td316-steel-analogs .intro, #td316-steel-analogs .section-head, #td316-steel-analogs .passport-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
}
#td316-steel-analogs .brand-row { min-height: 43px; border-bottom: 1px solid #fff3; }
#td316-steel-analogs .brand { font-size: 15px; font-weight: 800; letter-spacing: .08em; white-space: nowrap; }
#td316-steel-analogs .intro { padding-block: 10px 12px; }
#td316-steel-analogs .intro > div { display: flex; align-items: baseline; gap: 3px 14px; flex-wrap: wrap; }
#td316-steel-analogs .intro p { color: #dce9e3; margin: 0; }
#td316-steel-analogs .header-link { color: #fff; font-weight: 600; white-space: nowrap; }
#td316-steel-analogs .header-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 14px; }
#td316-steel-analogs main.wrap { padding-block: 12px 20px; }
#td316-steel-analogs h1, #td316-steel-analogs h2, #td316-steel-analogs h3, #td316-steel-analogs p { margin: 0; }
#td316-steel-analogs h1 { font-size: clamp(25px, 4vw, 35px); font-weight: 750; line-height: 1.13; letter-spacing: -.035em; }
#td316-steel-analogs h2 { font-size: clamp(20px, 2.6vw, 25px); line-height: 1.24; letter-spacing: -.018em; }
#td316-steel-analogs h3 { font-size: 16px; font-weight: 700; line-height: 1.25; }
#td316-steel-analogs a { color: var(--accent-dark); text-underline-offset: .2em; }
#td316-steel-analogs .muted, #td316-steel-analogs .hint, #td316-steel-analogs small { color: var(--muted); }
#td316-steel-analogs .hint, #td316-steel-analogs .feedback { font-size: 13px; }
#td316-steel-analogs .panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  padding: 13px 16px;
  margin-bottom: 10px;
  min-width: 0;
  scroll-margin-top: 12px;
}
#td316-steel-analogs button, #td316-steel-analogs .button, #td316-steel-analogs input, #td316-steel-analogs textarea, #td316-steel-analogs select { font: inherit; }
#td316-steel-analogs button, #td316-steel-analogs .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 34px;
  padding: 5px 11px;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  color: var(--ink);
  background: var(--paper);
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
}
#td316-steel-analogs button:hover, #td316-steel-analogs .button:hover { border-color: var(--accent); background: var(--surface); }
#td316-steel-analogs button.primary { color: #fff; background: var(--accent); border-color: var(--accent); }
#td316-steel-analogs button.primary:hover { background: var(--accent-dark); }
#td316-steel-analogs button.quiet { background: transparent; border-color: transparent; color: var(--muted); }
#td316-steel-analogs button.quiet:hover { color: var(--ink); background: var(--surface); }
#td316-steel-analogs .themes, #td316-steel-analogs .actions, #td316-steel-analogs .tabs, #td316-steel-analogs .spec-counts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
#td316-steel-analogs .themes button { color: #e4eee9; border-color: transparent; background: transparent; font-size: 13px; }
#td316-steel-analogs .themes button:hover { border-color: #fff7; }
#td316-steel-analogs .themes button[aria-pressed="true"] { color: var(--header); border-color: #fff; background: #fff; }
#td316-steel-analogs .lookup { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 8px 13px; padding-block: 8px; }
#td316-steel-analogs .lookup:has(#batch-tab[aria-selected="true"]) { grid-template-columns: 1fr; }
#td316-steel-analogs .tabs button { color: var(--muted); border-color: transparent; background: var(--surface); }
#td316-steel-analogs .tabs button[aria-selected="true"] { color: var(--accent-dark); background: var(--accent-soft); border-color: var(--line-strong); }
#td316-steel-analogs label { display: block; font-weight: 650; margin-bottom: 5px; }
#td316-steel-analogs input, #td316-steel-analogs textarea, #td316-steel-analogs select {
  color: var(--ink);
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  background: var(--paper);
  min-width: 0;
  padding: 8px 10px;
}
#td316-steel-analogs input, #td316-steel-analogs textarea { width: 100%; }
#td316-steel-analogs textarea { min-height: 106px; resize: vertical; display: block; margin: 5px 0 8px; }
#td316-steel-analogs input::placeholder, #td316-steel-analogs textarea::placeholder { color: var(--muted); opacity: .9; }
#td316-steel-analogs .search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
#td316-steel-analogs .search-box { position: relative; }
#td316-steel-analogs .suggestions {
  position: absolute;
  z-index: 5;
  top: calc(100% + 4px);
  inset-inline: 0;
  max-height: 320px;
  overflow: auto;
  background: var(--paper);
  border: 1px solid var(--line-strong);
  border-radius: 7px;
  box-shadow: 0 10px 26px #1b3a3229;
}
#td316-steel-analogs .suggestion { display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; cursor: pointer; padding: 8px 10px; border-bottom: 1px solid var(--line); }
#td316-steel-analogs .suggestion:last-child { border: 0; }
#td316-steel-analogs .suggestion:hover, #td316-steel-analogs .suggestion[aria-selected="true"] { background: var(--accent-soft); }
#td316-steel-analogs .suggestion-text { min-width: 0; overflow-wrap: anywhere; }
#td316-steel-analogs .suggestion-text small { display: block; }
#td316-steel-analogs .feedback { margin-top: 8px; color: var(--muted); }
#td316-steel-analogs .section-head { margin-bottom: 8px; }
#td316-steel-analogs .section-head, #td316-steel-analogs .passport-foot { flex-wrap: wrap; }
#td316-steel-analogs .passport-head { margin-bottom: 7px; }
#td316-steel-analogs .passport-head :is(#grade-group, #grade-name) { padding-block: 0 !important; }
#td316-steel-analogs .grade-group { color: var(--accent-dark); font-size: 13px; font-weight: 700; margin-bottom: 2px; }
#td316-steel-analogs #grade-name { font-size: clamp(25px, 4vw, 34px); font-weight: 760; line-height: 1.08; letter-spacing: -.035em; }
#td316-steel-analogs .passport-grid { display: grid; grid-template-columns: minmax(156px, 21%) minmax(0, 1fr); align-items: start; gap: 12px 18px; }
#td316-steel-analogs .grade-picker { min-width: 0; }
#td316-steel-analogs .grade-picker .section-head { min-height: 27px; gap: 4px; }
#td316-steel-analogs .grade-list { height: 208px; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
#td316-steel-analogs .foreign-grade-group { margin-top: 9px; }
#td316-steel-analogs .foreign-grade-list { height: auto; max-height: 216px; }
#td316-steel-analogs .grade-list:focus-visible { outline-offset: 2px; }
#td316-steel-analogs .grade-option { display: block; padding: 5px 9px; border-bottom: 1px solid var(--line); color: var(--ink); font-weight: 640; cursor: pointer; }
#td316-steel-analogs .grade-option:last-child { border-bottom: 0; }
#td316-steel-analogs .grade-option:hover { background: var(--accent-soft); }
#td316-steel-analogs .grade-option[aria-selected="true"] { box-shadow: inset 3px 0 var(--accent); color: var(--accent-dark); background: var(--accent-soft); font-weight: 760; }
#td316-steel-analogs .grade-option { display: flex; align-items: center; justify-content: space-between; gap: 3px; }
#td316-steel-analogs .audit-mark { border-radius: 3px; padding: 0 4px; color: #71351c; background: #f9e9db; font-size: 11px; font-weight: 750; }
#td316-steel-analogs .grade-workspace, #td316-steel-analogs .grade-passport { min-width: 0; }
#td316-steel-analogs .grade-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 8px 16px; }
#td316-steel-analogs .marking { padding: 7px 9px; margin-bottom: 8px; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; }
#td316-steel-analogs .marking h3 { font-size: 13px; margin-bottom: 5px; }
#td316-steel-analogs .marking h3 small { margin-left: 6px; font-weight: 500; }
#td316-steel-analogs .marking-parts { display: flex; gap: 5px 7px; flex-wrap: wrap; margin: 0; }
#td316-steel-analogs .marking-parts div { display: flex; align-items: baseline; gap: 5px; padding: 3px 6px; border: 1px solid var(--line); border-radius: 4px; background: var(--paper); }
#td316-steel-analogs .marking-parts dt { color: var(--accent-dark); font-size: 13px; font-weight: 800; }
#td316-steel-analogs .marking-parts dd { margin: 0; font-size: 12px; }
#td316-steel-analogs .passport-details { margin-top: 8px; }
#td316-steel-analogs .passport-details > summary, #td316-steel-analogs .source-details > summary, #td316-steel-analogs .status-legend > summary { color: var(--accent-dark); cursor: pointer; font-size: 13px; font-weight: 650; }
#td316-steel-analogs .passport-details .properties { padding-top: 6px; }
#td316-steel-analogs .properties { min-width: 0; }
#td316-steel-analogs .properties p { margin-bottom: 10px; }
#td316-steel-analogs .properties :is(#grade-description, #steel-class-explanation) { padding-block: 0; margin-bottom: 6px; }
#td316-steel-analogs #steel-class-explanation { font-size: 13px; line-height: 1.4; color: var(--ink); }
#td316-steel-analogs .properties dl { margin: 0; }
#td316-steel-analogs .properties dl div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 5px 0; border-bottom: 1px solid var(--line); }
#td316-steel-analogs .properties dt { font-size: 13px; color: var(--muted); }
#td316-steel-analogs .properties dd { margin: 0; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
#td316-steel-analogs .analog-column { min-width: 0; }
#td316-steel-analogs .analog-column h3 { margin: 0 0 5px; }
#td316-steel-analogs .analog-column > h3:not(:first-child) { margin-top: 9px; }
#td316-steel-analogs .analog-column .empty-result { padding: 6px 9px; background: var(--surface); border: 1px solid var(--line); border-radius: 5px; font-size: 13px; }
#td316-steel-analogs .analogs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
#td316-steel-analogs .analog { border: 1px solid var(--line); border-radius: 7px; min-width: 0; overflow-wrap: anywhere; background: var(--surface); }
#td316-steel-analogs .analog > summary { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 9px; padding: 5px 8px; list-style: none; cursor: pointer; }
#td316-steel-analogs .analog > summary::-webkit-details-marker { display: none; }
#td316-steel-analogs .analog > summary:focus-visible { outline-offset: -3px; }
#td316-steel-analogs .analog > summary:hover { background: var(--accent-soft); }
#td316-steel-analogs .analog-header { display: contents; }
#td316-steel-analogs .system { font-size: 12px; font-weight: 750; color: var(--muted); letter-spacing: .04em; }
#td316-steel-analogs .analog-code { display: block; font-size: 15px; font-weight: 730; line-height: 1.25; }
#td316-steel-analogs .analog-number { display: block; font-size: 12px; line-height: 1.35; margin-top: 2px; }
#td316-steel-analogs .analog:not([open]) .analog-arrow::before { content: "▾"; }
#td316-steel-analogs .analog[open] .analog-arrow::before { content: "▴"; }
#td316-steel-analogs .analog-arrow { color: var(--muted); }
#td316-steel-analogs .analogs .system { flex: 0 0 3em; }
#td316-steel-analogs .analogs .analog-number { margin: 0; }
#td316-steel-analogs .analogs .analog-arrow { order: 1; margin-inline-start: auto; }
#td316-steel-analogs .analogs :is(.system, .analog-number, .analog-arrow, .empty-result, .audit-status:not(.difference)) { color: var(--ink); }
#td316-steel-analogs .analog-body {
  display: grid; gap: 6px; padding: 6px 8px; border-top: 1px solid var(--line);
  background: var(--paper); color: var(--ink); font-size: 13px; line-height: 1.35;
}
#td316-steel-analogs .analog-body p { margin: 0; padding: 0; }
#td316-steel-analogs .analog-data { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px 10px; }
#td316-steel-analogs .analog-meta { flex: 1 1 156px; min-width: 0; display: grid; gap: 4px; }
#td316-steel-analogs .analog-body dl {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2px 6px; margin: 0;
}
#td316-steel-analogs .analog-body dd { font-weight: 650; margin: 0; }
#td316-steel-analogs .analog-body button { min-height: 27px; padding: 3px 7px; font-size: 12px; }
#td316-steel-analogs .analog-evidence > summary {
  display: flex; align-items: center; gap: 6px; padding: 1px 0;
  cursor: pointer; font-size: 12px; font-weight: 650;
}
#td316-steel-analogs .analog-evidence > summary::before {
  content: ""; flex: 0 0 5px; height: 5px; margin-inline: 2px;
  border: solid currentColor; border-width: 0 1px 1px 0; transform: rotate(-45deg);
}
#td316-steel-analogs .analog-evidence[open] > summary::before { transform: rotate(45deg); }
#td316-steel-analogs .analog-evidence[open] > summary { margin-bottom: 3px; }
#td316-steel-analogs .analog-evidence a { color: var(--ink); }
#td316-steel-analogs .analog-evidence .source-links { margin-top: 4px; gap: 2px 8px; }
#td316-steel-analogs .pill { display: inline-flex; align-items: center; min-height: 20px; padding: 1px 6px; border-radius: 4px; background: #edf2f3; color: #37515f; font-size: 11px; font-weight: 700; line-height: 1.3; white-space: nowrap; }
#td316-steel-analogs .pill.direct, #td316-steel-analogs .pill.gost { background: #dcefe5; color: #175945; }
#td316-steel-analogs .pill.close { background: #e7eef5; color: #2c526f; }
#td316-steel-analogs .pill.conditional { background: #f7edd8; color: #714a14; }
#td316-steel-analogs .pill.outside, #td316-steel-analogs .pill.unknown { background: #f0eeec; color: #654840; }
#td316-steel-analogs .passport-foot { padding-top: 10px; margin-top: 12px; border-top: 1px solid var(--line); font-size: 13px; }
#td316-steel-analogs .heading-unit { color: var(--muted); font-size: .68em; font-weight: 550; white-space: nowrap; }
#td316-steel-analogs .chemistry {
  --series-first: #154879;
  --series-second: repeating-linear-gradient(135deg, #a51732 0 3px, #f7b4bd 3px 6px);
  --element-column-width: 126px;
  --material-column-width: 140px;
  container-type: inline-size;
}
#td316-steel-analogs .material-trigger {
  display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; gap: 2px;
  width: 100%; padding-inline: 3px; text-align: left; font-size: 14px;
}
#td316-steel-analogs .material-trigger::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--series-first); }
#td316-steel-analogs .material-column + .material-column .material-trigger::before { background: var(--series-second); }
#td316-steel-analogs .material-trigger[aria-expanded="true"] { border-color: var(--accent); background: var(--accent-soft); }
#td316-steel-analogs .material-caption { min-width: 0; }
#td316-steel-analogs .material-name, #td316-steel-analogs .material-standard { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#td316-steel-analogs .material-standard { color: var(--muted); }
#td316-steel-analogs .material-trigger::after { content: "▾"; color: var(--muted); }
#td316-steel-analogs .material-menu {
  position: absolute; top: calc(100% + 4px); inset-inline-start: 0; z-index: 5;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(482px, 100%); border: 1px solid var(--line-strong); border-radius: 7px;
  background: var(--paper); box-shadow: 0 8px 20px #1b3a3229; overflow: hidden;
}
#td316-steel-analogs .material-group { min-width: 0; }
#td316-steel-analogs .material-group + .material-group { border-left: 1px solid var(--line); }
#td316-steel-analogs .material-group-title { padding: 5px 8px; background: var(--surface); color: var(--accent-dark); font-size: 12px; font-weight: 750; }
#td316-steel-analogs .material-options { max-height: 222px; overflow: auto; overscroll-behavior: contain; }
#td316-steel-analogs .material-option { padding: 4px 8px; border-top: 1px solid var(--line); cursor: pointer; overflow-wrap: anywhere; font-size: 13px; font-weight: 620; }
#td316-steel-analogs .material-option small { display: block; color: var(--muted); font-size: 11px; font-weight: 500; }
#td316-steel-analogs .material-option:hover, #td316-steel-analogs .material-option[data-active] { background: var(--accent-soft); }
#td316-steel-analogs .material-option[aria-selected="true"] { box-shadow: inset 3px 0 var(--accent); color: var(--accent-dark); }
#td316-steel-analogs .chem-message { margin-bottom: 9px; }
#td316-steel-analogs .table-scroll { min-width: 0; overflow: auto; }
#td316-steel-analogs .table-scroll:focus-visible { outline-offset: -3px; }
#td316-steel-analogs table { width: 100%; border-collapse: collapse; text-align: left; }
#td316-steel-analogs th, #td316-steel-analogs td { padding: 7px 9px; border-bottom: 1px solid var(--line); vertical-align: top; }
#td316-steel-analogs thead th { background: var(--surface); font-weight: 700; }
#td316-steel-analogs tbody tr:last-child > * { border-bottom: 0; }
#td316-steel-analogs .chem-table { table-layout: fixed; font-variant-numeric: tabular-nums; }
#td316-steel-analogs .chem-table thead { position: relative; }
#td316-steel-analogs .chem-table thead th { vertical-align: middle; }
#td316-steel-analogs .chem-table thead th:first-child {
  width: var(--element-column-width); width: min(var(--element-column-width), 18cqw);
}
#td316-steel-analogs .chem-table .material-column {
  width: var(--material-column-width); width: min(var(--material-column-width), calc(20cqw + 15px));
}
#td316-steel-analogs .chem-table th small { display: block; font-size: 12px; font-weight: 500; }
#td316-steel-analogs .chem-table td { font-weight: 640; vertical-align: middle; }
#td316-steel-analogs .chem-table td, #td316-steel-analogs .chem-table th { padding: 5px 8px; }
#td316-steel-analogs .chem-table tbody th { vertical-align: middle; }
#td316-steel-analogs .chem-scale-column, #td316-steel-analogs .chem-scale-cell { border-inline-start: 1px solid var(--line); }
#td316-steel-analogs .chem-table .element-name { margin-left: 4px; color: var(--muted); font-size: 12px; font-weight: 500; }
#td316-steel-analogs .track { display: block; position: relative; width: 100%; height: 12px; border-radius: 2px; background: #f2f5f7; box-shadow: inset 0 0 0 1px #c8d5df; overflow: hidden; }
#td316-steel-analogs .track + .track { margin-top: 3px; }
#td316-steel-analogs .band { position: absolute; top: 0; bottom: 0; background: var(--series-first); border-radius: 2px; }
#td316-steel-analogs .series-1 .band { background: var(--series-second); }
#td316-steel-analogs .band.point { width: 2px !important; transform: translateX(-1px); }
#td316-steel-analogs .band.formula { border-right: 2px solid #f1f5f8; }
#td316-steel-analogs .band.open-end { clip-path: polygon(0 0, calc(100% - 4px) 0, 100% 50%, calc(100% - 4px) 100%, 0 100%); }
#td316-steel-analogs .chem-hint { margin-top: 6px; }
#td316-steel-analogs .source-details, #td316-steel-analogs .status-legend { margin-top: 7px; }
#td316-steel-analogs .source-details[open] > summary, #td316-steel-analogs .status-legend[open] > summary { margin-bottom: 5px; }
#td316-steel-analogs .source-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
#td316-steel-analogs .source-links { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; font-size: 12px; }
#td316-steel-analogs .source-note { margin-top: 5px; }
#td316-steel-analogs .audit-value { display: block; margin-top: 2px; color: #7b3819; font-size: 12px; font-weight: 650; line-height: 1.24; }
#td316-steel-analogs .audit-value a { color: inherit; }
#td316-steel-analogs .audit-value.addition { color: var(--accent-dark); }
#td316-steel-analogs .audit-value.context { color: var(--muted); }
#td316-steel-analogs .audit-attention { background: #fff5ec; }
#td316-steel-analogs .audit-source-note { margin: 4px 0; }
#td316-steel-analogs .audit-toolbar { display: flex; flex-wrap: wrap; gap: 5px; margin: 6px 0; }
#td316-steel-analogs .audit-toolbar button { font-size: 13px; min-height: 30px; }
#td316-steel-analogs .audit-toolbar button[aria-pressed="true"] { color: var(--accent-dark); background: var(--accent-soft); border-color: var(--accent); }
#td316-steel-analogs .audit-table { font-size: 13px; min-width: 625px; }
#td316-steel-analogs .audit-table td, #td316-steel-analogs .audit-table th { padding: 5px 8px; }
#td316-steel-analogs .audit-table td:nth-child(1) { white-space: nowrap; }
#td316-steel-analogs .audit-highlight > * { background: #faebd9; }
#td316-steel-analogs .audit-status { display: block; margin: 3px 0; font-size: 12px; color: var(--muted); }
#td316-steel-analogs .audit-status.difference { color: #7b3819; font-weight: 650; }
#td316-steel-analogs .audit-summary-link { color: var(--accent-dark); font-size: 13px; }
#td316-steel-analogs .audit-pair { width: auto; max-width: 100%; margin: 0; font-size: 12px; line-height: 1.25; font-variant-numeric: tabular-nums; }
#td316-steel-analogs .audit-pair :is(th, td) { padding: 3px 5px; text-align: left; overflow-wrap: anywhere; }
#td316-steel-analogs .audit-pair .audit-pair-gap > * { background: #fff5ec; }
#td316-steel-analogs .audit-table [data-audit-material] { text-align: left; }
#td316-steel-analogs .audit-table .audit-related { display: block; margin-top: 2px; color: var(--muted); font-size: 12px; }
#td316-steel-analogs .legend-list { display: grid; gap: 3px; padding: 0; margin: 0; list-style: none; font-size: 13px; }
#td316-steel-analogs #composition { scroll-margin-top: 96px; }
#td316-steel-analogs .composition-reference .section-head { flex-wrap: wrap; gap: 6px 12px; }
#td316-steel-analogs .composition-controls { display: flex; flex-wrap: wrap; gap: 4px 8px; min-width: 0; }
#td316-steel-analogs .composition-reference select { max-width: 100%; }
#td316-steel-analogs .composition-hint { margin: 4px 0 6px; }
#td316-steel-analogs .composition-scroll { max-height: min(128vh, 980px); border: 1px solid var(--line); border-radius: 6px; }
#td316-steel-analogs .composition-table { border-collapse: separate; border-spacing: 0; font-size: 13px; font-variant-numeric: tabular-nums; }
#td316-steel-analogs .composition-table thead { position: sticky; top: 0; z-index: 2; }
#td316-steel-analogs .composition-table :is(th, td) { padding: 4px 6px; border-inline-end: 1px solid var(--line); vertical-align: middle; }
#td316-steel-analogs .composition-table tr > :last-child { border-inline-end: 0; }
#td316-steel-analogs .composition-table thead tr:first-child th { background: var(--accent-soft); color: var(--accent-dark); }
#td316-steel-analogs .composition-table thead th[scope="colgroup"] { text-align: center; }
#td316-steel-analogs .composition-table :where(td, th[scope="col"]) { white-space: nowrap; }
#td316-steel-analogs .composition-table .composition-group { min-width: 160px; max-width: 168px; white-space: normal; overflow-wrap: anywhere; }
#td316-steel-analogs .composition-table tbody .composition-group { background: var(--surface); vertical-align: top; }
#td316-steel-analogs .composition-table .composition-grade { position: sticky; inset-inline-start: 0; z-index: 1; }
#td316-steel-analogs .composition-table tbody .composition-grade { background: var(--paper); }
#td316-steel-analogs .composition-table .active-row .composition-grade { background: var(--surface); }
#td316-steel-analogs .composition-table .composition-grade small { display: block; font-size: 11px; font-weight: 500; white-space: nowrap; }
#td316-steel-analogs .composition-table .composition-document { min-width: 194px; max-width: 236px; white-space: normal; overflow-wrap: anywhere; }
#td316-steel-analogs .composition-table .composition-document small { display: block; margin-top: 2px; line-height: 1.25; }
#td316-steel-analogs .composition-table .audit-value { white-space: nowrap; }
#td316-steel-analogs .composition-table .audit-value.addition { margin-top: 0; }
#td316-steel-analogs .composition-table tbody:not(:last-child) tr:last-child > * { border-bottom: 1px solid var(--line); }
#td316-steel-analogs .grade-link { display: inline; border: 0; background: transparent; color: var(--accent-dark); font-weight: 750; padding: 0; min-height: 0; text-decoration: underline; text-underline-offset: .2em; white-space: nowrap; }
#td316-steel-analogs .grade-link:hover { background: var(--accent-soft); }
#td316-steel-analogs .active-row { background: var(--surface); }
#td316-steel-analogs .batch-head { margin: 15px 0 7px; }
#td316-steel-analogs .spec-counts { margin-bottom: 7px; }
#td316-steel-analogs .batch-table { min-width: 650px; font-size: 14px; }
#td316-steel-analogs .batch-table th:nth-child(2) { width: 35%; }
#td316-steel-analogs .batch-table th:nth-child(3) { width: 24%; }
#td316-steel-analogs .batch-table td { overflow-wrap: anywhere; }
#td316-steel-analogs .batch-table .alternatives { display: block; margin-top: 3px; }
#td316-steel-analogs .batch-table .alternatives button { font-size: 12px; font-weight: 600; }
#td316-steel-analogs .batch-table .continuation { background: var(--surface); }
#td316-steel-analogs .batch-table .not-recognized { color: var(--muted); }
#td316-steel-analogs .toast { position: fixed; z-index: 10; inset: auto 16px 16px auto; max-width: calc(100vw - 32px); padding: 10px 14px; color: #fff; background: var(--header); border-radius: 6px; box-shadow: 0 4px 14px #152d2729; }
#td316-steel-analogs .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 920px) {
  #td316-steel-analogs .grade-columns { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 660px) {
  #td316-steel-analogs #composition { scroll-margin-top: 82px; }
  #td316-steel-analogs .wrap { padding-inline: 12px; }
  #td316-steel-analogs .intro { align-items: flex-start; flex-direction: column; gap: 5px; padding-block: 9px 11px; }
  #td316-steel-analogs .header-link { font-size: 13px; }
  #td316-steel-analogs .header-links { justify-content: flex-start; }
  #td316-steel-analogs .brand-row { gap: 5px; }
  #td316-steel-analogs .themes { gap: 2px; }
  #td316-steel-analogs .themes button { min-height: 31px; padding: 4px 7px; font-size: 12px; }
  #td316-steel-analogs .panel { padding: 12px; }
  #td316-steel-analogs .lookup { grid-template-columns: 1fr; }
  #td316-steel-analogs .passport-grid { grid-template-columns: minmax(105px, 34%) minmax(0, 1fr); gap: 8px; }
  #td316-steel-analogs .grade-list { height: 180px; }
  #td316-steel-analogs .foreign-grade-list { height: auto; max-height: 170px; }
  #td316-steel-analogs .grade-option { font-size: 13px; padding-inline: 5px; }
  #td316-steel-analogs .grade-picker h3 { font-size: 13px; }
  #td316-steel-analogs .grade-picker .heading-unit { font-size: 11px; }
  #td316-steel-analogs .grade-workspace, #td316-steel-analogs .grade-columns, #td316-steel-analogs .grade-passport { display: contents; }
  #td316-steel-analogs .grade-picker { grid-row: 1 / 4; }
  #td316-steel-analogs .passport-head { grid-column: 2; grid-row: 1; }
  #td316-steel-analogs .marking { grid-column: 2; grid-row: 2; margin-bottom: 0; }
  #td316-steel-analogs .passport-details { grid-column: 2; grid-row: 3; margin-top: 0; }
  #td316-steel-analogs .analog-column { grid-column: 1 / -1; grid-row: 4; }
  #td316-steel-analogs .analog-column .analog-code { font-size: 12px; }
  #td316-steel-analogs .passport-head { gap: 7px; }
  #td316-steel-analogs .marking { padding: 5px; }
  #td316-steel-analogs .marking-parts { gap: 4px; }
  #td316-steel-analogs .marking-parts div { flex-wrap: wrap; gap: 1px 3px; padding: 2px 4px; }
  #td316-steel-analogs .material-trigger {
    position: relative; grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px; padding-inline: 5px 3px; font-size: 12px;
  }
  #td316-steel-analogs .material-trigger::before { position: absolute; inset: 3px auto 3px 0; width: 2px; height: auto; }
  #td316-steel-analogs .material-name, #td316-steel-analogs .material-standard { white-space: normal; }
  #td316-steel-analogs .chem-table td, #td316-steel-analogs .chem-table th { padding: 4px; font-size: 12px; overflow-wrap: anywhere; }
  #td316-steel-analogs .chem-table thead th:first-child { width: 20%; width: max(58px, 20cqw); }
  #td316-steel-analogs .chem-table .material-column { width: auto; }
  #td316-steel-analogs .chem-table .chem-scale-column {
    width: 27%; width: max(36px, calc(60cqw - 115px));
    padding-inline: 2px; font-size: 11px; white-space: nowrap;
  }
  #td316-steel-analogs .chem-table th small { font-size: 10px; }
  #td316-steel-analogs .audit-value { font-size: 10px; }
  #td316-steel-analogs .chem-table .element-name { display: block; margin-left: 0; font-size: 10px; }
  #td316-steel-analogs .source-pair { grid-template-columns: 1fr; }
  #td316-steel-analogs .suggestion { align-items: flex-start; gap: 4px; }
}