.fade-in {
    opacity: 0;
    transform: translateY(20px); /* Start 20px below its final position */
    animation: fadeInAnimation 1s forwards;
    animation-delay: 0.3s;
}

@keyframes fadeInAnimation {
    from {
        opacity: 0;
        transform: translateY(20px); /* Starts from 20px below */
    }
    to {
        opacity: 1;
        transform: translateY(0); /* Ends at its natural position */
    }
}
/* Desktop and general styles */
.highlight-connect a {
    background-color: #ffffff; /* White background */
    color: #002229 !important; /* Teal text, with !important to ensure it takes precedence */
    padding: 4px 8px; /* Standard padding */
    border-radius: 5px; /* Rounded corners for a button-like appearance */
}

/* Mobile-specific adjustments */
@media (max-width: 768px) {
    .highlight-connect a {
        padding: 8px 12px !important; /* Increased padding for better touch target size on mobile */
        font-size: 16px; /* Optionally increase font size for better readability */
    }
}
/* ====== Investment Criteria cards ====== */
.criteria-grid{
    display:flex;
    flex-wrap:wrap;          /* breaks after 2 cards → 2×2 grid   */
    justify-content:center;  /* centres the whole grid            */
}

.criteria-card{
    /* size */
    flex:0 0 300px;          /* exact width 300 px                 */
    max-width:300px;
    height:220px;            /* exact height – change if needed   */

    /* spacing (acts like “gap”) */
    margin:24px;             /* space around every card           */

    /* keeps inner Stack stretched */
    display:flex;
    flex-direction:column;
}
/* ===== Sidecar print & PDF styles ===== */
@media print {
  /* Hide site chrome and interactive elements */
  header, footer, nav,
  .site-header, .site-footer, .wp-block-navigation,
  .sidebar, .widget-area,
  .comments-area, #comments,
  .wp-block-post-comments-form,
  .related-posts, .jp-relatedposts,
  .sharedaddy, .sd-sharing-enabled,
  .wpfront-notification-bar,
  #sidecar-pdf-btn,
  .skip-link { 
    display: none !important; 
  }
  /* Page setup: margins, branded header/footer, page numbers */
  @page {
    margin: 0.75in 0.6in;
    @top-left {
      content: "Sidecar Field Notes";
      color: #002229;
      font-family: Georgia, serif;
      font-size: 9pt;
    }
    @top-right {
      content: "sidecarcapitalpartners.com";
      color: #002229;
      font-family: Georgia, serif;
      font-size: 9pt;
    }
    @bottom-right {
      content: "Page " counter(page) " of " counter(pages);
      color: #002229;
      font-family: Georgia, serif;
      font-size: 9pt;
    }
    @bottom-left {
      content: "© Sidecar Capital Partners";
      color: #002229;
      font-family: Georgia, serif;
      font-size: 9pt;
    }
  }
  /* Pagination control */
  h1, h2, h3, h4 { 
    page-break-after: avoid; 
    break-after: avoid; 
  }
  img, table, blockquote, pre, figure { 
    page-break-inside: avoid; 
    break-inside: avoid; 
    max-width: 100% !important;
    height: auto !important;
  }
  p, li { 
    orphans: 3; 
    widows: 3; 
  }
  /* Typography */
  body {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11pt;
    line-height: 1.55;
    color: #1a1a1a;
    background: #fff !important;
  }
  h1 { color: #002229; font-size: 22pt; margin-bottom: 6pt; }
  h2 { color: #002229; font-size: 15pt; margin-top: 18pt; }
  h3 { color: #002229; font-size: 12pt; margin-top: 14pt; }
  
  /* Links: show URL inline for printed reference */
  a { color: #002229; text-decoration: none; }
  a[href^="http"]:after { 
    content: " (" attr(href) ")"; 
    font-size: 9pt; 
    color: #666; 
    word-wrap: break-word;
  }
  a[href^="#"]:after, a[href^="mailto:"]:after { content: ""; }
  /* Full-width content in print */
  .wp-block-post-content,
  .entry-content,
  article {
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* ===== Sidecar PDF button (screen display) ===== */
#sidecar-pdf-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #ffffff;
  color: #002229 !important;
  border: 1px solid #002229;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  cursor: pointer;
  margin: 0 0 32px 0;
  border-radius: 5px;
  font-family: inherit;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
#sidecar-pdf-btn:hover {
  background-color: #002229;
  color: #ffffff !important;
}

/* Mobile-specific adjustments for PDF button */
@media (max-width: 768px) {
  #sidecar-pdf-btn {
    padding: 8px 12px !important;
    font-size: 16px;
  }
}
/* ===== Sidecar print fixes (v2) ===== */
@media print {
  /* Keep section headings with their following content */
  h1, h2 { 
    page-break-after: avoid; 
    break-after: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  h1 + *, h2 + * {
    page-break-before: avoid;
    break-before: avoid;
  }

  /* Prevent text truncation on long lines (fixes "no pressu" issue) */
  p, li, a, blockquote {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }
}
/* ===== Sidecar print fixes (v3) ===== */
@media print {
  /* Force section headings to start new pages — turns orphans into clean chapter openers */
  article h2,
  .entry-content h2,
  .wp-block-post-content h2 {
    page-break-before: always;
    break-before: page;
  }
  
  /* Don't break the first heading (avoids a blank page 1) */
  article h2:first-of-type,
  .entry-content h2:first-of-type,
  .wp-block-post-content h2:first-of-type {
    page-break-before: avoid;
    break-before: avoid;
  }

  /* Fix overflow on styled link containers like .highlight-connect */
  .highlight-connect,
  .highlight-connect a {
    display: inline;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
  }
}
/* ===== Sidecar print fixes (v4) ===== */
@media print {
  /* Cap infographic height so they can share pages with headings */
  article img,
  .entry-content img,
  .wp-block-post-content img,
  article figure,
  .entry-content figure {
    max-height: 7.5in !important;
    width: auto !important;
    object-fit: contain;
  }
  
  /* Remove the forced page break before H2s — let content flow naturally */
  article h2,
  .entry-content h2,
  .wp-block-post-content h2 {
    page-break-before: auto !important;
    break-before: auto !important;
  }
}
/* ===== Sidecar PDF button placement fix (desktop) ===== */
@media (min-width: 769px) {
  #sidecar-pdf-btn {
    /* Force the button to display as a block and center it relative to the post content */
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 24px !important;
    margin-bottom: 40px !important;
    max-width: fit-content;
    
    /* Break out of any narrow parent column */
    position: relative;
    left: 0;
    right: 0;
  }
}