a {
      text-decoration:none;
      color: #000000;
    }

    a:hover {
      color: red;
    }

    p a {
      text-decoration:underline;
      color: #000000;
    }

    a:hover {
      color: #0056b3;
      text-decoration:none;
    }

   .market a:hover  {
      text-decoration:underline;
    }

    img {
      border:thin solid #dbdbdb;
    }

    body {
      padding-top: 70px; /* Space for fixed top row – updated dynamically */
      margin: 0;
      //background:#f6f5ee;
      background:#ffffff;
      font-family: "Karla", sans-serif;
      font-weight: 200;
      font-style: normal;
      color: #000000;
    }

    p, p a {
      font-family: 'Libre Caslon Text', serif;
      font-style: normal;
      font-weight: 400;
      color: #000000;
      line-height:160%;
    }
 
    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6,  h6 a{    
     font-family: 'Space Grotesk';
     font-style: normal;
     font-weight: 400;
     color: #000000;
    }

   .must {
     font-family: 'Space Grotesk';
     font-style: normal;
     font-weight: 400;
    }

   .featured {
    padding:0 2rem 0 2rem;
   }

   .featured  h1, .featured  h1 a, .featured h2 a {
     font-size:1.7rem;
     font-weight:700;
     line-height:100%;
     margin:1rem 0 1rem 0;
    }

   .promo {
      background: #E6BAAC;
      padding:1rem 1rem 1rem 1rem;
      margin:2rem 0 1rem 0;
     }

    .promo p {
     font-family: 'Karla', sans-serif;
     font-size:1rem;
    }

    .market {
      padding:0 2rem 0 0rem;
    }

    .latest h3 a {
      font-weight:700;
     }

    .latest_market a {
      font-size:1.5rem;
      font-weight:700;
     }

    .latest img, .latest_market img {
      width:100%
     }

    .single {
       font-weight: 400;
     font-size:1.2rem;
     line-height:140%;
    }

    .coverage {
     background:#DFD7DB;
     padding:1em;
    }


     .bearcast {
      background:#EEEFF6;
     }
  
     .bearcast h5 a {
      font-weight:700;
     }

    .author, .author a {
       font-family: 'Karla', sans-serif;
       font-style: normal;
       font-size: .8rem; 
    }

    .author a {
      text-decoration:underline;
    }

    .flag {
      text-transform:uppercase;
   }

   img.complete a {
      margin-bottom:1em;
   }

    /* Fixed slim top row (level one) */
    .fixed-utility {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1050;
      //background:#f6f5ee;
      background:#ffffff;
      //box-shadow: 0 1px 6px rgba(0,0,0,0.08);
      transition: all 0.3s ease;
      box-sizing: border-box;
    }

    .top-utility {
      font-size: 0.9rem;
      padding: 1rem 1rem;
      //border-bottom: 1px solid #eee;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
    }

    .utility-icons a {
      color: #333;
      font-size: 1.3rem;
      margin-left: 1.2rem;
      text-decoration: none;
    }

    /* Small centered logo */
    .small-logo {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      transition: opacity 0.4s ease;
      opacity: 0; /* default hidden on desktop */
    }

    /* Force small logo visible on mobile from page load */
    @media (max-width: 991.98px) {
      .small-logo {
        opacity: 1 !important;
        pointer-events: auto;
      }
      .top-utility { padding: 0.5rem 1rem; }
      .utility-icons a { font-size: 1.1rem; margin-left: 1rem; }
    }

    /* Show on scroll on desktop */
    .fixed-utility.scrolled .small-logo {
      opacity: 1;
      pointer-events: auto;
    }

    .small-logo img {
      height: 42px;
      border:none;
    }

    /* Headline text in fixed top bar on desktop */
    .headline-text {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      font-size: 0.95rem;
      color: #555;
      white-space: nowrap;
      opacity: 1;
      transition: opacity 0.4s ease;
      pointer-events: none;
    }

    #fixedTop {
     // background: #8a9e93;
    }

    .fixed-utility.scrolled .headline-text {
      opacity: 0;
    }

    /* Hide headline on mobile */
    @media (max-width: 991.98px) {
      .headline-text {
        display: none;
      }
    }

    /* Scrolling logo row – hidden on mobile */
    .logo-row {
      padding: 0rem 1rem 1.5rem;
      //background:#f6f5ee;
      //background:#8a9e93;
      text-align: center;
      // border-bottom: 1px solid #eee;
    }

    .logo-row img {
      max-height: 140px;
      border:none;
    }

    /* Section links – sticky flush below fixed top */
    .main-nav {
      position: sticky;
      z-index: 1040;
      //background:#f6f5ee;
      background:#222724;
     // border-bottom: 1px solid #dee2e6;
      box-sizing: border-box;
    }

    .main-nav .navbar-nav {
     gap: 2.5rem;
    }

    .main-nav .nav-link {
      font-weight: 200;
      color:#ffffff;
      padding: 0.75rem 0;
    }

    .main-nav .nav-link:hover,
    .main-nav .nav-link.active {
      color:#ffffff;
      border-bottom: 2px solid #fff;
    }

    /* Promo bar – scrolls normally */
    .promo-bar {
      background: #EEEFF6;
      font-size: 0.95rem;
      padding: 0.5rem 0;
      text-align: center;
      border-bottom: 1px solid #eee;
      margin-bottom:1em;
      font-weight:700;
    }

    .promo-bar a:hover {
      text-decoration:underline;
    }

    .trending {
     //background:#8a9e93;
     background:#c0ccc5;
      }

   .trending a {
    color:#222724;
    font-weight:600;
  }

    .trending a:hover {
      text-decoration:underline;
      margin-bottom:2rem;
    }

    .trending_div a {
     color: #ffffff;
}

    .trending_hed {
      font-family: "Karla", serif;
      text-transform:uppercase;
      color:#9f2b00;
      font-size: .85rem;
      padding-bottom:1em;
    }

     .disclosure p {
     font-family: 'Karla', sans-serif;
     font-size:1rem;
}

     .full {
     font-family: 'Space Grotesk', sans-serif;
     font-style: normal;
     font-weight: 400;
    }

    .full p, .full p a {
}

      .full a {
       text-decoration:underline;
       text-decoration-thickness: 5%;
     }


     .full h1 {
     font-family: 'Space Grotesk', sans-serif;
      font-weight:600;
      font-size: 2.2rem;
      line-height:120%;
     }

     .full img {
       margin:0 auto 0 auto;
       display:block;
       width: auto; /* Uses natural size */
       max-width: 100%; /* No more than container */
       box-sizing: border-box; /* Includes padding/border in size */
      }

     img.full a {
       width: 100%;
      }

     .keywords {
       font-size:1rem;
       font-family: 'Karla', sans-serif;
       margin:2rem 0 2rem 0;
     }

     .keywords a {
       text-transform:uppercase;
     }

    .reefer {
      padding-right:2rem;
      text-align:center;
    }

     .reefer h6, h6 a {
      font-size:1rem;
      text-decoration:none;
      margin:1rem 0 2rem ;
}


    @media (max-width: 991.98px) {
      body { padding-top: 60px; }
      .logo-row { display: none; } /* No big logo on mobile */
      .small-logo img { height: 36px; }
      .top-utility { padding: 0.5rem 1rem; }
    }

    .navbar-toggler {
      width: 38px !important;
      height: 48px !important;
      padding: 0 !important;
      border: none !important;
      background: transparent !important;
    }

    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
      background-size: 24px 28px !important;
      background-position: center !important;
      width: 100% !important;
      height: 100% !important;
    }

    .lock {
      color: #000000;
    }


