/* ============================================
   DESKTOP RESPONSIVE FIXES
   Scales newspaper aesthetic for larger screens
   ============================================ */

/* Desktop breakpoint: 1200px and up */
@media (min-width: 1200px) {

  /* Scale body text from 8px → 16px (2x) */
  body,
  p,
  .panel p,
  .twocol p {
    font-size: 16px !important;
    line-height: 1.65;
  }

  /* Scale h1 from 2.2-4.2rem → maintain but ensure readability */
  .mast-t {
    font-size: clamp(3rem, 5vw, 5rem) !important;
  }

  /* Scale h2 from 1rem → 2rem */
  h2, .deck-1, .deck-2, .big-hl {
    font-size: 2rem !important;
  }

  /* Scale h3 from 11px → 1.4rem */
  h3, .med-hl {
    font-size: 1.4rem !important;
  }

  /* Scale labels from 5.5px → 11px */
  .panel-tag,
  .mast-sm,
  .mast-sub,
  .edition-badge,
  .section-rule {
    font-size: 11px !important;
  }

  /* Scale captions from 6px → 12px */
  .cap, .cap--lead, .cap--mini,
  .story-img-caption {
    font-size: 12px !important;
  }

  /* Scale quotes from 12px → 1.3rem */
  .qt, .panel-quote {
    font-size: 1.3rem !important;
  }

  .qt-src {
    font-size: 0.9rem !important;
  }

  /* Scale spacing proportionally (2x) */
  .paper {
    padding: 0 20px !important;
  }

  .mast {
    padding: 16px 20px !important;
    gap: 32px !important;
  }

  .mast-sub {
    padding: 8px 0 !important;
  }

  .panel {
    padding: 12px 16px !important;
  }

  /* Scale image heights */
  .story-img--wide {
    max-height: 360px !important;
  }

  .story-img--sm {
    max-height: 240px !important;
  }

  /* Scale borders and rules */
  .topline, .thickrule {
    height: 6px !important;
  }

  .thintop {
    height: 2px !important;
  }

  .doublerule {
    height: 16px !important;
    border-width: 4px !important;
  }

  /* Scale new story marker */
  .new-story {
    border-left-width: 4px !important;
    padding-left: 8px !important;
  }

  /* Scale scrollbar */
  ::-webkit-scrollbar {
    width: 12px !important;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 6px !important;
  }
}

/* Extra large screens: 1600px and up */
@media (min-width: 1600px) {

  /* Even larger scale for ultra-wide screens */
  body,
  p,
  .panel p,
  .twocol p {
    font-size: 18px !important;
  }

  .mast-t {
    font-size: clamp(3.5rem, 5vw, 6rem) !important;
  }

  h2, .deck-1, .deck-2, .big-hl {
    font-size: 2.25rem !important;
  }

  h3, .med-hl {
    font-size: 1.6rem !important;
  }

  .panel {
    padding: 16px 20px !important;
  }

  .paper {
    max-width: 1400px !important;
  }
}

/* Print-friendly version inherits desktop sizing */
@media print {
  body, p {
    font-size: 12pt !important;
  }
}