.ortho-guide-root {
  max-width: 480px;
  margin: 0 auto;
  padding: 16px;
  color: #0f172a;
}

.og-wrapper {
  display: grid;
  gap: 24px;
}

.og-hero,
.og-section,
.og-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.og-label {
  font-size: 12px;
  color: #64748b;
}

.og-lead,
.og-subtitle,
.og-category {
  color: #64748b;
}

.og-grid,
.og-tags,
.og-stack {
  display: grid;
  gap: 12px;
}

.og-tags {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.og-tag,
.og-chip,
.og-disease-item {
  display: block;
  padding: 10px 12px;
  border-radius: 14px;
  background: #f8fafc;
  font-size: 14px;
}

.og-box {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 14px;
}

.og-box-title {
  font-weight: 700;
  margin-bottom: 10px;
}

.og-section h2 {
  margin-bottom: 8px;
}

.og-red { background: #fef2f2; }

.og-alert {
  border-color: #fecaca;
  background: #fef2f2;
}