/* Copie légère de /assets/phare-situations.css (commentaires retirés) — tools/prod-css-purge.mjs — source-sha1:b2702f1df218d3f5c838168cb473b3ca7ad7c42d — ne pas éditer, relancer l'outil. */
.sit{--sit-encre: #0A0A0A; --sit-doux: #5F5F5F; --sit-filet: #E6E5E3; --sit-e: cubic-bezier(0.22, 0.68, 0.24, 1);}
.sit [hidden]{display: none !important;}
.sit :is(h2, h3){font-family: var(--font-nav); color: inherit;}
.sit-sr{position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;}
.sit .sit-recherche{position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 440px;
    height: 50px;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow:
        inset 0 0 0 1px rgba(10, 10, 10, 0.1),
        0 10px 24px -18px rgba(10, 10, 10, 0.4);
    transition: box-shadow .25s var(--sit-e);}
.sit .sit-recherche:focus-within{box-shadow:
        inset 0 0 0 2px var(--sit-encre),
        0 14px 30px -18px rgba(10, 10, 10, 0.45);}
.sit-recherche-ico{position: absolute;
    left: 20px;
    width: 18px;
    height: 18px;
    background: var(--sit-doux);
    -webkit-mask: var(--i-loupe) center / contain no-repeat;
            mask: var(--i-loupe) center / contain no-repeat;
    pointer-events: none;}
.sit .sit-recherche input{width: 100%;
    height: 100%;
    padding: 0 22px 0 50px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--sit-encre);
    font-family: var(--font-nav);
    font-size: 16px;
    outline: none;}
.sit .sit-recherche input::placeholder{color: #767676;}
.sit .sit-aide{margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--sit-doux);}
.sit .sit-aide a{font-weight: 500;
    color: var(--sit-encre);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(10, 10, 10, 0.3);
    text-underline-offset: 3px;
    white-space: nowrap;}
.sit .sit-aide a:hover{text-decoration-color: var(--sit-encre);}
.sit-listes-in{display: flex; flex-direction: column; gap: clamp(48px, 5vw, 80px);}
.sit-famille{scroll-margin-top: calc(var(--p-barre-h, 68px) + 24px);}
.sit-famille-tete{display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 24px;
    align-items: baseline;
    margin-bottom: clamp(18px, 2vw, 28px);}
