/* — Core typography for the Content section — */
.content {
  max-width: 650px;
  margin: 2rem auto;
  padding: 0 1rem;
  font-family: 'Segoe UI', serif;
  line-height: 1.4;
  font-size: 1rem;
}

/* Headings */
.content h1 { font-size: 2.25rem; }
.content h2 { font-size: 1.875rem; }
.content h3 { font-size: 1.5rem; }
.content h4 { font-size: 1.25rem; }

/* Paragraphs */
.content p { margin: 0.2rem 0; }

/* Blockquotes */
.content blockquote {
  margin: 1.5rem 2rem;
  padding: 0.75rem 1.25rem;
  border-left: 4px solid #ccc;
  font-style: italic;
}

/* Lists */
.content ul, .content ol { margin: 1rem 0 1rem 1.25rem; }
.content li + li { margin-top: 0.5rem; }

/* Links */
.content a { text-decoration: none; color: #0066cc; }
.content a:hover { text-decoration: underline; }

/* Images */
.content img {
  max-width: 100%;
  height: auto;
  margin: 1.5rem 0;
  display: block;
}

/* Code blocks and inline code */
.content pre, .content code { font-family: 'Courier New', monospace; }
.content pre {
  padding: 1rem;
  overflow-x: auto;
  border-radius: 4px;
  margin: 1.5rem 0;
  font-size: small;
}
.content code {
  border-radius: 3px;
}

/* Tables */
.content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
}
.content th, .content td {
  border: 1px solid #ddd;
  padding: 0.75rem;
}
.content th { font-weight: bold; }

/* Horizontal rules */
.content hr {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 2rem 0;
}

/* Responsive text sizing */
@media (max-width: 600px) {
  .content {
    font-size: 1rem;
    padding: 0 0.5rem;
  }
  .content h1 { font-size: 1.75rem; }
  .content h2 { font-size: 1.5rem; }
}

/* — Utility classes — */

/* Inline form (logout buttons, impersonation forms) */
.form-inline { display: inline; margin: 0; }

/* Button that looks like a text link (for logout inside forms) */
.btn-inline-logout { display: inline; background: none; border: none; color: inherit; cursor: pointer; padding: 0; font: inherit; }

/* Hidden utility */
.is-hidden { display: none; }

/* Disabled state for buttons */
.is-disabled { opacity: 0.5; pointer-events: none; }