﻿    .container-guide{
        max-width: 900px
    }

    .tg-intro {
        max-width: 100ch;
        font-size: 1.05rem;
        line-height: 1.7;
        margin: 0 0 1rem;
    }

    .tg-link {
        display: inline-block;
        margin-bottom: 0;
        font-size: .9rem;
        font-weight: 700;
        color: #005fa3;
        text-decoration: none;
    }

    .tg-link:hover { text-decoration: underline; }

    /* ── Category heading ────────────────────────────────── */
    .tg-category {
        font-size: .7rem;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: #5a7080;
        margin: 2.5rem 0 .85rem;
        padding-bottom: .4rem;
        border-bottom: 2px solid #b8d9f0;
    }

    /* ── Tool cards ──────────────────────────────────────── */
    .tg-card {
        background: #ffffff;
        border: 1px solid #d0d8e0;
        border-radius: 10px;
        padding: 1.25rem 1.5rem;
        margin-bottom: .85rem;
        box-shadow: 0 1px 4px rgba(15,25,35,.07);
    }

    .tg-card-header {
        display: flex;
        align-items: flex-start;
        gap: .85rem;
        margin-bottom: .65rem;
    }

    .tg-icon {
        font-size: 1.35rem;
        flex-shrink: 0;
        margin-top: .05rem;
    }

    .tg-name {
        font-size: 1rem;
        font-weight: 800;
        color: #0f1923;
        margin: 0 0 .1rem;
    }

    .tg-audience {
        display: inline-block;
        font-size: .7rem;
        font-weight: 700;
        padding: .15rem .55rem;
        border-radius: 999px;
        background: #b8d9f0;
        color: #0f1923;
        border: 1px solid #5da8d8;
        margin-bottom: .65rem;
    }

    .tg-desc {
        font-size: .9rem;
        color: #0f1923;
        line-height: 1.65;
        margin: 0 0 .75rem;
    }

    .tg-purpose {
        font-size: .875rem;
        color: #0f1923;
        line-height: 1.6;
        margin: 0 0 .85rem;
        padding: .65rem .9rem;
        background: #f0f7fd;
        border-left: 3px solid #5da8d8;
        border-radius: 0 6px 6px 0;
    }

    .tg-purpose strong { color: #0f1923; }

    .tg-tool-link {
        display: inline-block;
        font-size: .85rem;
        font-weight: 700;
        color: #005fa3;
        text-decoration: none;
    }

    .tg-tool-link:hover { text-decoration: underline; }