body {
  background-color: #f0ece2;
  background-image: url('/assets/images/fadylady.png');
  background-repeat: no-repeat;
  background-position: top left; 
  background-size: clamp(0px, 65vw, 1000px) auto;
}

@font-face {
  font-family: 'OptiCloister';
  src: url('/assets/fonts/OPTICloister.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EB Garamond';
  src: url('/assets/fonts/eb-garamond-v9-latin-regular.woff2') format('woff2'),
       url('/assets/fonts/eb-garamond-v9-latin-regular.woff') format('woff'),
       url('/assets/fonts/eb-garamond-v9-latin-regular.ttf') format('truetype'),
       url('/assets/fonts/eb-garamond-v9-latin-regular.eot') format('embedded-opentype'),
       url('/assets/fonts/eb-garamond-v9-latin-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'OptiCloister', 'EB Garamond', Times, 'Times New Roman', serif;
}


/* Ensure post content is left-aligned even if main.css sets more specific selectors */
article.post .post-content,
article.post .post-content p {
  text-align: left !important;
}