body {
      font-family: 'Lato', sans-serif;
      background: #fdfdfd;
      color: #222;
    }

    /* Hero Section */
    .news-hero {
      position: relative;
      height: 70vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: #fff;
    }
    .news-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.55);
    }
    .news-hero-content {
      position: relative;
      z-index: 2;
    }
    .news-hero-content h1 {
      font-family: 'Playfair Display', serif;
      font-size: 3rem;
      font-weight: 700;
    }
    .news-hero-content .meta {
      margin-top: 15px;
      font-size: 0.95rem;
      color: #ddd;
    }

    /* Floating Timeline */
    .timeline-bar {
      position: sticky;
      top: 100px;
      border-left: 3px solid #D4AF37;
      padding-left: 15px;
      height: max-content;
    }
    .timeline-bar h6 {
      font-family: 'Playfair Display', serif;
      color: #D4AF37;
    }
    .timeline-bar p {
      font-size: 0.9rem;
      color: #555;
      margin-bottom: 10px;
    }

    /* Article */
    .article {
      font-size: 1.1rem;
      line-height: 1.9;
      column-count: 2;
      column-gap: 40px;
      margin-bottom: 40px;
    }
    .article p:first-letter {
      font-size: 3rem;
      font-family: 'Playfair Display', serif;
      font-weight: bold;
      float: left;
      margin-right: 8px;
      color: #D4AF37;
      line-height: 1;
    }

    /* Full-width Image */
    .wide-image {
      margin: 40px 0;
      border-radius: 20px;
      overflow: hidden;
    }
    .wide-image img {
      width: 100%;
      display: block;
      border-radius: 20px;
    }

    /* Highlight Box */
    .highlight {
      background: #111;
      color: #fff;
      padding: 30px;
      border-radius: 15px;
      font-family: 'Playfair Display', serif;
      font-size: 1.3rem;
      margin: 40px 0;
      position: relative;
    }
    .highlight::before {
      content: "“";
      font-size: 4rem;
      color: #D4AF37;
      position: absolute;
      top: -20px;
      left: 15px;
    }

    /* Next/Prev Nav */
    .article-nav {
      display: flex;
      justify-content: space-between;
      margin-top: 60px;
    }
    .article-nav a {
      text-decoration: none;
      color: #111;
      font-weight: bold;
      display: flex;
      align-items: center;
      gap: 10px;
      transition: color 0.3s;
    }
    .article-nav a:hover {
      color: #D4AF37;
    }