/* ==========================================================================
   Professional profile typography — Correct Code Press consultant pages.
   Scoped under .professional-page so nothing leaks into marketing pages.
   Fonts: Inter (Google Fonts) loaded in the page <head>.
   ========================================================================== */

.professional-page {
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 1.05rem;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.professional-page h1,
.professional-page h2,
.professional-page h3,
.professional-page h4,
.professional-page h5,
.professional-page h6 {
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: -0.01em;
}

.professional-page h1 { font-weight: 800; }
.professional-page h2 { font-weight: 700; }
.professional-page h3,
.professional-page h4 { font-weight: 600; }

/* ==========================================================================
   Long-form readability — shared across all three pages
   ========================================================================== */
h3 {
    color: var(--gold); 
}

.professional-page p {
  line-height: 1.7;
}

.professional-page ul,
.professional-page ol {
  line-height: 1.65;
}

/* ==========================================================================
   /about-ronzick (consultant profile)
   ========================================================================== */

.professional-page .creator-statement {
  font-size: clamp(1rem, 2vw, 1.15rem);
  line-height: 1.75;
}

.professional-page .creator-section-sub {
  font-size: 1.05rem;
  line-height: 1.75;
}

.professional-page .creator-summary-item {
  line-height: 1.6;
}

.professional-page .creator-expertise-card li {
  line-height: 1.6;
}

.professional-page .creator-expertise-card ul {
  gap: .6rem;
}

.professional-page .creator-role-desc {
  font-size: 1rem;
  line-height: 1.7;
}

.professional-page .creator-role-accomplishments .creator-role-accomplishment {
  font-size: .95rem;
  line-height: 1.7;
}

.professional-page .creator-role-accomplishments {
  gap: .9rem 1.1rem;
}

.professional-page .creator-philosophy-card > p {
  line-height: 1.6;
}

.professional-page .creator-callout {
  font-size: 1.05rem;
  line-height: 1.7;
}

/* ==========================================================================
   /about-ronzick/profile (technical resume)
   ========================================================================== */

.professional-page .resume-role-desc {
  font-size: 1rem;
  line-height: 1.7;
}

.professional-page .resume-accomplishments li {
  font-size: .95rem;
  line-height: 1.65;
}

.professional-page .resume-accomplishments {
  gap: .6rem;
}

.professional-page .resume-role-header h3 {
  font-size: 1.15rem;
}

.professional-page .resume-role h4 {
  font-weight: 600;
}

/* Technical Expertise on /about-ronzick/profile: structured category lists */
.professional-page .creator-profile-doc section h3 {
  font-size: 1rem;
  font-weight: 700;
  margin: 1.25rem 0 .5rem;
  color: var(--ccf-fg);
}

.professional-page .creator-profile-doc section h3:first-child {
  margin-top: 0;
}

.professional-page .creator-profile-doc section ul {
  margin: 0 0 1.5rem;
  padding-left: 1.25rem;
}

.professional-page .creator-profile-doc section li {
  margin-bottom: .35rem;
  color: var(--ccf-muted);
  line-height: 1.6;
}

/* ==========================================================================
   /consulting (enterprise consulting page)
   ========================================================================== */

.professional-page .ccf-consult-lead {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  line-height: 1.7;
}

.professional-page .ccf-consult-hero h1 {
  line-height: 1.1;
}

.professional-page .ccf-consult-section p,
.professional-page .ccf-consult-section li {
  line-height: 1.7;
}

/* Print: keep the HTML resume readable when saved as PDF */
@media print {
  .professional-page {
    font-size: 1rem;
    line-height: 1.6;
  }
}
