/* Server Room article icon system v5: Tabler Icons 3.46.0 subset, optically sized per component. */
body.obor-server-room-article-page {
  --sr-risk: #b64f61;
  --sr-risk-wash: rgba(221, 151, 164, .16);
  --sr-icon-line: #6558e8;
  --sr-icon-surface: rgba(240, 244, 250, .78);
}

.sr-icon {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  color: var(--sr-icon-line);
  font-style: normal;
  line-height: 1;
  speak: never;
}

.sr-icon::before {
  display: block;
  width: var(--sr-glyph-size, 1.35rem);
  height: var(--sr-glyph-size, 1.35rem);
  background: currentColor;
  content: "";
  -webkit-mask: var(--sr-icon-source) center / contain no-repeat;
  mask: var(--sr-icon-source) center / contain no-repeat;
}

.sr-ti-adjustments-horizontal { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/adjustments-horizontal.svg"); }
.sr-ti-alarm { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/alarm.svg"); }
.sr-ti-alert-triangle { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/alert-triangle.svg"); }
.sr-ti-antenna-bars-5 { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/antenna-bars-5.svg"); }
.sr-ti-arrow-back-up { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/arrow-back-up.svg"); }
.sr-ti-arrow-right { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/arrow-right.svg"); }
.sr-ti-arrows-vertical { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/arrows-vertical.svg"); }
.sr-ti-battery { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/battery.svg"); }
.sr-ti-battery-charging { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/battery-charging.svg"); }
.sr-ti-battery-exclamation { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/battery-exclamation.svg"); }
.sr-ti-bell { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/bell.svg"); }
.sr-ti-bolt { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/bolt.svg"); }
.sr-ti-broadcast { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/broadcast.svg"); }
.sr-ti-building-broadcast-tower { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/building-broadcast-tower.svg"); }
.sr-ti-building-skyscraper { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/building-skyscraper.svg"); }
.sr-ti-calculator { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/calculator.svg"); }
.sr-ti-checklist { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/checklist.svg"); }
.sr-ti-circle-check { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/circle-check.svg"); }
.sr-ti-circuit-battery { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/circuit-battery.svg"); }
.sr-ti-clipboard-check { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/clipboard-check.svg"); }
.sr-ti-cpu { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/cpu.svg"); }
.sr-ti-external-link { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/external-link.svg"); }
.sr-ti-file-description { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/file-description.svg"); }
.sr-ti-file-x { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/file-x.svg"); }
.sr-ti-filter { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/filter.svg"); }
.sr-ti-gauge { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/gauge.svg"); }
.sr-ti-hierarchy-3 { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/hierarchy-3.svg"); }
.sr-ti-link { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/link.svg"); }
.sr-ti-map-2 { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/map-2.svg"); }
.sr-ti-map-pin { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/map-pin.svg"); }
.sr-ti-map-pin-exclamation { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/map-pin-exclamation.svg"); }
.sr-ti-network-off { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/network-off.svg"); }
.sr-ti-plug-connected { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/plug-connected.svg"); }
.sr-ti-plus { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/plus.svg"); }
.sr-ti-question-mark { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/question-mark.svg"); }
.sr-ti-refresh { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/refresh.svg"); }
.sr-ti-search { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/search.svg"); }
.sr-ti-send { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/send.svg"); }
.sr-ti-shield-check { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/shield-check.svg"); }
.sr-ti-thermometer { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/thermometer.svg"); }
.sr-ti-tool { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/tool.svg"); }
.sr-ti-users { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/users.svg"); }
.sr-ti-users-group { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/users-group.svg"); }
.sr-ti-wave-sine { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/wave-sine.svg"); }
.sr-ti-zoom-check { --sr-icon-source: url("../vendor/tabler-icons-v3.46.0/icons/zoom-check.svg"); }

.sr-flow li {
  display: flex;
  flex-direction: column;
  min-height: 17.5rem;
  padding: 1.35rem 1.25rem 1.2rem;
}

.sr-flow__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
}

.sr-flow .sr-flow__icon {
  --sr-glyph-size: 1.55rem;
  width: 3rem;
  height: 3rem;
  background: linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(226, 232, 241, .78));
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: 14px;
  box-shadow: 6px 6px 14px rgba(84, 98, 119, .16), -6px -6px 14px rgba(255, 255, 255, .72);
}

.sr-flow li > .sr-flow__top > .sr-flow__number {
  display: grid;
  place-items: center;
  width: 1.85rem;
  height: 1.85rem;
  background: transparent;
  border: 1px solid rgba(101, 88, 232, .22);
  border-radius: 50%;
  box-shadow: none;
  color: var(--sr-violet);
  font: 760 .59rem/1 "SR Plus Jakarta", sans-serif;
  letter-spacing: .04em;
}

.sr-flow li:last-child .sr-flow__icon,
.sr-flow li:last-child .sr-flow__number {
  color: var(--sr-teal);
}

.sr-flow li:last-child > .sr-flow__top > .sr-flow__number {
  border-color: rgba(29, 162, 158, .25);
}

.sr-flow h3 {
  margin: auto 0 .65rem;
  padding-top: 1.8rem;
}

.sr-checks li {
  display: grid;
  grid-template-columns: 2.55rem 1.75rem minmax(0, 1fr);
  gap: .7rem;
  align-items: center;
  padding: .82rem 1rem;
}

.sr-checks li::before {
  content: none;
}

.sr-checks .sr-check__icon {
  --sr-glyph-size: 1.25rem;
  grid-row: auto;
  width: 2.55rem;
  height: 2.55rem;
  background: var(--sr-icon-surface);
  border: 1px solid rgba(255, 255, 255, .74);
  border-radius: 12px;
  box-shadow: 4px 4px 10px rgba(84, 98, 119, .14), -4px -4px 10px rgba(255, 255, 255, .68);
}

.sr-check__number {
  color: var(--sr-violet);
  font: 760 .59rem/1 "SR Plus Jakarta", sans-serif;
  letter-spacing: .06em;
  text-align: center;
}

.sr-checks li p {
  min-width: 0;
  margin: 0;
}

.sr-field-note {
  justify-content: flex-start;
  min-height: 38rem;
  padding: 1rem;
  overflow: hidden;
}

.sr-field-note__visual {
  margin: 0;
}

.sr-field-note__visual img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 24px;
  box-shadow: inset 8px 8px 18px rgba(17, 25, 34, .45), inset -8px -8px 18px rgba(255, 255, 255, .08);
}

.sr-field-note__visual figcaption {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: .85rem .45rem 0;
  color: var(--sr-teal);
  font: 720 .6rem/1.35 "SR Plus Jakarta", sans-serif;
  letter-spacing: .1em;
}

.sr-field-note__visual figcaption .sr-icon {
  --sr-glyph-size: 1.05rem;
  width: 1.15rem;
  height: 1.15rem;
  color: var(--sr-teal);
}

.sr-field-note__copy {
  padding: 1.45rem 1.25rem 1.2rem;
}

.sr-field-note__copy > span {
  color: var(--sr-violet-light);
  font: 720 .66rem/1.25 "SR Plus Jakarta", sans-serif;
  letter-spacing: .11em;
}

.sr-field-note__copy p {
  margin: .9rem 0 0;
  font-size: clamp(1.08rem, 1.45vw, 1.45rem);
  line-height: 1.34;
}

.sr-failures__rail article {
  display: flex;
  flex-direction: column;
  min-height: 17.25rem;
}

.sr-failure__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.sr-failures__rail .sr-failure__icon {
  --sr-glyph-size: 1.4rem;
  width: 2.85rem;
  height: 2.85rem;
  background: var(--sr-risk-wash);
  border: 1px solid rgba(182, 79, 97, .13);
  border-radius: 13px;
  box-shadow: 4px 4px 11px rgba(95, 75, 82, .13), -4px -4px 11px rgba(255, 255, 255, .64);
  color: var(--sr-risk);
}

.sr-failures__rail .sr-failure__code {
  color: var(--sr-risk);
  font: 760 .61rem/1 "SR Plus Jakarta", sans-serif;
  letter-spacing: .06em;
}

.sr-failures__rail h3 {
  margin: auto 0 .75rem;
  padding-top: 1.8rem;
}

.sr-faq summary .sr-faq__icon {
  --sr-glyph-size: 1.1rem;
  width: 2.35rem;
  height: 2.35rem;
  background: var(--sr-base);
  border-radius: 50%;
  box-shadow: var(--sr-raised-soft);
  color: var(--sr-violet);
  transition: color .2s ease-out, transform .2s ease-out, box-shadow .2s ease-out;
}

.sr-faq details[open] summary .sr-faq__icon {
  box-shadow: var(--sr-inset);
  color: var(--sr-teal);
  transform: rotate(45deg);
}

.sr-sources li {
  display: flex;
  flex-direction: column;
  min-height: 12.25rem;
}

.sr-source__top {
  display: grid;
  grid-template-columns: 2.55rem minmax(0, 1fr);
  gap: .8rem;
  align-items: start;
  margin-bottom: 1rem;
}

.sr-source__top > .sr-icon {
  --sr-glyph-size: 1.25rem;
  width: 2.55rem;
  height: 2.55rem;
  background: var(--sr-icon-surface);
  border: 1px solid rgba(255, 255, 255, .74);
  border-radius: 12px;
  box-shadow: 4px 4px 10px rgba(84, 98, 119, .14), -4px -4px 10px rgba(255, 255, 255, .68);
}

.sr-sources a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1.15rem;
  gap: .55rem;
  align-items: start;
  min-width: 0;
}

.sr-sources a span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.sr-sources a .sr-icon {
  --sr-glyph-size: .95rem;
  justify-self: end;
  width: 1.15rem;
  height: 1.15rem;
  margin-top: .08rem;
}

.sr-sources li p {
  margin-top: auto;
  padding-top: 1rem;
}

.sr-related__action,
.sr-article-cta a {
  gap: .45rem;
}

.sr-related__action .sr-icon,
.sr-article-cta a .sr-icon {
  --sr-glyph-size: .95rem;
  width: 1rem;
  height: 1rem;
}

@media (max-width: 760px) {
  .sr-flow li,
  .sr-failures__rail article {
    min-height: 11.75rem;
  }

  .sr-flow h3,
  .sr-failures__rail h3 {
    margin-top: auto;
    padding-top: 1.35rem;
  }

  .sr-flow .sr-flow__icon {
    --sr-glyph-size: 1.4rem;
    width: 2.75rem;
    height: 2.75rem;
  }

  .sr-checks li {
    grid-template-columns: 2.35rem 1.55rem minmax(0, 1fr);
    gap: .55rem;
    padding: .76rem;
  }

  .sr-checks .sr-check__icon {
    --sr-glyph-size: 1.15rem;
    width: 2.35rem;
    height: 2.35rem;
  }

  .sr-field-note {
    min-height: 0;
    padding: .8rem;
  }

  .sr-field-note__visual img {
    border-radius: 19px;
  }

  .sr-field-note__copy {
    padding: 1.2rem .85rem 1rem;
  }

  .sr-sources li {
    min-height: 10.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sr-faq summary .sr-faq__icon {
    transition: none;
  }
}
