/* =============================================================
   ATOZ THEME — TYPOGRAPHY.CSS
   ============================================================= */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--atoz-font-head);
  font-weight: 700;
  line-height: var(--atoz-leading-tight);
  color: var(--atoz-black);
  margin-bottom: var(--atoz-space-4);
}
h1 { font-size: clamp(var(--atoz-text-3xl), 5vw, var(--atoz-text-5xl)); }
h2 { font-size: clamp(var(--atoz-text-2xl), 4vw, var(--atoz-text-4xl)); }
h3 { font-size: clamp(var(--atoz-text-xl),  3vw, var(--atoz-text-3xl)); }
h4 { font-size: var(--atoz-text-xl); }
h5 { font-size: var(--atoz-text-lg); }
h6 { font-size: var(--atoz-text-base); }

p { margin-bottom: var(--atoz-space-4); }
p:last-child { margin-bottom: 0; }

strong, b { font-weight: 700; }
em, i { font-style: italic; }

.atoz-entry-content {
  line-height: var(--atoz-leading-loose);
}
.atoz-entry-content h1,
.atoz-entry-content h2,
.atoz-entry-content h3,
.atoz-entry-content h4 {
  margin-top: var(--atoz-space-8);
}
.atoz-entry-content ul,
.atoz-entry-content ol {
  padding-left: var(--atoz-space-6);
  margin-bottom: var(--atoz-space-4);
}
.atoz-entry-content ul { list-style: disc; }
.atoz-entry-content ol { list-style: decimal; }
.atoz-entry-content li { margin-bottom: var(--atoz-space-2); }
.atoz-entry-content blockquote {
  border-left: 4px solid var(--atoz-primary);
  padding-left: var(--atoz-space-6);
  margin: var(--atoz-space-8) 0;
  color: var(--atoz-text-light);
  font-size: var(--atoz-text-lg);
  font-style: italic;
}
.atoz-entry-content code {
  background: var(--atoz-gray-100);
  padding: 2px 6px;
  border-radius: var(--atoz-radius-sm);
  font-family: var(--atoz-font-mono);
  font-size: 0.9em;
}
.atoz-entry-content pre {
  background: var(--atoz-gray-900);
  color: var(--atoz-gray-100);
  padding: var(--atoz-space-6);
  border-radius: var(--atoz-radius);
  overflow-x: auto;
  margin-bottom: var(--atoz-space-6);
}
.atoz-entry-content pre code { background: none; padding: 0; color: inherit; }
.atoz-entry-content hr {
  border: none;
  border-top: var(--atoz-border);
  margin: var(--atoz-space-8) 0;
}
.atoz-entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--atoz-space-6);
}
.atoz-entry-content th,
.atoz-entry-content td {
  padding: var(--atoz-space-3) var(--atoz-space-4);
  border: var(--atoz-border);
  text-align: left;
}
.atoz-entry-content th {
  background: var(--atoz-gray-100);
  font-weight: 600;
}
.atoz-entry-content img {
  border-radius: var(--atoz-radius);
  margin: var(--atoz-space-4) 0;
}