/* ONI design report: plum window titles, white reading surfaces,
   gray-violet controls, gray parameter groups and pink object references. */
html[data-skin-css="/skins/oni.css"] {
  --oni-title: #7f3d5e;
  --oni-control: #3e4357;
  --oni-selected: #7f8cba;
  --oni-link: #c34888;
  --oni-ink: #171717;
  --oni-muted: #60606d;
  --oni-rule: #e2e2e4;
  color-scheme: light;
  color: var(--oni-ink);
  background: #313547;
  font: 14px/1.55 Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}
html[data-skin-css="/skins/oni.css"] body {
  margin: 0;
  color: var(--oni-ink);
  background: #313547;
  font: inherit;
}
html[data-skin-css="/skins/oni.css"] :is(.top-navigation, .categories-page, .entry-page) *,
html[data-skin-css="/skins/oni.css"] :is(.top-navigation, .categories-page, .entry-page) *::before,
html[data-skin-css="/skins/oni.css"] :is(.top-navigation, .categories-page, .entry-page) *::after { box-sizing: border-box; }
html[data-skin-css="/skins/oni.css"] :is(.categories-page, .entry-page) a { color: var(--oni-link); text-decoration: none; text-underline-offset: 3px; }
html[data-skin-css="/skins/oni.css"] :is(.categories-page, .entry-page) a:hover { text-decoration: underline; }
html[data-skin-css="/skins/oni.css"] :is(.categories-page, .entry-page) :is(a, button, input, select, summary):focus-visible {
  outline: 2px solid #d383b1;
  outline-offset: 2px;
}

/* Text navigation and unframed selection menus. */
html[data-skin-css="/skins/oni.css"] .top-navigation {
  color: #fff;
  background: #313547;
  border: 0;
  box-shadow: none;
  font: inherit;
}
html[data-skin-css="/skins/oni.css"] .navigation-bar {
  max-width: 1380px;
  min-height: 76px;
  padding: 16px 24px;
  gap: 12px 16px;
}
html[data-skin-css="/skins/oni.css"] .top-navigation :is(.navigation-control, .content-links a) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 32px;
  margin: 0;
  padding: 5px 13px;
  border: 0;
  border-radius: 0;
  color: #fff;
  background: transparent;
  box-shadow: none;
  font: 600 13px/20px Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
