        <style>
            /* don't rely on the active theme shipping a global reset —
               without this, width:100% + padding overflows the viewport */
            .scm-matches-wrapper,
            .scm-matches-wrapper *,
            .scm-matches-wrapper *::before,
            .scm-matches-wrapper *::after {
                box-sizing: border-box;
            }

            .scm-matches-wrapper {
                width: 100%;
                max-width: 100%;
                padding: 40px 20px;
                background: #ffffff;
            }

            .scm-matches-container {
                max-width: 1400px;
                margin: 0 auto;
                padding: 40px;
                background: #ffffff;
            }
            
            .scm-matches-header {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                margin-bottom: 40px;
                flex-wrap: wrap;
                gap: 20px;
            }
            
            .scm-matches-empty {
                margin: 0;
                padding: 48px 0 8px;
                text-align: center;
                color: #7a8794;
                font-size: 1.05em;
            }

            .scm-matches-title {
                font-size: 1.8em;
                font-weight: 700;
                margin-bottom: 0;
                text-align: left;
                color: #2c3e50;
                text-transform: uppercase;
                letter-spacing: 2px;
                position: relative;
                padding-bottom: 20px;
                flex: 1;
                min-width: 200px;
            }
            
            .scm-matches-title::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100px;
                height: 4px;
                background: #1D5025;
                border-radius: 2px;
            }
            
            .scm-competition-filters {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                align-items: center;
                margin-top: 0;
            }
            
            .scm-filter-bubble {
                padding: 8px 16px;
                border: 2px solid #1D5025;
                background: #ffffff;
                color: #1D5025;
                border-radius: 20px;
                font-size: 0.9em;
                font-weight: 600;
                cursor: pointer;
                transition: all 0.3s ease;
                text-transform: none;
                letter-spacing: 0;
            }
            
            .scm-filter-bubble:hover {
                background: #f0f0f0;
                transform: translateY(-2px);
            }
            
            .scm-filter-bubble.active {
                background: #1D5025;
                color: #ffffff;
            }
            
            .scm-filter-bubble.active:hover {
                background: #155020;
            }
            
            .scm-matches-list {
                display: flex;
                flex-direction: column;
                gap: 20px;
            }
            
            .scm-match-card {
                background: #ffffff;
                border: 2px solid #e8e8e8;
                border-radius: 12px;
                padding: 25px;
                transition: all 0.3s ease;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            }
            
            .scm-match-card:hover {
                border-color: #1D5025;
                box-shadow: 0 4px 15px rgba(29, 80, 37, 0.15);
                transform: translateY(-2px);
            }
            
            .scm-match-header {
                display: flex;
                flex-wrap: wrap;
                gap: 15px;
                margin-bottom: 20px;
                padding-bottom: 15px;
                border-bottom: 1px solid #e8e8e8;
                justify-content: space-between;
                align-items: center;
            }
            
            .scm-match-header-left {
                display: flex;
                flex-wrap: wrap;
                gap: 15px;
                align-items: center;
            }
            
            .scm-match-date {
                font-weight: 600;
                color: #2c3e50;
                font-size: 0.95em;
            }
            
            .scm-match-time {
                color: #7f8c8d;
                font-size: 0.9em;
            }
            
            .scm-match-location {
                color: #7f8c8d;
                font-size: 0.9em;
            }
            
            .scm-match-badge {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                padding: 4px 12px;
                border-radius: 12px;
                font-size: 0.75em;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }
            
            .scm-badge-upcoming {
                background: #fff3cd;
                color: #856404;
                border: 1px solid #ffc107;
            }
            
            .scm-badge-done {
                background: #d4edda;
                color: #155724;
                border: 1px solid #28a745;
            }
            
            .scm-badge-ongoing {
                background: #cfe2ff;
                color: #084298;
                border: 1px solid #0d6efd;
            }
            
            .scm-loader {
                width: 10px;
                height: 10px;
                border: 2px solid rgba(8, 66, 152, 0.3);
                border-top-color: #084298;
                border-radius: 50%;
                animation: scm-spin 1s linear infinite;
                display: inline-block;
            }
            
            @keyframes scm-spin {
                to { transform: rotate(360deg); }
            }
            
            .scm-match-pictures {
                margin-top: 25px;
                padding-top: 25px;
                border-top: 1px solid #e8e8e8;
            }
            
            .scm-match-pictures-title {
                font-size: 1.1em;
                font-weight: 600;
                color: #2c3e50;
                margin-bottom: 15px;
            }
            
            .scm-match-pictures-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
                gap: 15px;
            }
            
            .scm-match-picture {
                position: relative;
                overflow: hidden;
                border-radius: 8px;
                aspect-ratio: 1;
            }
            
            .scm-match-picture img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.3s ease;
            }
            
            .scm-match-picture:hover img {
                transform: scale(1.05);
            }
            
            .scm-match-picture a {
                display: block;
                width: 100%;
                height: 100%;
            }
            
            .scm-match-content {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 20px;
            }
            
            .scm-match-team {
                display: flex;
                align-items: center;
                gap: 15px;
                flex: 1;
            }
            
            .scm-home-team {
                justify-content: flex-start;
            }
            
            .scm-away-team {
                flex-direction: row-reverse;
                text-align: right;
                margin-left: auto;
            }
            
            .scm-away-team .scm-team-info {
                align-items: flex-end;
                text-align: right;
            }
            
            .scm-team-logo {
                width: 60px;
                height: 60px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #f8f9fa;
                border-radius: 8px;
                padding: 8px;
                flex-shrink: 0;
            }
            
            .scm-team-logo img {
                max-width: 100%;
                max-height: 100%;
                object-fit: contain;
            }
            
            .scm-team-info {
                display: flex;
                flex-direction: column;
                gap: 5px;
            }
            
            .scm-team-name {
                font-weight: 600;
                font-size: 1.1em;
                color: #2c3e50;
            }
            
            .scm-team-abbr {
                font-size: 0.85em;
                color: #7f8c8d;
                text-transform: uppercase;
                letter-spacing: 1px;
            }
            
            .scm-match-score {
                display: flex;
                align-items: center;
                justify-content: center;
                min-width: 150px;
                padding: 0 20px;
            }
            
            .scm-score-display {
                display: flex;
                align-items: center;
                gap: 15px;
                background: #1D5025;
                padding: 15px 25px;
                border-radius: 10px;
                box-shadow: 0 4px 10px rgba(29, 80, 37, 0.2);
            }
            
            .scm-score-number {
                font-size: 2em;
                font-weight: 700;
                color: #ffffff;
                min-width: 40px;
                text-align: center;
            }
            
            .scm-score-separator {
                font-size: 1.5em;
                font-weight: 600;
                color: rgba(255, 255, 255, 0.8);
            }
            
            .scm-match-vs {
                font-size: 1.2em;
                font-weight: 600;
                color: #1D5025;
                text-transform: uppercase;
                letter-spacing: 2px;
            }

            /* Goal scorers row: ball icon centre, home scorers left, away right */
            .scm-goals {
                display: grid;
                grid-template-columns: 1fr auto 1fr;
                align-items: center;
                column-gap: 14px;
                row-gap: 4px;
                margin: 14px 0 4px;
                padding-top: 12px;
                border-top: 1px solid #eef0ec;
            }
            .scm-goals-side {
                display: flex;
                flex-direction: column;
                gap: 3px;
                font-size: 0.9em;
                color: #33403a;
            }
            .scm-goals-home { text-align: left;  align-items: flex-start; }
            .scm-goals-away { text-align: right; align-items: flex-end; }
            .scm-goals-ball {
                display: flex;
                align-items: center;
                justify-content: center;
                filter: drop-shadow(0 1px 2px rgba(0,0,0,.15));
            }
            .scm-goal { white-space: nowrap; }
            .scm-goal-name { font-weight: 600; }
            .scm-goal-min {
                color: #1D5025;
                font-weight: 700;
                font-variant-numeric: tabular-nums;
            }
            /* =========================================================
               PHONE / TABLET  (<= 767px)
               Keeps the home | score | away reading order instead of
               stacking, so a match still scans as a fixture on a phone.
               ========================================================= */
            @media (max-width: 767px) {

                /* --- reclaim space (was 40px + 20px per side, and 40+40 on top,
                       which pushed the title ~88px below the header) --- */
                .scm-matches-wrapper {
                    padding: 12px 14px 28px;
                }

                .scm-matches-container {
                    padding: 0;
                }

                /* --- header: title, then a swipeable filter strip --- */
                .scm-matches-header {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 14px;
                    margin-bottom: 24px;
                }

                .scm-matches-title {
                    width: 100%;
                    margin-bottom: 0;
                    padding-bottom: 14px;
                }

                .scm-competition-filters {
                    width: 100%;
                    flex-wrap: nowrap;
                    overflow-x: auto;
                    overscroll-behavior-x: contain;
                    -webkit-overflow-scrolling: touch;
                    scroll-snap-type: x proximity;
                    scrollbar-width: none;
                    /* bleed to the screen edges so the strip reads as scrollable */
                    margin-inline: -14px;
                    padding-inline: 14px;
                    padding-block: 2px;
                }

                .scm-competition-filters::-webkit-scrollbar {
                    display: none;
                }

                .scm-filter-bubble {
                    flex: 0 0 auto;
                    scroll-snap-align: start;
                    padding: 9px 15px;
                    font-size: 0.85em;
                }

                /* --- card --- */
                .scm-match-card {
                    padding: 16px 14px;
                }

                /* hover styles stick after a tap on touch screens */
                .scm-match-card:hover,
                .scm-match-picture:hover,
                .scm-filter-bubble:hover {
                    transform: none !important;
                }

                .scm-match-picture:hover img {
                    transform: none;
                }

                /* --- meta row --- */
                .scm-match-header {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 7px;
                    margin-bottom: 14px;
                    padding-bottom: 12px;
                }

                .scm-match-header-left {
                    width: 100%;
                    gap: 8px;
                }

                .scm-match-date,
                .scm-match-time {
                    font-size: 0.82em;
                }

                .scm-match-badge {
                    padding: 3px 9px;
                    font-size: 0.66em;
                }

                .scm-match-location {
                    width: 100%;
                    font-size: 0.8em;
                    line-height: 1.35;
                }

                /* --- fixture: three columns, teams stacked logo-over-name --- */
                .scm-match-content {
                    display: grid;
                    grid-template-columns: 1fr auto 1fr;
                    align-items: start;
                    gap: 10px;
                }

                .scm-match-team,
                .scm-home-team,
                .scm-away-team {
                    width: auto;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: center;
                    text-align: center;
                    gap: 8px;
                    margin-left: 0;
                    min-width: 0;
                }

                .scm-team-info,
                .scm-away-team .scm-team-info {
                    align-items: center;
                    text-align: center;
                    gap: 3px;
                    min-width: 0;
                }

                .scm-team-logo {
                    width: 54px;
                    height: 54px;
                    padding: 6px;
                }

                .scm-team-name {
                    font-size: 0.8em;
                    line-height: 1.25;
                    overflow-wrap: anywhere;
                }

                .scm-team-abbr {
                    font-size: 0.72em;
                    letter-spacing: 0.5px;
                }

                /* --- scoreboard chip --- */
                .scm-match-score {
                    width: auto;
                    min-width: 0;
                    padding: 0;
                    align-self: center;
                    /* the outer wrapper is only a positioner on phones —
                       the chip itself carries the styling */
                    background: none !important;
                    border: 0 !important;
                    box-shadow: none !important;
                }

                .scm-score-display {
                    width: auto;
                    justify-content: center;
                    gap: 7px;
                    padding: 9px 12px;
                }

                .scm-score-number {
                    font-size: 1.5em;
                    min-width: 20px;
                }

                .scm-score-separator {
                    font-size: 1em;
                }

                /* "TBD - TBD" would eat the team columns at full size */
                .scm-score-tbd .scm-score-number {
                    font-size: 0.85em;
                    min-width: 0;
                }

                .scm-score-tbd .scm-score-separator {
                    font-size: 0.8em;
                }

                /* --- goal scorers --- */
                .scm-goals {
                    column-gap: 10px;
                    margin-top: 12px;
                    padding-top: 10px;
                }

                .scm-goals-side {
                    font-size: 0.78em;
                    gap: 2px;
                }

                .scm-goal {
                    white-space: normal;
                    overflow-wrap: anywhere;
                    line-height: 1.3;
                }

                /* --- pictures --- */
                .scm-match-pictures {
                    margin-top: 16px;
                    padding-top: 16px;
                }

                .scm-match-pictures-title {
                    font-size: 0.95em;
                    margin-bottom: 10px;
                }

                .scm-match-pictures-grid {
                    grid-template-columns: repeat(2, 1fr);
                    gap: 8px;
                }
            }

            /* --- small phones (<= 380px): give the team columns more room --- */
            @media (max-width: 380px) {
                .scm-match-card {
                    padding: 14px 11px;
                }

                .scm-match-content {
                    gap: 6px;
                }

                .scm-team-logo {
                    width: 46px;
                    height: 46px;
                }

                .scm-team-name {
                    font-size: 0.74em;
                }

                .scm-score-display {
                    padding: 8px 9px;
                    gap: 5px;
                }

                .scm-score-number {
                    font-size: 1.3em;
                    min-width: 16px;
                }
            }
        </style>
        {"id":765,"date":"2026-09-08T12:24:08","date_gmt":"2026-09-08T16:24:08","guid":{"rendered":"https:\/\/aiglenoir.ht\/website\/matches\/lhf\/"},"modified":"2026-09-08T12:24:08","modified_gmt":"2026-09-08T16:24:08","slug":"lhf","status":"publish","type":"page","link":"https:\/\/aiglenoir.ht\/website\/matches\/lhf\/","title":{"rendered":"LHF"},"content":{"rendered":"<div class=\"scm-matches-wrapper\"><div class=\"scm-matches-container\"><div class=\"scm-matches-header\"><h2 class=\"scm-matches-title\">LHF<\/h2><\/div><p class=\"scm-matches-empty\">Aucun match pour le moment. Revenez bient\u00f4t&nbsp;!<\/p><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":762,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-765","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiglenoir.ht\/website\/wp-json\/wp\/v2\/pages\/765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiglenoir.ht\/website\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aiglenoir.ht\/website\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aiglenoir.ht\/website\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aiglenoir.ht\/website\/wp-json\/wp\/v2\/comments?post=765"}],"version-history":[{"count":0,"href":"https:\/\/aiglenoir.ht\/website\/wp-json\/wp\/v2\/pages\/765\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/aiglenoir.ht\/website\/wp-json\/wp\/v2\/pages\/762"}],"wp:attachment":[{"href":"https:\/\/aiglenoir.ht\/website\/wp-json\/wp\/v2\/media?parent=765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}