.blog-listing{background-color:#f5f5ec}.blog-listing__grid{display:grid;gap:2.5rem 1.5rem;grid-template-columns:1fr;margin:0 auto;max-width:1152px;padding:0 1rem 4rem}@media (min-width:800px){.blog-listing__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1152px){.blog-listing__grid{gap:2rem;grid-template-columns:repeat(6,1fr)}.blog-card{grid-column:span 2}.blog-card--wide{grid-column:span 3}}.blog-card{display:block}.blog-card__link{color:inherit;display:block;text-decoration:none}.blog-card__image-wrap{aspect-ratio:4/3;background-color:#e9e4d6;border-radius:8px;margin-bottom:.75rem;overflow:hidden}.blog-card__image{display:block;height:100%;object-fit:cover;transition:opacity .2s ease;width:100%}.blog-card__link:focus-visible .blog-card__image,.blog-card__link:hover .blog-card__image{opacity:.85}.blog-card__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem .75rem;margin:.75rem 0 .5rem}.blog-card__date{color:#62849a}.blog-card__title{color:#1f506e;display:-webkit-box;font-family:inherit;font-size:1.25rem;font-weight:700;line-height:1.25;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blog-card__link:focus-visible .blog-card__title,.blog-card__link:hover .blog-card__title{color:#0b3c5a}.blog-card.is-hidden{display:none}.blog-card__chip{align-items:center;border-radius:3px;color:#1f506e;display:inline-flex;font-size:.625rem;font-weight:700;letter-spacing:.05em;line-height:1;min-height:1.5rem;padding:0 .5rem}.blog-card__chip--module{background-color:#ecf1f5}.blog-card__chip--categorie{background-color:#e9e4d6}.blog-listing__filters{display:flex;flex-wrap:wrap;gap:1rem;margin:0 auto 2rem;max-width:1152px;padding:0 1rem}.blog-listing__filters:has(+.blog-listing__chips:not([hidden])){margin-bottom:1rem}.blog-filter{position:relative}.blog-filter__button{align-items:center;appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.06);color:#1f506e;cursor:pointer;display:inline-flex;font:inherit;gap:.5rem;line-height:1.3;min-width:14rem;padding:.5rem .875rem;text-align:left}.blog-filter__label{flex:1 1 auto;font-weight:700;letter-spacing:.02em}.blog-filter__count{align-items:center;background-color:#ecf1f5;border-radius:999px;color:#1f506e;display:inline-flex;font-size:.6875rem;font-weight:700;height:1.25rem;justify-content:center;line-height:1;min-width:1.25rem;padding:0 .375rem}.blog-filter__chevron{fill:#1f506e;flex:0 0 auto;height:1rem;transition:transform .15s ease;width:1rem}.blog-filter__button[aria-expanded=true] .blog-filter__chevron{transform:rotate(180deg)}.blog-filter__button:focus-visible{outline:2px solid #1f506e;outline-offset:2px}.blog-filter__panel{background-color:#fff;border:none;border-radius:4px;filter:drop-shadow(0 4px 32px rgba(31,80,110,.08)) drop-shadow(0 0 4px rgba(0,0,0,.12));left:0;max-height:18rem;min-width:100%;overflow-y:auto;padding:.25rem 0;position:absolute;top:calc(100% + .25rem);z-index:20}.blog-filter__option{align-items:center;color:#1f506e;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:.625rem;letter-spacing:.05em;padding:.5rem .875rem;text-transform:uppercase}.blog-filter__option:focus-within,.blog-filter__option:hover{background-color:#f5f5ec}.blog-filter__checkbox{accent-color:#1f506e;cursor:pointer;flex:0 0 auto;height:1rem;margin:0;width:1rem}.blog-listing__chips{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:0 auto .75rem;max-width:1152px;padding:0 1rem}.blog-listing__chips[hidden]{display:none}.blog-listing__chips-list{display:flex;flex-wrap:wrap;gap:.5rem}.blog-listing__chip{align-items:center;appearance:none;-webkit-appearance:none;border:none;border-radius:3px;color:#1f506e;cursor:pointer;display:inline-flex;font:inherit;font-size:.625rem;font-weight:700;gap:.5rem;letter-spacing:.05em;line-height:1;min-height:1.5rem;padding:0 .5rem;text-transform:uppercase}.blog-listing__chip[data-filter-key=module]{background-color:#ecf1f5}.blog-listing__chip[data-filter-key=categorie]{background-color:#e9e4d6}.blog-listing__chip-x{font-size:1rem;line-height:1}.blog-listing__chip[data-filter-key=module]:focus-visible,.blog-listing__chip[data-filter-key=module]:hover{background-color:#e2e7eb}.blog-listing__chip[data-filter-key=categorie]:focus-visible,.blog-listing__chip[data-filter-key=categorie]:hover{background-color:#dfdacc}.blog-listing__reset{appearance:none;background:none;border:none;color:#1f506e;cursor:pointer;font:inherit;font-size:.75rem;padding:0;text-decoration:none}.blog-listing__reset:focus-visible,.blog-listing__reset:hover{color:#0b3c5a;text-decoration:underline}.blog-listing__empty{color:#62849a;font-style:italic;margin:0 auto;max-width:1152px;padding:2rem 1rem 4rem;text-align:center}.blog-card.is-lazy-hidden{display:none}.blog-listing__spinner{align-items:center;display:flex;grid-column:1/-1;justify-content:center;min-height:4rem}.blog-listing__spinner[hidden]{display:none}.spinner{animation:blog-spin .8s linear infinite;border-color:#1f506e #1f506e #e9e4d6 #e9e4d6;border-radius:50%;border-style:solid;border-width:3px;height:28px;width:28px}@keyframes blog-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}