/* MASTER-J DEV HUB — readability pass (2026-10-31)
   Larger typography and more generous spacing across desktop and mobile. */

/* Global navigation and primary content */
.nav-link { font-size: 13px !important; }
.outline-cta { font-size: 13px !important; }
.hero-description { font-size: clamp(14px, .95vw, 16px) !important; line-height: 1.65 !important; }
.primary-cta, .secondary-cta { font-size: 13px !important; }
.highlight-item { font-size: 11px !important; line-height: 1.5 !important; }
.section-kicker { font-size: 10px !important; letter-spacing: 1.6px !important; }
.section-topline > p,
.section-heading-row > p { font-size: 14px !important; line-height: 1.7 !important; }

/* Featured project cards remain in the same approved layout. */
.project-heading h3 { font-size: clamp(13px, 1vw, 15px) !important; }
.project-heading p { font-size: 11px !important; line-height: 1.4 !important; }
.project-description { font-size: 13px !important; line-height: 1.55 !important; }
.project-footnote { font-size: 10px !important; letter-spacing: .8px !important; }

/* About, overview and service introduction copy */
.about-copy p { font-size: 15px !important; line-height: 1.75 !important; }
.about-copy .about-lead { font-size: 17px !important; line-height: 1.6 !important; }
.about-metrics small { font-size: 10px !important; letter-spacing: .8px !important; }
.metric-quote { font-size: 13px !important; line-height: 1.65 !important; }

/* Services promise banner */
.services-promise { gap: 16px !important; padding: 18px 20px !important; }
.services-promise p { font-size: 14px !important; line-height: 1.65 !important; }
.services-promise p strong { font-size: 15px !important; }
.promise-link { font-size: 13px !important; }

/* Expandable service category headers */
.service-category > summary { min-height: 128px !important; gap: 15px !important; padding: 21px 19px !important; }
.service-category-title { gap: 7px !important; }
.service-category-title small { font-size: 10px !important; letter-spacing: 1px !important; line-height: 1.4 !important; }
.service-category-title strong { font-size: 18px !important; line-height: 1.3 !important; letter-spacing: -.2px !important; }
.service-category-title em { font-size: 13px !important; line-height: 1.55 !important; }
.service-category-count { font-size: 9px !important; letter-spacing: .4px !important; }

/* Expanded category details: readable body text, roomier rows. */
.service-category-body { padding: 0 21px 22px !important; }
.catalog-lead { margin: 18px 0 12px !important; font-size: 14px !important; line-height: 1.7 !important; }
.service-list { margin-top: 15px !important; column-gap: 22px !important; }
.service-list li { padding: 11px 7px 11px 20px !important; font-size: 14px !important; line-height: 1.5 !important; }
.service-list li::before { top: 17px !important; width: 6px !important; height: 6px !important; }
.delivery-options { gap: 9px !important; }
.delivery-options strong { font-size: 14px !important; }
.delivery-options span { padding: 7px 11px !important; font-size: 12px !important; }
.catalog-note { font-size: 12px !important; line-height: 1.65 !important; }
.special-concept { padding: 16px !important; gap: 13px !important; }
.special-concept strong { font-size: 14px !important; }
.special-concept p { font-size: 13px !important; line-height: 1.65 !important; }
.industry-grid { gap: 12px !important; }
.industry-card { min-height: 145px !important; padding: 15px !important; }
.industry-card h4 { font-size: 16px !important; line-height: 1.35 !important; }
.industry-card p { font-size: 13px !important; line-height: 1.65 !important; }

/* Older service tiles, blog and contact paragraphs */
.service-item small { font-size: 10px !important; }
.service-item h3 { font-size: 19px !important; line-height: 1.3 !important; }
.service-item p { font-size: 14px !important; line-height: 1.7 !important; }
.blog-card > small { font-size: 10px !important; }
.blog-card h3 { font-size: 18px !important; line-height: 1.35 !important; }
.blog-card p { font-size: 14px !important; line-height: 1.65 !important; }
.blog-card .text-link { font-size: 13px !important; }
.contact-content p { font-size: 15px !important; line-height: 1.75 !important; }
.contact-hint { font-size: 11px !important; }
.site-footer > p { font-size: 12px !important; line-height: 1.6 !important; }
.footer-right { font-size: 10px !important; letter-spacing: .5px !important; }

/* Mobile: single-column catalogue, generous text and touch targets. */
@media (max-width: 980px) {
  .section-topline > p,
  .section-heading-row > p { font-size: 14px !important; }
  .service-category > summary { min-height: 116px !important; }
}
@media (max-width: 620px) {
  .nav-link { font-size: 14px !important; }
  .hero-description { font-size: 15px !important; }
  .highlight-item { font-size: 12px !important; }
  .section-kicker { font-size: 10px !important; }
  .section-topline > p,
  .section-heading-row > p { font-size: 14px !important; }
  .project-heading h3 { font-size: 15px !important; }
  .project-heading p { font-size: 11px !important; }
  .project-description { font-size: 13px !important; }
  .about-copy p { font-size: 15px !important; }
  .services-promise { align-items: flex-start !important; padding: 15px !important; }
  .services-promise p { font-size: 14px !important; }
  .promise-link { font-size: 13px !important; }
  .service-category > summary { min-height: 0 !important; gap: 12px !important; padding: 17px 14px !important; }
  .service-category-icon { flex-basis: 38px !important; width: 38px !important; height: 38px !important; font-size: 20px !important; }
  .service-category-title small { font-size: 10px !important; }
  .service-category-title strong { font-size: 17px !important; line-height: 1.3 !important; }
  .service-category-title em { font-size: 13px !important; line-height: 1.5 !important; }
  .service-category-body { padding: 0 15px 18px !important; }
  .catalog-lead { font-size: 14px !important; }
  .service-list-two { grid-template-columns: 1fr !important; }
  .service-list li { padding: 11px 4px 11px 20px !important; font-size: 14px !important; line-height: 1.5 !important; }
  .service-list li::before { top: 17px !important; }
  .delivery-options strong { font-size: 14px !important; }
  .delivery-options span { font-size: 12px !important; }
  .catalog-note { font-size: 12px !important; }
  .industry-grid { grid-template-columns: 1fr !important; }
  .industry-card { min-height: 0 !important; padding: 15px !important; }
  .industry-card h4 { font-size: 16px !important; }
  .industry-card p { font-size: 14px !important; }
  .special-concept strong { font-size: 14px !important; }
  .special-concept p { font-size: 13px !important; }
  .service-item p, .blog-card p, .contact-content p { font-size: 14px !important; }
  .blog-card h3 { font-size: 18px !important; }
}