/* Desktop readability upgrade for Dproperty.
   Applies only on laptop/desktop widths so the mobile layout remains controlled by mobile-pro.css. */
@media (min-width: 900px) {
  html { font-size: 18px; }

  body {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  /* Site-wide mono copy that was designed too small in the prototype */
  p,
  li,
  input,
  textarea,
  select,
  label,
  button,
  a,
  .tag,
  [style*="DM Mono"] {
    font-size: max(11px, 0.72rem) !important;
    line-height: 1.85 !important;
  }

  /* Navigation / footer */
  header button,
  nav button,
  .site-footer button,
  .site-footer__copy,
  .site-footer__logo {
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
  }

  /* Eyebrows and labels */
  [style*="fontSize: 7"],
  [style*="fontSize: 7.5"],
  [style*="fontSize: 8"],
  [style*="fontSize: 8.5"],
  [style*="fontSize: 9"] {
    font-size: 11px !important;
  }

  /* Buttons */
  .btn-primary,
  .btn-ghost,
  button.btn-primary,
  button.btn-ghost {
    font-size: 11px !important;
    padding: 15px 30px !important;
    letter-spacing: 0.16em !important;
  }

  /* Paragraphs and explanatory text */
  p[style],
  div[style*="lineHeight"] p,
  section p {
    font-size: 13px !important;
    line-height: 2 !important;
  }

  /* Cards and project details */
  [data-hover] p,
  [data-reveal] p,
  .tag,
  span.tag,
  [class*="tag"] {
    font-size: 11px !important;
  }

  /* Tables / project-detail small data */
  [style*="gridTemplateColumns"] span,
  [style*="gridTemplateColumns"] div {
    font-size: max(11px, inherit) !important;
  }

  /* Keep display headings elegant, but not tiny */
  h1, h2, h3 {
    text-wrap: balance;
  }

  /* Cormorant card/project titles */
  [style*="Cormorant Garamond"] {
    line-height: 1.15 !important;
  }

  /* Project/portfolio small card titles should be comfortably readable */
  [data-hover] [style*="Cormorant Garamond"] {
    font-size: max(22px, 1.35rem) !important;
  }

  /* Bigger metric values without exploding hero headlines */
  section [style*="fontSize: 30"] {
    font-size: 36px !important;
  }

  /* Forms */
  input,
  textarea,
  select {
    font-size: 15px !important;
    min-height: 44px;
  }

  /* Language selector */
  .dp-lang-switcher,
  .dp-lang-switcher button {
    font-size: 12px !important;
  }
}

@media (min-width: 1200px) {
  body { font-size: 17px !important; }

  p[style],
  section p {
    font-size: 14px !important;
  }

  [style*="DM Mono"] {
    font-size: max(12px, 0.75rem) !important;
  }

  header button,
  nav button,
  .site-footer button {
    font-size: 12px !important;
  }

  .btn-primary,
  .btn-ghost,
  button.btn-primary,
  button.btn-ghost {
    font-size: 12px !important;
  }
}