/* NMK Global Links - link exchange desk */

:root {
  --panel-cyan: #DAE6F6;
  --rackdeep: #264854;
  --link-copper: #D28258;
  --jack-green: #3CA87A;
  --ledger-card: #F4F6FA;
  --cable-blue: #325098;
  --wire-gold: #E4B05C;
  --tag-silver: #BEC5CF;
  --line-soft: #B4C8E2;
  --copper-deep: #B06A44;
  --rackdeep-soft: #355F6C;
  --jack-deep: #2A7C59;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-size: 16px;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  background-color: #DAE6F6;
  color: #264854;
  line-height: 1.65;
  overflow-x: hidden;
}

a {
  color: #A75E36;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  text-decoration-color: #E4B05C;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

h1, h2, h3, h4 {
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  color: #264854;
  line-height: 1.2;
  margin: 0 0 14px;
}

p {
  margin: 0 0 16px;
}

.wrap {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 28px;
}

.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  background: #264854;
  color: #DAE6F6;
  padding: 10px 16px;
  z-index: 60;
}

.skip-link:focus {
  left: 12px;
  top: 12px;
}

/* ============ LINK SHELF RINGS NAV ============ */
.linkshelf {
  background-color: #264854;
  width: 100%;
}

.linkshelf-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 18px 28px;
  display: flex;
  align-items: center;
  gap: 26px;
}

.librand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background-color: #F4F6FA;
  color: #264854;
  padding: 9px 15px;
  border-radius: 4px;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.6px;
  white-space: nowrap;
  border-bottom: 3px solid #D28258;
}

.librand-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #E4B05C;
  display: inline-block;
  flex: none;
}

.lishelf-rail {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.liring {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  padding: 9px 20px 9px 24px;
  background-color: #DAE6F6;
  color: #264854;
  border: 2px solid #D28258;
  border-radius: 999px;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.8px;
}

.liring:hover,
.liring:focus {
  text-decoration: none;
  background-color: #F4F6FA;
  border-color: #E4B05C;
}

.liring::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #BEC5CF;
}

.liring-current {
  background-color: #F4F6FA;
  box-shadow: 0 0 0 3px #3CA87A inset;
}

.litoggle {
  display: none;
  background-color: #DAE6F6;
  color: #264854;
  border: 2px solid #D28258;
  border-radius: 4px;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 9px 14px;
  cursor: pointer;
}

/* ============ NODE BAY HERO ============ */
.nodebay {
  padding: 54px 0 46px;
  border-bottom: 3px solid #264854;
}

.nodebay-grid {
  display: grid;
  grid-template-columns: 55fr 45fr;
  gap: 44px;
  align-items: center;
}

.nodebay-copy h1 {
  font-size: 46px;
  letter-spacing: -0.5px;
  margin-bottom: 20px;
}

.nodebay-display {
  display: block;
  font-size: 74px;
  line-height: 1;
  font-style: italic;
  color: #A75E36;
  letter-spacing: -1px;
  margin-top: 6px;
}

.nodebay-lede {
  font-size: 17px;
  max-width: 540px;
}

.nodebay-copy .inlinelink {
  color: #A75E36;
  font-weight: 700;
  border-bottom: 2px solid #D28258;
}

.nodebay-copy .inlinelink:hover {
  text-decoration: none;
  border-bottom-color: #E4B05C;
}

.ctabar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  max-width: 430px;
  margin-top: 26px;
  padding: 17px 22px;
  background-color: #D28258;
  color: #26333D;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.4px;
  border-radius: 3px;
}

.ctabar:hover {
  text-decoration: none;
  background-color: #C0714A;
}

.ctabar-arrow {
  font-size: 20px;
  line-height: 1;
}

/* patch panel */
.patchpanel {
  background-color: #F4F6FA;
  border: 2px solid #264854;
  border-radius: 5px;
  padding: 22px;
  box-shadow: 7px 7px 0 #B4C8E2;
}

.patchpanel-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 12px;
  letter-spacing: 1.8px;
  font-weight: 700;
  color: #264854;
  border-bottom: 2px solid #264854;
  padding-bottom: 10px;
  margin-bottom: 16px;
}

.patchpanel-top span:last-child {
  color: #A75E36;
}

.portgrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.port {
  position: relative;
  background-color: #264854;
  border-radius: 4px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.port-socket {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #3CA87A;
  border: 3px solid #1C3A44;
  box-shadow: 0 0 0 2px #2A7C59 inset;
}

.port-lead {
  position: absolute;
  right: 0;
  top: 50%;
  width: 56px;
  height: 3px;
  background-color: #325098;
}

.port:nth-child(4n) .port-lead {
  display: none;
}

.port-label {
  position: absolute;
  left: 5px;
  top: 4px;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 9px;
  color: #C3D6EC;
  letter-spacing: 1px;
}

.patchpanel-foot {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 2px dashed #B4C8E2;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 12px;
  letter-spacing: 1.2px;
  color: #264854;
}

/* ============ INTRO / DESK NOTE ============ */
.desknote {
  padding: 56px 0 20px;
}

.desknote-grid {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 40px;
  align-items: start;
}

.desknote-eyebrow {
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 12px;
  letter-spacing: 2.4px;
  font-weight: 700;
  color: #A75E36;
  border-left: 4px solid #D28258;
  padding-left: 12px;
  margin-bottom: 0;
}

.desknote h2 {
  font-size: 34px;
  margin-bottom: 16px;
}

.desknote-body p {
  font-size: 16px;
}

.desknote-ledger {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.ledgerdot {
  background-color: #F4F6FA;
  border-left: 4px solid #3CA87A;
  padding: 14px 16px;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 13px;
  color: #264854;
  line-height: 1.5;
}

.ledgerdot strong {
  display: block;
  font-size: 12px;
  letter-spacing: 1.4px;
  color: #A75E36;
  margin-bottom: 4px;
}

/* ============ JUMPER BAY RUN ============ */
.jumperbay {
  padding: 54px 0 44px;
  border-top: 3px solid #264854;
}

.jumperbay-head {
  margin-bottom: 30px;
}

.jumperbay-head h2 {
  font-size: 34px;
}

.jumperbay-head p {
  max-width: 620px;
}

.jumper-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.jumper-row {
  display: grid;
  grid-template-columns: 54px 250px 1fr 34px;
  gap: 22px;
  align-items: center;
  padding: 22px 0;
  border-bottom: 1px solid #D28258;
}

.jumper-row:first-child {
  border-top: 1px solid #D28258;
}

.jumper-lead {
  width: 40px;
  height: 34px;
  position: relative;
}

.jumper-lead::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  border: 3px solid #325098;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
}

.jumper-lead::after {
  content: "";
  position: absolute;
  left: 16px;
  top: 19px;
  width: 24px;
  height: 13px;
  border-bottom: 3px solid #325098;
  border-radius: 0 0 12px 12px;
}

.jumper-row h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1.25;
}

.jumper-row h3 a {
  color: #264854;
}

.jumper-row h3 a:hover {
  color: #A75E36;
}

.jumper-text {
  font-size: 15.5px;
  margin: 0;
}

.jumper-port {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #3CA87A;
  border: 3px solid #264854;
  justify-self: end;
}

.jumper-port-blank {
  width: 18px;
  height: 18px;
  justify-self: end;
}

/* ============ HUB PLATE BAND ============ */
.hubplate {
  background-color: #D28258;
  color: #26333D;
  padding: 0;
  position: relative;
  margin-top: 40px;
}

.hubplate-profile {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 46px;
  margin-top: -46px;
  position: relative;
}

.hubplate-disc {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background-color: #DAE6F6;
  border: 4px solid #264854;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hubplate-disc::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 2px solid #264854;
  border-radius: 50%;
}

.hubplate-disc::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #3CA87A;
  border: 2px solid #264854;
}

.hubplate-spoke {
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #264854;
  left: 50%;
  top: 50%;
  transform-origin: left center;
  transform: translate(7px, -1px) rotate(0deg);
}

.hubplate-spoke:nth-child(2) {
  transform: translate(7px, -1px) rotate(60deg);
}

.hubplate-spoke:nth-child(3) {
  transform: translate(7px, -1px) rotate(120deg);
}

.hubplate-spoke:nth-child(4) {
  transform: translate(7px, -1px) rotate(180deg);
}

.hubplate-spoke:nth-child(5) {
  transform: translate(7px, -1px) rotate(240deg);
}

.hubplate-spoke:nth-child(6) {
  transform: translate(7px, -1px) rotate(300deg);
}

.hubplate-body {
  padding: 26px 28px 34px;
  text-align: center;
}

.hubplate-body p {
  max-width: 780px;
  margin: 0 auto;
  color: #26333D;
  font-size: 17px;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-weight: 600;
  line-height: 1.55;
}

/* ============ LONG PROSE SECTION ============ */
.longread {
  padding: 56px 0 30px;
}

.longread-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 46px;
  align-items: start;
}

.longread h2 {
  font-size: 32px;
  margin-bottom: 14px;
}

.longread h3 {
  font-size: 20px;
  margin-top: 24px;
  border-bottom: 2px solid #B4C8E2;
  padding-bottom: 6px;
}

.longread p {
  font-size: 15.8px;
}

.pullnote {
  background-color: #325098;
  color: #F4F6FA;
  padding: 24px 26px;
  border-radius: 4px;
  margin: 22px 0;
}

