* {
  box-sizing:border-box;
  margin:0;
  padding:0;
}
html,body {
  background:#fff;
  color:#1c1917;
  font:16px/1.7 "Georgia",serif;
}
.diag-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 24px;
  background:#b91c1c;
  color:#fff;
}
.brand {
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  font-family:"Segoe UI",sans-serif;
}
.brand svg {
  width:24px;
  height:24px;
}
.diag-top nav {
  display:flex;
  gap:16px;
  font-family:"Segoe UI",sans-serif;
  font-size:14px;
}
.diag-top a {
  color:#fee2e2;
  text-decoration:none;
}
.diag-top a:hover {
  color:#fff;
  text-decoration:underline;
}
main {
  padding:24px 28px 48px;
  max-width:1080px;
}
.hero {
  border-bottom:4px solid #b91c1c;
  padding-bottom:16px;
  margin-bottom:18px;
}
.hero h1 {
  font-size:26px;
  color:#7f1d1d;
  margin-bottom:10px;
}
.hero p {
  margin-bottom:8px;
}
.banners {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:22px;
}
.ban {
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 14px;
  font-family:"Segoe UI",sans-serif;
  font-size:15px;
}
.ban svg {
  width:22px;
  height:22px;
  flex-shrink:0;
  margin-top:2px;
}
.ban.warn {
  background:#fef2f2;
  border-left:6px solid #b91c1c;
}
.ban.stop {
  background:#7f1d1d;
  color:#fef2f2;
  border-left:6px solid #450a0a;
}
.diag {
  margin-bottom:22px;
}
.diag h2,#order h2,#limit h2,#faq h2 {
  font-size:20px;
  color:#7f1d1d;
  margin-bottom:10px;
}
.pair {
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid #fecaca;
}
.prob,.fix {
  padding:14px 16px;
}
.prob {
  background:#fef2f2;
  border-right:1px solid #fecaca;
}
.fix {
  background:#fff;
}
.prob h3,.fix h3 {
  font-family:"Segoe UI",sans-serif;
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.prob h3 {
  color:#b91c1c;
}
.fix h3 {
  color:#166534;
}
.pair p {
  font-size:15px;
}
.runbook {
  background:#fef2f2;
  padding:16px 18px 16px 8px;
  margin-bottom:22px;
  border-top:2px dashed #b91c1c;
}
.runbook ol {
  padding-left:28px;
}
.runbook li {
  margin-bottom:10px;
}
.limit {
  border:1px solid #fecaca;
  padding:16px;
  margin-bottom:22px;
}
.limit p {
  margin-bottom:8px;
}
.faq-ol {
  padding-left:24px;
}
.faq-ol li {
  margin-bottom:14px;
}
.faq-ol strong {
  display:block;
  color:#7f1d1d;
  margin-bottom:6px;
}
.faq-ol p {
  font-size:15px;
}
.sheet {
  margin-bottom:22px;
  border:1px solid #fecaca;
  padding:16px;
}
.sheet h3 {
  font-family:"Segoe UI",sans-serif;
  color:#7f1d1d;
  margin-bottom:10px;
}
.sheet p {
  margin-bottom:8px;
}
.sheet table {
  width:100%;
  border-collapse:collapse;
  font-size:14px;
  font-family:"Segoe UI",sans-serif;
  margin:12px 0;
}
.sheet th {
  background:#b91c1c;
  color:#fff;
  text-align:left;
  padding:8px 10px;
}
.sheet td {
  padding:8px 10px;
  border-bottom:1px solid #fecaca;
  vertical-align:top;
}
.sheet tr:nth-child(even) td {
  background:#fef2f2;
}
.pair p+p {
  margin-top:8px;
}
.diag-top a:focus {
  outline:2px solid #fff;
  outline-offset:2px;
}
.runbook strong {
  color:#7f1d1d;
}
.limit p+p {
  margin-top:6px;
}
.site-footer {
  padding:20px 28px;
  background:#7f1d1d;
  color:#fecaca;
  font-size:13px;
  font-family:"Segoe UI",sans-serif;
}
.site-footer p {
  margin-bottom:6px;
}
@media (max-width:800px) {
.pair {
  grid-template-columns:1fr;
}
.prob {
  border-right:0;
  border-bottom:1px solid #fecaca;
}
.diag-top {
  flex-wrap:wrap;
  gap:8px;
}
}