body{
    margin: 8px;
}

/* === Font Definitions === */
@font-face {
  font-family: 'Inter-Regular' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-display: swap !important;
  src: local('Inter Regular'), local('Inter-Regular'),
       url('inter-v19-latin-regular.woff2') format('woff2'),
       }

@font-face {
  font-family: 'Inter-Black' !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-display: swap !important;
  src: local('Inter Black'), local('Inter-Black'),
       url('/fonts/Inter-Black.woff') format('woff');
}
img:not(.patrick-photo):not(.logo-image):not(.external-img),
video {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important; /* Adjust ratio if needed */
}

/* === Global Typography Rules === */

/* Paragraph Styles */
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* 🔒 prevent horizontal scroll */
  width: 100%;
}

body,
p,
article p,
.section p,
.content p,
.single-article p {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 1.75;
  color: #222;
  margin-bottom: 1.5em;
}

/* Heading Styles */
h1, h2, h3, h4, h5, h6,
.article-title,
.page-title,
.widget-title,
.hero-title {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.75rem; /* Adjust as needed or individually per level */
  line-height: 1.3;
  color: #111;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  width: 100% !important;
  height: auto !important;
}

#toc-container{
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #333;
  line-height: 1.8;
}

ul, ol, li {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #333;
  line-height: 1.8;
}

/* Optional: Reset strong/bold to match headings if needed */
strong, b {
  font-family: 'Inter-Black', 'Inter', system-ui, sans-serif;
  font-weight: 900;
}
.ad-box {
    width: 95% !important;
    height: auto !important;
    display: flex; /* Required for align-items to work */
    align-items: center !important; /* ✅ Correct property */
    justify-content: center; /* Optional: centres horizontally */
    margin-right: 10px;
    margin-left: 10px;
    padding: 10px;
}
.image-reserve {
  width: 700px;
  height: auto;
  overflow: hidden;
  display: block;
}

img.pfine-lcp {
  width: 700px !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
  aspect-ratio: 1 / 1 !important;
}

/* Change all links to blue, EXCEPT those inside .main-menu */
/* Apply styles to all links, excluding those inside .main-menu */
body a {
  color:  #c79504;
  text-decoration: underline;
}

/* Exclude .main-menu links with higher specificity */
.main-menu a {
  color: inherit;
  text-decoration: none;
}