/* main.css — the actual stylesheet served after CSS redirect is followed
 * On services.html the <link> hrefs point to /css/old-style.css and /css/legacy-theme.css
 * Both redirect here via the _redirects file — demonstrating css3xx
 */

/* Reset */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: system-ui, -apple-system, sans-serif;
  color: #1a202c;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

/* Typography */
h1 { font-size: 1.75rem; font-weight: 700; margin-top: 0; }
h2 { font-size: 1.1rem; font-weight: 600; }
p  { margin-top: 0.75rem; }

/* Links */
a { color: #3182ce; text-decoration: underline; }
a:hover { color: #2b6cb0; }

/* Code */
code {
  background: #edf2f7;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 0.82em;
  font-family: 'Menlo', 'Monaco', 'Courier New', monospace;
}

pre {
  background: #1a202c;
  color: #e2e8f0;
  padding: 1rem 1.2rem;
  border-radius: 8px;
  overflow-x: auto;
  font-size: 0.85rem;
  line-height: 1.8;
}

/* Tables */
table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
th { background: #edf2f7; padding: 8px 12px; text-align: left; font-weight: 600; }
td { padding: 8px 12px; border-top: 1px solid #e2e8f0; vertical-align: top; }

/* Badges */
.badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.badge.broken { background: #fed7d7; color: #c53030; }
.badge.fixed  { background: #c6f6d5; color: #276749; }

/* Callout tips */
.tip {
  background: #ebf8ff;
  border-left: 4px solid #3182ce;
  padding: 12px 16px;
  margin: 1rem 0;
  border-radius: 0 6px 6px 0;
  font-size: 0.9rem;
}
.warn-tip {
  background: #fffbeb;
  border-left: 4px solid #d69e2e;
  padding: 12px 16px;
  margin: 1rem 0;
  border-radius: 0 6px 6px 0;
  font-size: 0.9rem;
}

/* Dividers */
hr { border: none; border-top: 2px solid #e2e8f0; margin: 2.5rem 0; }