/* Local candidate only. One semantic visual system; no product fact changes.
   Scope requires root's data-local-ui marker. Category overlay is menu.css. */
/* MXW: remove the utility strip visually and from focus/accessibility flow;
   footer contact/privacy/policies remain intact. No content or product change. */
body[data-local-ui] .site-header > .utility { display:none !important; }
body[data-local-ui] {
  --ui-font: Arial, Helvetica, sans-serif;
  --ui-ink: #182f3b;
  --ui-muted: #536774;
  --ui-link: #175269;
  --ui-line: #dce3e7;
  --ui-soft: #f5f7f8;
  --ui-accent: #ad4a13;
  --ink: var(--ui-ink);
  --ink-strong: var(--ui-ink);
  --muted: var(--ui-muted);
  --surface: #fff;
  --surface-soft: var(--ui-soft);
  --brand-soft: #edf2f4;
  --line: var(--ui-line);
  --line-strong: #adbec8;
  --radius: 4px;
  --radius-sm: 3px;
  --shadow: none;
  --shadow-sm: none;
  font-family: var(--ui-font) !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.5 !important;
  color: var(--ui-ink);
  background: #fff;
  overflow-wrap: break-word;
}
body[data-local-ui] td.catalog-path .local-category-path {border:0;background:none;padding:0;margin:0;font-size:15px;line-height:1.4;}
body[data-local-ui]::before { background: #fff !important; }
body[data-local-ui] .site-header nav a[href="/rfq/"] { color: #fff !important; background: var(--ui-accent) !important; }
body[data-local-ui] #main#main .catalog-category-grid { gap: 0 20px !important; }
body[data-local-ui] #main#main .catalog-category-grid > a { border: 0 !important; border-bottom: 1px solid var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; padding: 10px 0 !important; }
body[data-local-ui] td.catalog-path .local-category-path summary {display:list-item;padding:0;min-height:0;cursor:pointer;font-size:15px;font-weight:400;color:var(--ui-ink);list-style:disclosure-closed inside;}
body[data-local-ui] td.catalog-path .local-category-path[open] summary {list-style-type:disclosure-open;}
body[data-local-ui] td.catalog-path .local-category-full-path {display:block;margin-top:6px;font-size:14px;line-height:1.4;color:var(--ui-muted);}
body[data-local-ui] *, body[data-local-ui] *::before, body[data-local-ui] *::after {
  box-sizing: border-box;
}
body[data-local-ui] #main#main {
  width: min(1280px, calc(100% - 48px));
  min-width: 0;
  padding: 20px 0 32px !important;
  margin-inline: auto;
  color: var(--ui-ink);
}
body[data-local-ui] #main#main :is(p, li, dd, dt) {
  font-family: var(--ui-font) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}
body[data-local-ui] #main#main :is(a, span, strong, b, em, time) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
body[data-local-ui] #main#main :is(strong, b) { font-weight: 600; }
body[data-local-ui] #main#main h1 {
  font: 600 30px/1.2 var(--ui-font) !important;
  letter-spacing: -.012em !important;
  color: var(--ui-ink);
  max-width: 42ch !important;
  margin: 0 0 10px !important;
}
body[data-local-ui] #main#main h2 {
  font: 600 22px/1.3 var(--ui-font) !important;
  letter-spacing: 0 !important;
  color: var(--ui-ink);
  margin: 0 0 12px;
}
body[data-local-ui] #main#main h3 {
  font: 600 18px/1.35 var(--ui-font) !important;
  letter-spacing: 0 !important;
  color: var(--ui-ink);
  margin: 0 0 8px;
}
body[data-local-ui] #main#main :is(h4, h5, h6) {
  font: 600 16px/1.4 var(--ui-font) !important;
  letter-spacing: 0 !important;
}
body[data-local-ui] #main#main :is(small, figcaption, .eyebrow, .search-helper,
  .home-inquiry-note, .chip-visual-caption, .breadcrumbs, .breadcrumb,
  .catalog-current-crumbs, [data-directory-status], .resource-status) {
  font: 400 14px/1.45 var(--ui-font) !important;
  color: var(--ui-muted);
  letter-spacing: 0 !important;
}
body[data-local-ui] #main#main .eyebrow {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}
body[data-local-ui] #main#main :is(button, input, select, textarea, .button, label) {
  font-family: var(--ui-font) !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}
