h1 {
      margin-bottom: 20px;
    }

    .tabs {
        display: flex;
        gap: 0;
        border-bottom: 2px solid #ccc;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .tabs::-webkit-scrollbar {
        height: 6px;
    }

    .tabs::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 999px;
    }

    .tab-button {
        padding: 12px 18px;
        cursor: pointer;
        background: var(--container-background);
        border: 1px solid var(--tabs-border-color);
        margin-bottom: -2px; 
        transition: background 0.2s;
        font-size: 14px;
        border-radius: 8px 8px 0 0;
        position: relative;
    }

    .tab-button:not(:first-child) {
        border-left: none;
    }

    .tab-button:hover {
        background: var(--tabs-hover-background);
    }

    .tab-button.active {
        background: white;
        font-weight: bold;
        position: relative;
        border-bottom: none;
    }

    .tab-wrapper {
        background: var(--container-background);
        border: 1px solid var(--tabs-border-color);
        border-top: none;
        padding: 20px;
        border-radius: 0 0 8px 8px;
    }

    .tab-content {
        display: none;
    }

    .tab-content.active {
        display: block;
    }

    img {
        width: 100%;
        max-width: 600px;
        border-radius: 8px;
        margin-bottom: 20px;
    }

    ul {
        padding-left: 20px;
    }

    li {
        margin-bottom: 8px;
    }

    .back-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        font-weight: 500;
        color: var(--back-button-text-color);
        text-decoration: none;
        padding: 8px 16px;
        border: 1.5px solid var(--back-button-border-color);
        border-radius: 8px;
        background: var(--container-background);
        transition: background 0.15s, border-color 0.15s;
    }

    .back-btn i {
        font-size: 18px;
        color: #1C3A6E;
    }

    .back-btn:hover {
        background: #D9E9FB;
        border-color: #1C3A6E;
    }

    @media (max-width: 600px) {

        .tab-button {
            padding: 10px 14px;
            font-size: 13px;
        }

        .tab-wrapper {
            padding: 16px;
        }

        h1 {
            font-size: 28px;
        }
    }