/* Pages du parcours « S'implanter » (core/parcours.py, demande du gérant du 03/10/2026) : DA de ceevo95.fr (jetons du socle #210). */
.pc-corps { padding-bottom: var(--s-6); }
.pc-etape { display: flex; align-items: center; gap: var(--s-2); margin: 0 0 var(--s-2); font-family: var(--font-titre); font-size: 15px; font-weight: 500;
    text-transform: uppercase; letter-spacing: .04em; color: var(--c-brand); }
.pc-etape__picto, .pc-etape__sujet { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 3px;
    background: var(--c-brand); color: #fff; box-shadow: 3px 3px 0 #DDDDDF; }
.pc-etape__sujet { margin-left: auto; background: var(--c-brand-soft); color: var(--c-brand); }
.pc-credit { margin: 0 0 var(--s-4); font: var(--t-legende); color: var(--c-text-muted); }
.pc-sommaire { margin: 0 0 var(--s-5); padding: var(--s-3); background: var(--c-bg); border-left: 4px solid var(--c-brand); }
.pc-sommaire__t { margin: 0 0 var(--s-2); font: var(--t-h3); font-family: var(--font-titre); text-transform: uppercase; letter-spacing: .03em; color: var(--c-text); }
.pc-sommaire__l { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.pc-sommaire__a { display: flex; align-items: center; gap: 10px; min-height: 48px; height: 100%; padding: 8px 12px; border: 1px solid var(--c-border); border-radius: 3px;
    background: var(--c-surface); color: var(--c-text-body); font-weight: 600; text-decoration: none; overflow-wrap: anywhere;
    transition: box-shadow var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease); }
.pc-sommaire__a:hover { border-color: var(--c-brand); box-shadow: 3px 3px 0 #DDDDDF; color: var(--c-brand); }
.pc-sommaire__a:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.pc-sommaire__picto { display: inline-flex; flex: none; color: var(--c-brand); }
.pc-sommaire__n { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 24px; height: 24px; border-radius: 50%;
    background: var(--c-brand); color: #fff; font-family: var(--font-titre); font-size: 13px; }
.pc-section { scroll-margin-top: calc(var(--entete-h, 72px) + 16px); }
.pc-section + .pc-section { margin-top: var(--s-6); padding-top: var(--s-5); border-top: 3px solid var(--c-brand-soft); }
.pc-section .ui-wrap { padding-left: 0; padding-right: 0; max-width: none; }
.pc-vide { font: var(--t-chapo); color: var(--c-text-2); }
.pc-sommaire__a > span:last-child { min-width: 0; overflow-wrap: anywhere; }

/* #253 : visuels posés entre deux longues suites de texte (core/aerer.py) — photo libre créditée ou pictogramme de section */
.ill-photo { max-width: 720px; margin: var(--s-4, 24px) 0; }
.ill-photo .ui-figure { aspect-ratio: 21 / 9; border-radius: var(--r-md, 12px); overflow: hidden; }
.ill-photo .ui-figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ill-picto { display: flex; align-items: center; gap: 16px; margin: var(--s-4, 24px) 0; color: var(--c-brand, #1853A2); }
.ill-picto::before, .ill-picto::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--c-border, #E2E8F0); }
.ill-picto__rond { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--c-brand-clair, #EFF6FF); }
@media print { .ill-photo, .ill-picto { display: none; } }