body[data-local-ui] #main#main :is(input, select, textarea) {
  color: var(--ui-ink);
  background: #fff;
  border-color: #adbec8;
  border-radius: 3px;
}
body[data-local-ui] #main#main :is(button, .button) {
  font-weight: 600 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  min-height: 44px;
}
body[data-local-ui] #main#main a:not(.button) {
  color: var(--ui-link);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
body[data-local-ui] :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid #175269 !important;
  outline-offset: 3px;
}
body[data-local-ui] #main#main :is(.button.accent, .button-accent) {
  background: var(--ui-accent);
  border-color: var(--ui-accent);
  color: #fff;
}
body[data-local-ui] #main#main :is(.section, .catalog-category-entry) {
  margin-top: 24px !important;
}
body[data-local-ui] #main#main :is(.section-heading, .resource-heading, .browse-heading) {
  margin-bottom: 16px !important;
}
body[data-local-ui] #main#main :is(.page-hero, .inspection-hero) {
  margin-bottom: 20px !important;
}
body[data-local-ui] #main#main .lead {
  font: 400 16px/1.5 var(--ui-font) !important;
  color: var(--ui-muted);
  max-width: 78ch !important;
  margin: 0 0 12px !important;
}
/* Flat content surfaces. Real form/evidence groups retain thin boundaries. */
body[data-local-ui] #main#main :is(.panel, .card, .prototype-card,
  .catalog-search, .search-panel, .resource-card, .maker-card, .example-card,
  .report-card, .buyer-guides, .final-cta, .interpretation, .resource-filters,
  .maker-tools, .home-bom-entry, .boundary-note) {
  background: #fff !important;
  color: var(--ui-ink) !important;
  border-color: var(--ui-line) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  transform: none !important;
}
body[data-local-ui] #main#main :is(.panel, .catalog-search, .report-card) {
  padding: 16px !important;
}
body[data-local-ui] #main#main :is(.card, .prototype-card) {
  border: 0 !important;
  border-top: 1px solid var(--ui-line) !important;
  padding: 16px 0 !important;
}
body[data-local-ui] #main#main .buyer-guides {
  border: 0 !important;
  border-top: 1px solid var(--ui-line) !important;
  border-radius: 0 !important;
  padding: 14px 0 !important;
  margin-top: 24px !important;
}
body[data-local-ui] #main#main .buyer-guides h2 {
  font-size: 18px !important;
  margin-bottom: 6px;
}
body[data-local-ui] #main#main .buyer-guides :is(p, li) {
  font-size: 14px !important;
  margin-block: 4px;
}
body[data-local-ui] #main#main :is(.final-cta, .interpretation) {
  padding: 18px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--ui-line) !important;
  border-radius: 0 !important;
}
body[data-local-ui] #main#main .final-cta :is(h2, h3, p, a:not(.button)),
body[data-local-ui] #main#main .interpretation :is(h2, h3, p) {
  color: var(--ui-ink) !important;
}
/* Home composition stays intact. Only repeated secondary containers flatten. */
body[data-local-ui] #main#main .home-with-chips {
  box-shadow: none !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 3px !important;
}
body[data-local-ui] #main#main .home-with-chips .page-hero-copy h1 {
  font-size: 30px !important;
}
body[data-local-ui] #main#main .home-bom-entry {
  padding: 14px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-line) !important;
  border-radius: 0 !important;
  margin-block: 16px !important;
}
body[data-local-ui] #main#main .home-bom-entry h2 { font-size: 18px !important; }
body[data-local-ui] #main#main .home-bom-entry p { font-size: 15px !important; }
body[data-local-ui] #main#main .catalog-search.compact { margin-top: 16px !important; }
body[data-local-ui] #main#main .catalog-search .search-panel {
  padding: 0 !important;
  border: 0 !important;
}
body[data-local-ui] #main#main :is(.home-with-chips .search-panel,
  .catalog-search .search-row) { gap: 8px; }