.sit .sit-famille-t{margin: 0;
    font-size: clamp(24px, 2.3vw, 36px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.035em;
    text-wrap: balance;}
.sit .sit-famille-n{margin: 0; font-size: 14px; color: var(--sit-doux); font-variant-numeric: tabular-nums;}
.sit .sit-famille-p{grid-column: 1 / -1;
    max-width: 70ch;
    margin: 0;
    font-family: var(--font-text);
    font-size: clamp(15px, 1.1vw, 16.5px);
    line-height: 1.55;
    color: var(--sit-doux);}
.sit .sit-liste{display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    padding: 1px;
    list-style: none;
    overflow: clip;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow:
        0 1px 2px rgba(10, 10, 10, 0.05),
        0 6px 14px -10px rgba(10, 10, 10, 0.12),
        0 34px 64px -40px rgba(10, 10, 10, 0.34);}
.sit .sit-liste li{display: flex;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 0 1px var(--sit-filet);}
.sit .sit-liste li::before{content: none;}
.sit .sit-lien{display: grid;
    flex: 1 1 auto;
    grid-template-columns: 42px minmax(0, 1fr) 36px;
    align-items: center;
    gap: 5px 16px;
    min-height: 112px;
    padding: 20px 20px 20px 24px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 55%, #F9F9FA 100%);
    color: var(--sit-encre);
    text-decoration: none;
    transition: background-color .25s var(--sit-e);}
.sit .sit-lien:hover{background: #F4F4F5;}
.sit .sit-lien:focus-visible{outline: 2px solid var(--sit-encre); outline-offset: -3px;}
.sit-lien-ico{display: grid;
    grid-column: 1;
    grid-row: 1 / span 2;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #F4F4F5;
    color: var(--sit-encre);
    font-size: 20px;
    box-shadow: inset 0 0 0 1px rgba(10, 10, 10, 0.05), inset 0 -1px 0 rgba(10, 10, 10, 0.06);
    transition: background-color .25s var(--sit-e);}
.sit-lien:hover .sit-lien-ico{background: #FFFFFF;}
.sit-lien-ico .ico{display: block; width: 22px; height: 22px;}
.sit .sit-aide-carte .un-carte-txt{width: 64%;}
.sit .sit-aide-t{margin-top: 0; font-size: clamp(19px, 1.5vw, 23px);}
.sit .sit-aide-carte .un-carte-p a{color: #0A0A0A; font-weight: 500; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; white-space: nowrap;}
.sit-aide-actions{margin-top: auto; padding-top: 12px;}
.sit .sit-chercher{display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 18px 0 14px;
    border: 0;
    border-radius: 12px;
    background: #FFFFFF;
    color: #0A0A0A;
    font-family: var(--font-nav);
    font-size: 14.5px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px rgba(10, 10, 10, 0.14), 0 6px 14px -10px rgba(10, 10, 10, 0.4);
    transition: box-shadow .2s var(--sit-e), translate .2s var(--sit-e);}
.sit .sit-chercher:hover{translate: 0 -1px; box-shadow: inset 0 0 0 1px rgba(10, 10, 10, 0.3), 0 10px 20px -12px rgba(10, 10, 10, 0.45);}
.sit .sit-chercher:focus-visible{outline: 2px solid #0A0A0A; outline-offset: 3px;}
.sit-chercher-ico{width: 17px;
    height: 17px;
    background: currentColor;
    -webkit-mask: var(--i-loupe) center / contain no-repeat;
            mask: var(--i-loupe) center / contain no-repeat;}
.sit .sit-flaque{right: -26%; width: 74%; translate: 0 -42%;}
.sit .sit-flaque .un-sphere{inset: 10%; opacity: 0.92;}
.sit .sit-note-carte{top: auto; bottom: 18%; left: auto; right: 16%; width: 110px;}
.sit .sit-note-carte .un-note-fl{rotate: 200deg; margin: 4px 0 0 30px;}
@media (max-width: 1279px){
.sit .sit-note-carte{display: none;}
}
.sit-lien-t{grid-column: 2; font-size: clamp(16px, 1.15vw, 17.5px); font-weight: 500; letter-spacing: -0.015em;}
.sit-lien-s{grid-column: 2;
    font-family: var(--font-text);
    font-size: 14.5px;
    line-height: 1.5;
    color: var(--sit-doux);
    text-wrap: pretty;}
.sit-lien-fl{position: relative;
    grid-column: 3;
    grid-row: 1 / span 2;
    width: 36px;
    height: 36px;
    overflow: clip;
    border: 1px solid var(--sit-filet);
    border-radius: 10px;
    background: #FFFFFF;
    color: var(--sit-encre);
    box-shadow: 0 3px 8px -4px rgba(10, 10, 10, 0.22);
    transition: background-color .25s var(--sit-e), border-color .25s var(--sit-e), color .25s var(--sit-e);}
.sit-lien-fl::before,.sit-lien-fl::after{content: "";
    position: absolute;
    inset: 0;
    width: 13px;
    height: 13px;
    margin: auto;
    background: currentColor;
    -webkit-mask: var(--un-fleche, none) center / contain no-repeat;
            mask: var(--un-fleche, none) center / contain no-repeat;
    transition: translate .5s var(--sit-e);}
.sit-listes{--un-fleche: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M204,64V168a12,12,0,0,1-24,0V93L72.49,200.49a12,12,0,0,1-17-17L163,76H88a12,12,0,0,1,0-24H192A12,12,0,0,1,204,64Z'/%3E%3C/svg%3E");}
.sit-lien-fl::after{translate: -24px 24px;}
.sit-lien:is(:hover, :focus-visible) .sit-lien-fl{background: var(--sit-encre); border-color: var(--sit-encre); color: #FFFFFF;}
.sit-lien:is(:hover, :focus-visible) .sit-lien-fl::before{translate: 24px -24px;}
.sit-lien:is(:hover, :focus-visible) .sit-lien-fl::after{translate: 0 0;}
.sit .sit-vide{margin: 0;
    padding: 28px;
    border-radius: 18px;
    background: #FFFFFF;
    font-family: var(--font-text);
    font-size: 16px;
    color: var(--sit-doux);
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.05), 0 20px 40px -30px rgba(10, 10, 10, 0.3);}
.sit .sit-vide a{color: var(--sit-encre); font-weight: 500;}
@media (max-width: 900px){
.sit .sit-liste{grid-template-columns: minmax(0, 1fr);}
}
@media (max-width: 640px){
.sit .sit-famille{padding-inline: 0;}
.sit .sit-lien{min-height: 0; grid-template-columns: 34px minmax(0, 1fr) 30px; gap: 4px 12px; padding: 16px 12px 16px 14px;}
.sit-lien-ico{width: 34px; height: 34px; font-size: 17px; border-radius: 9px;}
.sit-lien-ico .ico{width: 20px; height: 20px;}
.sit-lien-fl{width: 30px; height: 30px; border-radius: 9px;}
.sit .sit-recherche{max-width: none;}
}
@media (prefers-reduced-motion: reduce){
.sit .sit-lien,.sit-lien-fl,.sit-lien-fl::before,.sit-lien-fl::after{transition: none;}
}