/* Tab Bar */
    .tab-bar-container {
      display: flex;
      border-radius: 15px 15px 0 0;
      justify-content: left;
      gap: 8px;
      padding: 0.5rem 1rem 0 1rem;
      align-items: center;
      overflow: hidden;
      background-color: RGB(19, 26, 35, 0.7);
      -webkit-backdrop-filter: blur(10px);
      /* Safari 9+, iOS 9+ */
      backdrop-filter: blur(10px);
    }

    .tab-bar-container .title-header {
      color: #f1f5f9;
      font-weight: 500;
      text-align: left;
      vertical-align: top;
      margin: 0;
    }

    .tab-bar {
      display: flex;
      justify-content: center;
    }

    .tab-bar a {
      padding: 1rem 1.5rem;
      text-decoration: none;
      color: #f1f5f9;
      font-weight: 500;
      transition: background 0.2s, color 0.2s;
    }

    .tab-bar button {
      padding: 1rem 1.5rem;
      text-decoration: none;
      font-family: arial, sans-serif;
      color: #f1f5f9;
      font-weight: 500;
      font-size: 90%;
      background: none;
      border: none;
      cursor: pointer;
      box-sizing: none;
      transition: background 0.2s, color 0.2s;
    }

    .tab-bar a:hover:not(.you-are-here),
    .tab-bar button:hover {
      background-color: #334155;
      color: #fff;
    }

    .tab-bar a.active {
      border-bottom: 3px solid #3b82f6;
      color: #3b82f6;
    }

    .content {
      padding: 2rem;
    }


    .tab-bar a.you-are-here {
      padding: 1rem 1.5rem 0 1.5rem;
      margin-bottom: -1rem;
      border-radius: 15px 15px 0 0;
      font-size: 110%;
      font-weight: 900;
      border-top: 2px solid #ffc;
      border-left: 2px solid #ffc;
      border-right: 2px solid #ffc;
      background: rgb(255, 255, 238, 0.76);
      color: #334155;
    }


    /* --- IGNORE ---      // color: #380101;*/