/* Austin Date Nights — site-wide responsive sizing
   Loaded last so older journal and landing-page templates share one fluid canvas. */

html {
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  max-width: none !important;
}

img,
video,
iframe {
  max-width: 100%;
}

@media (min-width: 900px) {
  .page {
    width: min(1280px, calc(100% - 48px)) !important;
  }

  .wrap,
  .container,
  .site-top-inner,
  .top-inner,
  .site-footer-inner,
  .about-wrap {
    width: min(100%, 1280px) !important;
    max-width: 1280px !important;
  }

  body > main,
  body > nav,
  body > header > nav {
    width: min(1240px, calc(100% - 48px)) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  main p:not(.small):not(.source-note):not(.updated),
  .page main p:not(.small):not(.source-note):not(.updated) {
    font-size: max(1rem, 16px);
    line-height: 1.68;
  }

  .page .entry-card,
  main .card,
  main article {
    scroll-margin-top: 84px;
  }
}

@media (min-width: 1400px) {
  .page {
    width: min(1340px, calc(100% - 64px)) !important;
  }

  .wrap,
  .container,
  .site-top-inner,
  .top-inner,
  .site-footer-inner,
  .about-wrap {
    max-width: 1320px !important;
  }

  body > main,
  body > nav,
  body > header > nav {
    width: min(1280px, calc(100% - 64px)) !important;
    max-width: 1280px !important;
  }
}

@media (max-width: 700px) {
  body {
    min-width: 0;
  }

  .page,
  .wrap,
  .container,
  .site-top-inner,
  .top-inner,
  .site-footer-inner,
  .about-wrap,
  body > main,
  body > nav,
  body > header > nav {
    width: 100% !important;
    max-width: 100% !important;
  }

  body > main {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  main p:not(.small):not(.source-note):not(.updated),
  .page main p:not(.small):not(.source-note):not(.updated) {
    font-size: 16px;
    line-height: 1.68;
  }

  button,
  input,
  select,
  textarea {
    font-size: 16px;
  }

  a.btn,
  button,
  input[type="submit"] {
    min-height: 44px;
  }
}

/* Policies and forms should be spacious without becoming hard to read. */
body:has(main .privacy-card) > main,
body:has(main .updated) > main,
body:has(main form) > main {
  max-width: 1080px !important;
}

@media print {
  .page {
    width: 8.5in !important;
  }
}