.intro {
        font-size: 1.15rem;
    }

    .highlight {
        border-left: 5px solid #d49a3a;
        background: #fff8e8;
        padding: 20px 25px;
        margin: 25px 0;
        border-radius: 6px;
        font-size: 0.9rem;
    }

    .warning {
        border-left: 5px solid #b94a48;
        background: #fff1f0;
        padding: 20px 25px;
        margin: 25px 0;
        border-radius: 6px;
    }

    .quote {
        border-left: 5px solid #7b4b2a;
        background: #f6f1eb;
        padding: 20px 25px;
        margin: 25px 0;
        font-style: italic;
        font-size: 0.9rem;
    }
/*
    table {
        width: 100%;
        border-collapse: collapse;
        margin: 20px 0;
    }

    th,
    td {
        border: 1px solid #ddd;
        padding: 12px;
        vertical-align: top;
        text-align: left;
    }

    th {
        background: #2c3e50;
        color: white;
    }

    tr:nth-child(even) {
        background: #f8f8f8;
    }
*/
    .tag {
        display: inline-block;
        padding: 4px 9px;
        margin: 3px;
        border-radius: 5px;
        background: #e9e3d9;
        font-size: 0.9rem;
    }


    @media (max-width: 700px) {
        .wrapper {
            margin: 20px auto;
        }


        table {
            font-size: 0.9rem;
        }
    }