body[data-local-ui] #main#main :is(.signal-grid, .catalog-grid) article {
  background: #fff !important;
  padding: 12px !important;
}
/* Same shared header in every Pages route and the Worker shell. */
body[data-local-ui] .site-header {
  position: relative;
  z-index: 100;
  overflow: visible !important;
  background: #fff;
  box-shadow: none;
}
body[data-local-ui] .site-header .bar {
  width: min(1280px, calc(100% - 48px)) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  min-height: 68px !important;
  gap: 8px 20px !important;
  padding: 8px 0 !important;
  overflow: visible !important;
}
body[data-local-ui] .site-header :is(.bar, .nav-wrap, .nav-wrap > nav, nav ul, nav li) {
  overflow: visible !important;
  min-width: 0;
}
body[data-local-ui] .site-header .brand { flex: 0 0 auto !important; }
body[data-local-ui] .site-header .brand-wordmark { width: 174px; }
body[data-local-ui] .site-header .nav-wrap {
  display: flex !important;
  flex-direction: row !important;
  flex: 1 1 540px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end;
  align-items: center;
  gap: 8px !important;
}
body[data-local-ui] .site-header .nav-wrap > nav {
  flex: 0 1 auto !important;
  width: auto !important;
}
body[data-local-ui] .site-header nav ul {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  width: auto !important;
  gap: 2px !important;
  margin: 0;
  padding: 0;
}
body[data-local-ui] .site-header :is(nav a, .search-navigation) {
  font: 600 15px/1.4 var(--ui-font) !important;
  letter-spacing: 0;
  color: var(--ui-ink);
  padding: 10px 9px !important;
  min-height: 44px;
  text-decoration: none;
}
body[data-local-ui] .site-header .header-actions {
  flex: 0 1 auto !important;
  gap: 8px;
}
body[data-local-ui] [data-mobile-nav-toggle] {
  display: none !important;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid #adbec8;
  border-radius: 3px;
  background: #fff;
  color: var(--ui-ink);
  font: 600 15px/1.4 var(--ui-font);
}
/* Catalog data are compact rows, never four competing type systems. */
body[data-local-ui] #main#main :is(.catalog-browser, .catalog-browser.panel) {
  padding: 0 !important;
  border: 0 !important;
}
body[data-local-ui] #main#main .catalog-filter-row {
  gap: 8px 12px !important;
  padding: 5px 0 !important;
}
body[data-local-ui] #main#main :is(.catalog-pagination, .browse-pagination) {
  gap: 8px 12px !important;
  margin: 0 !important;
}
body[data-local-ui] #main#main .catalog-current-crumbs {
  margin: 6px 0 !important;
  min-height: 0;
}
body[data-local-ui] #main#main .cc-tools {
  margin: 6px 0 8px !important;
  gap: 8px 12px !important;
}
body[data-local-ui] #main#main .catalog-results {
  margin: 12px 0 4px !important;
  font-size: 20px !important;
}
body[data-local-ui] #main#main .cc-results-meta {
  margin: 0 0 8px !important;
  padding: 0 !important;
  min-height: 0 !important;
}
body[data-local-ui] #main#main .cc-results-meta > :is(p, .catalog-pagination) {
  margin: 0 !important;
}
body[data-local-ui] #main#main :is(.catalog-browser table, .browse-table, .catalog-table) {
  font: 400 15px/1.4 var(--ui-font) !important;
  border-collapse: collapse;
}
body[data-local-ui] #main#main :is(.catalog-browser th, .catalog-browser td,
  .browse-table th, .browse-table td, .catalog-table th, .catalog-table td) {
  font: 400 15px/1.4 var(--ui-font) !important;
  color: var(--ui-ink) !important;
  padding: 8px 10px !important;
  vertical-align: top;
}
body[data-local-ui] #main#main :is(.catalog-browser thead th,
  .browse-table thead th, .catalog-table thead th) {
  font-weight: 600 !important;
  background: var(--ui-soft) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body[data-local-ui] #main#main :is(.catalog-browser th a, .catalog-browser td a,
  .browse-table th a, .browse-table td a, .catalog-table th a, .catalog-table td a) {
  font: 600 15px/1.4 var(--ui-font) !important;
  color: var(--ui-link) !important;
  text-decoration: none !important;
}
body[data-local-ui] #main#main :is(.catalog-browser, .browse-table, .catalog-table) a:hover,
body[data-local-ui] #main#main :is(.catalog-browser, .browse-table, .catalog-table) a:focus-visible {
  text-decoration: underline !important;
}
body[data-local-ui] #main#main .catalog-path { color: var(--ui-ink) !important; }
/* Manufacturer and editorial lists: separators instead of decorative cards. */
body[data-local-ui] #main#main .maker-tools {
  border: 0 !important;
  border-block: 1px solid var(--ui-line) !important;
  padding: 10px 0 !important;
}
body[data-local-ui] #main#main .maker-grid { gap: 0 24px !important; }
body[data-local-ui] #main#main .maker-card {
  border: 0 !important;
  border-bottom: 1px solid var(--ui-line) !important;
  padding: 12px 0 !important;
}
body[data-local-ui] #main#main .maker-card > div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
}
body[data-local-ui] #main#main .maker-card h2 {
  font-size: 16px !important;
  margin: 0 !important;
}
body[data-local-ui] #main#main .maker-card :is(p, .maker-action) {
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-align: left !important;
  margin: 0 !important;
}
body[data-local-ui] #main#main .resource-filters {
  border: 0 !important;
  border-bottom: 1px solid var(--ui-line) !important;
  padding: 12px 0 !important;
}
body[data-local-ui] #main#main .resource-list { gap: 0 !important; }
body[data-local-ui] #main#main .resource-card {
  border: 0 !important;
  border-bottom: 1px solid var(--ui-line) !important;
  border-radius: 0 !important;
  padding: 14px 0 !important;
  gap: 12px !important;
}
body[data-local-ui] #main#main .resource-card h2 {
  font-size: 18px !important;
  margin: 0 0 5px !important;
}
body[data-local-ui] #main#main .resource-card p {
  font-size: 15px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}
