body {
          background: linear-gradient(135deg, #e3f0ff 0%, #ffefd5 100%);
          background-attachment: fixed;
          min-height: 100vh;
          font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
          line-height: 1.5; 
          padding: 8px;
          font-size: 17px;
        }

        h1 {font-size: 21px; } 
        h2 {font-size: 19px; } 
        h3 {font-size: 19px; } 
        h5 {font-size: 19px; } 
        .accordion-button {font-size: 19px; }
        .w-100 { width: 100%; }
        .bg-success-l { background-color: #25BE27; } 
        .bg-curious-blue { background-color: #2593be; } 
        .bg-lemon-chiffon { background-color: #fdffc6;} 
        .bg-cummulus { background-color: #feffdb; }
        .text-green { color: green; } 
        .text-red { color: red; }

        #menu {
            position: fixed;
            top: 0;
            right: -250px;
            width: 250px;
            height: 100%;
            background-color: #f8f9fa;
            transition: right 0.3s ease-in-out;
            z-index: 1050;
            padding: 20px;
            box-shadow: -2px 0 5px rgba(0,0,0,0.1);
        }

        #menu.show {
            right: 0;
        }
        
        .savings-tip {
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        .tip-box, .expert-tip {
            margin-top: 15px;
        }
        
        .benefits-list li {
            margin-bottom: 10px;
        }
        
        .table-of-contents {
            background: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
        }
        
        .table-of-contents ul {
            list-style: none;
            padding-left: 0;
        }
        
        .table-of-contents li {
            margin-bottom: 10px;
        }
        
        .table-of-contents a {
            color: #2593be;
            text-decoration: none;
        }
        
        .table-of-contents a:hover {
            text-decoration: underline;
        }
    .no-decoration { text-decoration: none; }
.header-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.logo {
  width: 64px;
  height: auto;
}

h1 {
  margin: 0;
}
.fs-18 { font-size: 18px; }