:root {
  color: #20252b;
  background: #f4f6f8;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: flex; flex-direction: column; }
.topbar { height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; color: #fff; background: #18222d; border-bottom: 3px solid #2e8b72; }
.brand { color: inherit; font-size: 20px; font-weight: 700; text-decoration: none; }
.updated { color: #c7d0d9; font-size: 14px; }
main { width: min(760px, calc(100% - 32px)); margin: 56px auto; flex: 1; }
.summary { display: flex; align-items: center; gap: 18px; padding-bottom: 32px; border-bottom: 1px solid #d8dee5; }
.status-icon { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #23866b; font-size: 24px; }
h1 { margin: 0 0 8px; font-size: 28px; line-height: 1.2; font-weight: 650; }
p { margin: 0; color: #5d6874; line-height: 1.6; }
.services { margin-top: 28px; border: 1px solid #d8dee5; border-radius: 6px; background: #fff; }
.service { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 18px; border-bottom: 1px solid #e7ebef; }
.service:last-child { border-bottom: 0; }
.service strong { color: #23745f; font-size: 14px; font-weight: 600; }
.history { margin-top: 22px; font-size: 14px; }
.home-link { display: inline-block; margin-top: 24px; color: #176b59; }
footer { padding: 24px; color: #75808c; text-align: center; font-size: 13px; border-top: 1px solid #d8dee5; }
@media (max-width: 520px) {
  .topbar { padding: 0 16px; }
  main { margin: 36px auto; }
  .summary { align-items: flex-start; }
  h1 { font-size: 24px; }
  .service { align-items: flex-start; flex-direction: column; gap: 5px; padding: 14px 16px; }
}