/* Metalbooks common CSS baseline */
img {
  max-width: 100%;
  height: auto;
}

.mb-common-footer {
  margin-top: 32px;
  border-top: 1px solid rgba(15, 64, 104, 0.16);
  background: #f7fafc;
  clear: both;
}

.mb-common-footer__inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 14px 16px;
}

.site-network {
  border-top: 1px solid rgba(15, 64, 104, 0.16);
  padding-top: 0.7rem;
  /* Legacy themes often set html font-size to 10px. Normalize inside block. */
  font-size: 16px;
  line-height: 1.4;
}

.site-network,
.site-network * {
  box-sizing: border-box;
}

.site-network__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  align-items: stretch;
}

.site-network__card {
  display: grid;
  grid-template-columns: 108px 1fr;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.56rem;
  border: 1px solid rgba(14, 62, 102, 0.18);
  border-radius: 12px;
  background: #f9fcff;
  text-decoration: none;
  float: none !important;
  width: 100% !important;
}

.site-network__card img {
  width: 100%;
  max-width: 108px;
  height: 34px;
  object-fit: contain;
  object-position: left center;
  display: block;
}

.site-network__card b {
  display: block;
  color: var(--accent-strong, #0f4068);
  font-size: 13.5px;
  line-height: 1.2;
}

.site-network__card span {
  display: block;
  margin-top: 0.18rem;
  color: var(--text-muted, #5f6f80);
  font-size: 12px;
  line-height: 1.3;
}

.site-network__card:hover {
  border-color: rgba(1, 90, 151, 0.38);
  background: #eef7ff;
}

/* Lowpressure site: keep navigation + book text, hide theme noise. */
body.mb-lowpress-clean {
  background: #edf1f5 !important;
}

body.mb-lowpress-clean header form.searchform,
body.mb-lowpress-clean .feedrss,
body.mb-lowpress-clean aside,
body.mb-lowpress-clean .navigation,
body.mb-lowpress-clean .post-meta,
body.mb-lowpress-clean .title small,
body.mb-lowpress-clean footer p,
body.mb-lowpress-clean #comments {
  display: none !important;
}

body.mb-lowpress-clean hr {
  display: none !important;
}

body.mb-lowpress-clean header {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 16px;
}

body.mb-lowpress-clean header .hgroup {
  margin: 12px 0 10px;
  padding: 0;
}

body.mb-lowpress-clean header .hgroup h1 {
  margin: 0;
  font-size: 42px;
  line-height: 1.08;
}

body.mb-lowpress-clean header .hgroup h1 a {
  display: block;
  color: #20364c;
  text-decoration: none;
  white-space: normal;
}

body.mb-lowpress-clean header .hgroup .hidden {
  display: block !important;
  margin-top: 6px;
  color: #65798d;
  font-size: 14px;
}

body.mb-lowpress-clean .menu {
  max-width: 1180px;
  margin: 0 auto 12px;
  padding: 0 16px;
}

body.mb-lowpress-clean .menu ul {
  list-style: none;
  margin: 0;
  max-height: 360px;
  overflow: auto;
  background: #fff;
  border: 1px solid #d7dde5;
  border-radius: 8px;
  padding: 8px 10px !important;
}

body.mb-lowpress-clean .menu ul li {
  float: none !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px dashed #dde5ee;
}

body.mb-lowpress-clean .menu ul li:last-child {
  border-bottom: 0;
}

body.mb-lowpress-clean .menu ul li a {
  float: none !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  padding: 7px 10px !important;
}

body.mb-lowpress-clean #content {
  width: auto !important;
  max-width: 1180px;
  margin: 0 auto !important;
  padding: 12px 16px 20px;
  background: #fff;
  border: 1px solid #d7dde5;
  border-radius: 8px;
}

body.mb-lowpress-clean article {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

body.mb-lowpress-clean .entry img {
  border: 1px solid #ced8e2;
  background: #fff;
  padding: 3px;
  max-width: 100% !important;
  height: auto !important;
}

body.mb-lowpress-clean .entry a img.alignleft,
body.mb-lowpress-clean .entry img.alignleft {
  margin: 6px 18px 10px 0 !important;
}

body.mb-lowpress-clean footer {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

img.mb-missing-image {
  width: auto !important;
  max-width: 360px !important;
  border: 1px solid #ced8e2 !important;
  background: #f7fafc !important;
}

@media (max-width: 560px) {
  .site-network__grid {
    grid-template-columns: 1fr;
  }

  .site-network__card {
    grid-template-columns: 92px 1fr;
  }

  .site-network__card img {
    max-width: 92px;
    height: 30px;
  }
}

@media (max-width: 900px) {
  body.mb-lowpress-clean header .hgroup h1 {
    font-size: 34px;
  }
}