.pullnote p {
  margin: 0;
  color: #F4F6FA;
  font-size: 15.5px;
}

.pullnote p + p {
  margin-top: 12px;
}

.pullnote strong {
  color: #E4B05C;
}

/* ============ PLATE LEDGER (table) ============ */
.plateledger {
  padding: 44px 0 20px;
}

.plateledger h2 {
  font-size: 30px;
  margin-bottom: 18px;
}

.ledgertable {
  width: 100%;
  border-collapse: collapse;
  background-color: #F4F6FA;
  border: 2px solid #264854;
}

.ledgertable th {
  background-color: #264854;
  color: #F4F6FA;
  text-align: left;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 12.5px;
  letter-spacing: 1.4px;
  padding: 13px 16px;
  font-weight: 700;
}

.ledgertable td {
  padding: 13px 16px;
  border-top: 1px solid #B4C8E2;
  font-size: 15px;
  vertical-align: top;
}

.ledgertable tr:nth-child(even) td {
  background-color: #EAF0F9;
}

.ledgertable td:first-child {
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-weight: 700;
  color: #A75E36;
  white-space: nowrap;
}

/* ============ WORKED SECTION (step strip vertical) ============ */
.worksteps {
  padding: 46px 0 34px;
}

.worksteps h2 {
  font-size: 30px;
  margin-bottom: 20px;
}

.steprun {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 32px;
}

.stepitem {
  padding-left: 20px;
  border-left: 4px solid #3CA87A;
}

.stepitem h3 {
  font-size: 17px;
  margin-bottom: 6px;
  border: 0;
  padding: 0;
}

.stepitem p {
  font-size: 15px;
  margin: 0;
}

/* ============ UPLINK ROW FOOTER ============ */
.uplinkrow {
  margin-top: 50px;
  background-color: #DAE6F6;
  border-top: 3px solid #264854;
  padding: 0;
}

.uplink-chevron {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  margin-top: -3px;
}

.rung {
  width: 20px;
  height: 5px;
  background-color: #3CA87A;
  border-radius: 1px;
  margin-top: 12px;
}

.rung-a { margin-top: 24px; width: 34px; }
.rung-b { margin-top: 16px; width: 26px; }
.rung-d { margin-top: 16px; width: 26px; }
.rung-e { margin-top: 24px; width: 34px; }

.chevron-tip {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 20px solid #325098;
  margin: 0 2px;
}

.uplink-body {
  text-align: center;
  padding: 28px 28px 40px;
}

.uplink-links {
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 14px;
  letter-spacing: 0.8px;
  margin-bottom: 20px;
}

.uplink-links a {
  color: #264854;
  padding: 0 4px;
}

.uplink-links .mid-dot {
  color: #D28258;
  padding: 0 6px;
}

.uplink-brand {
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #264854;
  margin-bottom: 10px;
}

.uplink-blurb {
  max-width: 560px;
  margin: 0 auto 18px;
  font-size: 14.5px;
}

.uplink-meta {
  font-size: 14px;
  color: #264854;
  margin: 0;
  line-height: 1.9;
}

.uplink-meta a {
  color: #A75E36;
}

.uplink-copy {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #B4C8E2;
  font-size: 13px;
  letter-spacing: 0.6px;
  color: #264854;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
}

.ring-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #D28258;
  margin-right: 7px;
  vertical-align: -1px;
}

/* ============ REVEAL ============ */
.reveal {
  transform: translateY(14px);
  transition: transform 0.55s ease;
}

.reveal.is-in {
  transform: none;
}

.js-off .reveal {
  transform: none;
}

/* ============ SERVICES PAGE ============ */
.svc-bay {
  padding: 48px 0 10px;
}

.svc-bay h1 {
  font-size: 42px;
  margin-bottom: 14px;
}

.svc-bay-lede {
  max-width: 720px;
  font-size: 17px;
  margin-bottom: 8px;
}

.svc-run {
  padding: 28px 0 10px;
}

.svc-card-row {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 30px;
  padding: 30px 0;
  border-top: 1px solid #D28258;
}

.svc-cap {
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 12px;
  letter-spacing: 1.8px;
  font-weight: 700;
  color: #A75E36;
  line-height: 1.6;
  border-left: 4px solid #3CA87A;
  padding-left: 12px;
}

.svc-cap em {
  display: block;
  font-style: normal;
  color: #264854;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 8px;
}

.svc-body h2 {
  font-size: 24px;
  margin-bottom: 10px;
}

.svc-body p {
  font-size: 15.8px;
}

.svc-inline-list {
  margin: 0 0 16px;
  padding-left: 20px;
  font-size: 15.4px;
}

.svc-inline-list li {
  margin-bottom: 6px;
}

