/* Readability overrides kept separate from the visual system.
 * Adjust these values when tuning typography without touching styles.css. */

.topbar nav a { font-size: 13px; }
.topbar-actions { font-size: 11px; }
.eyebrow,
.section-title > p,
.contact-panel > div > p,
.section-title-wide > div > p { font-size: 13px; }
.button { font-size: 13px; }

/* Keep the two hero lines visually separate instead of stacking them tightly. */
.hero h1 strong { margin-top: 0.42em; }

.profile-heading p { font-size: 11px; letter-spacing: .08em; }
.availability { font-size: 11px; padding: 8px 10px; }
.profile-stats div { padding: 16px 18px; }
.profile-stats dt { font-size: 11px; font-weight: 800; letter-spacing: .06em; }
.profile-stats dd {
  margin-top: 8px;
  font-size: clamp(14px, 1.15vw, 17px);
  line-height: 1.35;
}
.profile-quote p { font-size: 13px; line-height: 1.7; }

.about-flags span { font-size: 11px; }
.now-card header { font-size: 12px; }
.now-card li span { font-size: 10px; }
.now-card li b { font-size: 13px; line-height: 1.65; }

.section-title-wide > a { font-size: 12px; }
.project-index { font-size: 11px; }
.tag { font-size: 10px; padding: 7px 9px; }
.project-card p { font-size: 15px; }
.project-tech span { font-size: 10px; }
.project-card footer { font-size: 11px; }

/* Match the project heading: section number first, title directly below it. */
.skills > .section-title {
  display: block;
  margin-bottom: 36px;
}

.skill-column header { font-size: 11px; }
.skill-column h3 {
  min-height: 0;
  margin: 34px 0 22px;
}
.skill-column ul { gap: 14px; }
.skill-column li.achievement-item {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 14px;
  border: 1px solid var(--ink);
  background: #fffdf7;
  box-shadow: 3px 3px 0 var(--paper-deep);
}
.achievement-badge {
  display: grid;
  min-height: 48px;
  padding: 6px;
  border: 2px solid var(--ink);
  background: var(--green);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  place-items: center;
}
.skill-column:nth-child(2) .achievement-badge { background: var(--cyan); }
.skill-column:nth-child(3) .achievement-badge { background: var(--amber); }
.achievement-copy { min-width: 0; }
.achievement-copy strong {
  display: block;
  font-size: 13px;
  line-height: 1.35;
}
.achievement-copy p {
  margin: 7px 0 0;
  color: #4f514b;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
}
.skill-note { font-size: 11px; }
.contact-links span { font-size: 11px; }
.footer { font-size: 11px; }

@media (max-width: 720px) {
  .profile-stats { grid-template-columns: 1fr; }
  .profile-stats div,
  .profile-stats div:nth-child(2n) { border-right: 0; }
  .profile-stats dd { font-size: 16px; }
  .project-card p { font-size: 14px; }
  .hero h1 strong { margin-top: 0.5em; }
  .skill-column li.achievement-item { grid-template-columns: 52px minmax(0, 1fr); }
}