.free-pages-notice {
            background: linear-gradient(135deg, #fff3cd 0%, #ffecb3 100%);
            border: 1px solid #ffecb3;
            border-left: 5px solid #f59e0b;
            padding: 1.25rem 1.5rem;
            margin: 1.5rem auto;
            max-width: 900px;
            border-radius: 8px;
            box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
            font-family: system-ui, -apple-system, sans-serif;
            color: #92400e;
        }

        .free-pages-notice .icon {
            font-size: 1.6rem;
            margin-right: 0.8rem;
            vertical-align: middle;
        }

        .free-pages-notice strong {
            color: #b45309;
        }

        .free-pages-notice a {
            color: #c2410c;
            font-weight: 600;
            text-decoration: underline;
        }

        .free-pages-notice a:hover {
            color: #9a3412;
        }

        .remaining-badge {
            display: inline-block;
            background: #dbeafe;
            color: #1e40af;
            padding: 0.35rem 0.9rem;
            border-radius: 9999px;
            font-size: 0.95rem;
            font-weight: 500;
            margin: 1rem 0;
        }






/* Comments */
.disqus-recent-comments {
      font-family: 'Libre Caslon Text', serif;
      font-optical-sizing: auto;
      font-weight: 400;
      font-style: normal;
      width: 100%;                  /* Full width */
      margin: 0;
      padding: 0;
      background: none;             /* No background */
    }
    .comment-item {
      display: flex;
      align-items: flex-start;
      padding: 1rem;
      border-bottom: 1px solid #eee;
      margin-bottom: 1rem;
      border: thin solid #D9E0DC;
      background: #D9E0DC;
      border-radius: 25px;
    }
    .comment-item:last-child {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 1rem;
    }
    .avatar {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      margin-right: 12px;
      flex-shrink: 0;
      background: #eee;             /* fallback if no avatar */
      object-fit: cover;
    }
    .comment-content {
      flex: 1;
    }

    .meta {
      color: #777;
      font-size: 0.82rem;

    }
    .excerpt {
      font-size:.9rem;
      line-height: 1.4;
      color: #444;
      margin: 0.5rem 0 0;
    }
    .excerpt a {
      color: #000000;
      text-decoration: none;
    }
    .excerpt a:hover {
      text-decoration: underline;
    }
    .thread-title {
      font-family: "Karla", sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: .8rem;
      color: #000000;
      display: inline-block;
    }
    .thread-title a:hover {
      text-decoration: underline;
    }
    .loading { color: #888; font-style: italic; }
    .error   { color: #d32f2f; }

/* EXTRA */

/* Trending borders only on desktop */
@media (min-width: 768px) {
  .border-end-md {
    border-right: 1px solid #dee2e6 !important;
  }
}

/* Hover effect for cards */
.hover-shadow:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.12) !important;
  transition: all 0.25s ease;
}

/* Make images pop a bit on hover */
.card-img-top {
  transition: transform 0.3s ease;
}

.card:hover .card-img-top {
  transform: scale(1.05);
}


.coverage {
  background: rgba(230, 235, 232, 0.4); /* very light version of your bg */
  padding: 1.5rem;
  border-radius: 12px;
}