/* Misi composition only; load after existing homepage styles. */
#profil .misi-container-card { max-width:1160px;padding:32px;margin:0 auto; }
#profil .misi-grid { gap:28px; }
#profil .misi-card { padding:36px!important;gap:20px;isolation:isolate;border:1px solid color-mix(in srgb,var(--border-color) 65%,transparent);border-radius:24px;min-width:0;transition:background-color .55s ease,color .35s ease; }
#profil .misi-number { position:static;flex:0 0 48px;width:48px;height:48px;margin:0;display:grid;place-items:center;transform:none!important;border-radius:14px; }
#profil .misi-card::before { content:'';position:absolute;inset:12px;border-radius:18px;background:transparent;z-index:-1; }
#profil .misi-card.is-mission-current { background:transparent!important;color:#f8fafc!important; }
#profil .misi-card.is-mission-current::before { background:#111318; }
#profil .misi-card.is-mission-current :is(h4,p,.misi-number) { color:#f8fafc!important; }
#profil .misi-card.is-mission-current .misi-number { background:rgba(248,250,252,.1)!important; }
#profil .misi-card :is(h4,p) { overflow-wrap:break-word; }
#profil .misi-card:focus-visible { outline:3px solid var(--color-emerald);outline-offset:5px; }
.is-mission-story { padding-bottom:32px!important;min-height:calc(var(--mission-height) + var(--mission-run) + 64px); }
.is-mission-story .mission-stage { position:sticky;top:var(--mission-top); }
@media(max-width:992px) {
 #profil .misi-container-card { padding:24px 12px; }
 #profil .misi-grid { grid-template-columns:1fr;gap:20px; }
 #profil .misi-card { padding:36px!important;gap:16px; }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
 .is-mission-story { padding-bottom:0!important; }
 .is-mission-story .mission-stage { position:static; }
 #profil .misi-card { transition:none; }
}
@media(forced-colors:active) {
 #profil .misi-card.is-mission-current::before { background:Highlight; }
 #profil .misi-card.is-mission-current { background:transparent!important;color:HighlightText!important; }
 #profil .misi-card.is-mission-current :is(h4,p,.misi-number) { color:HighlightText!important; }
}
:root[data-motion="paused"] #profil .misi-card::before { transition:none; }