body {
    margin: 0;
    font-family: 'Times New Roman', Times, serif, sans-serif;
  }
  
  .brand-large {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 700;
    font-size: 5rem;
    color: #000;
    text-decoration: none;
  }
  
  nav.navbar {
    background-color: #000;
  }
  
  nav.navbar .nav-link {
    color: #fff !important;
    margin: 0 0.8rem;
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
  }
  
  nav.navbar .nav-link:hover {
    color: #ccc !important;
  }

  .custom-shadow {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
    margin-bottom: 3rem;
  }
  
  .fixed-btn {
    width: 150px;
    display: inline-block;
  }

  .footer {
    text-align: center;
    padding: 2rem 0;
    background-color: #000000;
    color: #fff;
    font-size: 1rem;
  }

  .date {
    font-size: 20pt;
    font-style: italic;
    color: #000000;
  }

  .article-preview {
    
    font-size: larger;
    text-indent: 2em;
    text-align: left;
    color: #000000;

  }

  .home-text {
    
    font-size: larger;
    text-indent: 0em;
    text-align: left;
    color: #000000;

  }

  /* ------------------------ */
/* Mobile Scaling Adjustments */
/* ------------------------ */
@media (max-width: 768px) {
    /* Reduce title size on tablets & phones */
    .brand-large {
        font-size: 4rem; /* still large but fits */
    }

    /* Navbar link size */
    nav.navbar .nav-link {
        font-size: 1.5rem; /* slightly smaller for mobile */
        margin: 0 0.5rem;
    }

    /* Card padding and text scaling */
    .card-body {
        padding: 1rem; /* less padding for small screens */
    }

    .article-preview {
        font-size: 1rem; /* slightly smaller on mobile */
        text-indent: 2em;
    }

    /* Button scaling */
    .fixed-btn {
        width: 130px; /* scale down slightly */
    }
}

@media (max-width: 576px) {
    /* Extra small phones */
    .brand-large {
        font-size: 3.5rem; /* still readable */
    }

    nav.navbar .nav-link {
        font-size: 1.25rem;
        margin: 0 0.3rem;
    }

    .fixed-btn {
        width: 120px;
    }
}