/* Approved communication context sections, shared across all seven locales. */
.communication-context .communication-neighbourhood{background:#fffdf6;padding-block:76px}
.communication-context .communication-neighbourhood-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.communication-context .communication-neighbourhood-copy h2{max-width:18ch}
.communication-context .communication-neighbourhood-copy>p:not(.eyebrow),.communication-context .communication-participation-copy p{font-size:1rem;line-height:1.7;color:var(--muted);margin-top:24px}
.communication-context .communication-neighbourhood-copy>.text-link,.communication-context .communication-participation-copy>.text-link{margin-top:24px}
.communication-context .communication-neighbourhood .eyebrow,.communication-context .communication-participation .eyebrow{display:flex;align-items:center;gap:12px;line-height:1.5}
.communication-context .communication-feed{border:1px solid #e8e5d9;background:#f5f3eb;border-radius:26px;padding:24px;display:grid;gap:14px;min-width:0}
.communication-context .communication-feed-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}
.communication-context .communication-feed-heading>strong{font-size:1.0625rem}
.communication-context .communication-feed-heading>span{font-size:.75rem;color:var(--muted)}
.communication-context .communication-feed-card{background:#fff;border:1px solid #e6e7f0;border-radius:16px;padding:22px;box-shadow:0 3px 12px #000d6d04;min-width:0}
.communication-context .communication-feed-author{display:flex;gap:11px;align-items:center;margin-bottom:15px}
.communication-context .communication-feed-author>div{min-width:0}
.communication-context .communication-feed-author strong{display:block;font-size:.875rem;line-height:1.4}
.communication-context .communication-feed-author div>span{font-size:.75rem;color:var(--muted)}
.communication-context .communication-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:.875rem;font-weight:700}
.communication-context .communication-avatar-pink,.communication-context .communication-label-pink{background:#ffeaef}
.communication-context .communication-avatar-blue,.communication-context .communication-label-blue{background:#edf0ff}
.communication-context .communication-label-yellow{background:#fff0c9}
.communication-context .communication-avatar-official{background:#000d6d;color:white;border-radius:11px}
.communication-context .communication-feed-card h3{font-size:1.0625rem;line-height:1.4;margin:0 0 8px}
.communication-context .communication-feed-card>p{font-size:.875rem;line-height:1.6;color:var(--muted)}
.communication-context .communication-feed-label{display:inline-block;margin-top:14px;padding:5px 10px;border-radius:7px;font-size:.75rem;font-weight:500;line-height:1.45}
.communication-context .communication-feed-official{border-color:#ccd0e5}
.communication-context .communication-participation{background:#edf0ff}
.communication-context .communication-participation .network-grid{grid-template-columns:1fr 1fr;align-items:center}
.communication-context .communication-participation-copy p:first-child{margin-top:0}
.communication-context .communication-mechelen-story{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;border-radius:22px;overflow:hidden;box-shadow:none;background:#f5f6fb}
.communication-context .communication-mechelen-story>img{width:100%;height:100%;min-height:260px;object-fit:cover}
.communication-context .communication-mechelen-story>figcaption{padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-width:0}
.communication-context .communication-mechelen-story .photo-story-title{font-size:1.65rem;line-height:1.3;max-width:26ch}
.communication-context .communication-mechelen-story .photo-credit{font-size:.6875rem;line-height:1.5;margin-top:6px}
@media(max-width:1000px){
 .communication-context .communication-neighbourhood-grid{gap:36px}
 .communication-context .communication-feed{padding:18px}
 .communication-context .communication-feed-heading{align-items:flex-start;flex-direction:column;gap:4px}
}
@media(max-width:800px){
 .communication-context .communication-neighbourhood{padding-block:48px}
 .communication-context .communication-neighbourhood-grid,.communication-context .communication-participation .network-grid{grid-template-columns:1fr;gap:32px}
 .communication-context .communication-neighbourhood-copy h2{max-width:24ch}
 .communication-context .communication-feed-heading{flex-direction:row;align-items:center}
 .communication-context .communication-mechelen-story{grid-template-columns:1fr}
 .communication-context .communication-mechelen-story>img{aspect-ratio:16/9;min-height:0}
 .communication-context .communication-mechelen-story>figcaption{padding:26px}
}
@media(max-width:540px){
 .communication-context .communication-feed{padding:14px;border-radius:20px}
 .communication-context .communication-feed-card{padding:18px}
 .communication-context .communication-feed-heading{align-items:flex-start;flex-direction:column;gap:4px}
 .communication-context .communication-mechelen-story .photo-story-title{font-size:1.4rem}
}

.communication-context .communication-neighbourhood-grid>*{min-width:0;overflow-wrap:anywhere}
.communication-context .communication-feed-author>div{overflow-wrap:anywhere}

.communication-context .pd-workflow-overview li{min-width:0;overflow-wrap:anywhere}