body[data-local-ui] #main#main :is(.resource-read, .resource-card .eyebrow) {
  font-size: 14px !important;
}
body[data-local-ui] #main#main .article-body { max-width: 76ch; }
/* Quality evidence remains grouped, but no oversized colored CTA slabs. */
body[data-local-ui] #main#main .inspection-hero {
  background: #fff !important;
  color: var(--ui-ink) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-line) !important;
  border-radius: 0 !important;
  padding: 12px 0 18px !important;
}
body[data-local-ui] #main#main .inspection-hero :is(h1, h2, h3, p,
  .eyebrow, .lead, .small-note, a:not(.button)) {
  color: var(--ui-ink) !important;
}
body[data-local-ui] #main#main .inspection-hero :is(.lead, .small-note, figcaption) {
  color: var(--ui-muted) !important;
}
body[data-local-ui] #main#main .inspection-hero h1 span { color: inherit !important; }
body[data-local-ui] #main#main .option-strip {
  background: #fff !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 3px !important;
  gap: 0 !important;
}
body[data-local-ui] #main#main .option-strip a {
  background: #fff !important;
  color: var(--ui-link) !important;
  border-right: 1px solid var(--ui-line);
  padding: 10px !important;
  font-size: 15px !important;
}
body[data-local-ui] #main#main .option-strip a:last-child { border-right: 0; }
body[data-local-ui] #main#main .option-strip :is(strong, span) {
  color: var(--ui-ink) !important;
  letter-spacing: 0 !important;
}
body[data-local-ui] #main#main .option-strip span {
  color: var(--ui-muted) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}
body[data-local-ui] #main#main .shared-boundary {
  background: #fff !important;
  border: 1px solid var(--ui-line) !important;
  border-left: 3px solid #adbec8 !important;
  color: var(--ui-muted) !important;
  border-radius: 0 !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}
body[data-local-ui] #main#main .example-card {
  border: 1px solid var(--ui-line) !important;
  border-radius: 3px !important;
}
body[data-local-ui] #main#main .report-card { padding: 12px !important; }
body[data-local-ui] #main#main :is(.report-card, .example-card) figcaption {
  font-size: 14px !important;
  line-height: 1.45 !important;
}
body[data-local-ui] #main#main .bom-workspace { padding: 16px !important; }
body[data-local-ui] #main#main .bom-workspace :is(table, th, td) {
  font-family: var(--ui-font) !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}