.svc-cta {
  margin: 40px 0 0;
  padding: 30px 32px;
  background-color: #325098;
  color: #F4F6FA;
  border-radius: 4px;
}

.svc-cta h2 {
  color: #F4F6FA;
  font-size: 26px;
  margin-bottom: 10px;
}

.svc-cta p {
  color: #F4F6FA;
  max-width: 720px;
}

.svc-cta a.ctabar {
  margin-top: 18px;
}

/* ============ CONTACT ============ */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 44px;
  padding: 48px 0 20px;
  align-items: start;
}

.contact-bay h1 {
  font-size: 40px;
  margin-bottom: 14px;
}

.contactinfo {
  margin-top: 22px;
  background-color: #F4F6FA;
  border-left: 5px solid #D28258;
  padding: 20px 22px;
}

.contactinfo dl {
  margin: 0;
}

.contactinfo dt {
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 11.5px;
  letter-spacing: 1.6px;
  font-weight: 700;
  color: #A75E36;
  margin-top: 14px;
}

.contactinfo dt:first-child {
  margin-top: 0;
}

.contactinfo dd {
  margin: 3px 0 0;
  font-size: 15.5px;
  color: #264854;
}

.contactform {
  background-color: #F4F6FA;
  border: 2px solid #264854;
  border-radius: 4px;
  padding: 26px;
  box-shadow: 7px 7px 0 #B4C8E2;
}

.contactform h2 {
  font-size: 24px;
  margin-bottom: 6px;
}

.contactform .formnote {
  font-size: 14px;
  margin-bottom: 18px;
}

.field {
  margin-bottom: 16px;
}

.field label {
  display: block;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 12px;
  letter-spacing: 1.4px;
  font-weight: 700;
  color: #264854;
  margin-bottom: 6px;
}

.field input,
.field textarea {
  width: 100%;
  padding: 11px 13px;
  border: 2px solid #B4C8E2;
  border-radius: 3px;
  background-color: #FFFFFF;
  color: #264854;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 15px;
}

.field input:focus,
.field textarea:focus {
  outline: none;
  border-color: #325098;
}

.field textarea {
  min-height: 140px;
  resize: vertical;
}

.formsubmit {
  width: 100%;
  padding: 15px 20px;
  border: 0;
  border-radius: 3px;
  background-color: #D28258;
  color: #26333D;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.6px;
  cursor: pointer;
}

.formsubmit:hover {
  background-color: #C0714A;
}

.formstatus {
  margin-top: 14px;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 13px;
  color: #2A7C59;
  font-weight: 700;
  min-height: 18px;
}

/* FAQ */
.faqbay {
  padding: 20px 0 40px;
}

.faqbay h2 {
  font-size: 30px;
  margin-bottom: 18px;
}

.faqitem {
  border-top: 1px solid #D28258;
  padding: 0;
}

.faqitem:last-child {
  border-bottom: 1px solid #D28258;
}

.faqq {
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  padding: 18px 0;
  font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #264854;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.faqq:hover {
  color: #A75E36;
}

.faqsign {
  color: #D28258;
  font-size: 22px;
  line-height: 1;
  flex: none;
}

.faqa {
  padding: 0 0 18px;
  font-size: 15.5px;
}

.faqa[hidden] {
  display: none;
}

/* ============ responsive ============ */
@media (max-width: 960px) {
  .nodebay-grid,
  .longread-grid,
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .nodebay-display {
    font-size: 58px;
  }

  .nodebay-copy h1 {
    font-size: 36px;
  }

  .desknote-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .jumper-row {
    grid-template-columns: 44px 1fr 26px;
  }

  .jumper-text {
    grid-column: 2 / 3;
  }

  .jumper-port,
  .jumper-port-blank {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
  }

  .steprun {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .linkshelf-inner {
    flex-wrap: wrap;
    gap: 14px;
  }

  .litoggle {
    display: inline-block;
    margin-left: auto;
  }

  .lishelf-rail {
    display: none;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding-top: 10px;
  }

  .lishelf-rail.is-open {
    display: flex;
  }

  .liring {
    width: 100%;
    justify-content: flex-start;
    border-radius: 4px;
    padding: 12px 16px 12px 26px;
  }

  .desknote-ledger {
    grid-template-columns: 1fr;
  }

  .portgrid {
    grid-template-columns: repeat(3, 1fr);
  }

  .port:nth-child(4n) .port-lead {
    display: block;
  }

  .port:nth-child(3n) .port-lead {
    display: none;
  }

  .svc-card-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .nodebay-display {
    font-size: 46px;
  }

  .ledgertable {
    font-size: 14px;
  }

  .ledgertable th,
  .ledgertable td {
    padding: 10px 9px;
  }

  .wrap {
    padding: 0 18px;
  }
}