.blogContainer {
            max-width: 900px !important;
            text-align: justify;
        }
        .blog-img {
            max-width: 100%;
        }
        b, strong {
            font-weight: bold;
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        table, th, td {
            border: 1px solid #ccc;
        }
        th, td {
            padding: 8px;
            text-align: left;
        }
        .related-post{
            height: 376px;
        }
      :root{
        --brand-1: #003135; /* deep teal */
        --brand-2: #964734; /* warm accent */
        --btn-radius: 10px;
        --btn-padding: 12px 20px;
        --transition: 180ms cubic-bezier(.2,.9,.3,1);
      }
    
      .btn{
        display: inline-flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
        padding: var(--btn-padding);
        border-radius: var(--btn-radius);
        font-weight: 600;
        font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
        cursor: pointer;
        text-decoration: none;
        border: none;
        line-height: 1;
        transition: transform var(--transition), box-shadow var(--transition), opacity var(--transition);
        user-select: none;
      }
    
      /* Primary filled button: subtle gradient from brand-1 to brand-2 */
      .btn-primary{
        background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);
        color: #ffffff;
        box-shadow: 0 6px 18px rgba(3, 19, 21, 0.20), inset 0 -2px 0 rgba(0,0,0,0.08);
        border: 1px solid rgba(255,255,255,0.06);
      }
      .btn-primary:hover{
        transform: translateY(-2px);
        box-shadow: 0 10px 30px rgba(3, 19, 21, 0.28);
      }
      .btn-primary:active{
        transform: translateY(0);
        box-shadow: 0 6px 14px rgba(3, 19, 21, 0.20);
      }
      .btn-primary:focus-visible{
        outline: 3px solid rgba(150,71,52,0.18);
        outline-offset: 4px;
      }
    
      /* Outline variant */
      .btn-outline{
        background: transparent;
        color: var(--brand-1);
        border: 2px solid var(--brand-1);
        padding: calc(var(--btn-padding) - 2px);
      }
      .btn-outline:hover{
        background: rgba(0,0,0,0.03);
        transform: translateY(-1px);
      }
      .btn-outline:focus-visible{
        outline: 3px solid rgba(0,49,53,0.12);
        outline-offset: 4px;
      }
    
      /* Arrow styling */
      .btn-arrow{
        display:inline-block;
        transition: transform var(--transition);
        font-weight:700;
        font-size: 25px;
      }
      .btn-primary:hover .btn-arrow,
      .btn-outline:hover .btn-arrow{
        transform: translateX(4px);
      }
    
      /* Disabled */
      .btn[disabled],
      .btn[aria-disabled="true"]{
        opacity: 0.5;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
      }
    
      /* Responsive: make full-width when container is narrow */
      @media (max-width:540px){
        .btn{ width:100%; padding:14px; font-size: 16px; }
        .btn + .btn{ margin-top: 10px; } /* stacked spacing on small screens */
      }