/* Single attribute group plus compact right-hand documents/RFQ at desktop. */
body[data-local-ui] #main#main article.product-detail {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 264px !important;
  align-items: start;
  gap: 16px 24px !important;
  width: 100%;
  max-width: none;
  margin: 0;
}
body[data-local-ui] #main#main article.product-detail > header.page-hero {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  padding: 8px 0 14px !important;
  margin: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--ui-line);
  background: #fff !important;
}
body[data-local-ui] #main#main article.product-detail > section {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
  color: var(--ui-ink) !important;
  min-width: 0;
}
body[data-local-ui] #main#main article.product-detail > .unified-attribute-section {
  grid-column: 1 !important;
  grid-row: 2 / span 3 !important;
}
body[data-local-ui] #main#main article.product-detail > [aria-labelledby="official-documentation"] {
  grid-column: 2 !important;
  grid-row: 2 !important;
  border-top: 1px solid var(--ui-line) !important;
  padding-top: 12px !important;
}
body[data-local-ui] #main#main article.product-detail > [aria-labelledby="request-quotation"] {
  grid-column: 2 !important;
  grid-row: 3 !important;
  border-top: 1px solid var(--ui-line) !important;
  padding-top: 12px !important;
}
body[data-local-ui] #main#main article.product-detail > :is(nav, [data-related-buyer-guides]) {
  grid-column: 1 / -1 !important;
  padding: 12px 0 !important;
  margin: 0 !important;
}
body[data-local-ui] #main#main article.product-detail > :is([aria-labelledby="official-documentation"],
  [aria-labelledby="request-quotation"], [data-related-buyer-guides]) h2 {
  font-size: 18px !important;
  margin-bottom: 8px;
}
body[data-local-ui] #main#main article.product-detail > :is([aria-labelledby="official-documentation"],
  [aria-labelledby="request-quotation"], [data-related-buyer-guides]) :is(p, a:not(.button)) {
  font-size: 15px !important;
  line-height: 1.45 !important;
  color: var(--ui-ink) !important;
}
body[data-local-ui] #main#main .product-detail .unified-attributes {
  display: block !important;
  width: 100%;
  margin: 0;
}
body[data-local-ui] #main#main .product-detail .unified-attributes > div {
  display: grid !important;
  grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) !important;
  padding: 0 !important;
  gap: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--ui-line);
}
body[data-local-ui] #main#main .product-detail .unified-attributes :is(dt, dd) {
  font: 400 15px/1.4 var(--ui-font) !important;
  padding: 7px 10px !important;
  margin: 0 !important;
  color: var(--ui-ink) !important;
  overflow-wrap: anywhere;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
