/*  {
outline: 1px solid red !important;
}*/ 

    /* --- 3. TRIP GRID --- */

    .trip-section {
        max-width: 1500px;
        margin: 80px auto 100px;
        padding: 0 5%;
    }

    .grid {
        display: grid;
        /* This makes it automatic: no more 3-column forced math */
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 35px;
        /* This is the missing link that forces every card to match the tallest one */
        align-items: stretch;
    }

    .trip-card {
        background: var(--card-surface);
        text-decoration: none;
        color: inherit;
        display: flex;
        box-sizing: border-box;
        border-radius: 6px;
        flex-direction: column;
        transition: transform 0.50s ease, opacity 0.50s ease;
    }

    .card-img {
        width: 100%;
        /*    height: 100%; */
        aspect-ratio: 16 / 9
        object-fit: cover;
        padding: 8px;
        box-sizing: border-box;
        border-radius: 12px;
        filter: brightness(1);
        transition: filter 0.25s ease;
    }

    .trip-card .card-body a[href*="avantlink.com"] img {
        width: 100% !important;
        max-width: 350px !important;
        height: auto !important;
        aspect-ratio: 300 / 250 !important;
        display: block !important; /* Force block behavior across all screens */

        /* The Desktop Centering Engine */
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .card-body {
        padding: 20px;
        flex-grow: 1; /* This forces the body to fill the height created by the stretch */
    }

    .trip-card:hover {
        transform: translateY(-4px);
        opacity: 0.9;
    }

    .trip-card:hover .card-img {
        filter: brightness(0.9);
    }

    .trip-date { font-size: 0.55rem; color: var(--sweet-blue); text-transform: uppercase; font-weight: 700; }
    .trip-title { font-size: 0.95rem; font-weight: 500; margin-bottom: 12px; }
    .trip-excerpt { font-size: 0.75rem; color: #6D7275; line-height: 1.6; }

    .sponsor-card {
        background: var(--header-obsidian); /* Slightly darker to stand out */
        border: 1px solid rgba(164, 90, 77, 0.2); /* Subtle terracotta border */
    }

    .ad-placeholder {
        display: flex;
        justify-content: center; /* Centers horizontally */
        align-items: center;     /* Centers vertically */
        width: 100%;             /* Forces container to take full width of the card */
        height: 100%;            /* Forces container to take full height of the card */
        position: relative;
    }

    ins.adsbygoogle {
        display: block !important;
        width: 100% !important;
    }

    .ad-label {
        font-size: 0.5rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: var(--terracotta);
        margin-top: 5px;
        margin-bottom: 5px;
        opacity: 1.00;

        /* THE CENTERING FIXES */
        display: block !important;       /* 1. Turns the text span into a structural layout block */
        text-align: center !important;   /* 2. Centers the text alignment inside that block */
        margin-left: auto !important;    /* 3. Replaces the 8px shift with balanced auto margins */
        margin-right: auto !important;   
    }

    .avantlink {
        padding: 8px; !important
    }

    /* Hide articles 7+ by default */
    .hidden-dispatch {
        display: none !important;
    }

    .btn-load {
        background: var(--terracotta);
        color: var(--sand-text);
        /* Larger padding for a bigger hit-box */
        padding: 20px 45px; 
        /* Increased font size */
        font-size: 0.8rem; 
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 3px;
        cursor: pointer;
        border: none;
        transition: 0.3s ease;
    }


    /*        .btn-load:hover { opacity: 1;
     *        border-color: var(--terracotta);
     *        color: var(--terracotta); } */

    .btn-load:hover {
        background-color: var(--sand-text);
        color: var(--header-obsidian);
        opacity: 1;
    }

    .load-container {
        margin: 80px 0; /* 80px above and below */
        display: flex;
        justify-content: center;
        width: 100%;
    }

    #extra-trips {
        margin-top: 80px; 
        /* This matches the gap you just gave the button */
    }

    /* This triggers the animation when the 'hidden-dispatch' class is removed */
    #extra-trips:not(.hidden-dispatch) {
        animation: fadeIn 0.8s ease-out forwards;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
        #extra-trips:not(.hidden-dispatch) {
            display: grid !important;
            animation: fadeIn 0.8s ease-out forwards;
        }
    }


    /* --- 4. MOBILE MEDIA QUERY (Screens 800px and below) --- */
    @media screen and (max-width: 768px) {

        /* Hero Center-Hoist Fix */
        .hero, .article-hero {
            height: 40vh;
            min-height: 320px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 0;
        }
        .hero h1, .article-hero h1 {
            font-size: 1.85rem;
            line-height: 1.2;
            padding: 0 10%;
        }

        /* Telemetry 2x2 Grid */
        .trip-lab {
            display: grid;
            grid-template-columns: 1fr 1fr;
            margin: -30px 6% 30px;
            padding: 15px;
            background: var(--card-surface);
            border-left: 2px solid var(--terracotta);
        }

        .trip-section {
            padding: 10px;
        }

        .lab-item { padding: 5px; }
        .lab-label { font-size: 0.45rem; }
        .lab-value { font-size: 0.75rem; }

        /* Main Grid Single Column */
        .grid {
            grid-template-columns: 1fr 1fr;
            gap: 25px;
            padding: 0;
        }

        /* Field Notes Layout */
        .note-row {
            flex-direction: column;
            align-items: flex-start;
            gap: 6px;
            padding: 15px 0;
        }
        .note-title {
            max-width: 100%;
            white-space: normal;
            font-size: 0.9rem;
        }

        .trip-card .card-body a[href*="avantlink.com"] {
            display: inline-block !important; /* Allows it to sit inline but respect alignment */
            text-align: center !important;   /* Centers the image inside the link */
            width: 100% !important;          /* Forces the link container to span full width */
        }

        /* Force the inner ad image to clear its left track */
        .trip-card .card-body a[href*="avantlink.com"] img {
            margin: 0 auto !important;       /* Centers the image inside that 100% width link */
            display: block !important;
        }
    }

    @media screen and (max-width: 576px) {
        .grid {
            grid-template-columns: 1fr;
            gap: 25px;
            padding: 15;
        }
        .trip-card .card-body a[href*="avantlink.com"] {
            display: inline-block !important; /* Allows it to sit inline but respect alignment */
            text-align: center !important;   /* Centers the image inside the link */
            width: 100% !important;          /* Forces the link container to span full width */
        }

        /* Force the inner ad image to clear its left track */
        .trip-card .card-body a[href*="avantlink.com"] img {
            margin: 0 auto !important;       /* Centers the image inside that 100% width link */
            display: block !important;
        }
    }