/* Catalogue et fiches mission */
.theme-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.cards--catalogue{margin:0;padding:10px 0 0;grid-auto-flow:row;grid-template-columns:1fr;overflow:visible}
@media (min-width:560px){.cards--catalogue{grid-template-columns:repeat(2,1fr)}}
@media (min-width:860px){.cards--catalogue{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.cards--catalogue{grid-template-columns:repeat(4,1fr)}}
@media (min-width:760px){.cards--3{grid-template-columns:repeat(3,1fr)}}
.clue-bee{width:96px;justify-self:end}

.mission-art{position:relative;width:min(260px,70vw);aspect-ratio:1;display:grid;place-items:center;margin:0 auto}
.mission-art .blob{position:absolute;inset:6%;background:var(--c);opacity:.6;border-radius:46% 54% 58% 42% / 48% 42% 58% 52%;border:3px solid var(--nuit)}
.mission-art svg{position:relative;width:58%;height:auto}
.mission-art .sticker{position:absolute;left:4%;bottom:8%}
@media (max-width:859px){.mission-art{width:170px;margin:0}}

.mission-grid{display:grid;gap:26px;align-items:start}
.mission-grid > *{min-width:0}
@media (min-width:900px){.mission-grid{grid-template-columns:1.6fr 1fr;gap:40px}}
.mission-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.mission-actions .btn{flex:1 1 260px}
@media (min-width:900px){.mission-actions .btn{flex:0 0 auto}}
.facts{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:1rem}
.facts li{border-bottom:2px dashed rgba(31,42,68,.15);padding-bottom:10px}
.facts li:last-child{border-bottom:0;padding-bottom:0}
.facts b{display:block;font:600 .9rem var(--font-titre);text-transform:uppercase;letter-spacing:.05em;color:var(--nuit-70)}
@media (min-width:900px){.mission-grid > aside{position:sticky;top:96px}}

.levels-text{margin-top:22px;background:var(--c)}
.levels-text p{max-width:75ch}
.levels-text p:last-child{margin-bottom:0}
.explainer{margin:16px 0 0;font-size:1rem;background:var(--blanc);border:3px solid var(--nuit);border-radius:18px;padding:14px 16px}
.chip--eau{border-style:dashed}
.eau-note{display:grid;gap:18px;margin:0 0 24px}
@media (min-width:860px){.eau-note{grid-template-columns:1fr 1fr;align-items:start}}
.eau-note h3{margin-top:0}
.eau-good{background:var(--ciel-50)}
.eau-good p,.eau-what p{font-size:1rem}

/* Fiche mission : le thème, bien visible au-dessus du titre (brief du 06/11/2026). */
.mission-theme{font:700 clamp(1.6rem,4.2vw,2.5rem)/1.15 var(--font-titre);color:var(--nuit);margin:4px 0 10px;text-wrap:balance}
.mission-theme span{display:block;width:max-content;font:600 .95rem var(--font-titre);text-transform:uppercase;letter-spacing:.06em;background:#fff;border:2px solid var(--nuit);border-radius:999px;padding:2px 12px;margin-bottom:8px}
.page-head .mission-theme + h1{font-size:clamp(1.5rem,3.6vw,2.1rem)}