body[data-local-ui] #main#main .product-detail .unified-attributes dt {
  font-weight: 600 !important;
  background: var(--ui-soft) !important;
}
body[data-local-ui] #main#main .product-detail .unified-attributes dd { background: #fff; }
body[data-local-ui] .site-footer :is(p, li, a, small) {
  font: 400 14px/1.5 var(--ui-font) !important;
}
/* Standalone recovery page lacks main#main but follows the same readable roles. */
body[data-local-ui] > main:not([id]) {
  background: #fff;
  border-color: var(--ui-line);
  border-radius: 3px;
  padding: 24px;
}
body[data-local-ui] > main:not([id]) h1 { font: 600 30px/1.2 var(--ui-font); }
body[data-local-ui] > main:not([id]) a { font: 600 15px/1.4 var(--ui-font); }
@media (max-width: 1040px) {
  body[data-local-ui] .site-header .brand-wordmark { width: 158px; }
  body[data-local-ui] .site-header :is(nav a, .search-navigation) {
    font-size: 14px !important;
    padding-inline: 7px !important;
  }
  body[data-local-ui] .site-header .header-actions {
    min-width: 0 !important;
    width: auto !important;
    align-self: center !important;
    margin: 0 !important;
  }
  body[data-local-ui] #main#main article.product-detail {
    grid-template-columns: minmax(0, 1fr) 230px !important;
    gap: 16px !important;
  }
  body[data-local-ui] #main#main .product-detail .unified-attributes > div {
    grid-template-columns: minmax(140px, 185px) minmax(0, 1fr) !important;
  }
}
@media (min-width: 761px) and (max-width: 1040px) {
  /* Deliberate two-line header; no width-based flex basis becomes height. */
  body[data-local-ui] .site-header .bar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 4px 0 !important;
    min-height: 0 !important;
    padding-block: 8px !important;
  }
  body[data-local-ui] .site-header .brand {
    flex: 0 0 100% !important;
    align-self: flex-start;
  }
  body[data-local-ui] .site-header .nav-wrap {
    flex: 0 0 100% !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    justify-content: space-between;
  }
  body[data-local-ui] .site-header .nav-wrap > nav {
    flex: 1 1 auto !important;
  }
  body[data-local-ui] .site-header .header-actions {
    flex: 0 0 auto !important;
  }
}
@media (max-width: 760px) {
  body[data-local-ui] #main#main {
    width: calc(100% - 32px);
    padding: 16px 0 24px !important;
  }
  body[data-local-ui] #main#main h1 { font-size: 26px !important; }
  body[data-local-ui] #main#main h2 { font-size: 21px !important; }
  body[data-local-ui] #main#main .home-with-chips .page-hero-copy h1 {
    font-size: 26px !important;
  }
  body[data-local-ui] .site-header .bar {
    width: calc(100% - 32px) !important;
    min-height: 64px !important;
    flex-wrap: nowrap !important;
    position: relative;
  }
  body[data-local-ui] .site-header .brand-wordmark { width: 156px; }
  body[data-local-ui] .site-header .nav-wrap {
    flex: 0 0 0 !important;
    width: 0 !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
  }
  body[data-local-ui] [data-mobile-nav-toggle] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    white-space: nowrap;
    min-width: 90px;
    margin-left: auto;
  }
  body[data-local-ui] .site-header .nav-wrap > nav {
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    width: auto !important;
    max-height: calc(100dvh - 90px);
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 8px !important;
    border: 1px solid var(--ui-line);
    background: #fff;
    z-index: 110;
  }
  body[data-local-ui] .site-header[data-nav-open] .nav-wrap > nav {
    display: block !important;
  }
  body[data-local-ui] .site-header .nav-wrap > nav > ul {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
  }
  body[data-local-ui] .site-header .nav-wrap > nav > ul > li {
    width: 100%;
  }
  body[data-local-ui] .site-header .compact-catalog > a { flex: 1 1 auto; width: auto !important; }
  body[data-local-ui] .site-header .compact-catalog > .cc-trigger { flex: 0 0 auto; }
  body[data-local-ui] .site-header .nav-wrap > nav > ul > li > a {
    display: flex;
    align-items: center;
    font-size: 15px !important;
  }
  body[data-local-ui] .site-header .header-actions { display: none !important; }
  body[data-local-ui] #main#main .maker-grid { gap: 0 16px !important; }
  body[data-local-ui] #main#main article.product-detail {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  body[data-local-ui] #main#main article.product-detail > * { width: 100% !important; order: 4; align-self: stretch; }
  body[data-local-ui] #main#main article.product-detail > section[aria-labelledby] { width: 100% !important; }
  body[data-local-ui] #main#main .product-detail .local-detail-heading { order: 0; }
  body[data-local-ui] #main#main .product-detail .local-detail-documents { order: 1; padding: 8px 0 !important; border-block: 1px solid var(--ui-line) !important; }
  body[data-local-ui] #main#main .product-detail .local-detail-attributes { order: 2; }
  body[data-local-ui] #main#main .product-detail .local-detail-inquiry { order: 3; }
  body[data-local-ui] #main#main .product-detail .buyer-guides { order: 4; }
  body[data-local-ui] #main#main .product-detail .unified-attributes > div {
    grid-template-columns: minmax(110px, 38%) minmax(0, 1fr) !important;
  }
  body[data-local-ui] #main#main .product-detail .unified-attributes :is(dt, dd) {
    padding: 7px 8px !important;
  }
  body[data-local-ui] #main#main .resource-card {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px !important;
  }
}
@media (max-width: 440px) {
  body[data-local-ui] #main#main :is(.panel, .catalog-search, .report-card) {
    padding: 12px !important;
  }
  body[data-local-ui] #main#main .maker-grid { grid-template-columns: 1fr !important; }
  body[data-local-ui] #main#main .catalog-filter-row { gap: 8px !important; }
  body[data-local-ui] #main#main .catalog-browser :is(th, td) {
    padding: 4px 0 !important;
  }
  body[data-local-ui] #main#main .catalog-browser tbody tr {
    padding: 10px 0 !important;
    gap: 4px 8px !important;
  }
}