html[data-skin-css="/skins/oni.css"] .top-navigation :is(.navigation-control:hover, .navigation-control:active, .navigation-control[aria-expanded="true"]) {
  color: #e2afd3;
  background: transparent;
  box-shadow: none;
}
html[data-skin-css="/skins/oni.css"] .top-navigation :is(.content-links a:hover, .content-links a[aria-current="page"], a:focus-visible, button:focus-visible) {
  text-decoration: underline;
  text-decoration-color: #e2afd3;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
html[data-skin-css="/skins/oni.css"] .top-navigation :is(.navigation-control, .content-links a, .site-panel a, .site-panel button):focus-visible { outline: 0; }
html[data-skin-css="/skins/oni.css"] .top-navigation .navigation-control:focus-visible svg { stroke: #e2afd3; }
html[data-skin-css="/skins/oni.css"] :is(.header-actions a, .header-actions button, .entry-navigation-actions a, .entry-navigation-actions button, .pagination button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 32px;
  margin: 0;
  padding: 5px 13px;
  border: 1px solid #101119;
  border-radius: 0;
  color: #fff;
  background: var(--oni-control);
  box-shadow: inset 0 1px #777d91, inset 0 -1px #242735;
  font: 600 13px/20px Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
html[data-skin-css="/skins/oni.css"] :is(.header-actions a, .header-actions button, .entry-navigation-actions a, .entry-navigation-actions button, .pagination button):hover:not(:disabled) {
  color: #fff;
  background: #707da8;
  text-decoration: none;
}
html[data-skin-css="/skins/oni.css"] :is(.header-actions a, .header-actions button, .entry-navigation-actions a, .entry-navigation-actions button, .pagination button):active:not(:disabled) {
  background: #33384d;
  box-shadow: inset 0 1px #1c2131;
}
html[data-skin-css="/skins/oni.css"] :is(.header-actions button, .entry-navigation-actions button, .pagination button):disabled {
  color: #969aa9;
  background: #35394b;
  box-shadow: inset 0 1px #555b70;
  opacity: 1;
  cursor: default;
}
html[data-skin-css="/skins/oni.css"] .top-navigation button.site-control { justify-content: flex-start; gap: 10px; padding: 5px 10px; text-align: left; }
html[data-skin-css="/skins/oni.css"] .brand-symbol { width: 30px; height: 32px; stroke: #fff; stroke-width: 1.5; }
html[data-skin-css="/skins/oni.css"] .site-caption { display: grid; gap: 0; line-height: 1.3; }
html[data-skin-css="/skins/oni.css"] .brand-caption { color: #ccc8d4; font-size: 10px; font-weight: 400; letter-spacing: 0; }
html[data-skin-css="/skins/oni.css"] .site-name { gap: 6px; }
html[data-skin-css="/skins/oni.css"] .site-caption strong { color: #fff; font-size: 14px; font-weight: 700; }
html[data-skin-css="/skins/oni.css"] .game-version { color: #ccc8d4; font-size: 10px; }
html[data-skin-css="/skins/oni.css"] .content-links { gap: 4px; }
html[data-skin-css="/skins/oni.css"] .account-controls { gap: 12px; }
html[data-skin-css="/skins/oni.css"] .top-navigation button.language-control { width: 40px; height: 34px; padding: 0; }
html[data-skin-css="/skins/oni.css"] .user-info { gap: 7px; padding: 0; border: 0; color: #fff; font-size: 13px; }
html[data-skin-css="/skins/oni.css"] .user-avatar { width: 25px; height: 28px; border-radius: 0; color: #fff; background: none; }
html[data-skin-css="/skins/oni.css"] .site-panel {
  top: calc(100% + 3px);
  width: 260px;
  max-width: calc(100vw - 32px);
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--oni-ink);
  background: #fff;
  box-shadow: none;
}
html[data-skin-css="/skins/oni.css"] .panel-heading { margin: 0; padding: 7px 12px; color: var(--oni-muted); background: transparent; font-size: 14px; font-weight: 700; }
html[data-skin-css="/skins/oni.css"] .site-panel :is(a, button) {
  min-height: 35px;
  padding: 7px 12px;
  border: 0;
  border-radius: 0;
  color: var(--oni-ink);
  background: #fff;
  box-shadow: none;
  font: inherit;
  text-decoration: none;
}
html[data-skin-css="/skins/oni.css"] .site-panel :is(a, button):hover { color: var(--oni-ink); background: #f2e3ed; }
html[data-skin-css="/skins/oni.css"] .site-panel :is(a[aria-current], button[aria-pressed="true"]) { color: var(--oni-ink); background: #e7cbdc; font-weight: 600; }
html[data-skin-css="/skins/oni.css"] .selected-mark { color: #7f3d5e; }
html[data-skin-css="/skins/oni.css"] .language-panel { width: 180px; }

/* A window title spans the reading surface; breadcrumbs and commands sit below. */
html[data-skin-css="/skins/oni.css"] :is(.categories-page, .entry-page) {
  min-width: 0;
  width: calc(100% - 48px);
  max-width: 1100px;
  margin: 12px auto 40px;
  padding: 0;
  border: 1px solid #10111a;
  color: var(--oni-ink);
  background: #fff;
  font: inherit;
}
html[data-skin-css="/skins/oni.css"] .page-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0;
  margin: 0;
  border-bottom: 1px solid #ddd;
  background: #f6f6f6;
}
html[data-skin-css="/skins/oni.css"] .page-header > div:first-child { display: contents; }
html[data-skin-css="/skins/oni.css"] :is(.page-header, .entry-header) h1 {
  margin: 0;
  padding: 5px 12px;
  background: var(--oni-title);
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .01em;
  overflow-wrap: break-word;
}
html[data-skin-css="/skins/oni.css"] .page-header h1 { grid-column: 1 / -1; grid-row: 1; }
html[data-skin-css="/skins/oni.css"] .eyebrow { grid-row: 2; margin: 0; padding: 10px 16px; color: var(--oni-muted); font-size: 12px; letter-spacing: 0; }
html[data-skin-css="/skins/oni.css"] .header-actions { grid-row: 2; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; padding: 10px 16px; }
html[data-skin-css="/skins/oni.css"] .category-list { grid-template-columns: 1fr; gap: 3px; width: calc(100% - 40px); max-width: 800px; margin: 20px auto; padding: 0; }
html[data-skin-css="/skins/oni.css"] .category-list a {
  padding: 7px 12px;
  border: 1px solid #19111b;
  border-radius: 0;
  color: #fff;
  background: var(--oni-title);
  box-shadow: inset 0 1px #995472, inset 0 -1px #53283e;
  font-size: 14px;
  font-weight: 700;
}
html[data-skin-css="/skins/oni.css"] .category-list a:hover { border-color: #19111b; background: #a1577e; text-decoration: none; }
html[data-skin-css="/skins/oni.css"] .table-heading { display: none; }
html[data-skin-css="/skins/oni.css"] :is(.table-status, .entry-status, .oni-catalog .empty) { margin: 0; padding: 24px 16px; border: 0; border-radius: 0; color: #686975; background: #fff; font-size: 13px; text-align: center; }
html[data-skin-css="/skins/oni.css"] :is(.table-status, .entry-status, .oni-catalog .empty)[role="alert"] { color: #b6384e; }
html[data-skin-css="/skins/oni.css"] .categories-page .page-renderer { padding: 20px; }

/* The catalog combines the game's image wells and database reading surface. */
html[data-skin-css="/skins/oni.css"] .oni-catalog { color: var(--oni-ink); }
html[data-skin-css="/skins/oni.css"] .catalog-header { display: none; }
html[data-skin-css="/skins/oni.css"] .category-tabs { gap: 0; margin: 0 0 15px; border-bottom: 1px solid #8f8f91; background: #444; }
html[data-skin-css="/skins/oni.css"] .category-tabs a { padding: 5px 11px; border: 0; border-right: 1px solid #888; border-radius: 0; color: #111; background: #aaa; font-size: 13px; text-decoration: none; }
html[data-skin-css="/skins/oni.css"] .category-tabs a[aria-current="page"] { color: #111; border-color: #888; background: #fff; }
html[data-skin-css="/skins/oni.css"] .category-tabs a:hover { background: #ded9e1; text-decoration: none; }
html[data-skin-css="/skins/oni.css"] .result-count { margin: 10px 0; color: var(--oni-muted); font-size: 12px; }
html[data-skin-css="/skins/oni.css"] .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
html[data-skin-css="/skins/oni.css"] .entity-card { grid-template-columns: 76px minmax(0, 1fr); gap: 12px; min-height: 96px; padding: 10px; border: 1px solid #c4c3c8; border-radius: 0; color: #151515; background: #fff; text-decoration: none; }
html[data-skin-css="/skins/oni.css"] .entity-card:hover { border-color: var(--oni-selected); outline: 1px solid var(--oni-selected); background: #faf7fa; text-decoration: none; }
html[data-skin-css="/skins/oni.css"] .entity-image { width: 76px; height: 76px; border: 1px solid #1e2131; border-radius: 0; background: #43475c; }
html[data-skin-css="/skins/oni.css"] .entity-image img { width: 70px; height: 70px; padding: 3px; object-fit: contain; }
html[data-skin-css="/skins/oni.css"] .entity-copy { gap: 5px; color: #151515; }
html[data-skin-css="/skins/oni.css"] .entity-copy b { color: #151515; font-size: 16px; line-height: 1.4; font-weight: 700; overflow-wrap: break-word; }
html[data-skin-css="/skins/oni.css"] .entity-card:hover .entity-copy b { color: #9d306e; text-decoration: underline; }
html[data-skin-css="/skins/oni.css"] .entity-copy > span { color: #55515b; font-size: 12px; line-height: 1.5; }
html[data-skin-css="/skins/oni.css"] .pagination { gap: 12px; margin-top: 18px; padding: 12px; color: var(--oni-ink); background: #fff; font-size: 13px; }
html[data-skin-css="/skins/oni.css"] .catalog-controls :is(input, select) { min-height: 34px; padding: 7px 9px; border: 1px solid #55545c; border-radius: 0; color: var(--oni-ink); background: #fff; font: inherit; }

/* Object text, parameter rows and production remain on one white reading face. */
html[data-skin-css="/skins/oni.css"] .entry-page { display: flex; flex-direction: column; }
html[data-skin-css="/skins/oni.css"] .entry-header { order: 0; display: block; margin: 0; }
html[data-skin-css="/skins/oni.css"] .entry-navigation-row { order: 1; margin: 0; padding: 10px 16px; gap: 12px; border-bottom: 1px solid #ddd; background: #f6f6f6; }
html[data-skin-css="/skins/oni.css"] .entry-navigation { flex-wrap: wrap; gap: 8px; overflow: visible; color: var(--oni-muted); font-size: 13px; white-space: normal; }
html[data-skin-css="/skins/oni.css"] .entry-navigation a { min-width: 0; flex-shrink: 1; overflow-wrap: break-word; }
html[data-skin-css="/skins/oni.css"] .entry-navigation-actions { gap: 6px; }
html[data-skin-css="/skins/oni.css"] .entry-page > :is(.page-renderer, .entry-status) { order: 2; }
html[data-skin-css="/skins/oni.css"] .oni-entry { display: block; color: var(--oni-ink); }
html[data-skin-css="/skins/oni.css"] .entry-hero { flex-direction: row; align-items: center; gap: 20px; padding: 20px; border: 0; border-radius: 0; color: var(--oni-ink); background: #fff; }
html[data-skin-css="/skins/oni.css"] .entry-hero > div { min-width: 0; }
html[data-skin-css="/skins/oni.css"] .entry-hero h2 { display: none; }
html[data-skin-css="/skins/oni.css"] .hero-image { flex: 0 0 110px; width: 110px; height: 110px; border-radius: 0; background: #fff; }
html[data-skin-css="/skins/oni.css"] .hero-image img { width: 110px; height: 110px; object-fit: contain; }
html[data-skin-css="/skins/oni.css"] .entry-hero a { color: var(--oni-link); font-size: 13px; }
html[data-skin-css="/skins/oni.css"] .description { margin: 7px 0; color: var(--oni-ink); font-size: 14px; line-height: 1.7; }
html[data-skin-css="/skins/oni.css"] .oni-detail-columns { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 0 20px 20px; }
html[data-skin-css="/skins/oni.css"] :is(.oni-parameters, .oni-production) { display: block; min-width: 0; }
html[data-skin-css="/skins/oni.css"] .entry-section { min-width: 0; margin: 0 0 16px; padding: 0; border: 0; border-radius: 0; background: #fff; }
html[data-skin-css="/skins/oni.css"] .entry-section:last-child { margin-bottom: 0; }
html[data-skin-css="/skins/oni.css"] .entry-section h3 { margin: 0; padding: 4px 12px; color: #fff; background: #b0b0b0; font-size: 16px; line-height: 1.4; font-weight: 700; }
html[data-skin-css="/skins/oni.css"] :is(.fact-grid, .structured-facts) { display: block; margin: 0; color: var(--oni-ink); background: #fff; font-size: 14px; }
html[data-skin-css="/skins/oni.css"] .oni-entry[data-category="building"] [data-section="basic-parameters"] .fact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
html[data-skin-css="/skins/oni.css"] :is(.fact-grid, .structured-facts) > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(80px, .8fr); gap: 5px 14px; min-width: 0; padding: 7px 12px; border-bottom: 1px solid var(--oni-rule); background: #fff; }
html[data-skin-css="/skins/oni.css"] :is(.fact-grid, .structured-facts) dt { min-width: 0; color: #51505a; font-size: 14px; overflow-wrap: break-word; }
html[data-skin-css="/skins/oni.css"] :is(.fact-grid, .structured-facts) dd { grid-column: 2; min-width: 0; margin: 0; color: #111; text-align: right; overflow-wrap: break-word; font-variant-numeric: tabular-nums; }
html[data-skin-css="/skins/oni.css"] :is(.fact-grid, .structured-facts) a { color: var(--oni-link); }
html[data-skin-css="/skins/oni.css"] .structured-facts .group-heading { grid-template-columns: 1fr; margin: 0; padding: 6px 12px; border-color: #d3d3d6; background: #efeff1; font-weight: 600; }
html[data-skin-css="/skins/oni.css"] .group-heading dt { color: #2b2931; }
html[data-skin-css="/skins/oni.css"] .structured-facts .no-label { grid-template-columns: 1fr; }
html[data-skin-css="/skins/oni.css"] .structured-facts .no-label dd { grid-column: 1; text-align: left; }
html[data-skin-css="/skins/oni.css"] .empty-value { margin: 0; padding: 8px 12px; color: #85818b; font-size: 14px; }
html[data-skin-css="/skins/oni.css"] .production-flows { gap: 14px; }
html[data-skin-css="/skins/oni.css"] .production-flow { padding: 0; border: 0; border-bottom: 1px solid var(--oni-rule); border-radius: 0; background: #fff; }
html[data-skin-css="/skins/oni.css"] :is(.production-flow h4, .plant-output-process h4) { margin: 0; padding: 6px 12px; border-bottom: 1px solid #d3d3d6; color: #2b2931; background: #efeff1; font-size: 14px; line-height: 1.5; font-weight: 600; }
html[data-skin-css="/skins/oni.css"] .production-diagram { grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr); align-items: center; gap: 5px; padding: 12px; }
html[data-skin-css="/skins/oni.css"] .production-side h5 { margin: 0 0 6px; color: #60606d; font-size: 12px; font-weight: 400; }
html[data-skin-css="/skins/oni.css"] .production-arrow { width: 32px; color: #4c4f65; font-size: 26px; transform: none; }
html[data-skin-css="/skins/oni.css"] .production-choice { grid-template-columns: minmax(0, 1fr); gap: 8px; }
html[data-skin-css="/skins/oni.css"] .oni-production .production-diagram { grid-template-columns: max-content 32px max-content; justify-content: safe center; gap: 16px; padding-top: 32px; overflow-x: auto; }
html[data-skin-css="/skins/oni.css"] .oni-production .production-group { display: inline-flex; align-items: center; gap: 8px; }
html[data-skin-css="/skins/oni.css"] .oni-production .production-choice { display: flex; flex-wrap: nowrap; align-items: center; }
html[data-skin-css="/skins/oni.css"] .production-card { gap: 5px; padding: 10px; border: 0; border-radius: 0; color: var(--oni-ink); background: #fff; font-size: 13px; }
html[data-skin-css="/skins/oni.css"] .output .production-card { background: #fff; }
html[data-skin-css="/skins/oni.css"] .production-picture { width: 52px; height: 52px; padding: 3px; border: 1px solid #202331; background: #43475c; }
html[data-skin-css="/skins/oni.css"] .production-picture :is(img, svg) { width: 44px; height: 44px; object-fit: contain; }
html[data-skin-css="/skins/oni.css"] a.production-picture[href*="/item/HighEnergyParticle"] { display: none; }
html[data-skin-css="/skins/oni.css"] .production-name { color: var(--oni-ink); font-size: 13px; overflow-wrap: break-word; }
html[data-skin-css="/skins/oni.css"] a.production-name { color: var(--oni-link); }
html[data-skin-css="/skins/oni.css"] .production-amount { color: #111; font-size: 15px; font-weight: 600; }
html[data-skin-css="/skins/oni.css"] .production-amount span { color: #111; font-size: 12px; font-weight: 400; }
html[data-skin-css="/skins/oni.css"] .production-quantity-label { color: #60606d; font-size: 12px; }
html[data-skin-css="/skins/oni.css"] :is(.choice-or, .required-plus, .production-note) { color: #666; }
html[data-skin-css="/skins/oni.css"] .production-note { margin: 0; padding: 8px 12px; font-size: 13px; }
html[data-skin-css="/skins/oni.css"] .production-details { margin-top: 0; }
html[data-skin-css="/skins/oni.css"] .production-flow[data-flow-kind="shared"] .production-diagram:has(.output > .empty-value) { display: block; }
html[data-skin-css="/skins/oni.css"] .production-flow[data-flow-kind="shared"] .production-diagram:has(.output > .empty-value) :is(.production-arrow, .output, .input > h5) { display: none; }
html[data-skin-css="/skins/oni.css"] .production-card:has(a.production-name[href*="/item/HighEnergyParticle"]) { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; text-align: left; }
html[data-skin-css="/skins/oni.css"] .production-card:has(a.production-name[href*="/item/HighEnergyParticle"]) .production-name { grid-column: 1; grid-row: 1; }
html[data-skin-css="/skins/oni.css"] .production-card:has(a.production-name[href*="/item/HighEnergyParticle"]) .production-amount { grid-column: 2; grid-row: 1; }
html[data-skin-css="/skins/oni.css"] .production-card:has(a.production-name[href*="/item/HighEnergyParticle"]) .production-quantity-label { grid-column: 1 / -1; grid-row: 2; }
html[data-skin-css="/skins/oni.css"] .plant-output-parameters { margin-top: 0; }
html[data-skin-css="/skins/oni.css"] .plant-output-process { margin-top: 14px; }
html[data-skin-css="/skins/oni.css"] .plant-output-picture { border: 1px solid #202331; background: #43475c; padding: 2px; }

@media (max-width: 1000px) {
  html[data-skin-css="/skins/oni.css"] .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-skin-css="/skins/oni.css"] .navigation-bar { gap: 10px 12px; }
}
@media (max-width: 640px) {
  html[data-skin-css="/skins/oni.css"] .navigation-bar { gap: 10px; padding: 12px 16px; }
  html[data-skin-css="/skins/oni.css"] .site-switcher { flex: 0 1 auto; max-width: calc(100% - 118px); }
  html[data-skin-css="/skins/oni.css"] .site-caption { display: grid; min-width: 0; gap: 0; }
  html[data-skin-css="/skins/oni.css"] .site-name { gap: 0 6px; }
  html[data-skin-css="/skins/oni.css"] .site-caption strong { font-size: 13px; }
  html[data-skin-css="/skins/oni.css"] .account-controls { gap: 8px; }
  html[data-skin-css="/skins/oni.css"] :is(.categories-page, .entry-page) { width: calc(100% - 24px); margin-top: 8px; }
  html[data-skin-css="/skins/oni.css"] .page-header { grid-template-columns: minmax(0, 1fr); }
  html[data-skin-css="/skins/oni.css"] .eyebrow { padding: 8px 12px 0; }
  html[data-skin-css="/skins/oni.css"] .header-actions { grid-row: 3; justify-content: flex-start; padding: 8px 12px; }
  html[data-skin-css="/skins/oni.css"] .category-list { width: calc(100% - 24px); margin-block: 12px; }
  html[data-skin-css="/skins/oni.css"] .categories-page .page-renderer { padding: 12px; }
  html[data-skin-css="/skins/oni.css"] .catalog-grid { grid-template-columns: 1fr; }
  html[data-skin-css="/skins/oni.css"] .entry-navigation-row { flex-wrap: wrap; padding: 8px 12px; }
  html[data-skin-css="/skins/oni.css"] .entry-hero { gap: 12px; padding: 14px 12px; }
  html[data-skin-css="/skins/oni.css"] .hero-image { flex-basis: 76px; width: 76px; height: 76px; }
  html[data-skin-css="/skins/oni.css"] .hero-image img { width: 76px; height: 76px; }
  html[data-skin-css="/skins/oni.css"] .oni-entry[data-category="building"] [data-section="basic-parameters"] .fact-grid { grid-template-columns: minmax(0, 1fr); }
  html[data-skin-css="/skins/oni.css"] .oni-detail-columns { padding: 0 12px 12px; }
  html[data-skin-css="/skins/oni.css"] .production-diagram { grid-template-columns: minmax(0, 1fr) 25px minmax(0, 1fr); padding: 7px; }
  html[data-skin-css="/skins/oni.css"] .production-arrow { width: 25px; }
}

html[data-skin-css="/skins/oni.css"] .page-filters { display: flex; flex-direction: column; gap: 20px; margin: 0; padding: 24px 16px; border: 1px solid #d5d5dc; background: #fff; color: #171717; }
html[data-skin-css="/skins/oni.css"] .filter-options-row { display: grid; gap: 20px; }
html[data-skin-css="/skins/oni.css"] .filter-control { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
html[data-skin-css="/skins/oni.css"] .filter-label { flex: 0 0 5em; line-height: 32px; }
html[data-skin-css="/skins/oni.css"] .boolean-filter { align-items: center; }
html[data-skin-css="/skins/oni.css"] .boolean-filter input[type="checkbox"] { margin: 0; }
html[data-skin-css="/skins/oni.css"] .enum-options { display: flex; flex-wrap: wrap; gap: 6px; }
html[data-skin-css="/skins/oni.css"] :is(.enum-option, .catalog-sorting button) { padding: 4px 9px; border: 1px solid #d5d5dc; border-bottom: 3px solid #d5d5dc; border-radius: 0; color: #171717; background: #fff; font: inherit; cursor: pointer; }
html[data-skin-css="/skins/oni.css"] :is(.enum-option.selected, .catalog-sorting button[aria-pressed="true"]) { border-bottom-color: #7f3d5e; }
html[data-skin-css="/skins/oni.css"] .catalog-sorting { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }