<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://dreams.mobyome.at/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Admin</id>
	<title>Dreams Knowledge Platform - User contributions [en]</title>
	<link rel="self" type="application/atom+xml" href="https://dreams.mobyome.at/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Admin"/>
	<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/wiki/Special:Contributions/Admin"/>
	<updated>2026-10-22T10:32:01Z</updated>
	<subtitle>User contributions</subtitle>
	<generator>MediaWiki 1.43.11</generator>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2260</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2260"/>
		<updated>2026-10-22T08:35:02Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS placed here will be applied to all skins */&lt;br /&gt;
.navbar-brand img {&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.firstHeading {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.external.text {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.grid-container {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.square {&lt;br /&gt;
  padding: 30px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-family: Arial, sans-serif;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  color: white;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  min-height: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.blue { background-color: #2D8CFF; }&lt;br /&gt;
.red { background-color: #FF4757; }&lt;br /&gt;
.green { background-color: #2ED573; }&lt;br /&gt;
.yellow { background-color: #FFD32A; }&lt;br /&gt;
.orange { background-color: #fee4cb; }&lt;br /&gt;
.hue1 { background-color: #5c4ce4; }&lt;br /&gt;
.hue2 { background-color: #8068ff; }&lt;br /&gt;
.hue3 { background-color: #a386ff; }&lt;br /&gt;
.hue4 { background-color: #c6a4ff; }&lt;br /&gt;
.hue5 { background-color: #e9c4ff; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Main Page ── */&lt;br /&gt;
.__NOTOC__ + * { margin-top: 0; }&lt;br /&gt;
&lt;br /&gt;
.main-hero {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  padding: 2em 0 2.5em;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__text { flex: 1; min-width: 280px; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__tag {&lt;br /&gt;
  font-size: 0.75em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  margin-bottom: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__title {&lt;br /&gt;
  font-size: 1.7em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  color: #1a1a2e;&lt;br /&gt;
  margin: 0 0 0.6em;&lt;br /&gt;
  border: none;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
  max-width: 580px;&lt;br /&gt;
  margin-bottom: 1.2em;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo figure,&lt;br /&gt;
.main-hero__logo .thumb,&lt;br /&gt;
.main-hero__logo .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo .thumbcaption,&lt;br /&gt;
.main-hero__logo .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a,&lt;br /&gt;
a.main-hero__btn {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: 0.5em 1.2em;&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn--outline a {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  border: 2px solid #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a:hover { opacity: 0.85; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: stretch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-section {&lt;br /&gt;
  margin-bottom: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr 1fr;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro__col {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-labs {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  padding: 0.4em 1em;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a:hover {&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  border-color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));&lt;br /&gt;
  gap: 1em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  padding: 0.8em 1em;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .main-hero { flex-direction: column; }&lt;br /&gt;
  .main-intro { grid-template-columns: 1fr; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* DREAMers team layout */&lt;br /&gt;
.dreamer-section { &lt;br /&gt;
  margin: 22px 0 30px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__head {&lt;br /&gt;
  margin: 4px 0 14px;&lt;br /&gt;
  border-left: 4px solid rgb(92,76,228);&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__title {&lt;br /&gt;
  font-size: 1.25em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle:empty { &lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, 260px);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid &amp;gt; p {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card {&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 250px;       &lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap pre {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: none;&lt;br /&gt;
  background: none;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap a {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;    &lt;br /&gt;
  object-fit: cover;   &lt;br /&gt;
  object-position: center top; &lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__body {&lt;br /&gt;
  padding: 10px 14px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__name {&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__role {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta {&lt;br /&gt;
  color: #72777d;&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap figure,&lt;br /&gt;
.dreamer-card__imgwrap .thumb,&lt;br /&gt;
.dreamer-card__imgwrap .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap .thumbcaption,&lt;br /&gt;
.dreamer-card__imgwrap .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta:empty { display: none; }&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap img,&lt;br /&gt;
.dreamer-card__imgwrap .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  max-width: none !important;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center top;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  border-radius: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap span,&lt;br /&gt;
.dreamer-card__imgwrap figcaption { display: none; }&lt;br /&gt;
.dreamer-card__imgwrap figure &amp;gt; a,&lt;br /&gt;
.dreamer-card__imgwrap figure &amp;gt; span { display: block !important; width: 100%; height: 100%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Event detail page ── */&lt;br /&gt;
.event-detail { margin-top: 8px; }&lt;br /&gt;
&lt;br /&gt;
.event-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  padding-bottom: 0px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.event-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event image gallery ── */&lt;br /&gt;
.event-gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery &amp;gt; p { display: none; }&lt;br /&gt;
.event-gallery__item {&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(92,76,228,0.08);&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery__item a,&lt;br /&gt;
.event-gallery__item span,&lt;br /&gt;
.event-gallery__item .thumb,&lt;br /&gt;
.event-gallery__item .thumbinner {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: none !important;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item img {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 260px;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item .thumbcaption,&lt;br /&gt;
.event-gallery__item .magnify { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Strip thumb borders inside event gallery */&lt;br /&gt;
.event-gallery .thumb {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbimage {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbcaption,&lt;br /&gt;
.event-gallery .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event Card ── */&lt;br /&gt;
.event-card {&lt;br /&gt;
  border: 1px solid #dde;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f9f9fc;&lt;br /&gt;
  width: 300px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 160px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #eef;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Strip MediaWiki thumb wrapper inside event cards */&lt;br /&gt;
.event-card-image figure,&lt;br /&gt;
.event-card-image figure.mw-default-size,&lt;br /&gt;
.event-card-image .thumb,&lt;br /&gt;
.event-card-image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image .thumbcaption,&lt;br /&gt;
.event-card-image .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  object-fit: cover !important;&lt;br /&gt;
  object-position: center !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder {&lt;br /&gt;
  background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 50%;&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translate(-50%, -50%);&lt;br /&gt;
  width: 2.5em;&lt;br /&gt;
  height: 2.5em;&lt;br /&gt;
  opacity: 0.35;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;none&#039; stroke=&#039;%23334&#039; stroke-width=&#039;1.8&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039;%3E%3Crect x=&#039;3&#039; y=&#039;4&#039; width=&#039;18&#039; height=&#039;18&#039; rx=&#039;2&#039;/%3E%3Cline x1=&#039;16&#039; y1=&#039;2&#039; x2=&#039;16&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;8&#039; y1=&#039;2&#039; x2=&#039;8&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;3&#039; y1=&#039;10&#039; x2=&#039;21&#039; y2=&#039;10&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-body {&lt;br /&gt;
  padding: 1em 1.2em;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 0.4em;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-tag {&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  background: #4a5dcc;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  padding: 0.15em 0.55em;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  align-self: flex-start;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-title {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  font-size: 1em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-location {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-desc {&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-readmore {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  margin-top: 0.4em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Publication detail page ── */&lt;br /&gt;
.publication-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.publication-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__section { margin-top: 24px; }&lt;br /&gt;
.publication-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
.publication-authors {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
.publication-author {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  padding: 5px 12px;&lt;br /&gt;
  font-size: 0.92em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Labs overview grid ── */&lt;br /&gt;
.living-labs-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 180px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image figure,&lt;br /&gt;
.living-lab-card__image .thumb,&lt;br /&gt;
.living-lab-card__image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image .thumbcaption,&lt;br /&gt;
.living-lab-card__image .magnify { display: none !important; }&lt;br /&gt;
.living-lab-card__body {&lt;br /&gt;
  padding: 14px 16px 16px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name {&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name a { color: #5c4ce4 !important; text-decoration: none !important; }&lt;br /&gt;
.living-lab-card__name a:hover { text-decoration: underline !important; }&lt;br /&gt;
.living-lab-card__desc {&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Lab detail page ── */&lt;br /&gt;
.living-lab-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.living-lab-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__section { margin-bottom: 28px; }&lt;br /&gt;
.living-lab-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 8px;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  padding-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__text {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  max-width: 820px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__map { max-width: 820px; }&lt;br /&gt;
.living-lab-detail__map .maps-map { width: 100% !important; }&lt;br /&gt;
&lt;br /&gt;
/* headline image */&lt;br /&gt;
.living-lab-detail__hero { margin: 0 0 6px; max-width: 100%; }&lt;br /&gt;
.living-lab-detail__hero :is(figure, span, a) {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-caption {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-credit { color: #888; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  margin: 0 0 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* interventions list */&lt;br /&gt;
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }&lt;br /&gt;
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }&lt;br /&gt;
.living-lab-detail__interventions li b,&lt;br /&gt;
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }&lt;br /&gt;
.living-lab-detail__interventions li i { color: #666; }&lt;br /&gt;
&lt;br /&gt;
/* gallery */&lt;br /&gt;
.living-lab-detail__gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));&lt;br /&gt;
  gap: 20px 16px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__gallery &amp;gt; p { display: none; }   /* stray parser &amp;lt;p&amp;gt; */&lt;br /&gt;
.living-lab-detail__figure { min-width: 0; margin: 0; }&lt;br /&gt;
.living-lab-detail__figure :is(figure, span, a, .thumb, .thumbinner) {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  aspect-ratio: 4 / 3;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure .thumbcaption,&lt;br /&gt;
.living-lab-detail__figure .magnify { display: none !important; }&lt;br /&gt;
.living-lab-detail__figure-caption {&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__quote {&lt;br /&gt;
  margin: 2em 0;&lt;br /&gt;
  padding: 1.2em 1.5em;&lt;br /&gt;
  background: var(--dreams-tint, #f3f1ff);&lt;br /&gt;
  border-left: 4px solid var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  border-radius: 0 8px 8px 0;&lt;br /&gt;
  font-size: 1.15em;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__quote cite {&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: 0.6em;&lt;br /&gt;
  font-size: var(--dreams-small, 0.85em);&lt;br /&gt;
  font-style: normal;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  color: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living Lab resource cards (accessibility tool + survey) --- */&lt;br /&gt;
.dreams-resource-cards {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
  margin-top: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  padding: 1rem 1.1rem 1.1rem;&lt;br /&gt;
  transition: border-color .15s ease, box-shadow .15s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card:hover {&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(92, 76, 228, 0.12);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin: 0 0 .35rem;&lt;br /&gt;
  min-height: 1.6em;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: left center;&lt;br /&gt;
  background-size: 1.6em 1.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title,&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  padding-left: 2.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.7%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.4%27%20fill%3D%27%235c4ce4%27%20stroke%3D%27none%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%276.2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%20stroke-opacity%3D%270.5%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2712%2C2%2021.5%2C9%2017.8%2C20.5%206.2%2C20.5%202.5%2C9%27%2F%3E%3Cpolygon%20points%3D%2712%2C7%2016.6%2C10.4%2014.9%2C16%209.1%2C16%207.4%2C10.4%27%20fill%3D%27%235c4ce4%27%20fill-opacity%3D%270.22%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2712%27%20y2%3D%272%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2721.5%27%20y2%3D%279%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2717.8%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%276.2%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%272.5%27%20y2%3D%279%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__text {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a,&lt;br /&gt;
.dreams-resource-card__action a.external {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--dreams-primary) !important;&lt;br /&gt;
  color: var(--dreams-text-on) !important;&lt;br /&gt;
  padding: .45em 1.05em !important;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a:hover,&lt;br /&gt;
.dreams-resource-card__action a.external:hover { background: var(--dreams-dark) !important; }&lt;br /&gt;
&lt;br /&gt;
.dreams-btn {&lt;br /&gt;
  line-height: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-btn a,&lt;br /&gt;
.dreams-btn a.external.text {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background-color: var(--dreams-primary) !important;&lt;br /&gt;
  border: 1px solid var(--dreams-primary) !important;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: .375rem .75rem !important;&lt;br /&gt;
  border-radius: .375rem;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  line-hight: normal;&lt;br /&gt;
}&lt;br /&gt;
.dreams-btn a:hover,&lt;br /&gt;
.dreams-btn a.external.text:hover {&lt;br /&gt;
  background-color: var(--dreams-dark) !important;&lt;br /&gt;
  border-color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP overview  ── */&lt;br /&gt;
.sump-journey {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 1rem;&lt;br /&gt;
  margin: 1.75rem 0;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 720px) {&lt;br /&gt;
  .sump-journey { grid-template-columns: 1fr 1fr; }&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase {&lt;br /&gt;
  border: 1px solid var(--dreams-border, #e0e0e0);&lt;br /&gt;
  border-top: 4px solid var(--sump-accent, #5c4ce4);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  padding: 1rem 1.15rem 1.2rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }&lt;br /&gt;
.sump-journey__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  margin: 0 0 .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__head h3 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  font-size: 1.1rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__num {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 1.9rem;&lt;br /&gt;
  height: 1.9rem;&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: .95rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__desc {&lt;br /&gt;
  margin: 0 0 .85rem;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__steps {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step-num {&lt;br /&gt;
  flex: 0 0 1.5rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }&lt;br /&gt;
.sump-journey-cycle {&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: #777;&lt;br /&gt;
  margin: .25rem 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Brand tokens --- */&lt;br /&gt;
:root {&lt;br /&gt;
  --dreams-primary: #5c4ce4;&lt;br /&gt;
  --dreams-tint:    #f3f1ff;&lt;br /&gt;
  --dreams-border:  #cac4f8;&lt;br /&gt;
  --dreams-dark:    #3d30c4;&lt;br /&gt;
  --dreams-text-on: #ffffff;&lt;br /&gt;
  --dreams-small:   0.85em;&lt;br /&gt;
  --sump-tint: #f3f1ff; &lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Page wrapper --- */&lt;br /&gt;
.sump-step {&lt;br /&gt;
  max-width: 60rem;&lt;br /&gt;
  --sump-accent: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Phase / step header bar --- */&lt;br /&gt;
.sump-step__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
  gap: .4rem;&lt;br /&gt;
  padding: .75rem 0 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-tag {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .05em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  padding: .2rem .7rem;&lt;br /&gt;
  border-radius: 1rem;&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__counter {&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #888;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Section headings --- */&lt;br /&gt;
.sump-step h2 {&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .75rem;&lt;br /&gt;
  margin-top: 3rem;&lt;br /&gt;
  margin-bottom: 1.5rem;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Intro text block --- */&lt;br /&gt;
.sump-intro {&lt;br /&gt;
  line-height: 1.75;&lt;br /&gt;
  padding-bottom: 1.5rem;&lt;br /&gt;
  border-bottom: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
  margin-bottom: 1.75rem;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
.sump-intro &amp;gt; p:first-child { margin-top: 0; }&lt;br /&gt;
.sump-intro &amp;gt; p:last-child  { margin-bottom: 0; }&lt;br /&gt;
 &lt;br /&gt;
/* --- Four-body card grid --- */&lt;br /&gt;
.sump-bodies-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  margin: 1.25rem 0 1.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
  border: 1px solid #e8e8e8;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--steer,&lt;br /&gt;
.sump-body-card--team,&lt;br /&gt;
.sump-body-card--thematic,&lt;br /&gt;
.sump-body-card--network {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card--steer::after,&lt;br /&gt;
.sump-body-card--team::after,&lt;br /&gt;
.sump-body-card--thematic::after,&lt;br /&gt;
.sump-body-card--network::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 4rem;&lt;br /&gt;
  height: 1rem;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center bottom;&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid.sump-bodies-grid--fig {&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card { padding: 1.1rem 1.1rem 1.2rem; }&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card__desc { margin-bottom: 0; }&lt;br /&gt;
.sump-body-card__fig {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  margin: .2rem 0 .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 120px;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig-4 { grid-template-columns: repeat(4, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig-4 .sump-body-card__fig img { width: 96px; }&lt;br /&gt;
.sump-body-card--steer::after { &lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;32.1 74.9 288.2 288.2&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,0,-499.588)&#039;%3E%3Cg id=&#039;Steering-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,-168.655,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,458.877,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,595.954,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,860.643,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,479.111,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,880.876,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,616.188,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,745.596,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,765.83,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;175.626&#039; cy=&#039;794.478&#039; r=&#039;44.165&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.58909,0,0,2.29942,330.035,-873.136)&#039;%3E%3Cpath d=&#039;M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z&#039; style=&#039;fill:white;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--team::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;28.3 75.1 286.3 286.3&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-456,-499.588)&#039;%3E%3Cg id=&#039;Project-Team&#039; transform=&#039;matrix(0.439206,0,0,0.512758,287.345,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,448.131,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,585.208,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,849.897,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,468.365,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,870.13,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,605.442,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,734.85,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,755.083,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1,0,0,1,-143.845,387.633)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;234.911&#039; cy=&#039;592.552&#039; r=&#039;26.261&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,389.099,-594.315)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--thematic::after {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;27.8 74.3 295.1 295.1&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-884.466,-499.588)&#039;%3E%3Cg id=&#039;Thematic-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,715.811,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,456.983,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,594.06,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,858.749,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,477.217,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,878.983,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,614.294,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,743.702,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,763.936,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)&#039;%3E%3Cpath d=&#039;M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:9.13px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.82293,0,0,1.56144,-1147.13,-290.898)&#039;%3E%3Cpath d=&#039;M1036.63,780.407L1085.35,780.407&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:20.82px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--network::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.7 55.7 310.5 310.5&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1275.81,-499.588)&#039;%3E%3Cg id=&#039;External-Network&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1107.16,304.74)&#039;%3E%3Cg transform=&#039;matrix(1.41038,0,0,1.20807,-1240,-95.8635)&#039;%3E%3Ccircle cx=&#039;1435.57&#039; cy=&#039;733.314&#039; r=&#039;90.265&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:26.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Callout --- */&lt;br /&gt;
.dreams-callout {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout p {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label img {&lt;br /&gt;
  height: 40px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Outskirts challenge box --- */&lt;br /&gt;
.sump-outskirts-box {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__head {&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  padding: .6rem 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .02em;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__body {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1.1rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Setup sequence --- */&lt;br /&gt;
.sump-sequence-wrap {&lt;br /&gt;
  margin: 1rem 0 1.5rem;&lt;br /&gt;
  counter-reset: seq;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item {&lt;br /&gt;
  counter-increment: seq;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  grid-template-rows: auto auto;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item::before {&lt;br /&gt;
  content: counter(seq);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  margin-top: 3px;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-desc {&lt;br /&gt;
  color: #333;&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 28px 10rem 1fr;&lt;br /&gt;
    grid-template-rows: auto;&lt;br /&gt;
    align-items: baseline;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-item::before {&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-label {&lt;br /&gt;
    grid-column: 2;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-desc {&lt;br /&gt;
    grid-column: 3;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
    font-size: inherit;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* --- Setup sequence, icon-tile variant --- */&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  grid-template-columns: 3.4rem 1fr;&lt;br /&gt;
  gap: 0 1rem;&lt;br /&gt;
  margin-bottom: 1.1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item::before {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.45rem;&lt;br /&gt;
  left: -0.45rem;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  width: 1.45rem;&lt;br /&gt;
  height: 1.45rem;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-size: 0.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon {&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon span,&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon a { display: block; }&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-label {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
  align-self: end;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-desc {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 3.4rem 10rem 1fr;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-icon { grid-row: 1; }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-label { grid-row: 1; align-self: auto; }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-desc { grid-column: 3; grid-row: 1; }&lt;br /&gt;
}&lt;br /&gt;
/* --- Handoff block --- */&lt;br /&gt;
.dreams-handoff {&lt;br /&gt;
  border-top: 1.5px solid var(--dreams-border);&lt;br /&gt;
  padding: 1rem 0 0;&lt;br /&gt;
  margin: 2rem 0 0;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .5rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__label::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 1.8em;&lt;br /&gt;
  height: 1.5em;&lt;br /&gt;
  margin-right: .5em;&lt;br /&gt;
  vertical-align: -0.4em;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive {&lt;br /&gt;
  background: none;&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: -1.25rem;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  bottom: 0;&lt;br /&gt;
  width: 12px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;16&#039; height=&#039;24&#039; viewBox=&#039;0 0 16 24&#039;%3E%3Cpath d=&#039;M8 0 Q14 6 8 12 Q2 18 8 24&#039; stroke=&#039;%235c4ce4&#039; stroke-width=&#039;2&#039; fill=&#039;none&#039; stroke-linecap=&#039;round&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  background-size: 12px 24px;&lt;br /&gt;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
          mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
  opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff__items {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .6rem;&lt;br /&gt;
  margin-top: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .75rem .9rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title a,&lt;br /&gt;
.dreams-handoff__item-title a.external {&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-source {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-top: .3rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Sources footer --- */&lt;br /&gt;
.sump-sources {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  padding-top: .85rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #4a4a4a;&lt;br /&gt;
  margin-bottom: .55rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item {&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  text-indent: -1rem;&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__ref {&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Prev / next navigation bar --- */&lt;br /&gt;
.sump-step__nav {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--top {&lt;br /&gt;
  margin: .5rem 0 1.75rem;&lt;br /&gt;
  padding-bottom: 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--bottom {&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  padding-top: 1rem;&lt;br /&gt;
  border-top: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav a { color: var(--dreams-primary); }&lt;br /&gt;
.sump-step__nav a:hover {&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333 !important;&lt;br /&gt;
  border: 1px solid #ccc;&lt;br /&gt;
  padding: .2rem .75rem;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a:hover { background: var(--dreams-tint); }&lt;br /&gt;
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }&lt;br /&gt;
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }&lt;br /&gt;
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }&lt;br /&gt;
/* overview slides into the gap: left on step 1, right on step 12 */&lt;br /&gt;
.sump-step__nav--first .sump-step__nav-prev { display: none; }&lt;br /&gt;
.sump-step__nav--last  .sump-step__nav-next { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP phase row ── */&lt;br /&gt;
.sump-phases {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));&lt;br /&gt;
  gap: 1.5rem;&lt;br /&gt;
  margin: 1.5rem 0 1.75rem;&lt;br /&gt;
  counter-reset: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  counter-increment: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item::before {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 2.2rem;&lt;br /&gt;
  height: 2.2rem;&lt;br /&gt;
  margin-bottom: 0.6rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::before,&lt;br /&gt;
.sump-phases__item--realize::before,&lt;br /&gt;
.sump-phases__item--eval::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  background-color: var(--dreams-tint);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
  background-size: 62%;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::after,&lt;br /&gt;
.sump-phases__item--realize::after,&lt;br /&gt;
.sump-phases__item--eval::after,&lt;br /&gt;
.sump-phases__item--fig::after {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.5rem;&lt;br /&gt;
  left: -0.5rem;&lt;br /&gt;
  width: 1.6rem;&lt;br /&gt;
  height: 1.6rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: 0.82rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-phases__item--fig::before { display: none; }&lt;br /&gt;
.sump-phases__fig {&lt;br /&gt;
  width: 5.2rem;&lt;br /&gt;
  height: 5.2rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig figure,&lt;br /&gt;
.sump-phases__fig span,&lt;br /&gt;
.sump-phases__fig a { display: block; width: 3.75rem; min-width: 0; margin: 0; }&lt;br /&gt;
.sump-phases__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 4.75rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig span img,&lt;br /&gt;
.sump-phases__fig a img { width: 100%; }&lt;br /&gt;
&lt;br /&gt;
/* per-phase glyphs */&lt;br /&gt;
.sump-phases__item--prep::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1854.82,-975.755)&#039;%3E%3Cg id=&#039;Preparation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1686.17,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.03662,0,0,1.01229,-3254.54,-198.641)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.35128,0,0,2.014,-4050.65,-1566.23)&#039;%3E%3Cpath d=&#039;M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.14px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--realize::before { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2283.29,-975.755)&#039;%3E%3Cg id=&#039;Realisation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2114.63,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.06694,-3472.54,-265.777)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)&#039;%3E%3Cpath d=&#039;M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:10.4px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--eval::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;38.5 55.7 301.9 301.9&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2674.63,-975.755)&#039;%3E%3Cg id=&#039;Evaluation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2505.98,780.907)&#039;%3E%3Cg transform=&#039;matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)&#039;%3E%3Cpath d=&#039;M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)&#039;%3E%3Cpath d=&#039;M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)&#039;%3E%3Cpath d=&#039;M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }&lt;br /&gt;
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* A. figure tiles */&lt;br /&gt;
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }&lt;br /&gt;
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }&lt;br /&gt;
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }&lt;br /&gt;
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }&lt;br /&gt;
&lt;br /&gt;
/* B. two-pane contrast */&lt;br /&gt;
.sump-versus {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);&lt;br /&gt;
  gap: 1rem;&lt;br /&gt;
  margin: 1.25rem 0;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.sump-versus__pane {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  border: 1px solid #e0e0e0;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  padding: .85rem 1rem;&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
}&lt;br /&gt;
.sump-versus__pane--accent { background: var(--sump-tint); border-color: var(--sump-accent, #666); }&lt;br /&gt;
.sump-versus__head { font-weight: 700; margin-bottom: .35rem; }&lt;br /&gt;
@media (max-width: 560px) { .sump-versus { grid-template-columns: minmax(0, 1fr); } }&lt;br /&gt;
&lt;br /&gt;
.sump-versus__fig { margin-top: auto; padding-top: 1em; margin-bottom: .6rem; min-width: 0; }&lt;br /&gt;
/* MW media wrappers (figure/span/a, legacy .thumb) must not carry the image&#039;s pixel width */&lt;br /&gt;
.sump-versus__fig :is(figure, span, a, .thumb, .thumbinner) {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: auto !important;&lt;br /&gt;
  max-width: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
.sump-versus__fig figcaption,&lt;br /&gt;
.sump-versus__fig .thumbcaption,&lt;br /&gt;
.sump-versus__fig .magnify { display: none !important; }&lt;br /&gt;
.sump-versus__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* optional inline continuity marker */&lt;br /&gt;
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }&lt;br /&gt;
&lt;br /&gt;
.sump-roles dt {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.9em;&lt;br /&gt;
  margin: 1.4em 0 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt:first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt img {&lt;br /&gt;
  flex: 0 0 64px;&lt;br /&gt;
  width: 64px !important;&lt;br /&gt;
  height: 56px !important;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dd {&lt;br /&gt;
  margin: 0 0 0 calc(64px + 0.9em);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-lead-fig {&lt;br /&gt;
  float: right;&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  margin: 0 0 1em 2em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-fig img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Column layout: text and figure side by side, no wrapping */&lt;br /&gt;
.sump-lead {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-text {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
  float: none;&lt;br /&gt;
  flex: 0 0 260px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 720px) {&lt;br /&gt;
  .sump-lead { flex-direction: column-reverse; }&lt;br /&gt;
  .sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
    flex-basis: auto;&lt;br /&gt;
    width: 160px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-checklist {&lt;br /&gt;
  clear: both;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
  .sump-lead-fig {&lt;br /&gt;
    float: none;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    margin: 0 auto 1em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living-lab example box --- */&lt;br /&gt;
.dreams-lab {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .85rem 1.1rem 1rem;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-lab__tag {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  padding-bottom: .5rem;&lt;br /&gt;
  margin-bottom: .6rem;&lt;br /&gt;
  border-bottom: 1px solid var(--dreams-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-impact-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	grid-template-columns: 1fr;&lt;br /&gt;
	gap: 14px;&lt;br /&gt;
	margin: 1em 0 1.5em;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-card {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	padding: 1rem 1.1rem;&lt;br /&gt;
	background: #ffffff;&lt;br /&gt;
	border: 1px solid #e7e4f7;&lt;br /&gt;
	border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-head {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-icon {&lt;br /&gt;
	flex: none;&lt;br /&gt;
	width: 38px;&lt;br /&gt;
	height: 38px;&lt;br /&gt;
	border-radius: 10px;&lt;br /&gt;
	background-color: #f3f1ff;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	background-size: 24px 24px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-name {&lt;br /&gt;
	font-size: 1.05em;&lt;br /&gt;
	font-weight: 600;&lt;br /&gt;
	color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body {&lt;br /&gt;
	font-size: 0.95em;&lt;br /&gt;
	line-height: 1.6;&lt;br /&gt;
	color: #333333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body p { margin: 0; }&lt;br /&gt;
.dreams-impact-icon--accessibility { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200&#039;%20/%3E%3Cpath%20d=&#039;M7%2021l3%20-4&#039;%20/%3E%3Cpath%20d=&#039;M16%2021l-2%20-4l-3%20-3l1%20-6&#039;%20/%3E%3Cpath%20d=&#039;M6%2012l2%20-3l4%20-1l3%203l3%201&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--carbon { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M5%2021c.5%20-4.5%202.5%20-8%207%20-10&#039;%20/%3E%3Cpath%20d=&#039;M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--liveability { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%2013l-2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2012l2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2021v-13&#039;%20/%3E%3Cpath%20d=&#039;M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--health { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2012h4l3%208l4%20-16l3%208h4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--economic { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2021l18%200&#039;%20/%3E%3Cpath%20d=&#039;M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204&#039;%20/%3E%3Cpath%20d=&#039;M5%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M19%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--equity { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M7%2020l10%200&#039;%20/%3E%3Cpath%20d=&#039;M6%206l6%20-1l6%201&#039;%20/%3E%3Cpath%20d=&#039;M12%203l0%2017&#039;%20/%3E%3Cpath%20d=&#039;M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3Cpath%20d=&#039;M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--governance { background-image: url(&amp;quot;/wiki/Special:FilePath/DREAMS-impact-governance.svg&amp;quot;); }&lt;br /&gt;
&lt;br /&gt;
/* ── Partner logo bar (main page footer) ── */&lt;br /&gt;
.partner-logo-bar {&lt;br /&gt;
  margin: 2.5em 0 0;&lt;br /&gt;
  padding-top: 2em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__label {&lt;br /&gt;
  font-size: 0.72em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.09em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #8a8aaa;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
  width: calc(20% - 0.4em);&lt;br /&gt;
  min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
  padding: 6px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item img {&lt;br /&gt;
  max-height: 42px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item figure,&lt;br /&gt;
.partner-logo-bar__item .thumb,&lt;br /&gt;
.partner-logo-bar__item .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item .thumbcaption,&lt;br /&gt;
.partner-logo-bar__item .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--narrow img { max-width: 75px; }&lt;br /&gt;
.partner-logo-bar__item--boost img  { min-height: 58px; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a:hover {&lt;br /&gt;
  text-decoration: underline !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer {&lt;br /&gt;
  margin-top: 0.5em;&lt;br /&gt;
  padding-top: 1em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.75em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer img {&lt;br /&gt;
  max-height: 40px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer figure,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumb,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbcaption,&lt;br /&gt;
.partner-logo-bar__disclaimer .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .partner-logo-bar__row {&lt;br /&gt;
    grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
  .partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
    width: calc(33% - 0.4em);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-prereq {&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  padding: 1.1rem 1.3rem 1.2rem;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }&lt;br /&gt;
.sump-prereq__list { display: grid; gap: .65rem; }&lt;br /&gt;
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }&lt;br /&gt;
.sump-prereq__box {&lt;br /&gt;
  width: 1.2rem; height: 1.2rem; margin-top: .12rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary); border-radius: 4px;&lt;br /&gt;
  background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__text { line-height: 1.45; }&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__box {&lt;br /&gt;
  background-color: var(--dreams-primary);&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039;%3E%3Cpath fill=&#039;none&#039; stroke=&#039;%23ffffff&#039; stroke-width=&#039;3.5&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039; d=&#039;M5 12.5l4.5 4.5L19 7&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }&lt;br /&gt;
.sump-prereq--outcome {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq--outcome .sump-prereq__title {&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl { margin: 1.25rem 0; }&lt;br /&gt;
.sump-step dl dt {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  margin-top: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl dt:first-child { margin-top: 0; }&lt;br /&gt;
.sump-step dl dd {&lt;br /&gt;
  margin: .2rem 0 0 1.2rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Tool tutorial --- */&lt;br /&gt;
.dreams-tutorial { counter-reset: tut; margin: 1rem 0 2rem; }&lt;br /&gt;
.dreams-tutorial__step {&lt;br /&gt;
  counter-increment: tut;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  padding: 1.25rem 0;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__step:first-child { border-top: none; padding-top: 0; }&lt;br /&gt;
.dreams-tutorial__step::before {&lt;br /&gt;
  content: counter(tut);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__title { grid-column: 2; font-weight: 700; color: var(--dreams-primary); line-height: 24px; }&lt;br /&gt;
.dreams-tutorial__body  { grid-column: 2; line-height: 1.7; margin-top: .35rem; }&lt;br /&gt;
.dreams-tutorial__shot  { grid-column: 2; margin-top: .85rem; }&lt;br /&gt;
.dreams-tutorial__shot p { margin: 0; }&lt;br /&gt;
.dreams-tutorial img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial .sump-versus { grid-column: 2; margin: .85rem 0 0; }&lt;br /&gt;
.dreams-tutorial .sump-versus__pane { padding: .6rem; }&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .dreams-tutorial__step { grid-template-columns: 1fr; }&lt;br /&gt;
  .dreams-tutorial__step::before { margin-bottom: .4rem; }&lt;br /&gt;
  .dreams-tutorial__title, .dreams-tutorial__body,&lt;br /&gt;
  .dreams-tutorial__shot, .dreams-tutorial .sump-versus { grid-column: 1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-legend {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  max-width: 26rem;&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__scale {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  height: 12px;&lt;br /&gt;
  margin-bottom: .3rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band--1::before { background: #440154; border-radius: 3px 0 0 3px; }&lt;br /&gt;
.dreams-legend__band--2::before { background: #3b528b; }&lt;br /&gt;
.dreams-legend__band--3::before { background: #21918c; }&lt;br /&gt;
.dreams-legend__band--4::before { background: #5ec962; }&lt;br /&gt;
.dreams-legend__band--5::before { background: #fde725; border-radius: 0 3px 3px 0; }&lt;br /&gt;
.dreams-legend__ends {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  margin-top: .15rem;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 560px) { .dreams-legend { grid-column: 1; } }&lt;br /&gt;
&lt;br /&gt;
/* ── Tools overview cards ── */&lt;br /&gt;
.dreams-tools-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));&lt;br /&gt;
  gap: 22px;&lt;br /&gt;
  margin: 1.4em 0 1em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover,&lt;br /&gt;
.dreams-tool-card:focus-within {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 12px 28px rgba(92,76,228,0.16);&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  padding: 18px 20px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__icon img { display: block; width: 60px; height: 60px; }&lt;br /&gt;
.dreams-tool-card__kind {&lt;br /&gt;
  font-size: .75em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .25em .8em;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__body {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  padding: 16px 20px 18px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__title { font-size: 1.3em; font-weight: 700; line-height: 1.25; }&lt;br /&gt;
.dreams-tool-card__title a { color: var(--dreams-primary) !important; text-decoration: none !important; }&lt;br /&gt;
/* stretched link: the title link covers the whole card */&lt;br /&gt;
.dreams-tool-card__title a::after { content: &amp;quot;&amp;quot;; position: absolute; inset: 0; z-index: 1; }&lt;br /&gt;
.dreams-tool-card__title a:focus { outline: none; }&lt;br /&gt;
.dreams-tool-card__question {&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .7em;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__text { font-size: .95em; line-height: 1.6; color: #444; flex: 1; }&lt;br /&gt;
.dreams-tool-card__steps {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
  font-size: .8em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps-label { color: #777; font-weight: 600; margin-right: 2px; }&lt;br /&gt;
.dreams-tool-card__steps a,&lt;br /&gt;
.dreams-tool-card__launch a {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .15em .7em;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a:hover { border-color: var(--dreams-primary); }&lt;br /&gt;
.dreams-tool-card__foot {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
  margin-top: 4px;&lt;br /&gt;
  padding-top: 12px;&lt;br /&gt;
  border-top: 1px solid #eeeafd;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__cta { font-weight: 700; color: var(--dreams-primary); font-size: .95em; }&lt;br /&gt;
.dreams-tool-card__cta::after { &lt;br /&gt;
  content: &amp;quot;\2192&amp;quot;;          &lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  margin-left: .35em;       &lt;br /&gt;
  transition: transform .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover .dreams-tool-card__cta::after { transform: translateX(4px); }&lt;br /&gt;
.dreams-tool-card__launch { font-size: .85em; }&lt;br /&gt;
.dreams-tool-card__launch a,&lt;br /&gt;
.dreams-tool-card__launch a.external { color: var(--dreams-dark) !important; background: none !important; padding-right: 0 !important; }&lt;br /&gt;
&lt;br /&gt;
/* --- link row --- */&lt;br /&gt;
.dreams-linkrow {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  margin: .75rem 0 1.5rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow &amp;gt; p { display: contents; }&lt;br /&gt;
.dreams-linkrow a {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .4em;&lt;br /&gt;
  padding: .3rem .75rem;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  transition: background .15s, border-color .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a::after {&lt;br /&gt;
  content: &amp;quot;→&amp;quot;;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  transition: transform .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover::after { transform: translateX(2px); }&lt;br /&gt;
.dreams-linkrow__meta {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2259</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2259"/>
		<updated>2026-10-22T08:29:35Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS placed here will be applied to all skins */&lt;br /&gt;
.navbar-brand img {&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.firstHeading {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.external.text {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.grid-container {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.square {&lt;br /&gt;
  padding: 30px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-family: Arial, sans-serif;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  color: white;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  min-height: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.blue { background-color: #2D8CFF; }&lt;br /&gt;
.red { background-color: #FF4757; }&lt;br /&gt;
.green { background-color: #2ED573; }&lt;br /&gt;
.yellow { background-color: #FFD32A; }&lt;br /&gt;
.orange { background-color: #fee4cb; }&lt;br /&gt;
.hue1 { background-color: #5c4ce4; }&lt;br /&gt;
.hue2 { background-color: #8068ff; }&lt;br /&gt;
.hue3 { background-color: #a386ff; }&lt;br /&gt;
.hue4 { background-color: #c6a4ff; }&lt;br /&gt;
.hue5 { background-color: #e9c4ff; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Main Page ── */&lt;br /&gt;
.__NOTOC__ + * { margin-top: 0; }&lt;br /&gt;
&lt;br /&gt;
.main-hero {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  padding: 2em 0 2.5em;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__text { flex: 1; min-width: 280px; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__tag {&lt;br /&gt;
  font-size: 0.75em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  margin-bottom: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__title {&lt;br /&gt;
  font-size: 1.7em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  color: #1a1a2e;&lt;br /&gt;
  margin: 0 0 0.6em;&lt;br /&gt;
  border: none;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
  max-width: 580px;&lt;br /&gt;
  margin-bottom: 1.2em;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo figure,&lt;br /&gt;
.main-hero__logo .thumb,&lt;br /&gt;
.main-hero__logo .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo .thumbcaption,&lt;br /&gt;
.main-hero__logo .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a,&lt;br /&gt;
a.main-hero__btn {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: 0.5em 1.2em;&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn--outline a {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  border: 2px solid #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a:hover { opacity: 0.85; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: stretch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-section {&lt;br /&gt;
  margin-bottom: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr 1fr;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro__col {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-labs {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  padding: 0.4em 1em;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a:hover {&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  border-color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));&lt;br /&gt;
  gap: 1em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  padding: 0.8em 1em;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .main-hero { flex-direction: column; }&lt;br /&gt;
  .main-intro { grid-template-columns: 1fr; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* DREAMers team layout */&lt;br /&gt;
.dreamer-section { &lt;br /&gt;
  margin: 22px 0 30px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__head {&lt;br /&gt;
  margin: 4px 0 14px;&lt;br /&gt;
  border-left: 4px solid rgb(92,76,228);&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__title {&lt;br /&gt;
  font-size: 1.25em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle:empty { &lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, 260px);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid &amp;gt; p {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card {&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 250px;       &lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap pre {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: none;&lt;br /&gt;
  background: none;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap a {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;    &lt;br /&gt;
  object-fit: cover;   &lt;br /&gt;
  object-position: center top; &lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__body {&lt;br /&gt;
  padding: 10px 14px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__name {&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__role {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta {&lt;br /&gt;
  color: #72777d;&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap figure,&lt;br /&gt;
.dreamer-card__imgwrap .thumb,&lt;br /&gt;
.dreamer-card__imgwrap .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap .thumbcaption,&lt;br /&gt;
.dreamer-card__imgwrap .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta:empty { display: none; }&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap img,&lt;br /&gt;
.dreamer-card__imgwrap .mw-file-element {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  max-width: none !important;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center top;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  border-radius: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap span,&lt;br /&gt;
.dreamer-card__imgwrap figcaption { display: none; }&lt;br /&gt;
.dreamer-card__imgwrap figure &amp;gt; a,&lt;br /&gt;
.dreamer-card__imgwrap figure &amp;gt; span { display: block !important; width: 100%; height: 100%; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Event detail page ── */&lt;br /&gt;
.event-detail { margin-top: 8px; }&lt;br /&gt;
&lt;br /&gt;
.event-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  padding-bottom: 0px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.event-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event image gallery ── */&lt;br /&gt;
.event-gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery &amp;gt; p { display: none; }&lt;br /&gt;
.event-gallery__item {&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(92,76,228,0.08);&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery__item a,&lt;br /&gt;
.event-gallery__item span,&lt;br /&gt;
.event-gallery__item .thumb,&lt;br /&gt;
.event-gallery__item .thumbinner {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: none !important;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item img {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 260px;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item .thumbcaption,&lt;br /&gt;
.event-gallery__item .magnify { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Strip thumb borders inside event gallery */&lt;br /&gt;
.event-gallery .thumb {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbimage {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbcaption,&lt;br /&gt;
.event-gallery .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event Card ── */&lt;br /&gt;
.event-card {&lt;br /&gt;
  border: 1px solid #dde;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f9f9fc;&lt;br /&gt;
  width: 300px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 160px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #eef;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Strip MediaWiki thumb wrapper inside event cards */&lt;br /&gt;
.event-card-image figure,&lt;br /&gt;
.event-card-image figure.mw-default-size,&lt;br /&gt;
.event-card-image .thumb,&lt;br /&gt;
.event-card-image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image .thumbcaption,&lt;br /&gt;
.event-card-image .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  object-fit: cover !important;&lt;br /&gt;
  object-position: center !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder {&lt;br /&gt;
  background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 50%;&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translate(-50%, -50%);&lt;br /&gt;
  width: 2.5em;&lt;br /&gt;
  height: 2.5em;&lt;br /&gt;
  opacity: 0.35;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;none&#039; stroke=&#039;%23334&#039; stroke-width=&#039;1.8&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039;%3E%3Crect x=&#039;3&#039; y=&#039;4&#039; width=&#039;18&#039; height=&#039;18&#039; rx=&#039;2&#039;/%3E%3Cline x1=&#039;16&#039; y1=&#039;2&#039; x2=&#039;16&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;8&#039; y1=&#039;2&#039; x2=&#039;8&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;3&#039; y1=&#039;10&#039; x2=&#039;21&#039; y2=&#039;10&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-body {&lt;br /&gt;
  padding: 1em 1.2em;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 0.4em;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-tag {&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  background: #4a5dcc;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  padding: 0.15em 0.55em;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  align-self: flex-start;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-title {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  font-size: 1em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-location {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-desc {&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-readmore {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  margin-top: 0.4em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Publication detail page ── */&lt;br /&gt;
.publication-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.publication-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__section { margin-top: 24px; }&lt;br /&gt;
.publication-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
.publication-authors {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
.publication-author {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  padding: 5px 12px;&lt;br /&gt;
  font-size: 0.92em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Labs overview grid ── */&lt;br /&gt;
.living-labs-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 180px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image figure,&lt;br /&gt;
.living-lab-card__image .thumb,&lt;br /&gt;
.living-lab-card__image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image .thumbcaption,&lt;br /&gt;
.living-lab-card__image .magnify { display: none !important; }&lt;br /&gt;
.living-lab-card__body {&lt;br /&gt;
  padding: 14px 16px 16px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name {&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name a { color: #5c4ce4 !important; text-decoration: none !important; }&lt;br /&gt;
.living-lab-card__name a:hover { text-decoration: underline !important; }&lt;br /&gt;
.living-lab-card__desc {&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Lab detail page ── */&lt;br /&gt;
.living-lab-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.living-lab-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__section { margin-bottom: 28px; }&lt;br /&gt;
.living-lab-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 8px;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  padding-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__text {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  max-width: 820px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__map { max-width: 820px; }&lt;br /&gt;
.living-lab-detail__map .maps-map { width: 100% !important; }&lt;br /&gt;
&lt;br /&gt;
/* headline image */&lt;br /&gt;
.living-lab-detail__hero { margin: 0 0 6px; max-width: 100%; }&lt;br /&gt;
.living-lab-detail__hero :is(figure, span, a) {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-caption {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-credit { color: #888; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  margin: 0 0 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* interventions list */&lt;br /&gt;
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }&lt;br /&gt;
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }&lt;br /&gt;
.living-lab-detail__interventions li b,&lt;br /&gt;
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }&lt;br /&gt;
.living-lab-detail__interventions li i { color: #666; }&lt;br /&gt;
&lt;br /&gt;
/* gallery */&lt;br /&gt;
.living-lab-detail__gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));&lt;br /&gt;
  gap: 20px 16px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__gallery &amp;gt; p { display: none; }   /* stray parser &amp;lt;p&amp;gt; */&lt;br /&gt;
.living-lab-detail__figure { min-width: 0; margin: 0; }&lt;br /&gt;
.living-lab-detail__figure :is(figure, span, a, .thumb, .thumbinner) {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  aspect-ratio: 4 / 3;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure .thumbcaption,&lt;br /&gt;
.living-lab-detail__figure .magnify { display: none !important; }&lt;br /&gt;
.living-lab-detail__figure-caption {&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__quote {&lt;br /&gt;
  margin: 2em 0;&lt;br /&gt;
  padding: 1.2em 1.5em;&lt;br /&gt;
  background: var(--dreams-tint, #f3f1ff);&lt;br /&gt;
  border-left: 4px solid var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  border-radius: 0 8px 8px 0;&lt;br /&gt;
  font-size: 1.15em;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__quote cite {&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: 0.6em;&lt;br /&gt;
  font-size: var(--dreams-small, 0.85em);&lt;br /&gt;
  font-style: normal;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  color: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living Lab resource cards (accessibility tool + survey) --- */&lt;br /&gt;
.dreams-resource-cards {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
  margin-top: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  padding: 1rem 1.1rem 1.1rem;&lt;br /&gt;
  transition: border-color .15s ease, box-shadow .15s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card:hover {&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(92, 76, 228, 0.12);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin: 0 0 .35rem;&lt;br /&gt;
  min-height: 1.6em;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: left center;&lt;br /&gt;
  background-size: 1.6em 1.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title,&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  padding-left: 2.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.7%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.4%27%20fill%3D%27%235c4ce4%27%20stroke%3D%27none%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%276.2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%20stroke-opacity%3D%270.5%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2712%2C2%2021.5%2C9%2017.8%2C20.5%206.2%2C20.5%202.5%2C9%27%2F%3E%3Cpolygon%20points%3D%2712%2C7%2016.6%2C10.4%2014.9%2C16%209.1%2C16%207.4%2C10.4%27%20fill%3D%27%235c4ce4%27%20fill-opacity%3D%270.22%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2712%27%20y2%3D%272%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2721.5%27%20y2%3D%279%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2717.8%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%276.2%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%272.5%27%20y2%3D%279%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__text {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a,&lt;br /&gt;
.dreams-resource-card__action a.external {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--dreams-primary) !important;&lt;br /&gt;
  color: var(--dreams-text-on) !important;&lt;br /&gt;
  padding: .45em 1.05em !important;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a:hover,&lt;br /&gt;
.dreams-resource-card__action a.external:hover { background: var(--dreams-dark) !important; }&lt;br /&gt;
&lt;br /&gt;
.dreams-btn {&lt;br /&gt;
  line-height: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-btn a,&lt;br /&gt;
.dreams-btn a.external.text {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background-color: var(--dreams-primary) !important;&lt;br /&gt;
  border: 1px solid var(--dreams-primary) !important;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: .375rem .75rem !important;&lt;br /&gt;
  border-radius: .375rem;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  line-hight: normal;&lt;br /&gt;
}&lt;br /&gt;
.dreams-btn a:hover,&lt;br /&gt;
.dreams-btn a.external.text:hover {&lt;br /&gt;
  background-color: var(--dreams-dark) !important;&lt;br /&gt;
  border-color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP overview  ── */&lt;br /&gt;
.sump-journey {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 1rem;&lt;br /&gt;
  margin: 1.75rem 0;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 720px) {&lt;br /&gt;
  .sump-journey { grid-template-columns: 1fr 1fr; }&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase {&lt;br /&gt;
  border: 1px solid var(--dreams-border, #e0e0e0);&lt;br /&gt;
  border-top: 4px solid var(--sump-accent, #5c4ce4);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  padding: 1rem 1.15rem 1.2rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }&lt;br /&gt;
.sump-journey__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  margin: 0 0 .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__head h3 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  font-size: 1.1rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__num {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 1.9rem;&lt;br /&gt;
  height: 1.9rem;&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: .95rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__desc {&lt;br /&gt;
  margin: 0 0 .85rem;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__steps {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step-num {&lt;br /&gt;
  flex: 0 0 1.5rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }&lt;br /&gt;
.sump-journey-cycle {&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: #777;&lt;br /&gt;
  margin: .25rem 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Brand tokens --- */&lt;br /&gt;
:root {&lt;br /&gt;
  --dreams-primary: #5c4ce4;&lt;br /&gt;
  --dreams-tint:    #f3f1ff;&lt;br /&gt;
  --dreams-border:  #cac4f8;&lt;br /&gt;
  --dreams-dark:    #3d30c4;&lt;br /&gt;
  --dreams-text-on: #ffffff;&lt;br /&gt;
  --dreams-small:   0.85em;&lt;br /&gt;
  --sump-tint: #f3f1ff; &lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Page wrapper --- */&lt;br /&gt;
.sump-step {&lt;br /&gt;
  max-width: 60rem;&lt;br /&gt;
  --sump-accent: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Phase / step header bar --- */&lt;br /&gt;
.sump-step__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
  gap: .4rem;&lt;br /&gt;
  padding: .75rem 0 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-tag {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .05em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  padding: .2rem .7rem;&lt;br /&gt;
  border-radius: 1rem;&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__counter {&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #888;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Section headings --- */&lt;br /&gt;
.sump-step h2 {&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .75rem;&lt;br /&gt;
  margin-top: 3rem;&lt;br /&gt;
  margin-bottom: 1.5rem;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Intro text block --- */&lt;br /&gt;
.sump-intro {&lt;br /&gt;
  line-height: 1.75;&lt;br /&gt;
  padding-bottom: 1.5rem;&lt;br /&gt;
  border-bottom: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
  margin-bottom: 1.75rem;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
.sump-intro &amp;gt; p:first-child { margin-top: 0; }&lt;br /&gt;
.sump-intro &amp;gt; p:last-child  { margin-bottom: 0; }&lt;br /&gt;
 &lt;br /&gt;
/* --- Four-body card grid --- */&lt;br /&gt;
.sump-bodies-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  margin: 1.25rem 0 1.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
  border: 1px solid #e8e8e8;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--steer,&lt;br /&gt;
.sump-body-card--team,&lt;br /&gt;
.sump-body-card--thematic,&lt;br /&gt;
.sump-body-card--network {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card--steer::after,&lt;br /&gt;
.sump-body-card--team::after,&lt;br /&gt;
.sump-body-card--thematic::after,&lt;br /&gt;
.sump-body-card--network::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 4rem;&lt;br /&gt;
  height: 1rem;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center bottom;&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid.sump-bodies-grid--fig {&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card { padding: 1.1rem 1.1rem 1.2rem; }&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card__desc { margin-bottom: 0; }&lt;br /&gt;
.sump-body-card__fig {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  margin: .2rem 0 .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 120px;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig-4 { grid-template-columns: repeat(4, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig-4 .sump-body-card__fig img { width: 96px; }&lt;br /&gt;
.sump-body-card--steer::after { &lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;32.1 74.9 288.2 288.2&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,0,-499.588)&#039;%3E%3Cg id=&#039;Steering-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,-168.655,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,458.877,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,595.954,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,860.643,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,479.111,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,880.876,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,616.188,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,745.596,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,765.83,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;175.626&#039; cy=&#039;794.478&#039; r=&#039;44.165&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.58909,0,0,2.29942,330.035,-873.136)&#039;%3E%3Cpath d=&#039;M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z&#039; style=&#039;fill:white;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--team::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;28.3 75.1 286.3 286.3&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-456,-499.588)&#039;%3E%3Cg id=&#039;Project-Team&#039; transform=&#039;matrix(0.439206,0,0,0.512758,287.345,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,448.131,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,585.208,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,849.897,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,468.365,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,870.13,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,605.442,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,734.85,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,755.083,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1,0,0,1,-143.845,387.633)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;234.911&#039; cy=&#039;592.552&#039; r=&#039;26.261&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,389.099,-594.315)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--thematic::after {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;27.8 74.3 295.1 295.1&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-884.466,-499.588)&#039;%3E%3Cg id=&#039;Thematic-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,715.811,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,456.983,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,594.06,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,858.749,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,477.217,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,878.983,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,614.294,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,743.702,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,763.936,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)&#039;%3E%3Cpath d=&#039;M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:9.13px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.82293,0,0,1.56144,-1147.13,-290.898)&#039;%3E%3Cpath d=&#039;M1036.63,780.407L1085.35,780.407&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:20.82px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--network::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.7 55.7 310.5 310.5&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1275.81,-499.588)&#039;%3E%3Cg id=&#039;External-Network&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1107.16,304.74)&#039;%3E%3Cg transform=&#039;matrix(1.41038,0,0,1.20807,-1240,-95.8635)&#039;%3E%3Ccircle cx=&#039;1435.57&#039; cy=&#039;733.314&#039; r=&#039;90.265&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:26.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Callout --- */&lt;br /&gt;
.dreams-callout {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout p {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label img {&lt;br /&gt;
  height: 40px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Outskirts challenge box --- */&lt;br /&gt;
.sump-outskirts-box {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__head {&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  padding: .6rem 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .02em;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__body {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1.1rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Setup sequence --- */&lt;br /&gt;
.sump-sequence-wrap {&lt;br /&gt;
  margin: 1rem 0 1.5rem;&lt;br /&gt;
  counter-reset: seq;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item {&lt;br /&gt;
  counter-increment: seq;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  grid-template-rows: auto auto;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item::before {&lt;br /&gt;
  content: counter(seq);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  margin-top: 3px;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-desc {&lt;br /&gt;
  color: #333;&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 28px 10rem 1fr;&lt;br /&gt;
    grid-template-rows: auto;&lt;br /&gt;
    align-items: baseline;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-item::before {&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-label {&lt;br /&gt;
    grid-column: 2;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-desc {&lt;br /&gt;
    grid-column: 3;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
    font-size: inherit;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* --- Setup sequence, icon-tile variant --- */&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  grid-template-columns: 3.4rem 1fr;&lt;br /&gt;
  gap: 0 1rem;&lt;br /&gt;
  margin-bottom: 1.1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item::before {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.45rem;&lt;br /&gt;
  left: -0.45rem;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  width: 1.45rem;&lt;br /&gt;
  height: 1.45rem;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-size: 0.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon {&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon span,&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon a { display: block; }&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-label {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
  align-self: end;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-desc {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 3.4rem 10rem 1fr;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-icon { grid-row: 1; }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-label { grid-row: 1; align-self: auto; }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-desc { grid-column: 3; grid-row: 1; }&lt;br /&gt;
}&lt;br /&gt;
/* --- Handoff block --- */&lt;br /&gt;
.dreams-handoff {&lt;br /&gt;
  border-top: 1.5px solid var(--dreams-border);&lt;br /&gt;
  padding: 1rem 0 0;&lt;br /&gt;
  margin: 2rem 0 0;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .5rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__label::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 1.8em;&lt;br /&gt;
  height: 1.5em;&lt;br /&gt;
  margin-right: .5em;&lt;br /&gt;
  vertical-align: -0.4em;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive {&lt;br /&gt;
  background: none;&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: -1.25rem;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  bottom: 0;&lt;br /&gt;
  width: 12px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;16&#039; height=&#039;24&#039; viewBox=&#039;0 0 16 24&#039;%3E%3Cpath d=&#039;M8 0 Q14 6 8 12 Q2 18 8 24&#039; stroke=&#039;%235c4ce4&#039; stroke-width=&#039;2&#039; fill=&#039;none&#039; stroke-linecap=&#039;round&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  background-size: 12px 24px;&lt;br /&gt;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
          mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
  opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff__items {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .6rem;&lt;br /&gt;
  margin-top: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .75rem .9rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title a,&lt;br /&gt;
.dreams-handoff__item-title a.external {&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-source {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-top: .3rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Sources footer --- */&lt;br /&gt;
.sump-sources {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  padding-top: .85rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #4a4a4a;&lt;br /&gt;
  margin-bottom: .55rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item {&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  text-indent: -1rem;&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__ref {&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Prev / next navigation bar --- */&lt;br /&gt;
.sump-step__nav {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--top {&lt;br /&gt;
  margin: .5rem 0 1.75rem;&lt;br /&gt;
  padding-bottom: 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--bottom {&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  padding-top: 1rem;&lt;br /&gt;
  border-top: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav a { color: var(--dreams-primary); }&lt;br /&gt;
.sump-step__nav a:hover {&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333 !important;&lt;br /&gt;
  border: 1px solid #ccc;&lt;br /&gt;
  padding: .2rem .75rem;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a:hover { background: var(--dreams-tint); }&lt;br /&gt;
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }&lt;br /&gt;
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }&lt;br /&gt;
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }&lt;br /&gt;
/* overview slides into the gap: left on step 1, right on step 12 */&lt;br /&gt;
.sump-step__nav--first .sump-step__nav-prev { display: none; }&lt;br /&gt;
.sump-step__nav--last  .sump-step__nav-next { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP phase row ── */&lt;br /&gt;
.sump-phases {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));&lt;br /&gt;
  gap: 1.5rem;&lt;br /&gt;
  margin: 1.5rem 0 1.75rem;&lt;br /&gt;
  counter-reset: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  counter-increment: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item::before {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 2.2rem;&lt;br /&gt;
  height: 2.2rem;&lt;br /&gt;
  margin-bottom: 0.6rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::before,&lt;br /&gt;
.sump-phases__item--realize::before,&lt;br /&gt;
.sump-phases__item--eval::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  background-color: var(--dreams-tint);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
  background-size: 62%;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::after,&lt;br /&gt;
.sump-phases__item--realize::after,&lt;br /&gt;
.sump-phases__item--eval::after,&lt;br /&gt;
.sump-phases__item--fig::after {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.5rem;&lt;br /&gt;
  left: -0.5rem;&lt;br /&gt;
  width: 1.6rem;&lt;br /&gt;
  height: 1.6rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: 0.82rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-phases__item--fig::before { display: none; }&lt;br /&gt;
.sump-phases__fig {&lt;br /&gt;
  width: 5.2rem;&lt;br /&gt;
  height: 5.2rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig figure,&lt;br /&gt;
.sump-phases__fig span,&lt;br /&gt;
.sump-phases__fig a { display: block; width: 3.75rem; min-width: 0; margin: 0; }&lt;br /&gt;
.sump-phases__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 4.75rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig span img,&lt;br /&gt;
.sump-phases__fig a img { width: 100%; }&lt;br /&gt;
&lt;br /&gt;
/* per-phase glyphs */&lt;br /&gt;
.sump-phases__item--prep::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1854.82,-975.755)&#039;%3E%3Cg id=&#039;Preparation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1686.17,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.03662,0,0,1.01229,-3254.54,-198.641)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.35128,0,0,2.014,-4050.65,-1566.23)&#039;%3E%3Cpath d=&#039;M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.14px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--realize::before { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2283.29,-975.755)&#039;%3E%3Cg id=&#039;Realisation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2114.63,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.06694,-3472.54,-265.777)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)&#039;%3E%3Cpath d=&#039;M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:10.4px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--eval::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;38.5 55.7 301.9 301.9&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2674.63,-975.755)&#039;%3E%3Cg id=&#039;Evaluation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2505.98,780.907)&#039;%3E%3Cg transform=&#039;matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)&#039;%3E%3Cpath d=&#039;M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)&#039;%3E%3Cpath d=&#039;M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)&#039;%3E%3Cpath d=&#039;M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }&lt;br /&gt;
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* A. figure tiles */&lt;br /&gt;
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }&lt;br /&gt;
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }&lt;br /&gt;
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }&lt;br /&gt;
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }&lt;br /&gt;
&lt;br /&gt;
/* B. two-pane contrast */&lt;br /&gt;
.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }&lt;br /&gt;
.sump-versus__pane { display: flex; flex-direction: column; border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }&lt;br /&gt;
.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }&lt;br /&gt;
.sump-versus__head { font-weight:700; margin-bottom:.35rem; }&lt;br /&gt;
@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }&lt;br /&gt;
&lt;br /&gt;
.sump-versus__fig { margin-top: auto;  padding-top: 1em; margin-bottom:.6rem; }&lt;br /&gt;
.sump-versus__fig img { display:block; width:100%; height:auto; }&lt;br /&gt;
.sump-versus__fig--small {&lt;br /&gt;
  max-width: 60%;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-versus__fig--small img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* optional inline continuity marker */&lt;br /&gt;
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }&lt;br /&gt;
&lt;br /&gt;
.sump-roles dt {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.9em;&lt;br /&gt;
  margin: 1.4em 0 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt:first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt img {&lt;br /&gt;
  flex: 0 0 64px;&lt;br /&gt;
  width: 64px !important;&lt;br /&gt;
  height: 56px !important;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dd {&lt;br /&gt;
  margin: 0 0 0 calc(64px + 0.9em);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-lead-fig {&lt;br /&gt;
  float: right;&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  margin: 0 0 1em 2em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-fig img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Column layout: text and figure side by side, no wrapping */&lt;br /&gt;
.sump-lead {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-text {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
  float: none;&lt;br /&gt;
  flex: 0 0 260px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 720px) {&lt;br /&gt;
  .sump-lead { flex-direction: column-reverse; }&lt;br /&gt;
  .sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
    flex-basis: auto;&lt;br /&gt;
    width: 160px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-checklist {&lt;br /&gt;
  clear: both;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
  .sump-lead-fig {&lt;br /&gt;
    float: none;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    margin: 0 auto 1em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living-lab example box --- */&lt;br /&gt;
.dreams-lab {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .85rem 1.1rem 1rem;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-lab__tag {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  padding-bottom: .5rem;&lt;br /&gt;
  margin-bottom: .6rem;&lt;br /&gt;
  border-bottom: 1px solid var(--dreams-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-impact-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	grid-template-columns: 1fr;&lt;br /&gt;
	gap: 14px;&lt;br /&gt;
	margin: 1em 0 1.5em;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-card {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	padding: 1rem 1.1rem;&lt;br /&gt;
	background: #ffffff;&lt;br /&gt;
	border: 1px solid #e7e4f7;&lt;br /&gt;
	border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-head {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-icon {&lt;br /&gt;
	flex: none;&lt;br /&gt;
	width: 38px;&lt;br /&gt;
	height: 38px;&lt;br /&gt;
	border-radius: 10px;&lt;br /&gt;
	background-color: #f3f1ff;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	background-size: 24px 24px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-name {&lt;br /&gt;
	font-size: 1.05em;&lt;br /&gt;
	font-weight: 600;&lt;br /&gt;
	color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body {&lt;br /&gt;
	font-size: 0.95em;&lt;br /&gt;
	line-height: 1.6;&lt;br /&gt;
	color: #333333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body p { margin: 0; }&lt;br /&gt;
.dreams-impact-icon--accessibility { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200&#039;%20/%3E%3Cpath%20d=&#039;M7%2021l3%20-4&#039;%20/%3E%3Cpath%20d=&#039;M16%2021l-2%20-4l-3%20-3l1%20-6&#039;%20/%3E%3Cpath%20d=&#039;M6%2012l2%20-3l4%20-1l3%203l3%201&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--carbon { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M5%2021c.5%20-4.5%202.5%20-8%207%20-10&#039;%20/%3E%3Cpath%20d=&#039;M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--liveability { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%2013l-2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2012l2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2021v-13&#039;%20/%3E%3Cpath%20d=&#039;M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--health { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2012h4l3%208l4%20-16l3%208h4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--economic { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2021l18%200&#039;%20/%3E%3Cpath%20d=&#039;M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204&#039;%20/%3E%3Cpath%20d=&#039;M5%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M19%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--equity { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M7%2020l10%200&#039;%20/%3E%3Cpath%20d=&#039;M6%206l6%20-1l6%201&#039;%20/%3E%3Cpath%20d=&#039;M12%203l0%2017&#039;%20/%3E%3Cpath%20d=&#039;M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3Cpath%20d=&#039;M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--governance { background-image: url(&amp;quot;/wiki/Special:FilePath/DREAMS-impact-governance.svg&amp;quot;); }&lt;br /&gt;
&lt;br /&gt;
/* ── Partner logo bar (main page footer) ── */&lt;br /&gt;
.partner-logo-bar {&lt;br /&gt;
  margin: 2.5em 0 0;&lt;br /&gt;
  padding-top: 2em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__label {&lt;br /&gt;
  font-size: 0.72em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.09em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #8a8aaa;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
  width: calc(20% - 0.4em);&lt;br /&gt;
  min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
  padding: 6px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item img {&lt;br /&gt;
  max-height: 42px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item figure,&lt;br /&gt;
.partner-logo-bar__item .thumb,&lt;br /&gt;
.partner-logo-bar__item .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item .thumbcaption,&lt;br /&gt;
.partner-logo-bar__item .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--narrow img { max-width: 75px; }&lt;br /&gt;
.partner-logo-bar__item--boost img  { min-height: 58px; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a:hover {&lt;br /&gt;
  text-decoration: underline !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer {&lt;br /&gt;
  margin-top: 0.5em;&lt;br /&gt;
  padding-top: 1em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.75em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer img {&lt;br /&gt;
  max-height: 40px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer figure,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumb,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbcaption,&lt;br /&gt;
.partner-logo-bar__disclaimer .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .partner-logo-bar__row {&lt;br /&gt;
    grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
  .partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
    width: calc(33% - 0.4em);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-prereq {&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  padding: 1.1rem 1.3rem 1.2rem;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }&lt;br /&gt;
.sump-prereq__list { display: grid; gap: .65rem; }&lt;br /&gt;
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }&lt;br /&gt;
.sump-prereq__box {&lt;br /&gt;
  width: 1.2rem; height: 1.2rem; margin-top: .12rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary); border-radius: 4px;&lt;br /&gt;
  background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__text { line-height: 1.45; }&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__box {&lt;br /&gt;
  background-color: var(--dreams-primary);&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039;%3E%3Cpath fill=&#039;none&#039; stroke=&#039;%23ffffff&#039; stroke-width=&#039;3.5&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039; d=&#039;M5 12.5l4.5 4.5L19 7&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }&lt;br /&gt;
.sump-prereq--outcome {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq--outcome .sump-prereq__title {&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl { margin: 1.25rem 0; }&lt;br /&gt;
.sump-step dl dt {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  margin-top: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl dt:first-child { margin-top: 0; }&lt;br /&gt;
.sump-step dl dd {&lt;br /&gt;
  margin: .2rem 0 0 1.2rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Tool tutorial --- */&lt;br /&gt;
.dreams-tutorial { counter-reset: tut; margin: 1rem 0 2rem; }&lt;br /&gt;
.dreams-tutorial__step {&lt;br /&gt;
  counter-increment: tut;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  padding: 1.25rem 0;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__step:first-child { border-top: none; padding-top: 0; }&lt;br /&gt;
.dreams-tutorial__step::before {&lt;br /&gt;
  content: counter(tut);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__title { grid-column: 2; font-weight: 700; color: var(--dreams-primary); line-height: 24px; }&lt;br /&gt;
.dreams-tutorial__body  { grid-column: 2; line-height: 1.7; margin-top: .35rem; }&lt;br /&gt;
.dreams-tutorial__shot  { grid-column: 2; margin-top: .85rem; }&lt;br /&gt;
.dreams-tutorial__shot p { margin: 0; }&lt;br /&gt;
.dreams-tutorial img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial .sump-versus { grid-column: 2; margin: .85rem 0 0; }&lt;br /&gt;
.dreams-tutorial .sump-versus__pane { padding: .6rem; }&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .dreams-tutorial__step { grid-template-columns: 1fr; }&lt;br /&gt;
  .dreams-tutorial__step::before { margin-bottom: .4rem; }&lt;br /&gt;
  .dreams-tutorial__title, .dreams-tutorial__body,&lt;br /&gt;
  .dreams-tutorial__shot, .dreams-tutorial .sump-versus { grid-column: 1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-legend {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  max-width: 26rem;&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__scale {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  height: 12px;&lt;br /&gt;
  margin-bottom: .3rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band--1::before { background: #440154; border-radius: 3px 0 0 3px; }&lt;br /&gt;
.dreams-legend__band--2::before { background: #3b528b; }&lt;br /&gt;
.dreams-legend__band--3::before { background: #21918c; }&lt;br /&gt;
.dreams-legend__band--4::before { background: #5ec962; }&lt;br /&gt;
.dreams-legend__band--5::before { background: #fde725; border-radius: 0 3px 3px 0; }&lt;br /&gt;
.dreams-legend__ends {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  margin-top: .15rem;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 560px) { .dreams-legend { grid-column: 1; } }&lt;br /&gt;
&lt;br /&gt;
/* ── Tools overview cards ── */&lt;br /&gt;
.dreams-tools-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));&lt;br /&gt;
  gap: 22px;&lt;br /&gt;
  margin: 1.4em 0 1em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover,&lt;br /&gt;
.dreams-tool-card:focus-within {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 12px 28px rgba(92,76,228,0.16);&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  padding: 18px 20px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__icon img { display: block; width: 60px; height: 60px; }&lt;br /&gt;
.dreams-tool-card__kind {&lt;br /&gt;
  font-size: .75em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .25em .8em;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__body {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  padding: 16px 20px 18px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__title { font-size: 1.3em; font-weight: 700; line-height: 1.25; }&lt;br /&gt;
.dreams-tool-card__title a { color: var(--dreams-primary) !important; text-decoration: none !important; }&lt;br /&gt;
/* stretched link: the title link covers the whole card */&lt;br /&gt;
.dreams-tool-card__title a::after { content: &amp;quot;&amp;quot;; position: absolute; inset: 0; z-index: 1; }&lt;br /&gt;
.dreams-tool-card__title a:focus { outline: none; }&lt;br /&gt;
.dreams-tool-card__question {&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .7em;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__text { font-size: .95em; line-height: 1.6; color: #444; flex: 1; }&lt;br /&gt;
.dreams-tool-card__steps {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
  font-size: .8em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps-label { color: #777; font-weight: 600; margin-right: 2px; }&lt;br /&gt;
.dreams-tool-card__steps a,&lt;br /&gt;
.dreams-tool-card__launch a {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .15em .7em;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a:hover { border-color: var(--dreams-primary); }&lt;br /&gt;
.dreams-tool-card__foot {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
  margin-top: 4px;&lt;br /&gt;
  padding-top: 12px;&lt;br /&gt;
  border-top: 1px solid #eeeafd;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__cta { font-weight: 700; color: var(--dreams-primary); font-size: .95em; }&lt;br /&gt;
.dreams-tool-card__cta::after { &lt;br /&gt;
  content: &amp;quot;\2192&amp;quot;;          &lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  margin-left: .35em;       &lt;br /&gt;
  transition: transform .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover .dreams-tool-card__cta::after { transform: translateX(4px); }&lt;br /&gt;
.dreams-tool-card__launch { font-size: .85em; }&lt;br /&gt;
.dreams-tool-card__launch a,&lt;br /&gt;
.dreams-tool-card__launch a.external { color: var(--dreams-dark) !important; background: none !important; padding-right: 0 !important; }&lt;br /&gt;
&lt;br /&gt;
/* --- link row --- */&lt;br /&gt;
.dreams-linkrow {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  margin: .75rem 0 1.5rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow &amp;gt; p { display: contents; }&lt;br /&gt;
.dreams-linkrow a {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .4em;&lt;br /&gt;
  padding: .3rem .75rem;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  transition: background .15s, border-color .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a::after {&lt;br /&gt;
  content: &amp;quot;→&amp;quot;;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  transition: transform .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover::after { transform: translateX(2px); }&lt;br /&gt;
.dreams-linkrow__meta {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2258</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2258"/>
		<updated>2026-10-21T22:29:13Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS placed here will be applied to all skins */&lt;br /&gt;
.navbar-brand img {&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.firstHeading {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.external.text {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.grid-container {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.square {&lt;br /&gt;
  padding: 30px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-family: Arial, sans-serif;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  color: white;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  min-height: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.blue { background-color: #2D8CFF; }&lt;br /&gt;
.red { background-color: #FF4757; }&lt;br /&gt;
.green { background-color: #2ED573; }&lt;br /&gt;
.yellow { background-color: #FFD32A; }&lt;br /&gt;
.orange { background-color: #fee4cb; }&lt;br /&gt;
.hue1 { background-color: #5c4ce4; }&lt;br /&gt;
.hue2 { background-color: #8068ff; }&lt;br /&gt;
.hue3 { background-color: #a386ff; }&lt;br /&gt;
.hue4 { background-color: #c6a4ff; }&lt;br /&gt;
.hue5 { background-color: #e9c4ff; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Main Page ── */&lt;br /&gt;
.__NOTOC__ + * { margin-top: 0; }&lt;br /&gt;
&lt;br /&gt;
.main-hero {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  padding: 2em 0 2.5em;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__text { flex: 1; min-width: 280px; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__tag {&lt;br /&gt;
  font-size: 0.75em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  margin-bottom: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__title {&lt;br /&gt;
  font-size: 1.7em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  color: #1a1a2e;&lt;br /&gt;
  margin: 0 0 0.6em;&lt;br /&gt;
  border: none;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
  max-width: 580px;&lt;br /&gt;
  margin-bottom: 1.2em;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo figure,&lt;br /&gt;
.main-hero__logo .thumb,&lt;br /&gt;
.main-hero__logo .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo .thumbcaption,&lt;br /&gt;
.main-hero__logo .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a,&lt;br /&gt;
a.main-hero__btn {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: 0.5em 1.2em;&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn--outline a {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  border: 2px solid #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a:hover { opacity: 0.85; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: stretch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-section {&lt;br /&gt;
  margin-bottom: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr 1fr;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro__col {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-labs {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  padding: 0.4em 1em;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a:hover {&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  border-color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));&lt;br /&gt;
  gap: 1em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  padding: 0.8em 1em;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .main-hero { flex-direction: column; }&lt;br /&gt;
  .main-intro { grid-template-columns: 1fr; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* DREAMers team layout */&lt;br /&gt;
.dreamer-section { &lt;br /&gt;
  margin: 22px 0 30px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__head {&lt;br /&gt;
  margin: 4px 0 14px;&lt;br /&gt;
  border-left: 4px solid rgb(92,76,228);&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__title {&lt;br /&gt;
  font-size: 1.25em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle:empty { &lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, 260px);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid &amp;gt; p {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card {&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 250px;       &lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap pre {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: none;&lt;br /&gt;
  background: none;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap a {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;    &lt;br /&gt;
  object-fit: cover;   &lt;br /&gt;
  object-position: center top; &lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__body {&lt;br /&gt;
  padding: 10px 14px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__name {&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__role {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta {&lt;br /&gt;
  color: #72777d;&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap figure,&lt;br /&gt;
.dreamer-card__imgwrap .thumb,&lt;br /&gt;
.dreamer-card__imgwrap .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap .thumbcaption,&lt;br /&gt;
.dreamer-card__imgwrap .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta:empty { display: none; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Event detail page ── */&lt;br /&gt;
.event-detail { margin-top: 8px; }&lt;br /&gt;
&lt;br /&gt;
.event-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  padding-bottom: 0px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.event-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event image gallery ── */&lt;br /&gt;
.event-gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery &amp;gt; p { display: none; }&lt;br /&gt;
.event-gallery__item {&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(92,76,228,0.08);&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery__item a,&lt;br /&gt;
.event-gallery__item span,&lt;br /&gt;
.event-gallery__item .thumb,&lt;br /&gt;
.event-gallery__item .thumbinner {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: none !important;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item img {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 260px;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item .thumbcaption,&lt;br /&gt;
.event-gallery__item .magnify { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Strip thumb borders inside event gallery */&lt;br /&gt;
.event-gallery .thumb {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbimage {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbcaption,&lt;br /&gt;
.event-gallery .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event Card ── */&lt;br /&gt;
.event-card {&lt;br /&gt;
  border: 1px solid #dde;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f9f9fc;&lt;br /&gt;
  width: 300px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 160px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #eef;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Strip MediaWiki thumb wrapper inside event cards */&lt;br /&gt;
.event-card-image figure,&lt;br /&gt;
.event-card-image figure.mw-default-size,&lt;br /&gt;
.event-card-image .thumb,&lt;br /&gt;
.event-card-image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image .thumbcaption,&lt;br /&gt;
.event-card-image .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  object-fit: cover !important;&lt;br /&gt;
  object-position: center !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder {&lt;br /&gt;
  background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 50%;&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translate(-50%, -50%);&lt;br /&gt;
  width: 2.5em;&lt;br /&gt;
  height: 2.5em;&lt;br /&gt;
  opacity: 0.35;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;none&#039; stroke=&#039;%23334&#039; stroke-width=&#039;1.8&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039;%3E%3Crect x=&#039;3&#039; y=&#039;4&#039; width=&#039;18&#039; height=&#039;18&#039; rx=&#039;2&#039;/%3E%3Cline x1=&#039;16&#039; y1=&#039;2&#039; x2=&#039;16&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;8&#039; y1=&#039;2&#039; x2=&#039;8&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;3&#039; y1=&#039;10&#039; x2=&#039;21&#039; y2=&#039;10&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-body {&lt;br /&gt;
  padding: 1em 1.2em;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 0.4em;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-tag {&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  background: #4a5dcc;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  padding: 0.15em 0.55em;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  align-self: flex-start;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-title {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  font-size: 1em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-location {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-desc {&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-readmore {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  margin-top: 0.4em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Publication detail page ── */&lt;br /&gt;
.publication-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.publication-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__section { margin-top: 24px; }&lt;br /&gt;
.publication-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
.publication-authors {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
.publication-author {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  padding: 5px 12px;&lt;br /&gt;
  font-size: 0.92em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Labs overview grid ── */&lt;br /&gt;
.living-labs-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 180px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image figure,&lt;br /&gt;
.living-lab-card__image .thumb,&lt;br /&gt;
.living-lab-card__image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image .thumbcaption,&lt;br /&gt;
.living-lab-card__image .magnify { display: none !important; }&lt;br /&gt;
.living-lab-card__body {&lt;br /&gt;
  padding: 14px 16px 16px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name {&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name a { color: #5c4ce4 !important; text-decoration: none !important; }&lt;br /&gt;
.living-lab-card__name a:hover { text-decoration: underline !important; }&lt;br /&gt;
.living-lab-card__desc {&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Lab detail page ── */&lt;br /&gt;
.living-lab-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.living-lab-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__section { margin-bottom: 28px; }&lt;br /&gt;
.living-lab-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 8px;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  padding-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__text {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  max-width: 820px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__map { max-width: 820px; }&lt;br /&gt;
.living-lab-detail__map .maps-map { width: 100% !important; }&lt;br /&gt;
&lt;br /&gt;
/* headline image */&lt;br /&gt;
.living-lab-detail__hero { margin: 0 0 6px; max-width: 100%; }&lt;br /&gt;
.living-lab-detail__hero :is(figure, span, a) {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-caption {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-credit { color: #888; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  margin: 0 0 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* interventions list */&lt;br /&gt;
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }&lt;br /&gt;
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }&lt;br /&gt;
.living-lab-detail__interventions li b,&lt;br /&gt;
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }&lt;br /&gt;
.living-lab-detail__interventions li i { color: #666; }&lt;br /&gt;
&lt;br /&gt;
/* gallery */&lt;br /&gt;
.living-lab-detail__gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));&lt;br /&gt;
  gap: 20px 16px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__gallery &amp;gt; p { display: none; }   /* stray parser &amp;lt;p&amp;gt; */&lt;br /&gt;
.living-lab-detail__figure { min-width: 0; margin: 0; }&lt;br /&gt;
.living-lab-detail__figure :is(figure, span, a, .thumb, .thumbinner) {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  aspect-ratio: 4 / 3;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure .thumbcaption,&lt;br /&gt;
.living-lab-detail__figure .magnify { display: none !important; }&lt;br /&gt;
.living-lab-detail__figure-caption {&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__quote {&lt;br /&gt;
  margin: 2em 0;&lt;br /&gt;
  padding: 1.2em 1.5em;&lt;br /&gt;
  background: var(--dreams-tint, #f3f1ff);&lt;br /&gt;
  border-left: 4px solid var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  border-radius: 0 8px 8px 0;&lt;br /&gt;
  font-size: 1.15em;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__quote cite {&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: 0.6em;&lt;br /&gt;
  font-size: var(--dreams-small, 0.85em);&lt;br /&gt;
  font-style: normal;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  color: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living Lab resource cards (accessibility tool + survey) --- */&lt;br /&gt;
.dreams-resource-cards {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
  margin-top: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  padding: 1rem 1.1rem 1.1rem;&lt;br /&gt;
  transition: border-color .15s ease, box-shadow .15s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card:hover {&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(92, 76, 228, 0.12);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin: 0 0 .35rem;&lt;br /&gt;
  min-height: 1.6em;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: left center;&lt;br /&gt;
  background-size: 1.6em 1.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title,&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  padding-left: 2.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.7%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.4%27%20fill%3D%27%235c4ce4%27%20stroke%3D%27none%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%276.2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%20stroke-opacity%3D%270.5%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2712%2C2%2021.5%2C9%2017.8%2C20.5%206.2%2C20.5%202.5%2C9%27%2F%3E%3Cpolygon%20points%3D%2712%2C7%2016.6%2C10.4%2014.9%2C16%209.1%2C16%207.4%2C10.4%27%20fill%3D%27%235c4ce4%27%20fill-opacity%3D%270.22%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2712%27%20y2%3D%272%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2721.5%27%20y2%3D%279%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2717.8%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%276.2%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%272.5%27%20y2%3D%279%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__text {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a,&lt;br /&gt;
.dreams-resource-card__action a.external {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--dreams-primary) !important;&lt;br /&gt;
  color: var(--dreams-text-on) !important;&lt;br /&gt;
  padding: .45em 1.05em !important;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a:hover,&lt;br /&gt;
.dreams-resource-card__action a.external:hover { background: var(--dreams-dark) !important; }&lt;br /&gt;
&lt;br /&gt;
.dreams-btn {&lt;br /&gt;
  line-height: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-btn a,&lt;br /&gt;
.dreams-btn a.external.text {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background-color: var(--dreams-primary) !important;&lt;br /&gt;
  border: 1px solid var(--dreams-primary) !important;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: .375rem .75rem !important;&lt;br /&gt;
  border-radius: .375rem;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  line-hight: normal;&lt;br /&gt;
}&lt;br /&gt;
.dreams-btn a:hover,&lt;br /&gt;
.dreams-btn a.external.text:hover {&lt;br /&gt;
  background-color: var(--dreams-dark) !important;&lt;br /&gt;
  border-color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP overview  ── */&lt;br /&gt;
.sump-journey {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 1rem;&lt;br /&gt;
  margin: 1.75rem 0;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 720px) {&lt;br /&gt;
  .sump-journey { grid-template-columns: 1fr 1fr; }&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase {&lt;br /&gt;
  border: 1px solid var(--dreams-border, #e0e0e0);&lt;br /&gt;
  border-top: 4px solid var(--sump-accent, #5c4ce4);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  padding: 1rem 1.15rem 1.2rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }&lt;br /&gt;
.sump-journey__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  margin: 0 0 .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__head h3 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  font-size: 1.1rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__num {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 1.9rem;&lt;br /&gt;
  height: 1.9rem;&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: .95rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__desc {&lt;br /&gt;
  margin: 0 0 .85rem;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__steps {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step-num {&lt;br /&gt;
  flex: 0 0 1.5rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }&lt;br /&gt;
.sump-journey-cycle {&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: #777;&lt;br /&gt;
  margin: .25rem 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Brand tokens --- */&lt;br /&gt;
:root {&lt;br /&gt;
  --dreams-primary: #5c4ce4;&lt;br /&gt;
  --dreams-tint:    #f3f1ff;&lt;br /&gt;
  --dreams-border:  #cac4f8;&lt;br /&gt;
  --dreams-dark:    #3d30c4;&lt;br /&gt;
  --dreams-text-on: #ffffff;&lt;br /&gt;
  --dreams-small:   0.85em;&lt;br /&gt;
  --sump-tint: #f3f1ff; &lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Page wrapper --- */&lt;br /&gt;
.sump-step {&lt;br /&gt;
  max-width: 60rem;&lt;br /&gt;
  --sump-accent: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Phase / step header bar --- */&lt;br /&gt;
.sump-step__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
  gap: .4rem;&lt;br /&gt;
  padding: .75rem 0 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-tag {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .05em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  padding: .2rem .7rem;&lt;br /&gt;
  border-radius: 1rem;&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__counter {&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #888;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Section headings --- */&lt;br /&gt;
.sump-step h2 {&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .75rem;&lt;br /&gt;
  margin-top: 3rem;&lt;br /&gt;
  margin-bottom: 1.5rem;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Intro text block --- */&lt;br /&gt;
.sump-intro {&lt;br /&gt;
  line-height: 1.75;&lt;br /&gt;
  padding-bottom: 1.5rem;&lt;br /&gt;
  border-bottom: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
  margin-bottom: 1.75rem;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
.sump-intro &amp;gt; p:first-child { margin-top: 0; }&lt;br /&gt;
.sump-intro &amp;gt; p:last-child  { margin-bottom: 0; }&lt;br /&gt;
 &lt;br /&gt;
/* --- Four-body card grid --- */&lt;br /&gt;
.sump-bodies-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  margin: 1.25rem 0 1.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
  border: 1px solid #e8e8e8;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--steer,&lt;br /&gt;
.sump-body-card--team,&lt;br /&gt;
.sump-body-card--thematic,&lt;br /&gt;
.sump-body-card--network {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card--steer::after,&lt;br /&gt;
.sump-body-card--team::after,&lt;br /&gt;
.sump-body-card--thematic::after,&lt;br /&gt;
.sump-body-card--network::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 4rem;&lt;br /&gt;
  height: 1rem;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center bottom;&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid.sump-bodies-grid--fig {&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card { padding: 1.1rem 1.1rem 1.2rem; }&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card__desc { margin-bottom: 0; }&lt;br /&gt;
.sump-body-card__fig {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  margin: .2rem 0 .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 120px;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig-4 { grid-template-columns: repeat(4, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig-4 .sump-body-card__fig img { width: 96px; }&lt;br /&gt;
.sump-body-card--steer::after { &lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;32.1 74.9 288.2 288.2&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,0,-499.588)&#039;%3E%3Cg id=&#039;Steering-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,-168.655,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,458.877,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,595.954,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,860.643,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,479.111,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,880.876,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,616.188,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,745.596,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,765.83,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;175.626&#039; cy=&#039;794.478&#039; r=&#039;44.165&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.58909,0,0,2.29942,330.035,-873.136)&#039;%3E%3Cpath d=&#039;M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z&#039; style=&#039;fill:white;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--team::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;28.3 75.1 286.3 286.3&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-456,-499.588)&#039;%3E%3Cg id=&#039;Project-Team&#039; transform=&#039;matrix(0.439206,0,0,0.512758,287.345,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,448.131,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,585.208,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,849.897,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,468.365,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,870.13,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,605.442,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,734.85,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,755.083,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1,0,0,1,-143.845,387.633)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;234.911&#039; cy=&#039;592.552&#039; r=&#039;26.261&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,389.099,-594.315)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--thematic::after {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;27.8 74.3 295.1 295.1&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-884.466,-499.588)&#039;%3E%3Cg id=&#039;Thematic-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,715.811,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,456.983,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,594.06,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,858.749,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,477.217,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,878.983,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,614.294,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,743.702,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,763.936,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)&#039;%3E%3Cpath d=&#039;M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:9.13px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.82293,0,0,1.56144,-1147.13,-290.898)&#039;%3E%3Cpath d=&#039;M1036.63,780.407L1085.35,780.407&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:20.82px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--network::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.7 55.7 310.5 310.5&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1275.81,-499.588)&#039;%3E%3Cg id=&#039;External-Network&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1107.16,304.74)&#039;%3E%3Cg transform=&#039;matrix(1.41038,0,0,1.20807,-1240,-95.8635)&#039;%3E%3Ccircle cx=&#039;1435.57&#039; cy=&#039;733.314&#039; r=&#039;90.265&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:26.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Callout --- */&lt;br /&gt;
.dreams-callout {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout p {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label img {&lt;br /&gt;
  height: 40px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Outskirts challenge box --- */&lt;br /&gt;
.sump-outskirts-box {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__head {&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  padding: .6rem 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .02em;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__body {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1.1rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Setup sequence --- */&lt;br /&gt;
.sump-sequence-wrap {&lt;br /&gt;
  margin: 1rem 0 1.5rem;&lt;br /&gt;
  counter-reset: seq;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item {&lt;br /&gt;
  counter-increment: seq;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  grid-template-rows: auto auto;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item::before {&lt;br /&gt;
  content: counter(seq);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  margin-top: 3px;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-desc {&lt;br /&gt;
  color: #333;&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 28px 10rem 1fr;&lt;br /&gt;
    grid-template-rows: auto;&lt;br /&gt;
    align-items: baseline;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-item::before {&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-label {&lt;br /&gt;
    grid-column: 2;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-desc {&lt;br /&gt;
    grid-column: 3;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
    font-size: inherit;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* --- Setup sequence, icon-tile variant --- */&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  grid-template-columns: 3.4rem 1fr;&lt;br /&gt;
  gap: 0 1rem;&lt;br /&gt;
  margin-bottom: 1.1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item::before {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.45rem;&lt;br /&gt;
  left: -0.45rem;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  width: 1.45rem;&lt;br /&gt;
  height: 1.45rem;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-size: 0.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon {&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon span,&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon a { display: block; }&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-label {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
  align-self: end;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-desc {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 3.4rem 10rem 1fr;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-icon { grid-row: 1; }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-label { grid-row: 1; align-self: auto; }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-desc { grid-column: 3; grid-row: 1; }&lt;br /&gt;
}&lt;br /&gt;
/* --- Handoff block --- */&lt;br /&gt;
.dreams-handoff {&lt;br /&gt;
  border-top: 1.5px solid var(--dreams-border);&lt;br /&gt;
  padding: 1rem 0 0;&lt;br /&gt;
  margin: 2rem 0 0;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .5rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__label::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 1.8em;&lt;br /&gt;
  height: 1.5em;&lt;br /&gt;
  margin-right: .5em;&lt;br /&gt;
  vertical-align: -0.4em;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive {&lt;br /&gt;
  background: none;&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: -1.25rem;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  bottom: 0;&lt;br /&gt;
  width: 12px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;16&#039; height=&#039;24&#039; viewBox=&#039;0 0 16 24&#039;%3E%3Cpath d=&#039;M8 0 Q14 6 8 12 Q2 18 8 24&#039; stroke=&#039;%235c4ce4&#039; stroke-width=&#039;2&#039; fill=&#039;none&#039; stroke-linecap=&#039;round&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  background-size: 12px 24px;&lt;br /&gt;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
          mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
  opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff__items {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .6rem;&lt;br /&gt;
  margin-top: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .75rem .9rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title a,&lt;br /&gt;
.dreams-handoff__item-title a.external {&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-source {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-top: .3rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Sources footer --- */&lt;br /&gt;
.sump-sources {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  padding-top: .85rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #4a4a4a;&lt;br /&gt;
  margin-bottom: .55rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item {&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  text-indent: -1rem;&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__ref {&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Prev / next navigation bar --- */&lt;br /&gt;
.sump-step__nav {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--top {&lt;br /&gt;
  margin: .5rem 0 1.75rem;&lt;br /&gt;
  padding-bottom: 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--bottom {&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  padding-top: 1rem;&lt;br /&gt;
  border-top: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav a { color: var(--dreams-primary); }&lt;br /&gt;
.sump-step__nav a:hover {&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333 !important;&lt;br /&gt;
  border: 1px solid #ccc;&lt;br /&gt;
  padding: .2rem .75rem;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a:hover { background: var(--dreams-tint); }&lt;br /&gt;
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }&lt;br /&gt;
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }&lt;br /&gt;
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }&lt;br /&gt;
/* overview slides into the gap: left on step 1, right on step 12 */&lt;br /&gt;
.sump-step__nav--first .sump-step__nav-prev { display: none; }&lt;br /&gt;
.sump-step__nav--last  .sump-step__nav-next { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP phase row ── */&lt;br /&gt;
.sump-phases {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));&lt;br /&gt;
  gap: 1.5rem;&lt;br /&gt;
  margin: 1.5rem 0 1.75rem;&lt;br /&gt;
  counter-reset: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  counter-increment: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item::before {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 2.2rem;&lt;br /&gt;
  height: 2.2rem;&lt;br /&gt;
  margin-bottom: 0.6rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::before,&lt;br /&gt;
.sump-phases__item--realize::before,&lt;br /&gt;
.sump-phases__item--eval::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  background-color: var(--dreams-tint);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
  background-size: 62%;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::after,&lt;br /&gt;
.sump-phases__item--realize::after,&lt;br /&gt;
.sump-phases__item--eval::after,&lt;br /&gt;
.sump-phases__item--fig::after {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.5rem;&lt;br /&gt;
  left: -0.5rem;&lt;br /&gt;
  width: 1.6rem;&lt;br /&gt;
  height: 1.6rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: 0.82rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-phases__item--fig::before { display: none; }&lt;br /&gt;
.sump-phases__fig {&lt;br /&gt;
  width: 5.2rem;&lt;br /&gt;
  height: 5.2rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig figure,&lt;br /&gt;
.sump-phases__fig span,&lt;br /&gt;
.sump-phases__fig a { display: block; width: 3.75rem; min-width: 0; margin: 0; }&lt;br /&gt;
.sump-phases__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 4.75rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig span img,&lt;br /&gt;
.sump-phases__fig a img { width: 100%; }&lt;br /&gt;
&lt;br /&gt;
/* per-phase glyphs */&lt;br /&gt;
.sump-phases__item--prep::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1854.82,-975.755)&#039;%3E%3Cg id=&#039;Preparation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1686.17,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.03662,0,0,1.01229,-3254.54,-198.641)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.35128,0,0,2.014,-4050.65,-1566.23)&#039;%3E%3Cpath d=&#039;M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.14px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--realize::before { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2283.29,-975.755)&#039;%3E%3Cg id=&#039;Realisation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2114.63,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.06694,-3472.54,-265.777)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)&#039;%3E%3Cpath d=&#039;M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:10.4px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--eval::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;38.5 55.7 301.9 301.9&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2674.63,-975.755)&#039;%3E%3Cg id=&#039;Evaluation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2505.98,780.907)&#039;%3E%3Cg transform=&#039;matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)&#039;%3E%3Cpath d=&#039;M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)&#039;%3E%3Cpath d=&#039;M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)&#039;%3E%3Cpath d=&#039;M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }&lt;br /&gt;
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* A. figure tiles */&lt;br /&gt;
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }&lt;br /&gt;
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }&lt;br /&gt;
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }&lt;br /&gt;
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }&lt;br /&gt;
&lt;br /&gt;
/* B. two-pane contrast */&lt;br /&gt;
.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }&lt;br /&gt;
.sump-versus__pane { display: flex; flex-direction: column; border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }&lt;br /&gt;
.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }&lt;br /&gt;
.sump-versus__head { font-weight:700; margin-bottom:.35rem; }&lt;br /&gt;
@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }&lt;br /&gt;
&lt;br /&gt;
.sump-versus__fig { margin-top: auto;  padding-top: 1em; margin-bottom:.6rem; }&lt;br /&gt;
.sump-versus__fig img { display:block; width:100%; height:auto; }&lt;br /&gt;
.sump-versus__fig--small {&lt;br /&gt;
  max-width: 60%;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-versus__fig--small img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* optional inline continuity marker */&lt;br /&gt;
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }&lt;br /&gt;
&lt;br /&gt;
.sump-roles dt {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.9em;&lt;br /&gt;
  margin: 1.4em 0 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt:first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt img {&lt;br /&gt;
  flex: 0 0 64px;&lt;br /&gt;
  width: 64px !important;&lt;br /&gt;
  height: 56px !important;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dd {&lt;br /&gt;
  margin: 0 0 0 calc(64px + 0.9em);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-lead-fig {&lt;br /&gt;
  float: right;&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  margin: 0 0 1em 2em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-fig img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Column layout: text and figure side by side, no wrapping */&lt;br /&gt;
.sump-lead {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-text {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
  float: none;&lt;br /&gt;
  flex: 0 0 260px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 720px) {&lt;br /&gt;
  .sump-lead { flex-direction: column-reverse; }&lt;br /&gt;
  .sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
    flex-basis: auto;&lt;br /&gt;
    width: 160px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-checklist {&lt;br /&gt;
  clear: both;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
  .sump-lead-fig {&lt;br /&gt;
    float: none;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    margin: 0 auto 1em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living-lab example box --- */&lt;br /&gt;
.dreams-lab {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .85rem 1.1rem 1rem;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-lab__tag {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  padding-bottom: .5rem;&lt;br /&gt;
  margin-bottom: .6rem;&lt;br /&gt;
  border-bottom: 1px solid var(--dreams-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-impact-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	grid-template-columns: 1fr;&lt;br /&gt;
	gap: 14px;&lt;br /&gt;
	margin: 1em 0 1.5em;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-card {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	padding: 1rem 1.1rem;&lt;br /&gt;
	background: #ffffff;&lt;br /&gt;
	border: 1px solid #e7e4f7;&lt;br /&gt;
	border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-head {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-icon {&lt;br /&gt;
	flex: none;&lt;br /&gt;
	width: 38px;&lt;br /&gt;
	height: 38px;&lt;br /&gt;
	border-radius: 10px;&lt;br /&gt;
	background-color: #f3f1ff;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	background-size: 24px 24px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-name {&lt;br /&gt;
	font-size: 1.05em;&lt;br /&gt;
	font-weight: 600;&lt;br /&gt;
	color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body {&lt;br /&gt;
	font-size: 0.95em;&lt;br /&gt;
	line-height: 1.6;&lt;br /&gt;
	color: #333333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body p { margin: 0; }&lt;br /&gt;
.dreams-impact-icon--accessibility { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200&#039;%20/%3E%3Cpath%20d=&#039;M7%2021l3%20-4&#039;%20/%3E%3Cpath%20d=&#039;M16%2021l-2%20-4l-3%20-3l1%20-6&#039;%20/%3E%3Cpath%20d=&#039;M6%2012l2%20-3l4%20-1l3%203l3%201&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--carbon { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M5%2021c.5%20-4.5%202.5%20-8%207%20-10&#039;%20/%3E%3Cpath%20d=&#039;M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--liveability { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%2013l-2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2012l2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2021v-13&#039;%20/%3E%3Cpath%20d=&#039;M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--health { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2012h4l3%208l4%20-16l3%208h4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--economic { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2021l18%200&#039;%20/%3E%3Cpath%20d=&#039;M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204&#039;%20/%3E%3Cpath%20d=&#039;M5%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M19%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--equity { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M7%2020l10%200&#039;%20/%3E%3Cpath%20d=&#039;M6%206l6%20-1l6%201&#039;%20/%3E%3Cpath%20d=&#039;M12%203l0%2017&#039;%20/%3E%3Cpath%20d=&#039;M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3Cpath%20d=&#039;M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--governance { background-image: url(&amp;quot;/wiki/Special:FilePath/DREAMS-impact-governance.svg&amp;quot;); }&lt;br /&gt;
&lt;br /&gt;
/* ── Partner logo bar (main page footer) ── */&lt;br /&gt;
.partner-logo-bar {&lt;br /&gt;
  margin: 2.5em 0 0;&lt;br /&gt;
  padding-top: 2em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__label {&lt;br /&gt;
  font-size: 0.72em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.09em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #8a8aaa;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
  width: calc(20% - 0.4em);&lt;br /&gt;
  min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
  padding: 6px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item img {&lt;br /&gt;
  max-height: 42px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item figure,&lt;br /&gt;
.partner-logo-bar__item .thumb,&lt;br /&gt;
.partner-logo-bar__item .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item .thumbcaption,&lt;br /&gt;
.partner-logo-bar__item .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--narrow img { max-width: 75px; }&lt;br /&gt;
.partner-logo-bar__item--boost img  { min-height: 58px; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a:hover {&lt;br /&gt;
  text-decoration: underline !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer {&lt;br /&gt;
  margin-top: 0.5em;&lt;br /&gt;
  padding-top: 1em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.75em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer img {&lt;br /&gt;
  max-height: 40px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer figure,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumb,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbcaption,&lt;br /&gt;
.partner-logo-bar__disclaimer .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .partner-logo-bar__row {&lt;br /&gt;
    grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
  .partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
    width: calc(33% - 0.4em);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-prereq {&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  padding: 1.1rem 1.3rem 1.2rem;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }&lt;br /&gt;
.sump-prereq__list { display: grid; gap: .65rem; }&lt;br /&gt;
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }&lt;br /&gt;
.sump-prereq__box {&lt;br /&gt;
  width: 1.2rem; height: 1.2rem; margin-top: .12rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary); border-radius: 4px;&lt;br /&gt;
  background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__text { line-height: 1.45; }&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__box {&lt;br /&gt;
  background-color: var(--dreams-primary);&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039;%3E%3Cpath fill=&#039;none&#039; stroke=&#039;%23ffffff&#039; stroke-width=&#039;3.5&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039; d=&#039;M5 12.5l4.5 4.5L19 7&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }&lt;br /&gt;
.sump-prereq--outcome {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq--outcome .sump-prereq__title {&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl { margin: 1.25rem 0; }&lt;br /&gt;
.sump-step dl dt {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  margin-top: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl dt:first-child { margin-top: 0; }&lt;br /&gt;
.sump-step dl dd {&lt;br /&gt;
  margin: .2rem 0 0 1.2rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Tool tutorial --- */&lt;br /&gt;
.dreams-tutorial { counter-reset: tut; margin: 1rem 0 2rem; }&lt;br /&gt;
.dreams-tutorial__step {&lt;br /&gt;
  counter-increment: tut;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  padding: 1.25rem 0;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__step:first-child { border-top: none; padding-top: 0; }&lt;br /&gt;
.dreams-tutorial__step::before {&lt;br /&gt;
  content: counter(tut);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__title { grid-column: 2; font-weight: 700; color: var(--dreams-primary); line-height: 24px; }&lt;br /&gt;
.dreams-tutorial__body  { grid-column: 2; line-height: 1.7; margin-top: .35rem; }&lt;br /&gt;
.dreams-tutorial__shot  { grid-column: 2; margin-top: .85rem; }&lt;br /&gt;
.dreams-tutorial__shot p { margin: 0; }&lt;br /&gt;
.dreams-tutorial img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial .sump-versus { grid-column: 2; margin: .85rem 0 0; }&lt;br /&gt;
.dreams-tutorial .sump-versus__pane { padding: .6rem; }&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .dreams-tutorial__step { grid-template-columns: 1fr; }&lt;br /&gt;
  .dreams-tutorial__step::before { margin-bottom: .4rem; }&lt;br /&gt;
  .dreams-tutorial__title, .dreams-tutorial__body,&lt;br /&gt;
  .dreams-tutorial__shot, .dreams-tutorial .sump-versus { grid-column: 1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-legend {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  max-width: 26rem;&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__scale {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  height: 12px;&lt;br /&gt;
  margin-bottom: .3rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band--1::before { background: #440154; border-radius: 3px 0 0 3px; }&lt;br /&gt;
.dreams-legend__band--2::before { background: #3b528b; }&lt;br /&gt;
.dreams-legend__band--3::before { background: #21918c; }&lt;br /&gt;
.dreams-legend__band--4::before { background: #5ec962; }&lt;br /&gt;
.dreams-legend__band--5::before { background: #fde725; border-radius: 0 3px 3px 0; }&lt;br /&gt;
.dreams-legend__ends {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  margin-top: .15rem;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 560px) { .dreams-legend { grid-column: 1; } }&lt;br /&gt;
&lt;br /&gt;
/* ── Tools overview cards ── */&lt;br /&gt;
.dreams-tools-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));&lt;br /&gt;
  gap: 22px;&lt;br /&gt;
  margin: 1.4em 0 1em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover,&lt;br /&gt;
.dreams-tool-card:focus-within {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 12px 28px rgba(92,76,228,0.16);&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  padding: 18px 20px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__icon img { display: block; width: 60px; height: 60px; }&lt;br /&gt;
.dreams-tool-card__kind {&lt;br /&gt;
  font-size: .75em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .25em .8em;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__body {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  padding: 16px 20px 18px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__title { font-size: 1.3em; font-weight: 700; line-height: 1.25; }&lt;br /&gt;
.dreams-tool-card__title a { color: var(--dreams-primary) !important; text-decoration: none !important; }&lt;br /&gt;
/* stretched link: the title link covers the whole card */&lt;br /&gt;
.dreams-tool-card__title a::after { content: &amp;quot;&amp;quot;; position: absolute; inset: 0; z-index: 1; }&lt;br /&gt;
.dreams-tool-card__title a:focus { outline: none; }&lt;br /&gt;
.dreams-tool-card__question {&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .7em;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__text { font-size: .95em; line-height: 1.6; color: #444; flex: 1; }&lt;br /&gt;
.dreams-tool-card__steps {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
  font-size: .8em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps-label { color: #777; font-weight: 600; margin-right: 2px; }&lt;br /&gt;
.dreams-tool-card__steps a,&lt;br /&gt;
.dreams-tool-card__launch a {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .15em .7em;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a:hover { border-color: var(--dreams-primary); }&lt;br /&gt;
.dreams-tool-card__foot {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
  margin-top: 4px;&lt;br /&gt;
  padding-top: 12px;&lt;br /&gt;
  border-top: 1px solid #eeeafd;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__cta { font-weight: 700; color: var(--dreams-primary); font-size: .95em; }&lt;br /&gt;
.dreams-tool-card__cta::after { &lt;br /&gt;
  content: &amp;quot;\2192&amp;quot;;          &lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  margin-left: .35em;       &lt;br /&gt;
  transition: transform .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover .dreams-tool-card__cta::after { transform: translateX(4px); }&lt;br /&gt;
.dreams-tool-card__launch { font-size: .85em; }&lt;br /&gt;
.dreams-tool-card__launch a,&lt;br /&gt;
.dreams-tool-card__launch a.external { color: var(--dreams-dark) !important; background: none !important; padding-right: 0 !important; }&lt;br /&gt;
&lt;br /&gt;
/* --- link row --- */&lt;br /&gt;
.dreams-linkrow {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  margin: .75rem 0 1.5rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow &amp;gt; p { display: contents; }&lt;br /&gt;
.dreams-linkrow a {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .4em;&lt;br /&gt;
  padding: .3rem .75rem;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  transition: background .15s, border-color .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a::after {&lt;br /&gt;
  content: &amp;quot;→&amp;quot;;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  transition: transform .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover::after { transform: translateX(2px); }&lt;br /&gt;
.dreams-linkrow__meta {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Living_Labs/5&amp;diff=2257</id>
		<title>Living Labs/5</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Living_Labs/5&amp;diff=2257"/>
		<updated>2026-10-21T22:21:44Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{LivingLab&lt;br /&gt;
|name=Brussels&lt;br /&gt;
|country=Belgium&lt;br /&gt;
|city=Brussels&lt;br /&gt;
|neighbourhood=Neder-Over-Heembeek&lt;br /&gt;
|begin-date=2025-04-01&lt;br /&gt;
|end-date=2026-02-01&lt;br /&gt;
|participating-organizations=Mpact (Living Lab management); VUB (academic partner) ; Cambio (car-sharing and cargo-bike fleet provider) ; Brussels mobility (cooperation partner) ; Mobitwin (social taxi service operated by Mpact) ; MonkeyDonkey (cargo-bike provider) ; GC Nohva (community centre); Ferme Nos Pilifs (an adapted-work enterprise offering an organic grocery among other services)&lt;br /&gt;
|location=50.89636, 4.38871&lt;br /&gt;
|description=The Brussels Living Lab tested three shared mobility solutions in Neder-Over-Heembeek: a peer-to-peer company car-sharing scheme, shared cargo bikes, and a social taxi service using volunteer drivers provided with carsharing vehicles. Alongside these pilots, the Living Lab also worked to identify viable business and governance models for this type of service, including the potential of flexible mobility-activity hubs at existing highly-frequented locations.&lt;br /&gt;
|focus=Neder-Over-Heembeek is a Brussels district, administratively part of the City of Brussels but located relatively far from the city centre, with a sentiment among residents of being &amp;quot;forgotten&amp;quot; in terms of mobility public services. The area has a lower availability of public transport and micromobility services, and the car dependency among residents is higher compared to other and more central districts, even though a tram line connecting the district to the city centre was inaugurated in 2023. This combination of administrative inclusion and relative distance from central services in Neder-Over-Heembeek, has made it a prime candidate for one of the Living Labs of the DREAMS project, focused on reducing car dependency in urban outskirts.&lt;br /&gt;
|approach=The aim of the experiment was to test whether a partnership-based shared mobility service, rather than a new standalone offer built specifically for the Living Lab, could reduce car dependency for occasional trips in Neder-over-Heembeek. &lt;br /&gt;
&lt;br /&gt;
Three interventions were designed around existing operators, each relying on the partner&#039;s own infrastructure and pricing model: &lt;br /&gt;
*a peer-to-peer service car-sharing scheme (Cozywheels), &lt;br /&gt;
*a cargo-bike sharing pilot (ShareABike, later MonkeyDonkey) &lt;br /&gt;
*a social taxi service combining volunteer drivers using car-sharing fleet (Mobitwin by Cambio). &lt;br /&gt;
&lt;br /&gt;
A peer-to-peer company car-sharing scheme (Cozywheels) was assessed through market consultation only, after legal and financial constraints ruled out an active pilot.&lt;br /&gt;
&lt;br /&gt;
The shared cargo-bike offer was chosen because Cambio (a carsharing operator) was already developing a shared cargo-bike offer in Brussels through its Cargo Bike program, making a local extension straightforward to set up; success here would have meant sustained bike usage beyond the pilot period. &lt;br /&gt;
&lt;br /&gt;
The social taxi service “Mobitwin by Cambio” intervention was chosen because it addressed a concrete operational problem raised by Mobitwin itself, a shrinking volunteer pool tied to declining private car ownership. Success here meant financial viability, since a sustainable model would let the service keep improving access to essential services for people with reduced mobility rather than depend on one-off funding, without generating a structural loss for Mpact.&lt;br /&gt;
|interventions=#&#039;&#039;&#039;Cargo bike sharing, phase 1 (April-May 2025)&#039;&#039;&#039;: Two free cargo bikes via the ShareABike platform: one at GC Nohva, one at Ferme Nos Pilifs.&amp;lt;br&amp;gt;&#039;&#039;Partners:&#039;&#039; ShareABike, Cambio, MonkeyDonkey, GC Nohva, Ferme Nos Pilifs&lt;br /&gt;
#&#039;&#039;&#039;Cargo bike sharing, phase 2 (September-October 2025)&#039;&#039;&#039;: Two MonkeyDonkey cargo bikes (front-loader and back-loader), both relocated to GC Nohva, using MonkeyDonkey&#039;s own app and locks.&amp;lt;br&amp;gt;&#039;&#039;Partners:&#039;&#039; MonkeyDonkey, GC Nohva&lt;br /&gt;
#&#039;&#039;&#039;Social taxi (Mobitwin by Cambio)&#039;&#039;&#039;: Volunteer drivers use Cambio carsharing vehicles free of charge to transport persons with limited mobility.&amp;lt;br&amp;gt;&#039;&#039;Partners:&#039;&#039; Cambio, Mobitwin (Mpact)&lt;br /&gt;
#&#039;&#039;&#039;Peer-to-peer car-sharing service (Cozywheels) - Aborted&#039;&#039;&#039;: Peer-to-peer vehicle sharing between businesses and local residents outside business hours. Aborted after market consultation: no interest due to fiscal treatment, key-exchange logistics and reputation concerns.&amp;lt;br&amp;gt;&#039;&#039;Partners:&#039;&#039; Cozywheels (Mpact)&lt;br /&gt;
|what-happened=The cargo-bike pilot ran in two phases. The first, launched in April to May 2025 through the ShareABike platform (platform to unlock the bikes), placed two free bikes at different locations: one at GC Nohva, supplied by Cambio, and one at Ferme Nos Pilifs, supplied by MonkeyDonkey. Both saw very low usage. At GC Nohva, the bike stood behind a gate, was not visible from the street, and lacked communication material. At Ferme Nos Pilifs, the bike was parked at the back of a lot, exposed to rain, and located at a shop the user first had to visit before taking the bike home, which added friction to the process. The ShareABike app itself was only available in French, required the project manager to manually add each user, and had a complex unlocking process with locks that did not always work. The result was 5 registered users at GC Nohva and none at Ferme Nos Pilifs.&lt;br /&gt;
&lt;br /&gt;
The pilot was relaunched in September to October 2025 with two MonkeyDonkey bikes, a front-loader and a back-loader, both relocated to GC Nohva. This phase dropped ShareABike entirely in favour of MonkeyDonkey&#039;s own app, which came with automated registration, multi-language support, better visibility, and easier access. Communication was reinforced with 500 flyers distributed in the village centre. Usage picked up immediately, with 8 additional participants signing up the day after flyering, and usage remained higher than in the first attempt throughout the pilot. MonkeyDonkey subsequently decided to continue operating in the area after the pilot ended, the clearest sign of viability across the three Brussels interventions.&lt;br /&gt;
&lt;br /&gt;
Mobitwin by Cambio intervention followed a slower path. Volunteer recruitment opened in November 2025 through a Facebook post on the Mobitwin page, a Cambio newsletter, and dedicated flyers, but uptake stayed low, pushing the timeline from an initial November to December 2025 window to December 2025 to February 2026. Cambio&#039;s own operational rules constrained the pilot from the start: drivers had to be existing Cambio clients for more than six months, rides were only allowed on weekdays between 10:00 and 16:00, and no more than 10 volunteer drivers were admitted. Mpact requested that Cambio relax the six-month membership rule to widen the volunteer pool, but this was not possible. A geographic mismatch between where volunteers were registered and where demand was highest, combined with a matching algorithm that prioritised the shortest driver-to-client distance, further reduced the number of possible matches. In practice, only three rides were completed in January 2026 and none in February. Every completed trip was loss-making once matched against the profitability simulation: Cambio&#039;s cost structure charges by duration and distance, while Mobitwin&#039;s revenue is calculated per kilometre only, so long reservations covering short distances, which volunteers tend to book to guarantee vehicle availability, systematically cost more than they earn. A fixed monthly Cambio subscription fee of ten euros, not included in the original budget, still applied in February despite zero usage, producing a net financial loss each month. &lt;br /&gt;
&lt;br /&gt;
Peer-to-peer car-sharing service (Cozywheels) stayed at the exploration stage. Market consultation confirmed interest in a company neighbour car-sharing model in principle, but potential partners ultimately showed no interest, citing fiscal treatment, the logistics of exchanging keys, and reputation management concerns. No active pilot followed.&lt;br /&gt;
&lt;br /&gt;
Throughout the interventions, the local host site GC Nohva in Neder-over-Heembeek was visited on a bi-weekly basis, and stakeholder communication with Cambio and Mobitwin took place through a mix of digital and in-person meetings, alongside direct email and phone contact with volunteers.&lt;br /&gt;
|learnings=The main lesson from the “Mobitwin by Cambio” pilot is that a duration-based cost structure and a distance-based revenue structure do not combine well at low trip volumes: any partner considering a similar car-sharing-backed social taxi model should first check whether the two pricing logics are compatible, and at what minimum trip volume the model breaks even, before committing to a pilot.&lt;br /&gt;
&lt;br /&gt;
Two further takeaways follow from the data collected:&lt;br /&gt;
&lt;br /&gt;
*First, fixed costs (here, a monthly subscription fee) matter disproportionately when usage is low, so they should be modelled from the start rather than added after the fact.&lt;br /&gt;
*Second, the cargo-bike experience shows that visibility, communication and equipment reliability can determine whether a sound concept succeeds or fails. The same intervention, run twice with the same partners, produced a discontinued pilot and then a service the operator chose to keep it. With hindsight, running a small-scale financial stress test against realistic (low) volume scenarios before launch, as was eventually done for Mobitwin after the fact, would have surfaced the viability risk earlier.&lt;br /&gt;
|headline-image=BrusselsBikeSharing.jpg&lt;br /&gt;
|images=BrusselsBike2.jpg;&lt;br /&gt;
BrusselsBike1.jpg;&lt;br /&gt;
BrusselsLL.png/Cover for the Brussels LL&lt;br /&gt;
|quote=“What I appreciated most about taking part in this pilot project as a volunteer driver was the social side of it, being able to help people regain a bit of independence”&lt;br /&gt;
|quote-attribution=participant from the Mobitwin by Cambio pilot.&lt;br /&gt;
|related-steps=[[Select measure packages with stakeholders|SUMP Step 7: Select measure packages with stakeholders]]&amp;lt;br&amp;gt;[[Prepare for adoption and financing|SUMP Step 9: Prepare for adoption and financing]]&lt;br /&gt;
|accessibility-tool=https://minutemap.online/&lt;br /&gt;
|survey-results=https://dreams.mobyome.at/index.php?title=Special:Radarchart&amp;amp;file=File:ResimobSurvey-Brussels.csv&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=SUMP_Process&amp;diff=2256</id>
		<title>SUMP Process</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=SUMP_Process&amp;diff=2256"/>
		<updated>2026-10-20T20:55:33Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;__NOTOC__&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
To achieve the goals of accessible, sustainable, and inclusive &#039;&#039;&#039;15mC neighbourhoods in urban outskirts&#039;&#039;&#039;, a structured planning approach is essential. The Sustainable Urban Mobility Planning (SUMP) process provides a comprehensive framework to guide cities through the development and implementation of effective mobility strategies. The journey on this page is not the standard SUMP cycle, however. DREAMS has adapted the EU SUMP 2.0 Guidelines specifically for the urban outskirts, keeping the official twelve steps but focusing each one on the conditions that set these areas apart, such as longer distances to everyday services and planning that crosses municipal boundaries. This page outlines the four phases of that adapted process, each designed to address specific aspects of mobility planning at the edge of the city.&lt;br /&gt;
&lt;br /&gt;
Begin at [[Set up working structures|step one]], or use the four phases below to jump straight to the step you are working on now.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__phase&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__head&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__num&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Preparation and analysis&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__desc&amp;quot;&amp;gt;Set up who plans, agree the ground rules, and read the real mobility situation in the outskirts.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__steps&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;[[Set up working structures]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;[[Determine the planning framework]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;[[Analyse the mobility situation]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__phase&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__head&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__num&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Strategy development&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__desc&amp;quot;&amp;gt;Turn that reading into a shared vision and a small set of measurable targets.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__steps&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;[[Build and jointly assess scenarios]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;[[Develop vision and strategy with stakeholders]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;[[Set targets and indicators]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__phase&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__head&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__num&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Measure planning&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__desc&amp;quot;&amp;gt;Choose the interventions that fit the area and secure the means to deliver them.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__steps&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;7&amp;lt;/span&amp;gt;[[Select measure packages with stakeholders]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;[[Agree actions and responsibilities]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;9&amp;lt;/span&amp;gt;[[Prepare for adoption and financing]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__phase&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__head&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__num&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Implementation and monitoring&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__desc&amp;quot;&amp;gt;Put the measures in place, watch what happens, and feed the lessons back into the cycle.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__steps&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;[[Manage implementation]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;11&amp;lt;/span&amp;gt;[[Monitor adapt and communicate|Monitor, adapt and communicate]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;12&amp;lt;/span&amp;gt;[[Review and learn lessons]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;p class=&amp;quot;sump-journey-cycle&amp;quot;&amp;gt;The four phases run as a cycle. Review and learn lessons feeds back into the next round of preparation and analysis.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
See the process in practice across the six DREAMS [[Living Lab Overview]], or read the canonical framework this journey adapts, the [https://urban-mobility-observatory.transport.ec.europa.eu/sustainable-urban-mobility-plans/sump-guidelines-and-decision-makers-summary_en EU SUMP 2.0 Guidelines] on the EU Urban Mobility Observatory.&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Sources.&#039;&#039;&#039; EU SUMP Guidelines, Second Edition (Rupprecht Consult, ed., 2019), via Eltis and the EU Urban Mobility Observatory. DREAMS living-lab evidence, Deliverable 3.1, Accessibility Modelling Framework.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=SUMP_Process&amp;diff=2255</id>
		<title>SUMP Process</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=SUMP_Process&amp;diff=2255"/>
		<updated>2026-10-20T20:55:09Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;__NOTOC__&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
To achieve the goals of accessible, sustainable, and inclusive 15mC neighbourhoods in urban outskirts, a structured planning approach is essential. The Sustainable Urban Mobility Planning (SUMP) process provides a comprehensive framework to guide cities through the development and implementation of effective mobility strategies. The journey on this page is not the standard SUMP cycle, however. DREAMS has adapted the EU SUMP 2.0 Guidelines specifically for the urban outskirts, keeping the official twelve steps but focusing each one on the conditions that set these areas apart, such as longer distances to everyday services and planning that crosses municipal boundaries. This page outlines the four phases of that adapted process, each designed to address specific aspects of mobility planning at the edge of the city.&lt;br /&gt;
&lt;br /&gt;
Begin at [[Set up working structures|step one]], or use the four phases below to jump straight to the step you are working on now.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__phase&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__head&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__num&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Preparation and analysis&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__desc&amp;quot;&amp;gt;Set up who plans, agree the ground rules, and read the real mobility situation in the outskirts.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__steps&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;[[Set up working structures]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;[[Determine the planning framework]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;[[Analyse the mobility situation]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__phase&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__head&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__num&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Strategy development&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__desc&amp;quot;&amp;gt;Turn that reading into a shared vision and a small set of measurable targets.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__steps&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;[[Build and jointly assess scenarios]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;[[Develop vision and strategy with stakeholders]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;6&amp;lt;/span&amp;gt;[[Set targets and indicators]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__phase&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__head&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__num&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Measure planning&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__desc&amp;quot;&amp;gt;Choose the interventions that fit the area and secure the means to deliver them.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__steps&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;7&amp;lt;/span&amp;gt;[[Select measure packages with stakeholders]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;8&amp;lt;/span&amp;gt;[[Agree actions and responsibilities]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;9&amp;lt;/span&amp;gt;[[Prepare for adoption and financing]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__phase&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__head&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__num&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;Implementation and monitoring&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__desc&amp;quot;&amp;gt;Put the measures in place, watch what happens, and feed the lessons back into the cycle.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__steps&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;[[Manage implementation]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;11&amp;lt;/span&amp;gt;[[Monitor adapt and communicate|Monitor, adapt and communicate]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-journey__step&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-journey__step-num&amp;quot;&amp;gt;12&amp;lt;/span&amp;gt;[[Review and learn lessons]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;p class=&amp;quot;sump-journey-cycle&amp;quot;&amp;gt;The four phases run as a cycle. Review and learn lessons feeds back into the next round of preparation and analysis.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
See the process in practice across the six DREAMS [[Living Lab Overview]], or read the canonical framework this journey adapts, the [https://urban-mobility-observatory.transport.ec.europa.eu/sustainable-urban-mobility-plans/sump-guidelines-and-decision-makers-summary_en EU SUMP 2.0 Guidelines] on the EU Urban Mobility Observatory.&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;Sources.&#039;&#039;&#039; EU SUMP Guidelines, Second Edition (Rupprecht Consult, ed., 2019), via Eltis and the EU Urban Mobility Observatory. DREAMS living-lab evidence, Deliverable 3.1, Accessibility Modelling Framework.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Publications/4&amp;diff=2254</id>
		<title>Publications/4</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Publications/4&amp;diff=2254"/>
		<updated>2026-10-20T19:56:50Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Publication&lt;br /&gt;
|title=D2.3. Understanding and benchmarking the existing travel and destination selection behaviours&lt;br /&gt;
|authors=Georgia Charalampidou, Universität für Bodenkultur Wien (BOKU);&lt;br /&gt;
Roman Klementschitz, Universität für Bodenkultur Wien (BOKU);&lt;br /&gt;
Yusak Susilo, Universität für Bodenkultur Wien (BOKU)&lt;br /&gt;
|description=One of the sub-objectives of the DREAMS project is to provide a thorough understanding of the 15-minute city lifestyles and accessibility needs of different population groups in Vienna, Utrecht, Brussels, Budapest, Île-de-France and Munich. This deliverable (D2.3) presents the results of a comprehensive and comparative analysis of the 15mC lifestyles and travel needs of people living in the study areas.&lt;br /&gt;
|category=Deliverable&lt;br /&gt;
|file=Media:DREAMS T2 3 Deliverable 17032025 Final.pdf&lt;br /&gt;
|date=2025-03-17&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Publications/8&amp;diff=2253</id>
		<title>Publications/8</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Publications/8&amp;diff=2253"/>
		<updated>2026-10-20T19:56:07Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Publication&lt;br /&gt;
|title=D4.2. Perceived accessibility of 15-minute neighbourhoods from residents living in the urban outskirts&lt;br /&gt;
|authors=Daniela Arias Molinares, University of Twente(UT); &lt;br /&gt;
Dylan van Bezooijen, University of Twente(UT); &lt;br /&gt;
Ognjen Bobičić, Budapest University of Technology and Economics (BME);&lt;br /&gt;
Domokos Esztergár-Kiss, Budapest University of Technology and Economics (BME);&lt;br /&gt;
Karst Geurs, University of Twente (UT);&lt;br /&gt;
Anna Grigolon, University of Twente(UT);&lt;br /&gt;
Baran Ulak, University of Twente(UT);&lt;br /&gt;
Georgia Charalampidou, Universität für Bodenkultur Wien (BOKU);&lt;br /&gt;
Ana Clara Caixeta, Technical University Munich (TUM);&lt;br /&gt;
Bartosz McCormick, Technical University Munich (TUM); &lt;br /&gt;
David Duran-Rodas, Technical University Munich (TUM);&lt;br /&gt;
Yusak Susilo, Universität für Bodenkultur Wien (BOKU);&lt;br /&gt;
Linda Dörrza, Vienna University of Technology, (TU WIEN);&lt;br /&gt;
Charlotte van Vessem, Vrije Universiteit Brussel (VUB);&lt;br /&gt;
Imre Keserű, Vrije Universiteit Brussel (VUB);&lt;br /&gt;
Stephanie Geertma, Hogeschool Utrecht (HU);&lt;br /&gt;
Heythem Adjeroud, University Gustave Eiffel (UGE);&lt;br /&gt;
Alain L’Hostis, University Gustave Eiffel (UGE);&lt;br /&gt;
|description=In this deliverable, we describe and analyse a large-scale accessibility survey filled in by more than 2100 respondents living in the urban outskirts of Brussels, Budapest, Munich, Paris, Vienna and Utrecht.&lt;br /&gt;
|category=Deliverable&lt;br /&gt;
|file=media:2026_06_12_Deliverable4.2_FINAL.pdf&lt;br /&gt;
|date=2026-06-05&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Publications/9&amp;diff=2252</id>
		<title>Publications/9</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Publications/9&amp;diff=2252"/>
		<updated>2026-10-20T19:55:24Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Publication&lt;br /&gt;
|title=D5.2. Report on the Implementation of Living Labs&lt;br /&gt;
|authors=Domokos Esztergár-Kiss (BME) ; Attila Aba (BME);&lt;br /&gt;
|description=This deliverable reports on the implementation of six Living Labs in Brussels, Budapest, Munich/Geretsried, Utrecht, Paris, and Vienna within the DREAMS project.&lt;br /&gt;
|category=Deliverable&lt;br /&gt;
|file=Media:DREAMS D5.2 Final.pdf&lt;br /&gt;
|date=2026-07-30&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Publications/7&amp;diff=2251</id>
		<title>Publications/7</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Publications/7&amp;diff=2251"/>
		<updated>2026-10-20T19:54:55Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{Publication&lt;br /&gt;
|title=D3.1. The DREAMS Accessibility Modeling Framework  for Decision Support in X-Minute City Planning&lt;br /&gt;
|authors=Bartosz McCormick (TUM); Daniela Arias-Molinares (UT); Dylan van Bezooijen (UT); Karst Geurs (UT); David Duran-Rodas (TUM); Benjamin Büttner (TUM)&lt;br /&gt;
|description=The aim of this deliverable is to introduce and demonstrate the accessibility modeling framework of the DREAMS Accessibility Tool (DAT). The framework can support all four main steps of the SUMP process: preparation and analysis, strategy development, measure planning, implementation, and monitoring.&lt;br /&gt;
|category=Deliverable&lt;br /&gt;
|file=Media:Deliverable_3_1.pdf&lt;br /&gt;
|date=2026-06-03&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2250</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2250"/>
		<updated>2026-10-20T09:56:40Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS placed here will be applied to all skins */&lt;br /&gt;
.navbar-brand img {&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.firstHeading {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.external.text {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.grid-container {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.square {&lt;br /&gt;
  padding: 30px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-family: Arial, sans-serif;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  color: white;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  min-height: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.blue { background-color: #2D8CFF; }&lt;br /&gt;
.red { background-color: #FF4757; }&lt;br /&gt;
.green { background-color: #2ED573; }&lt;br /&gt;
.yellow { background-color: #FFD32A; }&lt;br /&gt;
.orange { background-color: #fee4cb; }&lt;br /&gt;
.hue1 { background-color: #5c4ce4; }&lt;br /&gt;
.hue2 { background-color: #8068ff; }&lt;br /&gt;
.hue3 { background-color: #a386ff; }&lt;br /&gt;
.hue4 { background-color: #c6a4ff; }&lt;br /&gt;
.hue5 { background-color: #e9c4ff; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Main Page ── */&lt;br /&gt;
.__NOTOC__ + * { margin-top: 0; }&lt;br /&gt;
&lt;br /&gt;
.main-hero {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  padding: 2em 0 2.5em;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__text { flex: 1; min-width: 280px; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__tag {&lt;br /&gt;
  font-size: 0.75em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  margin-bottom: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__title {&lt;br /&gt;
  font-size: 1.7em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  color: #1a1a2e;&lt;br /&gt;
  margin: 0 0 0.6em;&lt;br /&gt;
  border: none;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
  max-width: 580px;&lt;br /&gt;
  margin-bottom: 1.2em;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo figure,&lt;br /&gt;
.main-hero__logo .thumb,&lt;br /&gt;
.main-hero__logo .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo .thumbcaption,&lt;br /&gt;
.main-hero__logo .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a,&lt;br /&gt;
a.main-hero__btn {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: 0.5em 1.2em;&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn--outline a {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  border: 2px solid #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a:hover { opacity: 0.85; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: stretch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-section {&lt;br /&gt;
  margin-bottom: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr 1fr;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro__col {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-labs {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  padding: 0.4em 1em;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a:hover {&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  border-color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));&lt;br /&gt;
  gap: 1em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  padding: 0.8em 1em;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .main-hero { flex-direction: column; }&lt;br /&gt;
  .main-intro { grid-template-columns: 1fr; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* DREAMers team layout */&lt;br /&gt;
.dreamer-section { &lt;br /&gt;
  margin: 22px 0 30px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__head {&lt;br /&gt;
  margin: 4px 0 14px;&lt;br /&gt;
  border-left: 4px solid rgb(92,76,228);&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__title {&lt;br /&gt;
  font-size: 1.25em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle:empty { &lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, 260px);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid &amp;gt; p {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card {&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 250px;       &lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap pre {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: none;&lt;br /&gt;
  background: none;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap a {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;    &lt;br /&gt;
  object-fit: cover;   &lt;br /&gt;
  object-position: center top; &lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__body {&lt;br /&gt;
  padding: 10px 14px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__name {&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__role {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta {&lt;br /&gt;
  color: #72777d;&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap figure,&lt;br /&gt;
.dreamer-card__imgwrap .thumb,&lt;br /&gt;
.dreamer-card__imgwrap .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap .thumbcaption,&lt;br /&gt;
.dreamer-card__imgwrap .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta:empty { display: none; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Event detail page ── */&lt;br /&gt;
.event-detail { margin-top: 8px; }&lt;br /&gt;
&lt;br /&gt;
.event-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  padding-bottom: 0px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.event-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event image gallery ── */&lt;br /&gt;
.event-gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery &amp;gt; p { display: none; }&lt;br /&gt;
.event-gallery__item {&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(92,76,228,0.08);&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery__item a,&lt;br /&gt;
.event-gallery__item span,&lt;br /&gt;
.event-gallery__item .thumb,&lt;br /&gt;
.event-gallery__item .thumbinner {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: none !important;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item img {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 260px;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item .thumbcaption,&lt;br /&gt;
.event-gallery__item .magnify { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Strip thumb borders inside event gallery */&lt;br /&gt;
.event-gallery .thumb {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbimage {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbcaption,&lt;br /&gt;
.event-gallery .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event Card ── */&lt;br /&gt;
.event-card {&lt;br /&gt;
  border: 1px solid #dde;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f9f9fc;&lt;br /&gt;
  width: 300px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 160px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #eef;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Strip MediaWiki thumb wrapper inside event cards */&lt;br /&gt;
.event-card-image figure,&lt;br /&gt;
.event-card-image figure.mw-default-size,&lt;br /&gt;
.event-card-image .thumb,&lt;br /&gt;
.event-card-image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image .thumbcaption,&lt;br /&gt;
.event-card-image .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  object-fit: cover !important;&lt;br /&gt;
  object-position: center !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder {&lt;br /&gt;
  background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 50%;&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translate(-50%, -50%);&lt;br /&gt;
  width: 2.5em;&lt;br /&gt;
  height: 2.5em;&lt;br /&gt;
  opacity: 0.35;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;none&#039; stroke=&#039;%23334&#039; stroke-width=&#039;1.8&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039;%3E%3Crect x=&#039;3&#039; y=&#039;4&#039; width=&#039;18&#039; height=&#039;18&#039; rx=&#039;2&#039;/%3E%3Cline x1=&#039;16&#039; y1=&#039;2&#039; x2=&#039;16&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;8&#039; y1=&#039;2&#039; x2=&#039;8&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;3&#039; y1=&#039;10&#039; x2=&#039;21&#039; y2=&#039;10&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-body {&lt;br /&gt;
  padding: 1em 1.2em;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 0.4em;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-tag {&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  background: #4a5dcc;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  padding: 0.15em 0.55em;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  align-self: flex-start;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-title {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  font-size: 1em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-location {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-desc {&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-readmore {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  margin-top: 0.4em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Publication detail page ── */&lt;br /&gt;
.publication-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.publication-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__section { margin-top: 24px; }&lt;br /&gt;
.publication-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
.publication-authors {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
.publication-author {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  padding: 5px 12px;&lt;br /&gt;
  font-size: 0.92em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Labs overview grid ── */&lt;br /&gt;
.living-labs-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 180px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image figure,&lt;br /&gt;
.living-lab-card__image .thumb,&lt;br /&gt;
.living-lab-card__image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image .thumbcaption,&lt;br /&gt;
.living-lab-card__image .magnify { display: none !important; }&lt;br /&gt;
.living-lab-card__body {&lt;br /&gt;
  padding: 14px 16px 16px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name {&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name a { color: #5c4ce4 !important; text-decoration: none !important; }&lt;br /&gt;
.living-lab-card__name a:hover { text-decoration: underline !important; }&lt;br /&gt;
.living-lab-card__desc {&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Lab detail page ── */&lt;br /&gt;
.living-lab-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.living-lab-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__section { margin-bottom: 28px; }&lt;br /&gt;
.living-lab-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 8px;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  padding-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__text {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  max-width: 820px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__map { max-width: 820px; }&lt;br /&gt;
.living-lab-detail__map .maps-map { width: 100% !important; }&lt;br /&gt;
&lt;br /&gt;
/* headline image */&lt;br /&gt;
.living-lab-detail__hero { margin: 0 0 6px; max-width: 100%; }&lt;br /&gt;
.living-lab-detail__hero :is(figure, span, a) {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-caption {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-credit { color: #888; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  margin: 0 0 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* interventions list */&lt;br /&gt;
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }&lt;br /&gt;
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }&lt;br /&gt;
.living-lab-detail__interventions li b,&lt;br /&gt;
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }&lt;br /&gt;
.living-lab-detail__interventions li i { color: #666; }&lt;br /&gt;
&lt;br /&gt;
/* gallery */&lt;br /&gt;
.living-lab-detail__gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));&lt;br /&gt;
  gap: 20px 16px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__gallery &amp;gt; p { display: none; }   /* stray parser &amp;lt;p&amp;gt; */&lt;br /&gt;
.living-lab-detail__figure { min-width: 0; margin: 0; }&lt;br /&gt;
.living-lab-detail__figure :is(figure, span, a, .thumb, .thumbinner) {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  aspect-ratio: 4 / 3;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure .thumbcaption,&lt;br /&gt;
.living-lab-detail__figure .magnify { display: none !important; }&lt;br /&gt;
.living-lab-detail__figure-caption {&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living Lab resource cards (accessibility tool + survey) --- */&lt;br /&gt;
.dreams-resource-cards {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
  margin-top: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  padding: 1rem 1.1rem 1.1rem;&lt;br /&gt;
  transition: border-color .15s ease, box-shadow .15s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card:hover {&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(92, 76, 228, 0.12);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin: 0 0 .35rem;&lt;br /&gt;
  min-height: 1.6em;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: left center;&lt;br /&gt;
  background-size: 1.6em 1.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title,&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  padding-left: 2.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.7%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.4%27%20fill%3D%27%235c4ce4%27%20stroke%3D%27none%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%276.2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%20stroke-opacity%3D%270.5%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2712%2C2%2021.5%2C9%2017.8%2C20.5%206.2%2C20.5%202.5%2C9%27%2F%3E%3Cpolygon%20points%3D%2712%2C7%2016.6%2C10.4%2014.9%2C16%209.1%2C16%207.4%2C10.4%27%20fill%3D%27%235c4ce4%27%20fill-opacity%3D%270.22%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2712%27%20y2%3D%272%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2721.5%27%20y2%3D%279%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2717.8%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%276.2%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%272.5%27%20y2%3D%279%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__text {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a,&lt;br /&gt;
.dreams-resource-card__action a.external {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--dreams-primary) !important;&lt;br /&gt;
  color: var(--dreams-text-on) !important;&lt;br /&gt;
  padding: .45em 1.05em !important;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a:hover,&lt;br /&gt;
.dreams-resource-card__action a.external:hover { background: var(--dreams-dark) !important; }&lt;br /&gt;
&lt;br /&gt;
.dreams-btn {&lt;br /&gt;
  line-height: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-btn a,&lt;br /&gt;
.dreams-btn a.external.text {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background-color: var(--dreams-primary) !important;&lt;br /&gt;
  border: 1px solid var(--dreams-primary) !important;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: .375rem .75rem !important;&lt;br /&gt;
  border-radius: .375rem;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  line-hight: normal;&lt;br /&gt;
}&lt;br /&gt;
.dreams-btn a:hover,&lt;br /&gt;
.dreams-btn a.external.text:hover {&lt;br /&gt;
  background-color: var(--dreams-dark) !important;&lt;br /&gt;
  border-color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP overview  ── */&lt;br /&gt;
.sump-journey {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 1rem;&lt;br /&gt;
  margin: 1.75rem 0;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 720px) {&lt;br /&gt;
  .sump-journey { grid-template-columns: 1fr 1fr; }&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase {&lt;br /&gt;
  border: 1px solid var(--dreams-border, #e0e0e0);&lt;br /&gt;
  border-top: 4px solid var(--sump-accent, #5c4ce4);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  padding: 1rem 1.15rem 1.2rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }&lt;br /&gt;
.sump-journey__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  margin: 0 0 .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__head h3 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  font-size: 1.1rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__num {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 1.9rem;&lt;br /&gt;
  height: 1.9rem;&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: .95rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__desc {&lt;br /&gt;
  margin: 0 0 .85rem;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__steps {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step-num {&lt;br /&gt;
  flex: 0 0 1.5rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }&lt;br /&gt;
.sump-journey-cycle {&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: #777;&lt;br /&gt;
  margin: .25rem 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Brand tokens --- */&lt;br /&gt;
:root {&lt;br /&gt;
  --dreams-primary: #5c4ce4;&lt;br /&gt;
  --dreams-tint:    #f3f1ff;&lt;br /&gt;
  --dreams-border:  #cac4f8;&lt;br /&gt;
  --dreams-dark:    #3d30c4;&lt;br /&gt;
  --dreams-text-on: #ffffff;&lt;br /&gt;
  --dreams-small:   0.85em;&lt;br /&gt;
  --sump-tint: #f3f1ff; &lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Page wrapper --- */&lt;br /&gt;
.sump-step {&lt;br /&gt;
  max-width: 60rem;&lt;br /&gt;
  --sump-accent: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Phase / step header bar --- */&lt;br /&gt;
.sump-step__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
  gap: .4rem;&lt;br /&gt;
  padding: .75rem 0 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-tag {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .05em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  padding: .2rem .7rem;&lt;br /&gt;
  border-radius: 1rem;&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__counter {&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #888;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Section headings --- */&lt;br /&gt;
.sump-step h2 {&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .75rem;&lt;br /&gt;
  margin-top: 3rem;&lt;br /&gt;
  margin-bottom: 1.5rem;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Intro text block --- */&lt;br /&gt;
.sump-intro {&lt;br /&gt;
  line-height: 1.75;&lt;br /&gt;
  padding-bottom: 1.5rem;&lt;br /&gt;
  border-bottom: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
  margin-bottom: 1.75rem;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
.sump-intro &amp;gt; p:first-child { margin-top: 0; }&lt;br /&gt;
.sump-intro &amp;gt; p:last-child  { margin-bottom: 0; }&lt;br /&gt;
 &lt;br /&gt;
/* --- Four-body card grid --- */&lt;br /&gt;
.sump-bodies-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  margin: 1.25rem 0 1.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
  border: 1px solid #e8e8e8;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--steer,&lt;br /&gt;
.sump-body-card--team,&lt;br /&gt;
.sump-body-card--thematic,&lt;br /&gt;
.sump-body-card--network {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card--steer::after,&lt;br /&gt;
.sump-body-card--team::after,&lt;br /&gt;
.sump-body-card--thematic::after,&lt;br /&gt;
.sump-body-card--network::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 4rem;&lt;br /&gt;
  height: 1rem;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center bottom;&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid.sump-bodies-grid--fig {&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card { padding: 1.1rem 1.1rem 1.2rem; }&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card__desc { margin-bottom: 0; }&lt;br /&gt;
.sump-body-card__fig {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  margin: .2rem 0 .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 120px;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig-4 { grid-template-columns: repeat(4, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig-4 .sump-body-card__fig img { width: 96px; }&lt;br /&gt;
.sump-body-card--steer::after { &lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;32.1 74.9 288.2 288.2&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,0,-499.588)&#039;%3E%3Cg id=&#039;Steering-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,-168.655,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,458.877,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,595.954,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,860.643,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,479.111,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,880.876,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,616.188,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,745.596,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,765.83,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;175.626&#039; cy=&#039;794.478&#039; r=&#039;44.165&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.58909,0,0,2.29942,330.035,-873.136)&#039;%3E%3Cpath d=&#039;M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z&#039; style=&#039;fill:white;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--team::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;28.3 75.1 286.3 286.3&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-456,-499.588)&#039;%3E%3Cg id=&#039;Project-Team&#039; transform=&#039;matrix(0.439206,0,0,0.512758,287.345,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,448.131,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,585.208,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,849.897,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,468.365,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,870.13,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,605.442,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,734.85,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,755.083,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1,0,0,1,-143.845,387.633)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;234.911&#039; cy=&#039;592.552&#039; r=&#039;26.261&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,389.099,-594.315)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--thematic::after {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;27.8 74.3 295.1 295.1&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-884.466,-499.588)&#039;%3E%3Cg id=&#039;Thematic-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,715.811,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,456.983,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,594.06,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,858.749,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,477.217,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,878.983,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,614.294,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,743.702,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,763.936,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)&#039;%3E%3Cpath d=&#039;M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:9.13px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.82293,0,0,1.56144,-1147.13,-290.898)&#039;%3E%3Cpath d=&#039;M1036.63,780.407L1085.35,780.407&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:20.82px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--network::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.7 55.7 310.5 310.5&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1275.81,-499.588)&#039;%3E%3Cg id=&#039;External-Network&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1107.16,304.74)&#039;%3E%3Cg transform=&#039;matrix(1.41038,0,0,1.20807,-1240,-95.8635)&#039;%3E%3Ccircle cx=&#039;1435.57&#039; cy=&#039;733.314&#039; r=&#039;90.265&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:26.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Callout --- */&lt;br /&gt;
.dreams-callout {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout p {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label img {&lt;br /&gt;
  height: 40px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Outskirts challenge box --- */&lt;br /&gt;
.sump-outskirts-box {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__head {&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  padding: .6rem 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .02em;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__body {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1.1rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Setup sequence --- */&lt;br /&gt;
.sump-sequence-wrap {&lt;br /&gt;
  margin: 1rem 0 1.5rem;&lt;br /&gt;
  counter-reset: seq;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item {&lt;br /&gt;
  counter-increment: seq;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  grid-template-rows: auto auto;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item::before {&lt;br /&gt;
  content: counter(seq);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  margin-top: 3px;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-desc {&lt;br /&gt;
  color: #333;&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 28px 10rem 1fr;&lt;br /&gt;
    grid-template-rows: auto;&lt;br /&gt;
    align-items: baseline;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-item::before {&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-label {&lt;br /&gt;
    grid-column: 2;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-desc {&lt;br /&gt;
    grid-column: 3;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
    font-size: inherit;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* --- Setup sequence, icon-tile variant --- */&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  grid-template-columns: 3.4rem 1fr;&lt;br /&gt;
  gap: 0 1rem;&lt;br /&gt;
  margin-bottom: 1.1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item::before {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.45rem;&lt;br /&gt;
  left: -0.45rem;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  width: 1.45rem;&lt;br /&gt;
  height: 1.45rem;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-size: 0.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon {&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon span,&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon a { display: block; }&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-label {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
  align-self: end;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-desc {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 3.4rem 10rem 1fr;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-icon { grid-row: 1; }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-label { grid-row: 1; align-self: auto; }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-desc { grid-column: 3; grid-row: 1; }&lt;br /&gt;
}&lt;br /&gt;
/* --- Handoff block --- */&lt;br /&gt;
.dreams-handoff {&lt;br /&gt;
  border-top: 1.5px solid var(--dreams-border);&lt;br /&gt;
  padding: 1rem 0 0;&lt;br /&gt;
  margin: 2rem 0 0;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .5rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__label::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 1.8em;&lt;br /&gt;
  height: 1.5em;&lt;br /&gt;
  margin-right: .5em;&lt;br /&gt;
  vertical-align: -0.4em;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive {&lt;br /&gt;
  background: none;&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: -1.25rem;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  bottom: 0;&lt;br /&gt;
  width: 12px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;16&#039; height=&#039;24&#039; viewBox=&#039;0 0 16 24&#039;%3E%3Cpath d=&#039;M8 0 Q14 6 8 12 Q2 18 8 24&#039; stroke=&#039;%235c4ce4&#039; stroke-width=&#039;2&#039; fill=&#039;none&#039; stroke-linecap=&#039;round&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  background-size: 12px 24px;&lt;br /&gt;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
          mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
  opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff__items {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .6rem;&lt;br /&gt;
  margin-top: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .75rem .9rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title a,&lt;br /&gt;
.dreams-handoff__item-title a.external {&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-source {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-top: .3rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Sources footer --- */&lt;br /&gt;
.sump-sources {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  padding-top: .85rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #4a4a4a;&lt;br /&gt;
  margin-bottom: .55rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item {&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  text-indent: -1rem;&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__ref {&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Prev / next navigation bar --- */&lt;br /&gt;
.sump-step__nav {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--top {&lt;br /&gt;
  margin: .5rem 0 1.75rem;&lt;br /&gt;
  padding-bottom: 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--bottom {&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  padding-top: 1rem;&lt;br /&gt;
  border-top: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav a { color: var(--dreams-primary); }&lt;br /&gt;
.sump-step__nav a:hover {&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333 !important;&lt;br /&gt;
  border: 1px solid #ccc;&lt;br /&gt;
  padding: .2rem .75rem;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a:hover { background: var(--dreams-tint); }&lt;br /&gt;
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }&lt;br /&gt;
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }&lt;br /&gt;
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }&lt;br /&gt;
/* overview slides into the gap: left on step 1, right on step 12 */&lt;br /&gt;
.sump-step__nav--first .sump-step__nav-prev { display: none; }&lt;br /&gt;
.sump-step__nav--last  .sump-step__nav-next { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP phase row ── */&lt;br /&gt;
.sump-phases {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));&lt;br /&gt;
  gap: 1.5rem;&lt;br /&gt;
  margin: 1.5rem 0 1.75rem;&lt;br /&gt;
  counter-reset: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  counter-increment: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item::before {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 2.2rem;&lt;br /&gt;
  height: 2.2rem;&lt;br /&gt;
  margin-bottom: 0.6rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::before,&lt;br /&gt;
.sump-phases__item--realize::before,&lt;br /&gt;
.sump-phases__item--eval::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  background-color: var(--dreams-tint);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
  background-size: 62%;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::after,&lt;br /&gt;
.sump-phases__item--realize::after,&lt;br /&gt;
.sump-phases__item--eval::after,&lt;br /&gt;
.sump-phases__item--fig::after {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.5rem;&lt;br /&gt;
  left: -0.5rem;&lt;br /&gt;
  width: 1.6rem;&lt;br /&gt;
  height: 1.6rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: 0.82rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-phases__item--fig::before { display: none; }&lt;br /&gt;
.sump-phases__fig {&lt;br /&gt;
  width: 5.2rem;&lt;br /&gt;
  height: 5.2rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig figure,&lt;br /&gt;
.sump-phases__fig span,&lt;br /&gt;
.sump-phases__fig a { display: block; width: 3.75rem; min-width: 0; margin: 0; }&lt;br /&gt;
.sump-phases__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 4.75rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig span img,&lt;br /&gt;
.sump-phases__fig a img { width: 100%; }&lt;br /&gt;
&lt;br /&gt;
/* per-phase glyphs */&lt;br /&gt;
.sump-phases__item--prep::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1854.82,-975.755)&#039;%3E%3Cg id=&#039;Preparation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1686.17,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.03662,0,0,1.01229,-3254.54,-198.641)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.35128,0,0,2.014,-4050.65,-1566.23)&#039;%3E%3Cpath d=&#039;M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.14px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--realize::before { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2283.29,-975.755)&#039;%3E%3Cg id=&#039;Realisation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2114.63,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.06694,-3472.54,-265.777)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)&#039;%3E%3Cpath d=&#039;M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:10.4px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--eval::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;38.5 55.7 301.9 301.9&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2674.63,-975.755)&#039;%3E%3Cg id=&#039;Evaluation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2505.98,780.907)&#039;%3E%3Cg transform=&#039;matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)&#039;%3E%3Cpath d=&#039;M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)&#039;%3E%3Cpath d=&#039;M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)&#039;%3E%3Cpath d=&#039;M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }&lt;br /&gt;
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* A. figure tiles */&lt;br /&gt;
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }&lt;br /&gt;
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }&lt;br /&gt;
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }&lt;br /&gt;
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }&lt;br /&gt;
&lt;br /&gt;
/* B. two-pane contrast */&lt;br /&gt;
.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }&lt;br /&gt;
.sump-versus__pane { display: flex; flex-direction: column; border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }&lt;br /&gt;
.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }&lt;br /&gt;
.sump-versus__head { font-weight:700; margin-bottom:.35rem; }&lt;br /&gt;
@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }&lt;br /&gt;
&lt;br /&gt;
.sump-versus__fig { margin-top: auto;  padding-top: 1em; margin-bottom:.6rem; }&lt;br /&gt;
.sump-versus__fig img { display:block; width:100%; height:auto; }&lt;br /&gt;
.sump-versus__fig--small {&lt;br /&gt;
  max-width: 60%;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-versus__fig--small img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* optional inline continuity marker */&lt;br /&gt;
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }&lt;br /&gt;
&lt;br /&gt;
.sump-roles dt {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.9em;&lt;br /&gt;
  margin: 1.4em 0 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt:first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt img {&lt;br /&gt;
  flex: 0 0 64px;&lt;br /&gt;
  width: 64px !important;&lt;br /&gt;
  height: 56px !important;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dd {&lt;br /&gt;
  margin: 0 0 0 calc(64px + 0.9em);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-lead-fig {&lt;br /&gt;
  float: right;&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  margin: 0 0 1em 2em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-fig img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Column layout: text and figure side by side, no wrapping */&lt;br /&gt;
.sump-lead {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-text {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
  float: none;&lt;br /&gt;
  flex: 0 0 260px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 720px) {&lt;br /&gt;
  .sump-lead { flex-direction: column-reverse; }&lt;br /&gt;
  .sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
    flex-basis: auto;&lt;br /&gt;
    width: 160px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-checklist {&lt;br /&gt;
  clear: both;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
  .sump-lead-fig {&lt;br /&gt;
    float: none;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    margin: 0 auto 1em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living-lab example box --- */&lt;br /&gt;
.dreams-lab {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .85rem 1.1rem 1rem;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-lab__tag {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  padding-bottom: .5rem;&lt;br /&gt;
  margin-bottom: .6rem;&lt;br /&gt;
  border-bottom: 1px solid var(--dreams-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-impact-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	grid-template-columns: 1fr;&lt;br /&gt;
	gap: 14px;&lt;br /&gt;
	margin: 1em 0 1.5em;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-card {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	padding: 1rem 1.1rem;&lt;br /&gt;
	background: #ffffff;&lt;br /&gt;
	border: 1px solid #e7e4f7;&lt;br /&gt;
	border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-head {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-icon {&lt;br /&gt;
	flex: none;&lt;br /&gt;
	width: 38px;&lt;br /&gt;
	height: 38px;&lt;br /&gt;
	border-radius: 10px;&lt;br /&gt;
	background-color: #f3f1ff;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	background-size: 24px 24px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-name {&lt;br /&gt;
	font-size: 1.05em;&lt;br /&gt;
	font-weight: 600;&lt;br /&gt;
	color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body {&lt;br /&gt;
	font-size: 0.95em;&lt;br /&gt;
	line-height: 1.6;&lt;br /&gt;
	color: #333333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body p { margin: 0; }&lt;br /&gt;
.dreams-impact-icon--accessibility { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200&#039;%20/%3E%3Cpath%20d=&#039;M7%2021l3%20-4&#039;%20/%3E%3Cpath%20d=&#039;M16%2021l-2%20-4l-3%20-3l1%20-6&#039;%20/%3E%3Cpath%20d=&#039;M6%2012l2%20-3l4%20-1l3%203l3%201&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--carbon { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M5%2021c.5%20-4.5%202.5%20-8%207%20-10&#039;%20/%3E%3Cpath%20d=&#039;M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--liveability { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%2013l-2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2012l2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2021v-13&#039;%20/%3E%3Cpath%20d=&#039;M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--health { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2012h4l3%208l4%20-16l3%208h4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--economic { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2021l18%200&#039;%20/%3E%3Cpath%20d=&#039;M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204&#039;%20/%3E%3Cpath%20d=&#039;M5%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M19%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--equity { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M7%2020l10%200&#039;%20/%3E%3Cpath%20d=&#039;M6%206l6%20-1l6%201&#039;%20/%3E%3Cpath%20d=&#039;M12%203l0%2017&#039;%20/%3E%3Cpath%20d=&#039;M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3Cpath%20d=&#039;M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--governance { background-image: url(&amp;quot;/wiki/Special:FilePath/DREAMS-impact-governance.svg&amp;quot;); }&lt;br /&gt;
&lt;br /&gt;
/* ── Partner logo bar (main page footer) ── */&lt;br /&gt;
.partner-logo-bar {&lt;br /&gt;
  margin: 2.5em 0 0;&lt;br /&gt;
  padding-top: 2em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__label {&lt;br /&gt;
  font-size: 0.72em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.09em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #8a8aaa;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
  width: calc(20% - 0.4em);&lt;br /&gt;
  min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
  padding: 6px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item img {&lt;br /&gt;
  max-height: 42px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item figure,&lt;br /&gt;
.partner-logo-bar__item .thumb,&lt;br /&gt;
.partner-logo-bar__item .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item .thumbcaption,&lt;br /&gt;
.partner-logo-bar__item .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--narrow img { max-width: 75px; }&lt;br /&gt;
.partner-logo-bar__item--boost img  { min-height: 58px; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a:hover {&lt;br /&gt;
  text-decoration: underline !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer {&lt;br /&gt;
  margin-top: 0.5em;&lt;br /&gt;
  padding-top: 1em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.75em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer img {&lt;br /&gt;
  max-height: 40px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer figure,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumb,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbcaption,&lt;br /&gt;
.partner-logo-bar__disclaimer .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .partner-logo-bar__row {&lt;br /&gt;
    grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
  .partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
    width: calc(33% - 0.4em);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-prereq {&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  padding: 1.1rem 1.3rem 1.2rem;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }&lt;br /&gt;
.sump-prereq__list { display: grid; gap: .65rem; }&lt;br /&gt;
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }&lt;br /&gt;
.sump-prereq__box {&lt;br /&gt;
  width: 1.2rem; height: 1.2rem; margin-top: .12rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary); border-radius: 4px;&lt;br /&gt;
  background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__text { line-height: 1.45; }&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__box {&lt;br /&gt;
  background-color: var(--dreams-primary);&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039;%3E%3Cpath fill=&#039;none&#039; stroke=&#039;%23ffffff&#039; stroke-width=&#039;3.5&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039; d=&#039;M5 12.5l4.5 4.5L19 7&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }&lt;br /&gt;
.sump-prereq--outcome {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq--outcome .sump-prereq__title {&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl { margin: 1.25rem 0; }&lt;br /&gt;
.sump-step dl dt {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  margin-top: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl dt:first-child { margin-top: 0; }&lt;br /&gt;
.sump-step dl dd {&lt;br /&gt;
  margin: .2rem 0 0 1.2rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Tool tutorial --- */&lt;br /&gt;
.dreams-tutorial { counter-reset: tut; margin: 1rem 0 2rem; }&lt;br /&gt;
.dreams-tutorial__step {&lt;br /&gt;
  counter-increment: tut;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  padding: 1.25rem 0;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__step:first-child { border-top: none; padding-top: 0; }&lt;br /&gt;
.dreams-tutorial__step::before {&lt;br /&gt;
  content: counter(tut);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__title { grid-column: 2; font-weight: 700; color: var(--dreams-primary); line-height: 24px; }&lt;br /&gt;
.dreams-tutorial__body  { grid-column: 2; line-height: 1.7; margin-top: .35rem; }&lt;br /&gt;
.dreams-tutorial__shot  { grid-column: 2; margin-top: .85rem; }&lt;br /&gt;
.dreams-tutorial__shot p { margin: 0; }&lt;br /&gt;
.dreams-tutorial img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial .sump-versus { grid-column: 2; margin: .85rem 0 0; }&lt;br /&gt;
.dreams-tutorial .sump-versus__pane { padding: .6rem; }&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .dreams-tutorial__step { grid-template-columns: 1fr; }&lt;br /&gt;
  .dreams-tutorial__step::before { margin-bottom: .4rem; }&lt;br /&gt;
  .dreams-tutorial__title, .dreams-tutorial__body,&lt;br /&gt;
  .dreams-tutorial__shot, .dreams-tutorial .sump-versus { grid-column: 1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-legend {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  max-width: 26rem;&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__scale {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  height: 12px;&lt;br /&gt;
  margin-bottom: .3rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band--1::before { background: #440154; border-radius: 3px 0 0 3px; }&lt;br /&gt;
.dreams-legend__band--2::before { background: #3b528b; }&lt;br /&gt;
.dreams-legend__band--3::before { background: #21918c; }&lt;br /&gt;
.dreams-legend__band--4::before { background: #5ec962; }&lt;br /&gt;
.dreams-legend__band--5::before { background: #fde725; border-radius: 0 3px 3px 0; }&lt;br /&gt;
.dreams-legend__ends {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  margin-top: .15rem;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 560px) { .dreams-legend { grid-column: 1; } }&lt;br /&gt;
&lt;br /&gt;
/* ── Tools overview cards ── */&lt;br /&gt;
.dreams-tools-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));&lt;br /&gt;
  gap: 22px;&lt;br /&gt;
  margin: 1.4em 0 1em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover,&lt;br /&gt;
.dreams-tool-card:focus-within {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 12px 28px rgba(92,76,228,0.16);&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  padding: 18px 20px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__icon img { display: block; width: 60px; height: 60px; }&lt;br /&gt;
.dreams-tool-card__kind {&lt;br /&gt;
  font-size: .75em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .25em .8em;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__body {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  padding: 16px 20px 18px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__title { font-size: 1.3em; font-weight: 700; line-height: 1.25; }&lt;br /&gt;
.dreams-tool-card__title a { color: var(--dreams-primary) !important; text-decoration: none !important; }&lt;br /&gt;
/* stretched link: the title link covers the whole card */&lt;br /&gt;
.dreams-tool-card__title a::after { content: &amp;quot;&amp;quot;; position: absolute; inset: 0; z-index: 1; }&lt;br /&gt;
.dreams-tool-card__title a:focus { outline: none; }&lt;br /&gt;
.dreams-tool-card__question {&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .7em;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__text { font-size: .95em; line-height: 1.6; color: #444; flex: 1; }&lt;br /&gt;
.dreams-tool-card__steps {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
  font-size: .8em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps-label { color: #777; font-weight: 600; margin-right: 2px; }&lt;br /&gt;
.dreams-tool-card__steps a,&lt;br /&gt;
.dreams-tool-card__launch a {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .15em .7em;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a:hover { border-color: var(--dreams-primary); }&lt;br /&gt;
.dreams-tool-card__foot {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
  margin-top: 4px;&lt;br /&gt;
  padding-top: 12px;&lt;br /&gt;
  border-top: 1px solid #eeeafd;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__cta { font-weight: 700; color: var(--dreams-primary); font-size: .95em; }&lt;br /&gt;
.dreams-tool-card__cta::after { &lt;br /&gt;
  content: &amp;quot;\2192&amp;quot;;          &lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  margin-left: .35em;       &lt;br /&gt;
  transition: transform .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover .dreams-tool-card__cta::after { transform: translateX(4px); }&lt;br /&gt;
.dreams-tool-card__launch { font-size: .85em; }&lt;br /&gt;
.dreams-tool-card__launch a,&lt;br /&gt;
.dreams-tool-card__launch a.external { color: var(--dreams-dark) !important; background: none !important; padding-right: 0 !important; }&lt;br /&gt;
&lt;br /&gt;
/* --- link row --- */&lt;br /&gt;
.dreams-linkrow {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  margin: .75rem 0 1.5rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow &amp;gt; p { display: contents; }&lt;br /&gt;
.dreams-linkrow a {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .4em;&lt;br /&gt;
  padding: .3rem .75rem;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  transition: background .15s, border-color .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a::after {&lt;br /&gt;
  content: &amp;quot;→&amp;quot;;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  transition: transform .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover::after { transform: translateX(2px); }&lt;br /&gt;
.dreams-linkrow__meta {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Project&amp;diff=2249</id>
		<title>Project</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Project&amp;diff=2249"/>
		<updated>2026-10-19T15:49:19Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{#tweekihide:firstHeading}}&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-step&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h1 style=&amp;quot;color:var(--dreams-primary);text-align:center&amp;quot;&amp;gt;About DREAMS&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;DREAMS&#039;&#039;&#039; (Driving Equitable and Accessible 15-Minute Neighbourhood Transformations) explores how co-created, user-centric mobility services, mobility hubs and flexible activity hubs can make neighbourhoods in the urban outskirts of European cities accessible, sustainable and inclusive.&lt;br /&gt;
&lt;br /&gt;
The [[15-Minute Cities|15-minute city]] idea grew out of dense urban cores. DREAMS asks what it takes to make it work in low- to mid-density suburbs and outskirts, where everyday destinations lie further apart and walking and cycling alone rarely cover daily needs.&lt;br /&gt;
&lt;br /&gt;
DREAMS is a research project of the [https://dutpartnership.eu/projects/dreams Driving Urban Transitions (DUT) Partnership], selected in the 2022 call under the 15-minute city transition pathway. The project is coordinated by the University of Twente and runs from January 2024 to December 2026.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
== Aims ==&lt;br /&gt;
The project pursues five aims:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sequence-wrap has-icons&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:CompareLifestyles.svg|112px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Compare lifestyles&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A comparative analysis of 15-minute lifestyles across suburban and urban outskirts of differing density, forming the first European comparison of local 15-minute city implementations.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:RethinkBusinessModels.svg|112px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Rethink business models&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;New business models and governance frameworks that make shared mobility services and flexible activity hubs viable in low- and medium-density areas.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:SupportDecisions.svg|112px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Support decisions&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A map-based decision support tool that helps stakeholders co-create and assess mobility services, mobility hubs and flexible activity hubs.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:AssessImpacts.svg|112px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Assess impacts&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;An assessment of the mobility, accessibility and wider societal impacts of the interventions tested in the living labs.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:GuidePolicy.svg|112px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Guide policy&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Policy recommendations on pathways towards sustainable and inclusive mobility in 15-minute neighbourhoods at the urban edge.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
The tools that came out of this work are described on the [[Tools]] page, and the recommendations are woven into the [[SUMP Process]] guidance on this platform.&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
== Six living labs ==&lt;br /&gt;
DREAMS grounds its research in six living labs. Each is set in a peripheral district where local partners, residents and mobility providers work together on concrete interventions.&lt;br /&gt;
&lt;br /&gt;
Together the labs cover mobility hubs, flexible activity hubs, demand-responsive services, car-sharing and car-pooling, and shared micromobility. To keep findings comparable, each scenario was planned for evaluation in at least two labs. Each lab has its own page, and the [[Living Lab Overview]] introduces all six.&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-linkrow&amp;quot;&amp;gt;[[Living Labs/5|Haren and Neder-Over-Heembeek &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Brussels&amp;lt;/span&amp;gt;]] [[Living Labs/3|Rákosmente &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Budapest&amp;lt;/span&amp;gt;]] [[Living Labs/4|Geretsried &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Munich region&amp;lt;/span&amp;gt;]] [[Living Labs/6|Évry-Courcouronnes &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Paris region&amp;lt;/span&amp;gt;]] [[Living Labs/2|Overvecht &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Utrecht&amp;lt;/span&amp;gt;]] [[Living Labs/1|Liesing &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Vienna&amp;lt;/span&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
== Work packages ==&lt;br /&gt;
The work is organised in seven work packages. The research moves from redefining the concept and reviewing planning practice, through tool development and new business models, into the living labs, and closes with impact assessment and transfer to practice.&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! WP !! Focus !! Lead partner&lt;br /&gt;
|-&lt;br /&gt;
| 1 || Project and data management, and quality control || [[DREAMers#University_of_Twente_(UT)|University of Twente]]&lt;br /&gt;
|-&lt;br /&gt;
| 2 || Review and comparative analysis || [[DREAMers#University_of_Natural_Resources_and_Applied_Life_Sciences,_Vienna|BOKU University]]&lt;br /&gt;
|-&lt;br /&gt;
| 3 || Development of the 15-minute city decision support tool || [[DREAMers#Technische_Universität_München|Technical University of Munich]]&lt;br /&gt;
|-&lt;br /&gt;
| 4 || New governance and business models and transition pathways || [[DREAMers#Mpact|Mpact]]&lt;br /&gt;
|-&lt;br /&gt;
| 5 || DREAMS 15-minute city living labs || [[DREAMers#Budapest_University_of_Technology_and_Economics|Budapest University of Technology and Economics]]&lt;br /&gt;
|-&lt;br /&gt;
| 6 || Impact assessment and evaluation || [[DREAMers#Vrije_Universiteit_Brussel|Vrije Universiteit Brussel]]&lt;br /&gt;
|-&lt;br /&gt;
| 7 || Transferability and knowledge dissemination || [[DREAMers#University_of_Twente_(UT)|University of Twente]]&lt;br /&gt;
|}&lt;br /&gt;
Every research task is led and co-led by academic partners from two different countries, to make the most of the transnational set-up. This knowledge platform is itself a WP7 output, led by Mobyome and built to carry the project&#039;s findings to practitioners beyond its lifetime.&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
== Consortium ==&lt;br /&gt;
The consortium brings together 28 partners from Austria, Belgium, France, Germany, Hungary and the Netherlands. Fifteen full partners carry out the research. They include universities, public research organisations, practice partners from planning and mobility, a municipality and EIT Urban Mobility. Thirteen cooperation partners, among them cities and regional authorities, public transport operators and shared mobility providers, open up the living labs and help test interventions on the ground. The people behind the project are introduced on the [[DREAMers]] page.&lt;br /&gt;
[[File:Partner_Schema.jpg|thumb|center|700px|Partners of DREAMS across the six living labs]]&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
== Management structure ==&lt;br /&gt;
DREAMS uses a layered management structure. Day-to-day decisions sit with the Daily Management Board, the Executive Board provides oversight, and each living lab runs its own coordination.&lt;br /&gt;
[[File:DREAMS Organizational Structure.jpg|thumb|center|700px|Organisational structure of the project]]&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-bodies-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Daily Management Board&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;The highest decision-making body. Chaired by the coordinator, it brings together the work package and living lab leaders in monthly meetings. Decisions need a two-thirds majority.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Executive Board&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;One representative of each full partner, chaired by the coordinator. It advises on direction and quality, meets twice a year alongside consortium meetings and can add items to the board agenda.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Living Lab Partners&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;The local partners in each lab. Led by the living lab leader, they meet every two months to develop, apply and evaluate DREAMS research and tools on site.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Quality and Data Manager&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;Appointed by the coordinator. Organises the peer review of every deliverable by at least one other partner and supports data management plans that meet national funding rules.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;DREAMS (project number F-DUT-2022-0088) is funded through the DUT Partnership, which is supported by the European Commission under the Horizon Europe co-funded Partnership scheme. Each full partner is funded by its national research funding agency.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2248</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2248"/>
		<updated>2026-10-19T11:12:41Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS placed here will be applied to all skins */&lt;br /&gt;
.navbar-brand img {&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.firstHeading {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.external.text {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.grid-container {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.square {&lt;br /&gt;
  padding: 30px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-family: Arial, sans-serif;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  color: white;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  min-height: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.blue { background-color: #2D8CFF; }&lt;br /&gt;
.red { background-color: #FF4757; }&lt;br /&gt;
.green { background-color: #2ED573; }&lt;br /&gt;
.yellow { background-color: #FFD32A; }&lt;br /&gt;
.orange { background-color: #fee4cb; }&lt;br /&gt;
.hue1 { background-color: #5c4ce4; }&lt;br /&gt;
.hue2 { background-color: #8068ff; }&lt;br /&gt;
.hue3 { background-color: #a386ff; }&lt;br /&gt;
.hue4 { background-color: #c6a4ff; }&lt;br /&gt;
.hue5 { background-color: #e9c4ff; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Main Page ── */&lt;br /&gt;
.__NOTOC__ + * { margin-top: 0; }&lt;br /&gt;
&lt;br /&gt;
.main-hero {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  padding: 2em 0 2.5em;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__text { flex: 1; min-width: 280px; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__tag {&lt;br /&gt;
  font-size: 0.75em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  margin-bottom: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__title {&lt;br /&gt;
  font-size: 1.7em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  color: #1a1a2e;&lt;br /&gt;
  margin: 0 0 0.6em;&lt;br /&gt;
  border: none;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
  max-width: 580px;&lt;br /&gt;
  margin-bottom: 1.2em;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo figure,&lt;br /&gt;
.main-hero__logo .thumb,&lt;br /&gt;
.main-hero__logo .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo .thumbcaption,&lt;br /&gt;
.main-hero__logo .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a,&lt;br /&gt;
a.main-hero__btn {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: 0.5em 1.2em;&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn--outline a {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  border: 2px solid #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a:hover { opacity: 0.85; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: stretch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-section {&lt;br /&gt;
  margin-bottom: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr 1fr;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro__col {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-labs {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  padding: 0.4em 1em;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a:hover {&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  border-color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));&lt;br /&gt;
  gap: 1em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  padding: 0.8em 1em;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .main-hero { flex-direction: column; }&lt;br /&gt;
  .main-intro { grid-template-columns: 1fr; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* DREAMers team layout */&lt;br /&gt;
.dreamer-section { &lt;br /&gt;
  margin: 22px 0 30px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__head {&lt;br /&gt;
  margin: 4px 0 14px;&lt;br /&gt;
  border-left: 4px solid rgb(92,76,228);&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__title {&lt;br /&gt;
  font-size: 1.25em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle:empty { &lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, 260px);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid &amp;gt; p {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card {&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 250px;       &lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap pre {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: none;&lt;br /&gt;
  background: none;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap a {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;    &lt;br /&gt;
  object-fit: cover;   &lt;br /&gt;
  object-position: center top; &lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__body {&lt;br /&gt;
  padding: 10px 14px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__name {&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__role {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta {&lt;br /&gt;
  color: #72777d;&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap figure,&lt;br /&gt;
.dreamer-card__imgwrap .thumb,&lt;br /&gt;
.dreamer-card__imgwrap .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap .thumbcaption,&lt;br /&gt;
.dreamer-card__imgwrap .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta:empty { display: none; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Event detail page ── */&lt;br /&gt;
.event-detail { margin-top: 8px; }&lt;br /&gt;
&lt;br /&gt;
.event-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  padding-bottom: 0px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.event-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event image gallery ── */&lt;br /&gt;
.event-gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery &amp;gt; p { display: none; }&lt;br /&gt;
.event-gallery__item {&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(92,76,228,0.08);&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery__item a,&lt;br /&gt;
.event-gallery__item span,&lt;br /&gt;
.event-gallery__item .thumb,&lt;br /&gt;
.event-gallery__item .thumbinner {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: none !important;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item img {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 260px;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item .thumbcaption,&lt;br /&gt;
.event-gallery__item .magnify { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Strip thumb borders inside event gallery */&lt;br /&gt;
.event-gallery .thumb {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbimage {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbcaption,&lt;br /&gt;
.event-gallery .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event Card ── */&lt;br /&gt;
.event-card {&lt;br /&gt;
  border: 1px solid #dde;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f9f9fc;&lt;br /&gt;
  width: 300px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 160px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #eef;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Strip MediaWiki thumb wrapper inside event cards */&lt;br /&gt;
.event-card-image figure,&lt;br /&gt;
.event-card-image figure.mw-default-size,&lt;br /&gt;
.event-card-image .thumb,&lt;br /&gt;
.event-card-image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image .thumbcaption,&lt;br /&gt;
.event-card-image .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  object-fit: cover !important;&lt;br /&gt;
  object-position: center !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder {&lt;br /&gt;
  background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 50%;&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translate(-50%, -50%);&lt;br /&gt;
  width: 2.5em;&lt;br /&gt;
  height: 2.5em;&lt;br /&gt;
  opacity: 0.35;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;none&#039; stroke=&#039;%23334&#039; stroke-width=&#039;1.8&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039;%3E%3Crect x=&#039;3&#039; y=&#039;4&#039; width=&#039;18&#039; height=&#039;18&#039; rx=&#039;2&#039;/%3E%3Cline x1=&#039;16&#039; y1=&#039;2&#039; x2=&#039;16&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;8&#039; y1=&#039;2&#039; x2=&#039;8&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;3&#039; y1=&#039;10&#039; x2=&#039;21&#039; y2=&#039;10&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-body {&lt;br /&gt;
  padding: 1em 1.2em;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 0.4em;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-tag {&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  background: #4a5dcc;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  padding: 0.15em 0.55em;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  align-self: flex-start;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-title {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  font-size: 1em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-location {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-desc {&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-readmore {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  margin-top: 0.4em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Publication detail page ── */&lt;br /&gt;
.publication-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.publication-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__section { margin-top: 24px; }&lt;br /&gt;
.publication-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
.publication-authors {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
.publication-author {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  padding: 5px 12px;&lt;br /&gt;
  font-size: 0.92em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Labs overview grid ── */&lt;br /&gt;
.living-labs-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 180px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image figure,&lt;br /&gt;
.living-lab-card__image .thumb,&lt;br /&gt;
.living-lab-card__image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image .thumbcaption,&lt;br /&gt;
.living-lab-card__image .magnify { display: none !important; }&lt;br /&gt;
.living-lab-card__body {&lt;br /&gt;
  padding: 14px 16px 16px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name {&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name a { color: #5c4ce4 !important; text-decoration: none !important; }&lt;br /&gt;
.living-lab-card__name a:hover { text-decoration: underline !important; }&lt;br /&gt;
.living-lab-card__desc {&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Lab detail page ── */&lt;br /&gt;
.living-lab-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.living-lab-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__section { margin-bottom: 28px; }&lt;br /&gt;
.living-lab-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 8px;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  padding-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__text {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  max-width: 820px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__map { max-width: 820px; }&lt;br /&gt;
.living-lab-detail__map .maps-map { width: 100% !important; }&lt;br /&gt;
&lt;br /&gt;
/* headline image */&lt;br /&gt;
.living-lab-detail__hero { margin: 0 0 6px; }&lt;br /&gt;
.living-lab-detail__hero img { &lt;br /&gt;
  height: auto; &lt;br /&gt;
  display: block; &lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-caption { &lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666; &lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-credit { color: #888; }&lt;br /&gt;
.living-lab-detail__hero-caption {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__lead { &lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  margin: 0 0 20px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* interventions list */&lt;br /&gt;
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }&lt;br /&gt;
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }&lt;br /&gt;
.living-lab-detail__interventions li b,&lt;br /&gt;
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }&lt;br /&gt;
.living-lab-detail__interventions li i { color: #666; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__gallery { display: flex; flex-wrap: wrap; gap: 12px; }&lt;br /&gt;
.living-lab-detail__figure img { border-radius: 6px; display: block; }&lt;br /&gt;
.living-lab-detail__figure { flex: 0 1 auto; }&lt;br /&gt;
.living-lab-detail__figure img { border-radius: 6px; display: block; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__quote { &lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding: 4px 0 4px 16px; &lt;br /&gt;
  margin: 24px 0; font-size: 1.12em; &lt;br /&gt;
  line-height: 1.6; color: #333; &lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__quote cite {&lt;br /&gt;
  display: block; &lt;br /&gt;
  font-style: normal;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  justify-content: start;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure img {&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure-caption {&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living Lab resource cards (accessibility tool + survey) --- */&lt;br /&gt;
.dreams-resource-cards {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
  margin-top: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  padding: 1rem 1.1rem 1.1rem;&lt;br /&gt;
  transition: border-color .15s ease, box-shadow .15s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card:hover {&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(92, 76, 228, 0.12);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin: 0 0 .35rem;&lt;br /&gt;
  min-height: 1.6em;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: left center;&lt;br /&gt;
  background-size: 1.6em 1.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title,&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  padding-left: 2.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.7%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.4%27%20fill%3D%27%235c4ce4%27%20stroke%3D%27none%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%276.2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%20stroke-opacity%3D%270.5%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2712%2C2%2021.5%2C9%2017.8%2C20.5%206.2%2C20.5%202.5%2C9%27%2F%3E%3Cpolygon%20points%3D%2712%2C7%2016.6%2C10.4%2014.9%2C16%209.1%2C16%207.4%2C10.4%27%20fill%3D%27%235c4ce4%27%20fill-opacity%3D%270.22%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2712%27%20y2%3D%272%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2721.5%27%20y2%3D%279%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2717.8%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%276.2%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%272.5%27%20y2%3D%279%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__text {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a,&lt;br /&gt;
.dreams-resource-card__action a.external {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--dreams-primary) !important;&lt;br /&gt;
  color: var(--dreams-text-on) !important;&lt;br /&gt;
  padding: .45em 1.05em !important;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a:hover,&lt;br /&gt;
.dreams-resource-card__action a.external:hover { background: var(--dreams-dark) !important; }&lt;br /&gt;
&lt;br /&gt;
.dreams-btn {&lt;br /&gt;
  line-height: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-btn a,&lt;br /&gt;
.dreams-btn a.external.text {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background-color: var(--dreams-primary) !important;&lt;br /&gt;
  border: 1px solid var(--dreams-primary) !important;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: .375rem .75rem !important;&lt;br /&gt;
  border-radius: .375rem;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  line-hight: normal;&lt;br /&gt;
}&lt;br /&gt;
.dreams-btn a:hover,&lt;br /&gt;
.dreams-btn a.external.text:hover {&lt;br /&gt;
  background-color: var(--dreams-dark) !important;&lt;br /&gt;
  border-color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP overview  ── */&lt;br /&gt;
.sump-journey {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 1rem;&lt;br /&gt;
  margin: 1.75rem 0;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 720px) {&lt;br /&gt;
  .sump-journey { grid-template-columns: 1fr 1fr; }&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase {&lt;br /&gt;
  border: 1px solid var(--dreams-border, #e0e0e0);&lt;br /&gt;
  border-top: 4px solid var(--sump-accent, #5c4ce4);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  padding: 1rem 1.15rem 1.2rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }&lt;br /&gt;
.sump-journey__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  margin: 0 0 .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__head h3 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  font-size: 1.1rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__num {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 1.9rem;&lt;br /&gt;
  height: 1.9rem;&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: .95rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__desc {&lt;br /&gt;
  margin: 0 0 .85rem;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__steps {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step-num {&lt;br /&gt;
  flex: 0 0 1.5rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }&lt;br /&gt;
.sump-journey-cycle {&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: #777;&lt;br /&gt;
  margin: .25rem 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Brand tokens --- */&lt;br /&gt;
:root {&lt;br /&gt;
  --dreams-primary: #5c4ce4;&lt;br /&gt;
  --dreams-tint:    #f3f1ff;&lt;br /&gt;
  --dreams-border:  #cac4f8;&lt;br /&gt;
  --dreams-dark:    #3d30c4;&lt;br /&gt;
  --dreams-text-on: #ffffff;&lt;br /&gt;
  --dreams-small:   0.85em;&lt;br /&gt;
  --sump-tint: #f3f1ff; &lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Page wrapper --- */&lt;br /&gt;
.sump-step {&lt;br /&gt;
  max-width: 60rem;&lt;br /&gt;
  --sump-accent: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Phase / step header bar --- */&lt;br /&gt;
.sump-step__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
  gap: .4rem;&lt;br /&gt;
  padding: .75rem 0 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-tag {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .05em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  padding: .2rem .7rem;&lt;br /&gt;
  border-radius: 1rem;&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__counter {&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #888;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Section headings --- */&lt;br /&gt;
.sump-step h2 {&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .75rem;&lt;br /&gt;
  margin-top: 3rem;&lt;br /&gt;
  margin-bottom: 1.5rem;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Intro text block --- */&lt;br /&gt;
.sump-intro {&lt;br /&gt;
  line-height: 1.75;&lt;br /&gt;
  padding-bottom: 1.5rem;&lt;br /&gt;
  border-bottom: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
  margin-bottom: 1.75rem;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
.sump-intro &amp;gt; p:first-child { margin-top: 0; }&lt;br /&gt;
.sump-intro &amp;gt; p:last-child  { margin-bottom: 0; }&lt;br /&gt;
 &lt;br /&gt;
/* --- Four-body card grid --- */&lt;br /&gt;
.sump-bodies-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  margin: 1.25rem 0 1.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
  border: 1px solid #e8e8e8;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--steer,&lt;br /&gt;
.sump-body-card--team,&lt;br /&gt;
.sump-body-card--thematic,&lt;br /&gt;
.sump-body-card--network {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card--steer::after,&lt;br /&gt;
.sump-body-card--team::after,&lt;br /&gt;
.sump-body-card--thematic::after,&lt;br /&gt;
.sump-body-card--network::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 4rem;&lt;br /&gt;
  height: 1rem;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center bottom;&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid.sump-bodies-grid--fig {&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card { padding: 1.1rem 1.1rem 1.2rem; }&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card__desc { margin-bottom: 0; }&lt;br /&gt;
.sump-body-card__fig {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  margin: .2rem 0 .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 120px;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig-4 { grid-template-columns: repeat(4, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig-4 .sump-body-card__fig img { width: 96px; }&lt;br /&gt;
.sump-body-card--steer::after { &lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;32.1 74.9 288.2 288.2&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,0,-499.588)&#039;%3E%3Cg id=&#039;Steering-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,-168.655,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,458.877,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,595.954,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,860.643,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,479.111,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,880.876,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,616.188,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,745.596,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,765.83,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;175.626&#039; cy=&#039;794.478&#039; r=&#039;44.165&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.58909,0,0,2.29942,330.035,-873.136)&#039;%3E%3Cpath d=&#039;M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z&#039; style=&#039;fill:white;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--team::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;28.3 75.1 286.3 286.3&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-456,-499.588)&#039;%3E%3Cg id=&#039;Project-Team&#039; transform=&#039;matrix(0.439206,0,0,0.512758,287.345,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,448.131,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,585.208,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,849.897,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,468.365,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,870.13,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,605.442,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,734.85,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,755.083,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1,0,0,1,-143.845,387.633)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;234.911&#039; cy=&#039;592.552&#039; r=&#039;26.261&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,389.099,-594.315)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--thematic::after {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;27.8 74.3 295.1 295.1&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-884.466,-499.588)&#039;%3E%3Cg id=&#039;Thematic-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,715.811,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,456.983,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,594.06,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,858.749,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,477.217,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,878.983,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,614.294,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,743.702,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,763.936,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)&#039;%3E%3Cpath d=&#039;M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:9.13px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.82293,0,0,1.56144,-1147.13,-290.898)&#039;%3E%3Cpath d=&#039;M1036.63,780.407L1085.35,780.407&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:20.82px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--network::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.7 55.7 310.5 310.5&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1275.81,-499.588)&#039;%3E%3Cg id=&#039;External-Network&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1107.16,304.74)&#039;%3E%3Cg transform=&#039;matrix(1.41038,0,0,1.20807,-1240,-95.8635)&#039;%3E%3Ccircle cx=&#039;1435.57&#039; cy=&#039;733.314&#039; r=&#039;90.265&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:26.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Callout --- */&lt;br /&gt;
.dreams-callout {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout p {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label img {&lt;br /&gt;
  height: 40px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Outskirts challenge box --- */&lt;br /&gt;
.sump-outskirts-box {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__head {&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  padding: .6rem 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .02em;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__body {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1.1rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Setup sequence --- */&lt;br /&gt;
.sump-sequence-wrap {&lt;br /&gt;
  margin: 1rem 0 1.5rem;&lt;br /&gt;
  counter-reset: seq;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item {&lt;br /&gt;
  counter-increment: seq;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  grid-template-rows: auto auto;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item::before {&lt;br /&gt;
  content: counter(seq);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  margin-top: 3px;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-desc {&lt;br /&gt;
  color: #333;&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 28px 10rem 1fr;&lt;br /&gt;
    grid-template-rows: auto;&lt;br /&gt;
    align-items: baseline;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-item::before {&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-label {&lt;br /&gt;
    grid-column: 2;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-desc {&lt;br /&gt;
    grid-column: 3;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
    font-size: inherit;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* --- Setup sequence, icon-tile variant --- */&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  grid-template-columns: 3.4rem 1fr;&lt;br /&gt;
  gap: 0 1rem;&lt;br /&gt;
  margin-bottom: 1.1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item::before {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.45rem;&lt;br /&gt;
  left: -0.45rem;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  width: 1.45rem;&lt;br /&gt;
  height: 1.45rem;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-size: 0.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon {&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon span,&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon a { display: block; }&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-label {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
  align-self: end;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-desc {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 3.4rem 10rem 1fr;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-icon { grid-row: 1; }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-label { grid-row: 1; align-self: auto; }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-desc { grid-column: 3; grid-row: 1; }&lt;br /&gt;
}&lt;br /&gt;
/* --- Handoff block --- */&lt;br /&gt;
.dreams-handoff {&lt;br /&gt;
  border-top: 1.5px solid var(--dreams-border);&lt;br /&gt;
  padding: 1rem 0 0;&lt;br /&gt;
  margin: 2rem 0 0;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .5rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__label::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 1.8em;&lt;br /&gt;
  height: 1.5em;&lt;br /&gt;
  margin-right: .5em;&lt;br /&gt;
  vertical-align: -0.4em;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive {&lt;br /&gt;
  background: none;&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: -1.25rem;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  bottom: 0;&lt;br /&gt;
  width: 12px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;16&#039; height=&#039;24&#039; viewBox=&#039;0 0 16 24&#039;%3E%3Cpath d=&#039;M8 0 Q14 6 8 12 Q2 18 8 24&#039; stroke=&#039;%235c4ce4&#039; stroke-width=&#039;2&#039; fill=&#039;none&#039; stroke-linecap=&#039;round&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  background-size: 12px 24px;&lt;br /&gt;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
          mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
  opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff__items {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .6rem;&lt;br /&gt;
  margin-top: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .75rem .9rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title a,&lt;br /&gt;
.dreams-handoff__item-title a.external {&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-source {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-top: .3rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Sources footer --- */&lt;br /&gt;
.sump-sources {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  padding-top: .85rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #4a4a4a;&lt;br /&gt;
  margin-bottom: .55rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item {&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  text-indent: -1rem;&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__ref {&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Prev / next navigation bar --- */&lt;br /&gt;
.sump-step__nav {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--top {&lt;br /&gt;
  margin: .5rem 0 1.75rem;&lt;br /&gt;
  padding-bottom: 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--bottom {&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  padding-top: 1rem;&lt;br /&gt;
  border-top: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav a { color: var(--dreams-primary); }&lt;br /&gt;
.sump-step__nav a:hover {&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333 !important;&lt;br /&gt;
  border: 1px solid #ccc;&lt;br /&gt;
  padding: .2rem .75rem;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a:hover { background: var(--dreams-tint); }&lt;br /&gt;
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }&lt;br /&gt;
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }&lt;br /&gt;
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }&lt;br /&gt;
/* overview slides into the gap: left on step 1, right on step 12 */&lt;br /&gt;
.sump-step__nav--first .sump-step__nav-prev { display: none; }&lt;br /&gt;
.sump-step__nav--last  .sump-step__nav-next { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP phase row ── */&lt;br /&gt;
.sump-phases {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));&lt;br /&gt;
  gap: 1.5rem;&lt;br /&gt;
  margin: 1.5rem 0 1.75rem;&lt;br /&gt;
  counter-reset: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  counter-increment: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item::before {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 2.2rem;&lt;br /&gt;
  height: 2.2rem;&lt;br /&gt;
  margin-bottom: 0.6rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::before,&lt;br /&gt;
.sump-phases__item--realize::before,&lt;br /&gt;
.sump-phases__item--eval::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  background-color: var(--dreams-tint);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
  background-size: 62%;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::after,&lt;br /&gt;
.sump-phases__item--realize::after,&lt;br /&gt;
.sump-phases__item--eval::after,&lt;br /&gt;
.sump-phases__item--fig::after {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.5rem;&lt;br /&gt;
  left: -0.5rem;&lt;br /&gt;
  width: 1.6rem;&lt;br /&gt;
  height: 1.6rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: 0.82rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-phases__item--fig::before { display: none; }&lt;br /&gt;
.sump-phases__fig {&lt;br /&gt;
  width: 5.2rem;&lt;br /&gt;
  height: 5.2rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig figure,&lt;br /&gt;
.sump-phases__fig span,&lt;br /&gt;
.sump-phases__fig a { display: block; width: 3.75rem; min-width: 0; margin: 0; }&lt;br /&gt;
.sump-phases__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 4.75rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig span img,&lt;br /&gt;
.sump-phases__fig a img { width: 100%; }&lt;br /&gt;
&lt;br /&gt;
/* per-phase glyphs */&lt;br /&gt;
.sump-phases__item--prep::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1854.82,-975.755)&#039;%3E%3Cg id=&#039;Preparation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1686.17,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.03662,0,0,1.01229,-3254.54,-198.641)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.35128,0,0,2.014,-4050.65,-1566.23)&#039;%3E%3Cpath d=&#039;M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.14px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--realize::before { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2283.29,-975.755)&#039;%3E%3Cg id=&#039;Realisation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2114.63,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.06694,-3472.54,-265.777)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)&#039;%3E%3Cpath d=&#039;M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:10.4px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--eval::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;38.5 55.7 301.9 301.9&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2674.63,-975.755)&#039;%3E%3Cg id=&#039;Evaluation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2505.98,780.907)&#039;%3E%3Cg transform=&#039;matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)&#039;%3E%3Cpath d=&#039;M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)&#039;%3E%3Cpath d=&#039;M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)&#039;%3E%3Cpath d=&#039;M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }&lt;br /&gt;
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* A. figure tiles */&lt;br /&gt;
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }&lt;br /&gt;
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }&lt;br /&gt;
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }&lt;br /&gt;
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }&lt;br /&gt;
&lt;br /&gt;
/* B. two-pane contrast */&lt;br /&gt;
.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }&lt;br /&gt;
.sump-versus__pane { display: flex; flex-direction: column; border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }&lt;br /&gt;
.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }&lt;br /&gt;
.sump-versus__head { font-weight:700; margin-bottom:.35rem; }&lt;br /&gt;
@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }&lt;br /&gt;
&lt;br /&gt;
.sump-versus__fig { margin-top: auto;  padding-top: 1em; margin-bottom:.6rem; }&lt;br /&gt;
.sump-versus__fig img { display:block; width:100%; height:auto; }&lt;br /&gt;
.sump-versus__fig--small {&lt;br /&gt;
  max-width: 60%;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-versus__fig--small img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* optional inline continuity marker */&lt;br /&gt;
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }&lt;br /&gt;
&lt;br /&gt;
.sump-roles dt {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.9em;&lt;br /&gt;
  margin: 1.4em 0 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt:first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt img {&lt;br /&gt;
  flex: 0 0 64px;&lt;br /&gt;
  width: 64px !important;&lt;br /&gt;
  height: 56px !important;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dd {&lt;br /&gt;
  margin: 0 0 0 calc(64px + 0.9em);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-lead-fig {&lt;br /&gt;
  float: right;&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  margin: 0 0 1em 2em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-fig img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Column layout: text and figure side by side, no wrapping */&lt;br /&gt;
.sump-lead {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-text {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
  float: none;&lt;br /&gt;
  flex: 0 0 260px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 720px) {&lt;br /&gt;
  .sump-lead { flex-direction: column-reverse; }&lt;br /&gt;
  .sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
    flex-basis: auto;&lt;br /&gt;
    width: 160px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-checklist {&lt;br /&gt;
  clear: both;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
  .sump-lead-fig {&lt;br /&gt;
    float: none;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    margin: 0 auto 1em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living-lab example box --- */&lt;br /&gt;
.dreams-lab {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .85rem 1.1rem 1rem;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-lab__tag {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  padding-bottom: .5rem;&lt;br /&gt;
  margin-bottom: .6rem;&lt;br /&gt;
  border-bottom: 1px solid var(--dreams-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-impact-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	grid-template-columns: 1fr;&lt;br /&gt;
	gap: 14px;&lt;br /&gt;
	margin: 1em 0 1.5em;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-card {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	padding: 1rem 1.1rem;&lt;br /&gt;
	background: #ffffff;&lt;br /&gt;
	border: 1px solid #e7e4f7;&lt;br /&gt;
	border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-head {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-icon {&lt;br /&gt;
	flex: none;&lt;br /&gt;
	width: 38px;&lt;br /&gt;
	height: 38px;&lt;br /&gt;
	border-radius: 10px;&lt;br /&gt;
	background-color: #f3f1ff;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	background-size: 24px 24px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-name {&lt;br /&gt;
	font-size: 1.05em;&lt;br /&gt;
	font-weight: 600;&lt;br /&gt;
	color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body {&lt;br /&gt;
	font-size: 0.95em;&lt;br /&gt;
	line-height: 1.6;&lt;br /&gt;
	color: #333333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body p { margin: 0; }&lt;br /&gt;
.dreams-impact-icon--accessibility { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200&#039;%20/%3E%3Cpath%20d=&#039;M7%2021l3%20-4&#039;%20/%3E%3Cpath%20d=&#039;M16%2021l-2%20-4l-3%20-3l1%20-6&#039;%20/%3E%3Cpath%20d=&#039;M6%2012l2%20-3l4%20-1l3%203l3%201&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--carbon { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M5%2021c.5%20-4.5%202.5%20-8%207%20-10&#039;%20/%3E%3Cpath%20d=&#039;M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--liveability { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%2013l-2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2012l2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2021v-13&#039;%20/%3E%3Cpath%20d=&#039;M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--health { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2012h4l3%208l4%20-16l3%208h4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--economic { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2021l18%200&#039;%20/%3E%3Cpath%20d=&#039;M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204&#039;%20/%3E%3Cpath%20d=&#039;M5%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M19%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--equity { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M7%2020l10%200&#039;%20/%3E%3Cpath%20d=&#039;M6%206l6%20-1l6%201&#039;%20/%3E%3Cpath%20d=&#039;M12%203l0%2017&#039;%20/%3E%3Cpath%20d=&#039;M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3Cpath%20d=&#039;M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--governance { background-image: url(&amp;quot;/wiki/Special:FilePath/DREAMS-impact-governance.svg&amp;quot;); }&lt;br /&gt;
&lt;br /&gt;
/* ── Partner logo bar (main page footer) ── */&lt;br /&gt;
.partner-logo-bar {&lt;br /&gt;
  margin: 2.5em 0 0;&lt;br /&gt;
  padding-top: 2em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__label {&lt;br /&gt;
  font-size: 0.72em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.09em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #8a8aaa;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
  width: calc(20% - 0.4em);&lt;br /&gt;
  min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
  padding: 6px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item img {&lt;br /&gt;
  max-height: 42px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item figure,&lt;br /&gt;
.partner-logo-bar__item .thumb,&lt;br /&gt;
.partner-logo-bar__item .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item .thumbcaption,&lt;br /&gt;
.partner-logo-bar__item .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--narrow img { max-width: 75px; }&lt;br /&gt;
.partner-logo-bar__item--boost img  { min-height: 58px; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a:hover {&lt;br /&gt;
  text-decoration: underline !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer {&lt;br /&gt;
  margin-top: 0.5em;&lt;br /&gt;
  padding-top: 1em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.75em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer img {&lt;br /&gt;
  max-height: 40px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer figure,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumb,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbcaption,&lt;br /&gt;
.partner-logo-bar__disclaimer .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .partner-logo-bar__row {&lt;br /&gt;
    grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
  .partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
    width: calc(33% - 0.4em);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-prereq {&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  padding: 1.1rem 1.3rem 1.2rem;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }&lt;br /&gt;
.sump-prereq__list { display: grid; gap: .65rem; }&lt;br /&gt;
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }&lt;br /&gt;
.sump-prereq__box {&lt;br /&gt;
  width: 1.2rem; height: 1.2rem; margin-top: .12rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary); border-radius: 4px;&lt;br /&gt;
  background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__text { line-height: 1.45; }&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__box {&lt;br /&gt;
  background-color: var(--dreams-primary);&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039;%3E%3Cpath fill=&#039;none&#039; stroke=&#039;%23ffffff&#039; stroke-width=&#039;3.5&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039; d=&#039;M5 12.5l4.5 4.5L19 7&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }&lt;br /&gt;
.sump-prereq--outcome {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq--outcome .sump-prereq__title {&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl { margin: 1.25rem 0; }&lt;br /&gt;
.sump-step dl dt {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  margin-top: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl dt:first-child { margin-top: 0; }&lt;br /&gt;
.sump-step dl dd {&lt;br /&gt;
  margin: .2rem 0 0 1.2rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Tool tutorial --- */&lt;br /&gt;
.dreams-tutorial { counter-reset: tut; margin: 1rem 0 2rem; }&lt;br /&gt;
.dreams-tutorial__step {&lt;br /&gt;
  counter-increment: tut;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  padding: 1.25rem 0;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__step:first-child { border-top: none; padding-top: 0; }&lt;br /&gt;
.dreams-tutorial__step::before {&lt;br /&gt;
  content: counter(tut);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__title { grid-column: 2; font-weight: 700; color: var(--dreams-primary); line-height: 24px; }&lt;br /&gt;
.dreams-tutorial__body  { grid-column: 2; line-height: 1.7; margin-top: .35rem; }&lt;br /&gt;
.dreams-tutorial__shot  { grid-column: 2; margin-top: .85rem; }&lt;br /&gt;
.dreams-tutorial__shot p { margin: 0; }&lt;br /&gt;
.dreams-tutorial img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial .sump-versus { grid-column: 2; margin: .85rem 0 0; }&lt;br /&gt;
.dreams-tutorial .sump-versus__pane { padding: .6rem; }&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .dreams-tutorial__step { grid-template-columns: 1fr; }&lt;br /&gt;
  .dreams-tutorial__step::before { margin-bottom: .4rem; }&lt;br /&gt;
  .dreams-tutorial__title, .dreams-tutorial__body,&lt;br /&gt;
  .dreams-tutorial__shot, .dreams-tutorial .sump-versus { grid-column: 1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-legend {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  max-width: 26rem;&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__scale {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  height: 12px;&lt;br /&gt;
  margin-bottom: .3rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band--1::before { background: #440154; border-radius: 3px 0 0 3px; }&lt;br /&gt;
.dreams-legend__band--2::before { background: #3b528b; }&lt;br /&gt;
.dreams-legend__band--3::before { background: #21918c; }&lt;br /&gt;
.dreams-legend__band--4::before { background: #5ec962; }&lt;br /&gt;
.dreams-legend__band--5::before { background: #fde725; border-radius: 0 3px 3px 0; }&lt;br /&gt;
.dreams-legend__ends {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  margin-top: .15rem;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 560px) { .dreams-legend { grid-column: 1; } }&lt;br /&gt;
&lt;br /&gt;
/* ── Tools overview cards ── */&lt;br /&gt;
.dreams-tools-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));&lt;br /&gt;
  gap: 22px;&lt;br /&gt;
  margin: 1.4em 0 1em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover,&lt;br /&gt;
.dreams-tool-card:focus-within {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 12px 28px rgba(92,76,228,0.16);&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  padding: 18px 20px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__icon img { display: block; width: 60px; height: 60px; }&lt;br /&gt;
.dreams-tool-card__kind {&lt;br /&gt;
  font-size: .75em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .25em .8em;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__body {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  padding: 16px 20px 18px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__title { font-size: 1.3em; font-weight: 700; line-height: 1.25; }&lt;br /&gt;
.dreams-tool-card__title a { color: var(--dreams-primary) !important; text-decoration: none !important; }&lt;br /&gt;
/* stretched link: the title link covers the whole card */&lt;br /&gt;
.dreams-tool-card__title a::after { content: &amp;quot;&amp;quot;; position: absolute; inset: 0; z-index: 1; }&lt;br /&gt;
.dreams-tool-card__title a:focus { outline: none; }&lt;br /&gt;
.dreams-tool-card__question {&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .7em;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__text { font-size: .95em; line-height: 1.6; color: #444; flex: 1; }&lt;br /&gt;
.dreams-tool-card__steps {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
  font-size: .8em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps-label { color: #777; font-weight: 600; margin-right: 2px; }&lt;br /&gt;
.dreams-tool-card__steps a,&lt;br /&gt;
.dreams-tool-card__launch a {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .15em .7em;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a:hover { border-color: var(--dreams-primary); }&lt;br /&gt;
.dreams-tool-card__foot {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
  margin-top: 4px;&lt;br /&gt;
  padding-top: 12px;&lt;br /&gt;
  border-top: 1px solid #eeeafd;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__cta { font-weight: 700; color: var(--dreams-primary); font-size: .95em; }&lt;br /&gt;
.dreams-tool-card__cta::after { &lt;br /&gt;
  content: &amp;quot;\2192&amp;quot;;          &lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  margin-left: .35em;       &lt;br /&gt;
  transition: transform .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover .dreams-tool-card__cta::after { transform: translateX(4px); }&lt;br /&gt;
.dreams-tool-card__launch { font-size: .85em; }&lt;br /&gt;
.dreams-tool-card__launch a,&lt;br /&gt;
.dreams-tool-card__launch a.external { color: var(--dreams-dark) !important; background: none !important; padding-right: 0 !important; }&lt;br /&gt;
&lt;br /&gt;
/* --- link row --- */&lt;br /&gt;
.dreams-linkrow {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  margin: .75rem 0 1.5rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow &amp;gt; p { display: contents; }&lt;br /&gt;
.dreams-linkrow a {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .4em;&lt;br /&gt;
  padding: .3rem .75rem;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  transition: background .15s, border-color .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a::after {&lt;br /&gt;
  content: &amp;quot;→&amp;quot;;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  transition: transform .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover::after { transform: translateX(2px); }&lt;br /&gt;
.dreams-linkrow__meta {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Project&amp;diff=2247</id>
		<title>Project</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Project&amp;diff=2247"/>
		<updated>2026-10-19T11:11:04Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{#tweekihide:firstHeading}}&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-step&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h1 style=&amp;quot;color:var(--dreams-primary);text-align:center&amp;quot;&amp;gt;About DREAMS&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;DREAMS&#039;&#039;&#039; (Driving Equitable and Accessible 15-Minute Neighbourhood Transformations) explores how co-created, user-centric mobility services, mobility hubs and flexible activity hubs can make neighbourhoods in the urban outskirts of European cities accessible, sustainable and inclusive.&lt;br /&gt;
&lt;br /&gt;
The [[15-Minute Cities|15-minute city]] idea grew out of dense urban cores. DREAMS asks what it takes to make it work in low- to mid-density suburbs and outskirts, where everyday destinations lie further apart and walking and cycling alone rarely cover daily needs.&lt;br /&gt;
&lt;br /&gt;
DREAMS is a research project of the [https://dutpartnership.eu/projects/dreams Driving Urban Transitions (DUT) Partnership], selected in the 2022 call under the 15-minute city transition pathway. The project is coordinated by the University of Twente and runs from January 2024 to December 2026.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
== Aims ==&lt;br /&gt;
The project pursues five aims:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sequence-wrap has-icons&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:CompareLifestyles.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Compare lifestyles&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A comparative analysis of 15-minute lifestyles across suburban and urban outskirts of differing density, forming the first European comparison of local 15-minute city implementations.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:RethinkBusinessModels.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Rethink business models&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;New business models and governance frameworks that make shared mobility services and flexible activity hubs viable in low- and medium-density areas.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:SupportDecisions.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Support decisions&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A map-based decision support tool that helps stakeholders co-create and assess mobility services, mobility hubs and flexible activity hubs.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:AssessImpacts.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Assess impacts&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;An assessment of the mobility, accessibility and wider societal impacts of the interventions tested in the living labs.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:GuidePolicy.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Guide policy&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Policy recommendations on pathways towards sustainable and inclusive mobility in 15-minute neighbourhoods at the urban edge.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
The tools that came out of this work are described on the [[Tools]] page, and the recommendations are woven into the [[SUMP Process]] guidance on this platform.&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
== Six living labs ==&lt;br /&gt;
DREAMS grounds its research in six living labs. Each is set in a peripheral district where local partners, residents and mobility providers work together on concrete interventions.&lt;br /&gt;
&lt;br /&gt;
Together the labs cover mobility hubs, flexible activity hubs, demand-responsive services, car-sharing and car-pooling, and shared micromobility. To keep findings comparable, each scenario was planned for evaluation in at least two labs. Each lab has its own page, and the [[Living Lab Overview]] introduces all six.&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-linkrow&amp;quot;&amp;gt;[[Living Labs/5|Haren and Neder-Over-Heembeek &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Brussels&amp;lt;/span&amp;gt;]] [[Living Labs/3|Rákosmente &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Budapest&amp;lt;/span&amp;gt;]] [[Living Labs/4|Geretsried &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Munich region&amp;lt;/span&amp;gt;]] [[Living Labs/6|Évry-Courcouronnes &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Paris region&amp;lt;/span&amp;gt;]] [[Living Labs/2|Overvecht &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Utrecht&amp;lt;/span&amp;gt;]] [[Living Labs/1|Liesing &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Vienna&amp;lt;/span&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
== Work packages ==&lt;br /&gt;
The work is organised in seven work packages. The research moves from redefining the concept and reviewing planning practice, through tool development and new business models, into the living labs, and closes with impact assessment and transfer to practice.&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! WP !! Focus !! Lead partner&lt;br /&gt;
|-&lt;br /&gt;
| 1 || Project and data management, and quality control || [[DREAMers#University_of_Twente_(UT)|University of Twente]]&lt;br /&gt;
|-&lt;br /&gt;
| 2 || Review and comparative analysis || [[DREAMers#University_of_Natural_Resources_and_Applied_Life_Sciences,_Vienna|BOKU University]]&lt;br /&gt;
|-&lt;br /&gt;
| 3 || Development of the 15-minute city decision support tool || [[DREAMers#Technische_Universität_München|Technical University of Munich]]&lt;br /&gt;
|-&lt;br /&gt;
| 4 || New governance and business models and transition pathways || [[DREAMers#Mpact|Mpact]]&lt;br /&gt;
|-&lt;br /&gt;
| 5 || DREAMS 15-minute city living labs || [[DREAMers#Budapest_University_of_Technology_and_Economics|Budapest University of Technology and Economics]]&lt;br /&gt;
|-&lt;br /&gt;
| 6 || Impact assessment and evaluation || [[DREAMers#Vrije_Universiteit_Brussel|Vrije Universiteit Brussel]]&lt;br /&gt;
|-&lt;br /&gt;
| 7 || Transferability and knowledge dissemination || [[DREAMers#University_of_Twente_(UT)|University of Twente]]&lt;br /&gt;
|}&lt;br /&gt;
Every research task is led and co-led by academic partners from two different countries, to make the most of the transnational set-up. This knowledge platform is itself a WP7 output, led by Mobyome and built to carry the project&#039;s findings to practitioners beyond its lifetime.&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
== Consortium ==&lt;br /&gt;
The consortium brings together 28 partners from Austria, Belgium, France, Germany, Hungary and the Netherlands. Fifteen full partners carry out the research. They include universities, public research organisations, practice partners from planning and mobility, a municipality and EIT Urban Mobility. Thirteen cooperation partners, among them cities and regional authorities, public transport operators and shared mobility providers, open up the living labs and help test interventions on the ground. The people behind the project are introduced on the [[DREAMers]] page.&lt;br /&gt;
[[File:Partner_Schema.jpg|thumb|center|700px|Partners of DREAMS across the six living labs]]&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
== Management structure ==&lt;br /&gt;
DREAMS uses a layered management structure. Day-to-day decisions sit with the Daily Management Board, the Executive Board provides oversight, and each living lab runs its own coordination.&lt;br /&gt;
[[File:DREAMS Organizational Structure.jpg|thumb|center|700px|Organisational structure of the project]]&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-bodies-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Daily Management Board&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;The highest decision-making body. Chaired by the coordinator, it brings together the work package and living lab leaders in monthly meetings. Decisions need a two-thirds majority.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Executive Board&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;One representative of each full partner, chaired by the coordinator. It advises on direction and quality, meets twice a year alongside consortium meetings and can add items to the board agenda.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Living Lab Partners&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;The local partners in each lab. Led by the living lab leader, they meet every two months to develop, apply and evaluate DREAMS research and tools on site.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Quality and Data Manager&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;Appointed by the coordinator. Organises the peer review of every deliverable by at least one other partner and supports data management plans that meet national funding rules.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;DREAMS (project number F-DUT-2022-0088) is funded through the DUT Partnership, which is supported by the European Commission under the Horizon Europe co-funded Partnership scheme. Each full partner is funded by its national research funding agency.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Project&amp;diff=2246</id>
		<title>Project</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Project&amp;diff=2246"/>
		<updated>2026-10-19T11:10:54Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{#tweekihide:firstHeading}}&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-step&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h1 style=&amp;quot;color:var(--dreams-primary);text-align:center&amp;quot;&amp;gt;About DREAMS&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;DREAMS&#039;&#039;&#039; (Driving Equitable and Accessible 15-Minute Neighbourhood Transformations) explores how co-created, user-centric mobility services, mobility hubs and flexible activity hubs can make neighbourhoods in the urban outskirts of European cities accessible, sustainable and inclusive.&lt;br /&gt;
&lt;br /&gt;
The [[15-Minute Cities|15-minute city]] idea grew out of dense urban cores. DREAMS asks what it takes to make it work in low- to mid-density suburbs and outskirts, where everyday destinations lie further apart and walking and cycling alone rarely cover daily needs.&lt;br /&gt;
&lt;br /&gt;
DREAMS is a research project of the [https://dutpartnership.eu/projects/dreams Driving Urban Transitions (DUT) Partnership], selected in the 2022 call under the 15-minute city transition pathway. The project is coordinated by the University of Twente and runs from January 2024 to December 2026.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
== Aims ==&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
The project pursues five aims:&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sequence-wrap has-icons&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:CompareLifestyles.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Compare lifestyles&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A comparative analysis of 15-minute lifestyles across suburban and urban outskirts of differing density, forming the first European comparison of local 15-minute city implementations.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:RethinkBusinessModels.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Rethink business models&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;New business models and governance frameworks that make shared mobility services and flexible activity hubs viable in low- and medium-density areas.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:SupportDecisions.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Support decisions&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A map-based decision support tool that helps stakeholders co-create and assess mobility services, mobility hubs and flexible activity hubs.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:AssessImpacts.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Assess impacts&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;An assessment of the mobility, accessibility and wider societal impacts of the interventions tested in the living labs.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:GuidePolicy.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Guide policy&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Policy recommendations on pathways towards sustainable and inclusive mobility in 15-minute neighbourhoods at the urban edge.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
The tools that came out of this work are described on the [[Tools]] page, and the recommendations are woven into the [[SUMP Process]] guidance on this platform.&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
== Six living labs ==&lt;br /&gt;
DREAMS grounds its research in six living labs. Each is set in a peripheral district where local partners, residents and mobility providers work together on concrete interventions.&lt;br /&gt;
&lt;br /&gt;
Together the labs cover mobility hubs, flexible activity hubs, demand-responsive services, car-sharing and car-pooling, and shared micromobility. To keep findings comparable, each scenario was planned for evaluation in at least two labs. Each lab has its own page, and the [[Living Lab Overview]] introduces all six.&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-linkrow&amp;quot;&amp;gt;[[Living Labs/5|Haren and Neder-Over-Heembeek &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Brussels&amp;lt;/span&amp;gt;]] [[Living Labs/3|Rákosmente &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Budapest&amp;lt;/span&amp;gt;]] [[Living Labs/4|Geretsried &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Munich region&amp;lt;/span&amp;gt;]] [[Living Labs/6|Évry-Courcouronnes &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Paris region&amp;lt;/span&amp;gt;]] [[Living Labs/2|Overvecht &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Utrecht&amp;lt;/span&amp;gt;]] [[Living Labs/1|Liesing &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Vienna&amp;lt;/span&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
== Work packages ==&lt;br /&gt;
The work is organised in seven work packages. The research moves from redefining the concept and reviewing planning practice, through tool development and new business models, into the living labs, and closes with impact assessment and transfer to practice.&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! WP !! Focus !! Lead partner&lt;br /&gt;
|-&lt;br /&gt;
| 1 || Project and data management, and quality control || [[DREAMers#University_of_Twente_(UT)|University of Twente]]&lt;br /&gt;
|-&lt;br /&gt;
| 2 || Review and comparative analysis || [[DREAMers#University_of_Natural_Resources_and_Applied_Life_Sciences,_Vienna|BOKU University]]&lt;br /&gt;
|-&lt;br /&gt;
| 3 || Development of the 15-minute city decision support tool || [[DREAMers#Technische_Universität_München|Technical University of Munich]]&lt;br /&gt;
|-&lt;br /&gt;
| 4 || New governance and business models and transition pathways || [[DREAMers#Mpact|Mpact]]&lt;br /&gt;
|-&lt;br /&gt;
| 5 || DREAMS 15-minute city living labs || [[DREAMers#Budapest_University_of_Technology_and_Economics|Budapest University of Technology and Economics]]&lt;br /&gt;
|-&lt;br /&gt;
| 6 || Impact assessment and evaluation || [[DREAMers#Vrije_Universiteit_Brussel|Vrije Universiteit Brussel]]&lt;br /&gt;
|-&lt;br /&gt;
| 7 || Transferability and knowledge dissemination || [[DREAMers#University_of_Twente_(UT)|University of Twente]]&lt;br /&gt;
|}&lt;br /&gt;
Every research task is led and co-led by academic partners from two different countries, to make the most of the transnational set-up. This knowledge platform is itself a WP7 output, led by Mobyome and built to carry the project&#039;s findings to practitioners beyond its lifetime.&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
== Consortium ==&lt;br /&gt;
The consortium brings together 28 partners from Austria, Belgium, France, Germany, Hungary and the Netherlands. Fifteen full partners carry out the research. They include universities, public research organisations, practice partners from planning and mobility, a municipality and EIT Urban Mobility. Thirteen cooperation partners, among them cities and regional authorities, public transport operators and shared mobility providers, open up the living labs and help test interventions on the ground. The people behind the project are introduced on the [[DREAMers]] page.&lt;br /&gt;
[[File:Partner_Schema.jpg|thumb|center|700px|Partners of DREAMS across the six living labs]]&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
== Management structure ==&lt;br /&gt;
DREAMS uses a layered management structure. Day-to-day decisions sit with the Daily Management Board, the Executive Board provides oversight, and each living lab runs its own coordination.&lt;br /&gt;
[[File:DREAMS Organizational Structure.jpg|thumb|center|700px|Organisational structure of the project]]&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-bodies-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Daily Management Board&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;The highest decision-making body. Chaired by the coordinator, it brings together the work package and living lab leaders in monthly meetings. Decisions need a two-thirds majority.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Executive Board&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;One representative of each full partner, chaired by the coordinator. It advises on direction and quality, meets twice a year alongside consortium meetings and can add items to the board agenda.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Living Lab Partners&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;The local partners in each lab. Led by the living lab leader, they meet every two months to develop, apply and evaluate DREAMS research and tools on site.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Quality and Data Manager&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;Appointed by the coordinator. Organises the peer review of every deliverable by at least one other partner and supports data management plans that meet national funding rules.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;DREAMS (project number F-DUT-2022-0088) is funded through the DUT Partnership, which is supported by the European Commission under the Horizon Europe co-funded Partnership scheme. Each full partner is funded by its national research funding agency.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2245</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2245"/>
		<updated>2026-10-19T11:10:10Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS placed here will be applied to all skins */&lt;br /&gt;
.navbar-brand img {&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.firstHeading {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.external.text {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.grid-container {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.square {&lt;br /&gt;
  padding: 30px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-family: Arial, sans-serif;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  color: white;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  min-height: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.blue { background-color: #2D8CFF; }&lt;br /&gt;
.red { background-color: #FF4757; }&lt;br /&gt;
.green { background-color: #2ED573; }&lt;br /&gt;
.yellow { background-color: #FFD32A; }&lt;br /&gt;
.orange { background-color: #fee4cb; }&lt;br /&gt;
.hue1 { background-color: #5c4ce4; }&lt;br /&gt;
.hue2 { background-color: #8068ff; }&lt;br /&gt;
.hue3 { background-color: #a386ff; }&lt;br /&gt;
.hue4 { background-color: #c6a4ff; }&lt;br /&gt;
.hue5 { background-color: #e9c4ff; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Main Page ── */&lt;br /&gt;
.__NOTOC__ + * { margin-top: 0; }&lt;br /&gt;
&lt;br /&gt;
.main-hero {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  padding: 2em 0 2.5em;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__text { flex: 1; min-width: 280px; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__tag {&lt;br /&gt;
  font-size: 0.75em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  margin-bottom: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__title {&lt;br /&gt;
  font-size: 1.7em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  color: #1a1a2e;&lt;br /&gt;
  margin: 0 0 0.6em;&lt;br /&gt;
  border: none;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
  max-width: 580px;&lt;br /&gt;
  margin-bottom: 1.2em;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo figure,&lt;br /&gt;
.main-hero__logo .thumb,&lt;br /&gt;
.main-hero__logo .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo .thumbcaption,&lt;br /&gt;
.main-hero__logo .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a,&lt;br /&gt;
a.main-hero__btn {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: 0.5em 1.2em;&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn--outline a {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  border: 2px solid #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a:hover { opacity: 0.85; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: stretch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-section {&lt;br /&gt;
  margin-bottom: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr 1fr;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro__col {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-labs {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  padding: 0.4em 1em;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a:hover {&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  border-color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));&lt;br /&gt;
  gap: 1em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  padding: 0.8em 1em;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .main-hero { flex-direction: column; }&lt;br /&gt;
  .main-intro { grid-template-columns: 1fr; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* DREAMers team layout */&lt;br /&gt;
.dreamer-section { &lt;br /&gt;
  margin: 22px 0 30px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__head {&lt;br /&gt;
  margin: 4px 0 14px;&lt;br /&gt;
  border-left: 4px solid rgb(92,76,228);&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__title {&lt;br /&gt;
  font-size: 1.25em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle:empty { &lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, 260px);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid &amp;gt; p {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card {&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 250px;       &lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap pre {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: none;&lt;br /&gt;
  background: none;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap a {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;    &lt;br /&gt;
  object-fit: cover;   &lt;br /&gt;
  object-position: center top; &lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__body {&lt;br /&gt;
  padding: 10px 14px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__name {&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__role {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta {&lt;br /&gt;
  color: #72777d;&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap figure,&lt;br /&gt;
.dreamer-card__imgwrap .thumb,&lt;br /&gt;
.dreamer-card__imgwrap .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap .thumbcaption,&lt;br /&gt;
.dreamer-card__imgwrap .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta:empty { display: none; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Event detail page ── */&lt;br /&gt;
.event-detail { margin-top: 8px; }&lt;br /&gt;
&lt;br /&gt;
.event-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  padding-bottom: 0px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.event-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event image gallery ── */&lt;br /&gt;
.event-gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery &amp;gt; p { display: none; }&lt;br /&gt;
.event-gallery__item {&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(92,76,228,0.08);&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery__item a,&lt;br /&gt;
.event-gallery__item span,&lt;br /&gt;
.event-gallery__item .thumb,&lt;br /&gt;
.event-gallery__item .thumbinner {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: none !important;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item img {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 260px;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item .thumbcaption,&lt;br /&gt;
.event-gallery__item .magnify { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Strip thumb borders inside event gallery */&lt;br /&gt;
.event-gallery .thumb {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbimage {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbcaption,&lt;br /&gt;
.event-gallery .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event Card ── */&lt;br /&gt;
.event-card {&lt;br /&gt;
  border: 1px solid #dde;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f9f9fc;&lt;br /&gt;
  width: 300px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 160px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #eef;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Strip MediaWiki thumb wrapper inside event cards */&lt;br /&gt;
.event-card-image figure,&lt;br /&gt;
.event-card-image figure.mw-default-size,&lt;br /&gt;
.event-card-image .thumb,&lt;br /&gt;
.event-card-image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image .thumbcaption,&lt;br /&gt;
.event-card-image .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  object-fit: cover !important;&lt;br /&gt;
  object-position: center !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder {&lt;br /&gt;
  background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 50%;&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translate(-50%, -50%);&lt;br /&gt;
  width: 2.5em;&lt;br /&gt;
  height: 2.5em;&lt;br /&gt;
  opacity: 0.35;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;none&#039; stroke=&#039;%23334&#039; stroke-width=&#039;1.8&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039;%3E%3Crect x=&#039;3&#039; y=&#039;4&#039; width=&#039;18&#039; height=&#039;18&#039; rx=&#039;2&#039;/%3E%3Cline x1=&#039;16&#039; y1=&#039;2&#039; x2=&#039;16&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;8&#039; y1=&#039;2&#039; x2=&#039;8&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;3&#039; y1=&#039;10&#039; x2=&#039;21&#039; y2=&#039;10&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-body {&lt;br /&gt;
  padding: 1em 1.2em;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 0.4em;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-tag {&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  background: #4a5dcc;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  padding: 0.15em 0.55em;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  align-self: flex-start;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-title {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  font-size: 1em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-location {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-desc {&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-readmore {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  margin-top: 0.4em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Publication detail page ── */&lt;br /&gt;
.publication-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.publication-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__section { margin-top: 24px; }&lt;br /&gt;
.publication-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
.publication-authors {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
.publication-author {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  padding: 5px 12px;&lt;br /&gt;
  font-size: 0.92em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Labs overview grid ── */&lt;br /&gt;
.living-labs-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 180px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image figure,&lt;br /&gt;
.living-lab-card__image .thumb,&lt;br /&gt;
.living-lab-card__image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image .thumbcaption,&lt;br /&gt;
.living-lab-card__image .magnify { display: none !important; }&lt;br /&gt;
.living-lab-card__body {&lt;br /&gt;
  padding: 14px 16px 16px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name {&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name a { color: #5c4ce4 !important; text-decoration: none !important; }&lt;br /&gt;
.living-lab-card__name a:hover { text-decoration: underline !important; }&lt;br /&gt;
.living-lab-card__desc {&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Lab detail page ── */&lt;br /&gt;
.living-lab-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.living-lab-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__section { margin-bottom: 28px; }&lt;br /&gt;
.living-lab-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 8px;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  padding-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__text {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  max-width: 820px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__map { max-width: 820px; }&lt;br /&gt;
.living-lab-detail__map .maps-map { width: 100% !important; }&lt;br /&gt;
&lt;br /&gt;
/* headline image */&lt;br /&gt;
.living-lab-detail__hero { margin: 0 0 6px; }&lt;br /&gt;
.living-lab-detail__hero img { &lt;br /&gt;
  height: auto; &lt;br /&gt;
  display: block; &lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-caption { &lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666; &lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-credit { color: #888; }&lt;br /&gt;
.living-lab-detail__hero-caption {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__lead { &lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  margin: 0 0 20px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* interventions list */&lt;br /&gt;
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }&lt;br /&gt;
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }&lt;br /&gt;
.living-lab-detail__interventions li b,&lt;br /&gt;
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }&lt;br /&gt;
.living-lab-detail__interventions li i { color: #666; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__gallery { display: flex; flex-wrap: wrap; gap: 12px; }&lt;br /&gt;
.living-lab-detail__figure img { border-radius: 6px; display: block; }&lt;br /&gt;
.living-lab-detail__figure { flex: 0 1 auto; }&lt;br /&gt;
.living-lab-detail__figure img { border-radius: 6px; display: block; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__quote { &lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding: 4px 0 4px 16px; &lt;br /&gt;
  margin: 24px 0; font-size: 1.12em; &lt;br /&gt;
  line-height: 1.6; color: #333; &lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__quote cite {&lt;br /&gt;
  display: block; &lt;br /&gt;
  font-style: normal;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  justify-content: start;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure img {&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure-caption {&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living Lab resource cards (accessibility tool + survey) --- */&lt;br /&gt;
.dreams-resource-cards {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
  margin-top: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  padding: 1rem 1.1rem 1.1rem;&lt;br /&gt;
  transition: border-color .15s ease, box-shadow .15s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card:hover {&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(92, 76, 228, 0.12);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin: 0 0 .35rem;&lt;br /&gt;
  min-height: 1.6em;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: left center;&lt;br /&gt;
  background-size: 1.6em 1.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title,&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  padding-left: 2.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.7%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.4%27%20fill%3D%27%235c4ce4%27%20stroke%3D%27none%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%276.2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%20stroke-opacity%3D%270.5%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2712%2C2%2021.5%2C9%2017.8%2C20.5%206.2%2C20.5%202.5%2C9%27%2F%3E%3Cpolygon%20points%3D%2712%2C7%2016.6%2C10.4%2014.9%2C16%209.1%2C16%207.4%2C10.4%27%20fill%3D%27%235c4ce4%27%20fill-opacity%3D%270.22%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2712%27%20y2%3D%272%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2721.5%27%20y2%3D%279%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2717.8%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%276.2%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%272.5%27%20y2%3D%279%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__text {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a,&lt;br /&gt;
.dreams-resource-card__action a.external {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--dreams-primary) !important;&lt;br /&gt;
  color: var(--dreams-text-on) !important;&lt;br /&gt;
  padding: .45em 1.05em !important;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a:hover,&lt;br /&gt;
.dreams-resource-card__action a.external:hover { background: var(--dreams-dark) !important; }&lt;br /&gt;
&lt;br /&gt;
.dreams-btn {&lt;br /&gt;
  line-height: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-btn a,&lt;br /&gt;
.dreams-btn a.external.text {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background-color: var(--dreams-primary) !important;&lt;br /&gt;
  border: 1px solid var(--dreams-primary) !important;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: .375rem .75rem !important;&lt;br /&gt;
  border-radius: .375rem;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  line-hight: normal;&lt;br /&gt;
}&lt;br /&gt;
.dreams-btn a:hover,&lt;br /&gt;
.dreams-btn a.external.text:hover {&lt;br /&gt;
  background-color: var(--dreams-dark) !important;&lt;br /&gt;
  border-color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP overview  ── */&lt;br /&gt;
.sump-journey {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 1rem;&lt;br /&gt;
  margin: 1.75rem 0;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 720px) {&lt;br /&gt;
  .sump-journey { grid-template-columns: 1fr 1fr; }&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase {&lt;br /&gt;
  border: 1px solid var(--dreams-border, #e0e0e0);&lt;br /&gt;
  border-top: 4px solid var(--sump-accent, #5c4ce4);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  padding: 1rem 1.15rem 1.2rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }&lt;br /&gt;
.sump-journey__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  margin: 0 0 .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__head h3 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  font-size: 1.1rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__num {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 1.9rem;&lt;br /&gt;
  height: 1.9rem;&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: .95rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__desc {&lt;br /&gt;
  margin: 0 0 .85rem;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__steps {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step-num {&lt;br /&gt;
  flex: 0 0 1.5rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }&lt;br /&gt;
.sump-journey-cycle {&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: #777;&lt;br /&gt;
  margin: .25rem 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Brand tokens --- */&lt;br /&gt;
:root {&lt;br /&gt;
  --dreams-primary: #5c4ce4;&lt;br /&gt;
  --dreams-tint:    #f3f1ff;&lt;br /&gt;
  --dreams-border:  #cac4f8;&lt;br /&gt;
  --dreams-dark:    #3d30c4;&lt;br /&gt;
  --dreams-text-on: #ffffff;&lt;br /&gt;
  --dreams-small:   0.85em;&lt;br /&gt;
  --sump-tint: #f3f1ff; &lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Page wrapper --- */&lt;br /&gt;
.sump-step {&lt;br /&gt;
  max-width: 60rem;&lt;br /&gt;
  --sump-accent: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Phase / step header bar --- */&lt;br /&gt;
.sump-step__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
  gap: .4rem;&lt;br /&gt;
  padding: .75rem 0 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-tag {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .05em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  padding: .2rem .7rem;&lt;br /&gt;
  border-radius: 1rem;&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__counter {&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #888;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Section headings --- */&lt;br /&gt;
.sump-step h2 {&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .75rem;&lt;br /&gt;
  margin-top: 3rem;&lt;br /&gt;
  margin-bottom: 1.5rem;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Intro text block --- */&lt;br /&gt;
.sump-intro {&lt;br /&gt;
  line-height: 1.75;&lt;br /&gt;
  padding-bottom: 1.5rem;&lt;br /&gt;
  border-bottom: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
  margin-bottom: 1.75rem;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
.sump-intro &amp;gt; p:first-child { margin-top: 0; }&lt;br /&gt;
.sump-intro &amp;gt; p:last-child  { margin-bottom: 0; }&lt;br /&gt;
 &lt;br /&gt;
/* --- Four-body card grid --- */&lt;br /&gt;
.sump-bodies-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  margin: 1.25rem 0 1.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
  border: 1px solid #e8e8e8;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--steer,&lt;br /&gt;
.sump-body-card--team,&lt;br /&gt;
.sump-body-card--thematic,&lt;br /&gt;
.sump-body-card--network {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card--steer::after,&lt;br /&gt;
.sump-body-card--team::after,&lt;br /&gt;
.sump-body-card--thematic::after,&lt;br /&gt;
.sump-body-card--network::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 4rem;&lt;br /&gt;
  height: 1rem;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center bottom;&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid.sump-bodies-grid--fig {&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card { padding: 1.1rem 1.1rem 1.2rem; }&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card__desc { margin-bottom: 0; }&lt;br /&gt;
.sump-body-card__fig {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  margin: .2rem 0 .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 120px;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig-4 { grid-template-columns: repeat(4, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig-4 .sump-body-card__fig img { width: 96px; }&lt;br /&gt;
.sump-body-card--steer::after { &lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;32.1 74.9 288.2 288.2&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,0,-499.588)&#039;%3E%3Cg id=&#039;Steering-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,-168.655,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,458.877,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,595.954,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,860.643,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,479.111,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,880.876,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,616.188,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,745.596,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,765.83,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;175.626&#039; cy=&#039;794.478&#039; r=&#039;44.165&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.58909,0,0,2.29942,330.035,-873.136)&#039;%3E%3Cpath d=&#039;M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z&#039; style=&#039;fill:white;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--team::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;28.3 75.1 286.3 286.3&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-456,-499.588)&#039;%3E%3Cg id=&#039;Project-Team&#039; transform=&#039;matrix(0.439206,0,0,0.512758,287.345,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,448.131,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,585.208,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,849.897,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,468.365,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,870.13,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,605.442,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,734.85,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,755.083,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1,0,0,1,-143.845,387.633)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;234.911&#039; cy=&#039;592.552&#039; r=&#039;26.261&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,389.099,-594.315)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--thematic::after {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;27.8 74.3 295.1 295.1&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-884.466,-499.588)&#039;%3E%3Cg id=&#039;Thematic-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,715.811,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,456.983,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,594.06,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,858.749,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,477.217,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,878.983,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,614.294,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,743.702,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,763.936,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)&#039;%3E%3Cpath d=&#039;M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:9.13px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.82293,0,0,1.56144,-1147.13,-290.898)&#039;%3E%3Cpath d=&#039;M1036.63,780.407L1085.35,780.407&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:20.82px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--network::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.7 55.7 310.5 310.5&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1275.81,-499.588)&#039;%3E%3Cg id=&#039;External-Network&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1107.16,304.74)&#039;%3E%3Cg transform=&#039;matrix(1.41038,0,0,1.20807,-1240,-95.8635)&#039;%3E%3Ccircle cx=&#039;1435.57&#039; cy=&#039;733.314&#039; r=&#039;90.265&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:26.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Callout --- */&lt;br /&gt;
.dreams-callout {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout p {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label img {&lt;br /&gt;
  height: 40px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Outskirts challenge box --- */&lt;br /&gt;
.sump-outskirts-box {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__head {&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  padding: .6rem 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .02em;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__body {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1.1rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Setup sequence --- */&lt;br /&gt;
.sump-sequence-wrap {&lt;br /&gt;
  margin: 1rem 0 1.5rem;&lt;br /&gt;
  counter-reset: seq;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item {&lt;br /&gt;
  counter-increment: seq;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  grid-template-rows: auto auto;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item::before {&lt;br /&gt;
  content: counter(seq);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  margin-top: 3px;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-desc {&lt;br /&gt;
  color: #333;&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 28px 10rem 1fr;&lt;br /&gt;
    grid-template-rows: auto;&lt;br /&gt;
    align-items: baseline;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-item::before {&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-label {&lt;br /&gt;
    grid-column: 2;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-desc {&lt;br /&gt;
    grid-column: 3;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
    font-size: inherit;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
/* --- Setup sequence, icon-tile variant --- */&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  grid-template-columns: 3.4rem 1fr;&lt;br /&gt;
  gap: 0 1rem;&lt;br /&gt;
  margin-bottom: 1.1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item::before {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.45rem;&lt;br /&gt;
  left: -0.45rem;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
  width: 1.45rem;&lt;br /&gt;
  height: 1.45rem;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-size: 0.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon {&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon span,&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon a { display: block; }&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 2.1rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-label {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
  align-self: end;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-desc {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 3.4rem 10rem 1fr;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-icon { grid-row: 1; }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-label { grid-row: 1; align-self: auto; }&lt;br /&gt;
  .sump-sequence-wrap.has-icons .sump-seq-desc { grid-column: 3; grid-row: 1; }&lt;br /&gt;
}&lt;br /&gt;
/* --- Handoff block --- */&lt;br /&gt;
.dreams-handoff {&lt;br /&gt;
  border-top: 1.5px solid var(--dreams-border);&lt;br /&gt;
  padding: 1rem 0 0;&lt;br /&gt;
  margin: 2rem 0 0;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .5rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__label::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 1.8em;&lt;br /&gt;
  height: 1.5em;&lt;br /&gt;
  margin-right: .5em;&lt;br /&gt;
  vertical-align: -0.4em;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive {&lt;br /&gt;
  background: none;&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: -1.25rem;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  bottom: 0;&lt;br /&gt;
  width: 12px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;16&#039; height=&#039;24&#039; viewBox=&#039;0 0 16 24&#039;%3E%3Cpath d=&#039;M8 0 Q14 6 8 12 Q2 18 8 24&#039; stroke=&#039;%235c4ce4&#039; stroke-width=&#039;2&#039; fill=&#039;none&#039; stroke-linecap=&#039;round&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  background-size: 12px 24px;&lt;br /&gt;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
          mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
  opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff__items {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .6rem;&lt;br /&gt;
  margin-top: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .75rem .9rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title a,&lt;br /&gt;
.dreams-handoff__item-title a.external {&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-source {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-top: .3rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Sources footer --- */&lt;br /&gt;
.sump-sources {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  padding-top: .85rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #4a4a4a;&lt;br /&gt;
  margin-bottom: .55rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item {&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  text-indent: -1rem;&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__ref {&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Prev / next navigation bar --- */&lt;br /&gt;
.sump-step__nav {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--top {&lt;br /&gt;
  margin: .5rem 0 1.75rem;&lt;br /&gt;
  padding-bottom: 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--bottom {&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  padding-top: 1rem;&lt;br /&gt;
  border-top: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav a { color: var(--dreams-primary); }&lt;br /&gt;
.sump-step__nav a:hover {&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333 !important;&lt;br /&gt;
  border: 1px solid #ccc;&lt;br /&gt;
  padding: .2rem .75rem;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a:hover { background: var(--dreams-tint); }&lt;br /&gt;
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }&lt;br /&gt;
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }&lt;br /&gt;
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }&lt;br /&gt;
/* overview slides into the gap: left on step 1, right on step 12 */&lt;br /&gt;
.sump-step__nav--first .sump-step__nav-prev { display: none; }&lt;br /&gt;
.sump-step__nav--last  .sump-step__nav-next { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP phase row ── */&lt;br /&gt;
.sump-phases {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));&lt;br /&gt;
  gap: 1.5rem;&lt;br /&gt;
  margin: 1.5rem 0 1.75rem;&lt;br /&gt;
  counter-reset: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  counter-increment: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item::before {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 2.2rem;&lt;br /&gt;
  height: 2.2rem;&lt;br /&gt;
  margin-bottom: 0.6rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::before,&lt;br /&gt;
.sump-phases__item--realize::before,&lt;br /&gt;
.sump-phases__item--eval::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  background-color: var(--dreams-tint);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
  background-size: 62%;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::after,&lt;br /&gt;
.sump-phases__item--realize::after,&lt;br /&gt;
.sump-phases__item--eval::after,&lt;br /&gt;
.sump-phases__item--fig::after {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.5rem;&lt;br /&gt;
  left: -0.5rem;&lt;br /&gt;
  width: 1.6rem;&lt;br /&gt;
  height: 1.6rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: 0.82rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-phases__item--fig::before { display: none; }&lt;br /&gt;
.sump-phases__fig {&lt;br /&gt;
  width: 5.2rem;&lt;br /&gt;
  height: 5.2rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig figure,&lt;br /&gt;
.sump-phases__fig span,&lt;br /&gt;
.sump-phases__fig a { display: block; width: 3.75rem; min-width: 0; margin: 0; }&lt;br /&gt;
.sump-phases__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 4.75rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig span img,&lt;br /&gt;
.sump-phases__fig a img { width: 100%; }&lt;br /&gt;
&lt;br /&gt;
/* per-phase glyphs */&lt;br /&gt;
.sump-phases__item--prep::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1854.82,-975.755)&#039;%3E%3Cg id=&#039;Preparation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1686.17,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.03662,0,0,1.01229,-3254.54,-198.641)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.35128,0,0,2.014,-4050.65,-1566.23)&#039;%3E%3Cpath d=&#039;M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.14px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--realize::before { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2283.29,-975.755)&#039;%3E%3Cg id=&#039;Realisation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2114.63,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.06694,-3472.54,-265.777)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)&#039;%3E%3Cpath d=&#039;M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:10.4px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--eval::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;38.5 55.7 301.9 301.9&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2674.63,-975.755)&#039;%3E%3Cg id=&#039;Evaluation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2505.98,780.907)&#039;%3E%3Cg transform=&#039;matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)&#039;%3E%3Cpath d=&#039;M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)&#039;%3E%3Cpath d=&#039;M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)&#039;%3E%3Cpath d=&#039;M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }&lt;br /&gt;
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* A. figure tiles */&lt;br /&gt;
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }&lt;br /&gt;
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }&lt;br /&gt;
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }&lt;br /&gt;
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }&lt;br /&gt;
&lt;br /&gt;
/* B. two-pane contrast */&lt;br /&gt;
.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }&lt;br /&gt;
.sump-versus__pane { display: flex; flex-direction: column; border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }&lt;br /&gt;
.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }&lt;br /&gt;
.sump-versus__head { font-weight:700; margin-bottom:.35rem; }&lt;br /&gt;
@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }&lt;br /&gt;
&lt;br /&gt;
.sump-versus__fig { margin-top: auto;  padding-top: 1em; margin-bottom:.6rem; }&lt;br /&gt;
.sump-versus__fig img { display:block; width:100%; height:auto; }&lt;br /&gt;
.sump-versus__fig--small {&lt;br /&gt;
  max-width: 60%;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-versus__fig--small img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* optional inline continuity marker */&lt;br /&gt;
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }&lt;br /&gt;
&lt;br /&gt;
.sump-roles dt {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.9em;&lt;br /&gt;
  margin: 1.4em 0 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt:first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt img {&lt;br /&gt;
  flex: 0 0 64px;&lt;br /&gt;
  width: 64px !important;&lt;br /&gt;
  height: 56px !important;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dd {&lt;br /&gt;
  margin: 0 0 0 calc(64px + 0.9em);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-lead-fig {&lt;br /&gt;
  float: right;&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  margin: 0 0 1em 2em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-fig img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Column layout: text and figure side by side, no wrapping */&lt;br /&gt;
.sump-lead {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-text {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
  float: none;&lt;br /&gt;
  flex: 0 0 260px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 720px) {&lt;br /&gt;
  .sump-lead { flex-direction: column-reverse; }&lt;br /&gt;
  .sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
    flex-basis: auto;&lt;br /&gt;
    width: 160px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-checklist {&lt;br /&gt;
  clear: both;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
  .sump-lead-fig {&lt;br /&gt;
    float: none;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    margin: 0 auto 1em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living-lab example box --- */&lt;br /&gt;
.dreams-lab {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .85rem 1.1rem 1rem;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-lab__tag {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  padding-bottom: .5rem;&lt;br /&gt;
  margin-bottom: .6rem;&lt;br /&gt;
  border-bottom: 1px solid var(--dreams-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-impact-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	grid-template-columns: 1fr;&lt;br /&gt;
	gap: 14px;&lt;br /&gt;
	margin: 1em 0 1.5em;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-card {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	padding: 1rem 1.1rem;&lt;br /&gt;
	background: #ffffff;&lt;br /&gt;
	border: 1px solid #e7e4f7;&lt;br /&gt;
	border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-head {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-icon {&lt;br /&gt;
	flex: none;&lt;br /&gt;
	width: 38px;&lt;br /&gt;
	height: 38px;&lt;br /&gt;
	border-radius: 10px;&lt;br /&gt;
	background-color: #f3f1ff;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	background-size: 24px 24px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-name {&lt;br /&gt;
	font-size: 1.05em;&lt;br /&gt;
	font-weight: 600;&lt;br /&gt;
	color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body {&lt;br /&gt;
	font-size: 0.95em;&lt;br /&gt;
	line-height: 1.6;&lt;br /&gt;
	color: #333333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body p { margin: 0; }&lt;br /&gt;
.dreams-impact-icon--accessibility { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200&#039;%20/%3E%3Cpath%20d=&#039;M7%2021l3%20-4&#039;%20/%3E%3Cpath%20d=&#039;M16%2021l-2%20-4l-3%20-3l1%20-6&#039;%20/%3E%3Cpath%20d=&#039;M6%2012l2%20-3l4%20-1l3%203l3%201&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--carbon { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M5%2021c.5%20-4.5%202.5%20-8%207%20-10&#039;%20/%3E%3Cpath%20d=&#039;M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--liveability { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%2013l-2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2012l2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2021v-13&#039;%20/%3E%3Cpath%20d=&#039;M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--health { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2012h4l3%208l4%20-16l3%208h4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--economic { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2021l18%200&#039;%20/%3E%3Cpath%20d=&#039;M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204&#039;%20/%3E%3Cpath%20d=&#039;M5%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M19%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--equity { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M7%2020l10%200&#039;%20/%3E%3Cpath%20d=&#039;M6%206l6%20-1l6%201&#039;%20/%3E%3Cpath%20d=&#039;M12%203l0%2017&#039;%20/%3E%3Cpath%20d=&#039;M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3Cpath%20d=&#039;M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--governance { background-image: url(&amp;quot;/wiki/Special:FilePath/DREAMS-impact-governance.svg&amp;quot;); }&lt;br /&gt;
&lt;br /&gt;
/* ── Partner logo bar (main page footer) ── */&lt;br /&gt;
.partner-logo-bar {&lt;br /&gt;
  margin: 2.5em 0 0;&lt;br /&gt;
  padding-top: 2em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__label {&lt;br /&gt;
  font-size: 0.72em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.09em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #8a8aaa;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
  width: calc(20% - 0.4em);&lt;br /&gt;
  min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
  padding: 6px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item img {&lt;br /&gt;
  max-height: 42px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item figure,&lt;br /&gt;
.partner-logo-bar__item .thumb,&lt;br /&gt;
.partner-logo-bar__item .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item .thumbcaption,&lt;br /&gt;
.partner-logo-bar__item .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--narrow img { max-width: 75px; }&lt;br /&gt;
.partner-logo-bar__item--boost img  { min-height: 58px; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a:hover {&lt;br /&gt;
  text-decoration: underline !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer {&lt;br /&gt;
  margin-top: 0.5em;&lt;br /&gt;
  padding-top: 1em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.75em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer img {&lt;br /&gt;
  max-height: 40px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer figure,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumb,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbcaption,&lt;br /&gt;
.partner-logo-bar__disclaimer .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .partner-logo-bar__row {&lt;br /&gt;
    grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
  .partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
    width: calc(33% - 0.4em);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-prereq {&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  padding: 1.1rem 1.3rem 1.2rem;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }&lt;br /&gt;
.sump-prereq__list { display: grid; gap: .65rem; }&lt;br /&gt;
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }&lt;br /&gt;
.sump-prereq__box {&lt;br /&gt;
  width: 1.2rem; height: 1.2rem; margin-top: .12rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary); border-radius: 4px;&lt;br /&gt;
  background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__text { line-height: 1.45; }&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__box {&lt;br /&gt;
  background-color: var(--dreams-primary);&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039;%3E%3Cpath fill=&#039;none&#039; stroke=&#039;%23ffffff&#039; stroke-width=&#039;3.5&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039; d=&#039;M5 12.5l4.5 4.5L19 7&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }&lt;br /&gt;
.sump-prereq--outcome {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq--outcome .sump-prereq__title {&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl { margin: 1.25rem 0; }&lt;br /&gt;
.sump-step dl dt {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  margin-top: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl dt:first-child { margin-top: 0; }&lt;br /&gt;
.sump-step dl dd {&lt;br /&gt;
  margin: .2rem 0 0 1.2rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Tool tutorial --- */&lt;br /&gt;
.dreams-tutorial { counter-reset: tut; margin: 1rem 0 2rem; }&lt;br /&gt;
.dreams-tutorial__step {&lt;br /&gt;
  counter-increment: tut;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  padding: 1.25rem 0;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__step:first-child { border-top: none; padding-top: 0; }&lt;br /&gt;
.dreams-tutorial__step::before {&lt;br /&gt;
  content: counter(tut);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__title { grid-column: 2; font-weight: 700; color: var(--dreams-primary); line-height: 24px; }&lt;br /&gt;
.dreams-tutorial__body  { grid-column: 2; line-height: 1.7; margin-top: .35rem; }&lt;br /&gt;
.dreams-tutorial__shot  { grid-column: 2; margin-top: .85rem; }&lt;br /&gt;
.dreams-tutorial__shot p { margin: 0; }&lt;br /&gt;
.dreams-tutorial img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial .sump-versus { grid-column: 2; margin: .85rem 0 0; }&lt;br /&gt;
.dreams-tutorial .sump-versus__pane { padding: .6rem; }&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .dreams-tutorial__step { grid-template-columns: 1fr; }&lt;br /&gt;
  .dreams-tutorial__step::before { margin-bottom: .4rem; }&lt;br /&gt;
  .dreams-tutorial__title, .dreams-tutorial__body,&lt;br /&gt;
  .dreams-tutorial__shot, .dreams-tutorial .sump-versus { grid-column: 1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-legend {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  max-width: 26rem;&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__scale {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  height: 12px;&lt;br /&gt;
  margin-bottom: .3rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band--1::before { background: #440154; border-radius: 3px 0 0 3px; }&lt;br /&gt;
.dreams-legend__band--2::before { background: #3b528b; }&lt;br /&gt;
.dreams-legend__band--3::before { background: #21918c; }&lt;br /&gt;
.dreams-legend__band--4::before { background: #5ec962; }&lt;br /&gt;
.dreams-legend__band--5::before { background: #fde725; border-radius: 0 3px 3px 0; }&lt;br /&gt;
.dreams-legend__ends {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  margin-top: .15rem;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 560px) { .dreams-legend { grid-column: 1; } }&lt;br /&gt;
&lt;br /&gt;
/* ── Tools overview cards ── */&lt;br /&gt;
.dreams-tools-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));&lt;br /&gt;
  gap: 22px;&lt;br /&gt;
  margin: 1.4em 0 1em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover,&lt;br /&gt;
.dreams-tool-card:focus-within {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 12px 28px rgba(92,76,228,0.16);&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  padding: 18px 20px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__icon img { display: block; width: 60px; height: 60px; }&lt;br /&gt;
.dreams-tool-card__kind {&lt;br /&gt;
  font-size: .75em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .25em .8em;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__body {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  padding: 16px 20px 18px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__title { font-size: 1.3em; font-weight: 700; line-height: 1.25; }&lt;br /&gt;
.dreams-tool-card__title a { color: var(--dreams-primary) !important; text-decoration: none !important; }&lt;br /&gt;
/* stretched link: the title link covers the whole card */&lt;br /&gt;
.dreams-tool-card__title a::after { content: &amp;quot;&amp;quot;; position: absolute; inset: 0; z-index: 1; }&lt;br /&gt;
.dreams-tool-card__title a:focus { outline: none; }&lt;br /&gt;
.dreams-tool-card__question {&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .7em;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__text { font-size: .95em; line-height: 1.6; color: #444; flex: 1; }&lt;br /&gt;
.dreams-tool-card__steps {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
  font-size: .8em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps-label { color: #777; font-weight: 600; margin-right: 2px; }&lt;br /&gt;
.dreams-tool-card__steps a,&lt;br /&gt;
.dreams-tool-card__launch a {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .15em .7em;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a:hover { border-color: var(--dreams-primary); }&lt;br /&gt;
.dreams-tool-card__foot {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
  margin-top: 4px;&lt;br /&gt;
  padding-top: 12px;&lt;br /&gt;
  border-top: 1px solid #eeeafd;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__cta { font-weight: 700; color: var(--dreams-primary); font-size: .95em; }&lt;br /&gt;
.dreams-tool-card__cta::after { &lt;br /&gt;
  content: &amp;quot;\2192&amp;quot;;          &lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  margin-left: .35em;       &lt;br /&gt;
  transition: transform .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover .dreams-tool-card__cta::after { transform: translateX(4px); }&lt;br /&gt;
.dreams-tool-card__launch { font-size: .85em; }&lt;br /&gt;
.dreams-tool-card__launch a,&lt;br /&gt;
.dreams-tool-card__launch a.external { color: var(--dreams-dark) !important; background: none !important; padding-right: 0 !important; }&lt;br /&gt;
&lt;br /&gt;
/* --- link row --- */&lt;br /&gt;
.dreams-linkrow {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  margin: .75rem 0 1.5rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow &amp;gt; p { display: contents; }&lt;br /&gt;
.dreams-linkrow a {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .4em;&lt;br /&gt;
  padding: .3rem .75rem;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  transition: background .15s, border-color .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a::after {&lt;br /&gt;
  content: &amp;quot;→&amp;quot;;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  transition: transform .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover::after { transform: translateX(2px); }&lt;br /&gt;
.dreams-linkrow__meta {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2244</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2244"/>
		<updated>2026-10-19T11:07:19Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS placed here will be applied to all skins */&lt;br /&gt;
.navbar-brand img {&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.firstHeading {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.external.text {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.grid-container {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.square {&lt;br /&gt;
  padding: 30px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-family: Arial, sans-serif;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  color: white;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  min-height: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.blue { background-color: #2D8CFF; }&lt;br /&gt;
.red { background-color: #FF4757; }&lt;br /&gt;
.green { background-color: #2ED573; }&lt;br /&gt;
.yellow { background-color: #FFD32A; }&lt;br /&gt;
.orange { background-color: #fee4cb; }&lt;br /&gt;
.hue1 { background-color: #5c4ce4; }&lt;br /&gt;
.hue2 { background-color: #8068ff; }&lt;br /&gt;
.hue3 { background-color: #a386ff; }&lt;br /&gt;
.hue4 { background-color: #c6a4ff; }&lt;br /&gt;
.hue5 { background-color: #e9c4ff; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Main Page ── */&lt;br /&gt;
.__NOTOC__ + * { margin-top: 0; }&lt;br /&gt;
&lt;br /&gt;
.main-hero {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  padding: 2em 0 2.5em;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__text { flex: 1; min-width: 280px; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__tag {&lt;br /&gt;
  font-size: 0.75em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  margin-bottom: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__title {&lt;br /&gt;
  font-size: 1.7em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  color: #1a1a2e;&lt;br /&gt;
  margin: 0 0 0.6em;&lt;br /&gt;
  border: none;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
  max-width: 580px;&lt;br /&gt;
  margin-bottom: 1.2em;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo figure,&lt;br /&gt;
.main-hero__logo .thumb,&lt;br /&gt;
.main-hero__logo .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo .thumbcaption,&lt;br /&gt;
.main-hero__logo .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a,&lt;br /&gt;
a.main-hero__btn {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: 0.5em 1.2em;&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn--outline a {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  border: 2px solid #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a:hover { opacity: 0.85; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: stretch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-section {&lt;br /&gt;
  margin-bottom: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr 1fr;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro__col {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-labs {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  padding: 0.4em 1em;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a:hover {&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  border-color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));&lt;br /&gt;
  gap: 1em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  padding: 0.8em 1em;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .main-hero { flex-direction: column; }&lt;br /&gt;
  .main-intro { grid-template-columns: 1fr; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* DREAMers team layout */&lt;br /&gt;
.dreamer-section { &lt;br /&gt;
  margin: 22px 0 30px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__head {&lt;br /&gt;
  margin: 4px 0 14px;&lt;br /&gt;
  border-left: 4px solid rgb(92,76,228);&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__title {&lt;br /&gt;
  font-size: 1.25em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle:empty { &lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, 260px);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid &amp;gt; p {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card {&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 250px;       &lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap pre {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: none;&lt;br /&gt;
  background: none;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap a {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;    &lt;br /&gt;
  object-fit: cover;   &lt;br /&gt;
  object-position: center top; &lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__body {&lt;br /&gt;
  padding: 10px 14px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__name {&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__role {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta {&lt;br /&gt;
  color: #72777d;&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap figure,&lt;br /&gt;
.dreamer-card__imgwrap .thumb,&lt;br /&gt;
.dreamer-card__imgwrap .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap .thumbcaption,&lt;br /&gt;
.dreamer-card__imgwrap .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta:empty { display: none; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Event detail page ── */&lt;br /&gt;
.event-detail { margin-top: 8px; }&lt;br /&gt;
&lt;br /&gt;
.event-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  padding-bottom: 0px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.event-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event image gallery ── */&lt;br /&gt;
.event-gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery &amp;gt; p { display: none; }&lt;br /&gt;
.event-gallery__item {&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(92,76,228,0.08);&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery__item a,&lt;br /&gt;
.event-gallery__item span,&lt;br /&gt;
.event-gallery__item .thumb,&lt;br /&gt;
.event-gallery__item .thumbinner {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: none !important;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item img {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 260px;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item .thumbcaption,&lt;br /&gt;
.event-gallery__item .magnify { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Strip thumb borders inside event gallery */&lt;br /&gt;
.event-gallery .thumb {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbimage {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbcaption,&lt;br /&gt;
.event-gallery .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event Card ── */&lt;br /&gt;
.event-card {&lt;br /&gt;
  border: 1px solid #dde;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f9f9fc;&lt;br /&gt;
  width: 300px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 160px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #eef;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Strip MediaWiki thumb wrapper inside event cards */&lt;br /&gt;
.event-card-image figure,&lt;br /&gt;
.event-card-image figure.mw-default-size,&lt;br /&gt;
.event-card-image .thumb,&lt;br /&gt;
.event-card-image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image .thumbcaption,&lt;br /&gt;
.event-card-image .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  object-fit: cover !important;&lt;br /&gt;
  object-position: center !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder {&lt;br /&gt;
  background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 50%;&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translate(-50%, -50%);&lt;br /&gt;
  width: 2.5em;&lt;br /&gt;
  height: 2.5em;&lt;br /&gt;
  opacity: 0.35;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;none&#039; stroke=&#039;%23334&#039; stroke-width=&#039;1.8&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039;%3E%3Crect x=&#039;3&#039; y=&#039;4&#039; width=&#039;18&#039; height=&#039;18&#039; rx=&#039;2&#039;/%3E%3Cline x1=&#039;16&#039; y1=&#039;2&#039; x2=&#039;16&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;8&#039; y1=&#039;2&#039; x2=&#039;8&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;3&#039; y1=&#039;10&#039; x2=&#039;21&#039; y2=&#039;10&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-body {&lt;br /&gt;
  padding: 1em 1.2em;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 0.4em;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-tag {&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  background: #4a5dcc;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  padding: 0.15em 0.55em;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  align-self: flex-start;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-title {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  font-size: 1em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-location {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-desc {&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-readmore {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  margin-top: 0.4em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Publication detail page ── */&lt;br /&gt;
.publication-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.publication-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__section { margin-top: 24px; }&lt;br /&gt;
.publication-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
.publication-authors {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
.publication-author {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  padding: 5px 12px;&lt;br /&gt;
  font-size: 0.92em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Labs overview grid ── */&lt;br /&gt;
.living-labs-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 180px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image figure,&lt;br /&gt;
.living-lab-card__image .thumb,&lt;br /&gt;
.living-lab-card__image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image .thumbcaption,&lt;br /&gt;
.living-lab-card__image .magnify { display: none !important; }&lt;br /&gt;
.living-lab-card__body {&lt;br /&gt;
  padding: 14px 16px 16px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name {&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name a { color: #5c4ce4 !important; text-decoration: none !important; }&lt;br /&gt;
.living-lab-card__name a:hover { text-decoration: underline !important; }&lt;br /&gt;
.living-lab-card__desc {&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Lab detail page ── */&lt;br /&gt;
.living-lab-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.living-lab-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__section { margin-bottom: 28px; }&lt;br /&gt;
.living-lab-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 8px;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  padding-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__text {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  max-width: 820px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__map { max-width: 820px; }&lt;br /&gt;
.living-lab-detail__map .maps-map { width: 100% !important; }&lt;br /&gt;
&lt;br /&gt;
/* headline image */&lt;br /&gt;
.living-lab-detail__hero { margin: 0 0 6px; }&lt;br /&gt;
.living-lab-detail__hero img { &lt;br /&gt;
  height: auto; &lt;br /&gt;
  display: block; &lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-caption { &lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666; &lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-credit { color: #888; }&lt;br /&gt;
.living-lab-detail__hero-caption {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__lead { &lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  margin: 0 0 20px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* interventions list */&lt;br /&gt;
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }&lt;br /&gt;
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }&lt;br /&gt;
.living-lab-detail__interventions li b,&lt;br /&gt;
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }&lt;br /&gt;
.living-lab-detail__interventions li i { color: #666; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__gallery { display: flex; flex-wrap: wrap; gap: 12px; }&lt;br /&gt;
.living-lab-detail__figure img { border-radius: 6px; display: block; }&lt;br /&gt;
.living-lab-detail__figure { flex: 0 1 auto; }&lt;br /&gt;
.living-lab-detail__figure img { border-radius: 6px; display: block; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__quote { &lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding: 4px 0 4px 16px; &lt;br /&gt;
  margin: 24px 0; font-size: 1.12em; &lt;br /&gt;
  line-height: 1.6; color: #333; &lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__quote cite {&lt;br /&gt;
  display: block; &lt;br /&gt;
  font-style: normal;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  justify-content: start;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure img {&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure-caption {&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living Lab resource cards (accessibility tool + survey) --- */&lt;br /&gt;
.dreams-resource-cards {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
  margin-top: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  padding: 1rem 1.1rem 1.1rem;&lt;br /&gt;
  transition: border-color .15s ease, box-shadow .15s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card:hover {&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(92, 76, 228, 0.12);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin: 0 0 .35rem;&lt;br /&gt;
  min-height: 1.6em;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: left center;&lt;br /&gt;
  background-size: 1.6em 1.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title,&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  padding-left: 2.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.7%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.4%27%20fill%3D%27%235c4ce4%27%20stroke%3D%27none%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%276.2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%20stroke-opacity%3D%270.5%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2712%2C2%2021.5%2C9%2017.8%2C20.5%206.2%2C20.5%202.5%2C9%27%2F%3E%3Cpolygon%20points%3D%2712%2C7%2016.6%2C10.4%2014.9%2C16%209.1%2C16%207.4%2C10.4%27%20fill%3D%27%235c4ce4%27%20fill-opacity%3D%270.22%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2712%27%20y2%3D%272%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2721.5%27%20y2%3D%279%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2717.8%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%276.2%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%272.5%27%20y2%3D%279%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__text {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a,&lt;br /&gt;
.dreams-resource-card__action a.external {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--dreams-primary) !important;&lt;br /&gt;
  color: var(--dreams-text-on) !important;&lt;br /&gt;
  padding: .45em 1.05em !important;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a:hover,&lt;br /&gt;
.dreams-resource-card__action a.external:hover { background: var(--dreams-dark) !important; }&lt;br /&gt;
&lt;br /&gt;
.dreams-btn {&lt;br /&gt;
  line-height: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-btn a,&lt;br /&gt;
.dreams-btn a.external.text {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background-color: var(--dreams-primary) !important;&lt;br /&gt;
  border: 1px solid var(--dreams-primary) !important;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: .375rem .75rem !important;&lt;br /&gt;
  border-radius: .375rem;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  line-hight: normal;&lt;br /&gt;
}&lt;br /&gt;
.dreams-btn a:hover,&lt;br /&gt;
.dreams-btn a.external.text:hover {&lt;br /&gt;
  background-color: var(--dreams-dark) !important;&lt;br /&gt;
  border-color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP overview  ── */&lt;br /&gt;
.sump-journey {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 1rem;&lt;br /&gt;
  margin: 1.75rem 0;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 720px) {&lt;br /&gt;
  .sump-journey { grid-template-columns: 1fr 1fr; }&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase {&lt;br /&gt;
  border: 1px solid var(--dreams-border, #e0e0e0);&lt;br /&gt;
  border-top: 4px solid var(--sump-accent, #5c4ce4);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  padding: 1rem 1.15rem 1.2rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }&lt;br /&gt;
.sump-journey__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  margin: 0 0 .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__head h3 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  font-size: 1.1rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__num {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 1.9rem;&lt;br /&gt;
  height: 1.9rem;&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: .95rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__desc {&lt;br /&gt;
  margin: 0 0 .85rem;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__steps {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step-num {&lt;br /&gt;
  flex: 0 0 1.5rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }&lt;br /&gt;
.sump-journey-cycle {&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: #777;&lt;br /&gt;
  margin: .25rem 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Brand tokens --- */&lt;br /&gt;
:root {&lt;br /&gt;
  --dreams-primary: #5c4ce4;&lt;br /&gt;
  --dreams-tint:    #f3f1ff;&lt;br /&gt;
  --dreams-border:  #cac4f8;&lt;br /&gt;
  --dreams-dark:    #3d30c4;&lt;br /&gt;
  --dreams-text-on: #ffffff;&lt;br /&gt;
  --dreams-small:   0.85em;&lt;br /&gt;
  --sump-tint: #f3f1ff; &lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Page wrapper --- */&lt;br /&gt;
.sump-step {&lt;br /&gt;
  max-width: 60rem;&lt;br /&gt;
  --sump-accent: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Phase / step header bar --- */&lt;br /&gt;
.sump-step__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
  gap: .4rem;&lt;br /&gt;
  padding: .75rem 0 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-tag {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .05em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  padding: .2rem .7rem;&lt;br /&gt;
  border-radius: 1rem;&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__counter {&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #888;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Section headings --- */&lt;br /&gt;
.sump-step h2 {&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .75rem;&lt;br /&gt;
  margin-top: 3rem;&lt;br /&gt;
  margin-bottom: 1.5rem;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Intro text block --- */&lt;br /&gt;
.sump-intro {&lt;br /&gt;
  line-height: 1.75;&lt;br /&gt;
  padding-bottom: 1.5rem;&lt;br /&gt;
  border-bottom: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
  margin-bottom: 1.75rem;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
.sump-intro &amp;gt; p:first-child { margin-top: 0; }&lt;br /&gt;
.sump-intro &amp;gt; p:last-child  { margin-bottom: 0; }&lt;br /&gt;
 &lt;br /&gt;
/* --- Four-body card grid --- */&lt;br /&gt;
.sump-bodies-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  margin: 1.25rem 0 1.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
  border: 1px solid #e8e8e8;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--steer,&lt;br /&gt;
.sump-body-card--team,&lt;br /&gt;
.sump-body-card--thematic,&lt;br /&gt;
.sump-body-card--network {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card--steer::after,&lt;br /&gt;
.sump-body-card--team::after,&lt;br /&gt;
.sump-body-card--thematic::after,&lt;br /&gt;
.sump-body-card--network::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 4rem;&lt;br /&gt;
  height: 1rem;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center bottom;&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid.sump-bodies-grid--fig {&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card { padding: 1.1rem 1.1rem 1.2rem; }&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card__desc { margin-bottom: 0; }&lt;br /&gt;
.sump-body-card__fig {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  margin: .2rem 0 .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 120px;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig-4 { grid-template-columns: repeat(4, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig-4 .sump-body-card__fig img { width: 96px; }&lt;br /&gt;
.sump-body-card--steer::after { &lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;32.1 74.9 288.2 288.2&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,0,-499.588)&#039;%3E%3Cg id=&#039;Steering-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,-168.655,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,458.877,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,595.954,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,860.643,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,479.111,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,880.876,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,616.188,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,745.596,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,765.83,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;175.626&#039; cy=&#039;794.478&#039; r=&#039;44.165&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.58909,0,0,2.29942,330.035,-873.136)&#039;%3E%3Cpath d=&#039;M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z&#039; style=&#039;fill:white;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--team::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;28.3 75.1 286.3 286.3&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-456,-499.588)&#039;%3E%3Cg id=&#039;Project-Team&#039; transform=&#039;matrix(0.439206,0,0,0.512758,287.345,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,448.131,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,585.208,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,849.897,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,468.365,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,870.13,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,605.442,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,734.85,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,755.083,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1,0,0,1,-143.845,387.633)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;234.911&#039; cy=&#039;592.552&#039; r=&#039;26.261&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,389.099,-594.315)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--thematic::after {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;27.8 74.3 295.1 295.1&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-884.466,-499.588)&#039;%3E%3Cg id=&#039;Thematic-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,715.811,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,456.983,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,594.06,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,858.749,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,477.217,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,878.983,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,614.294,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,743.702,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,763.936,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)&#039;%3E%3Cpath d=&#039;M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:9.13px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.82293,0,0,1.56144,-1147.13,-290.898)&#039;%3E%3Cpath d=&#039;M1036.63,780.407L1085.35,780.407&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:20.82px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--network::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.7 55.7 310.5 310.5&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1275.81,-499.588)&#039;%3E%3Cg id=&#039;External-Network&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1107.16,304.74)&#039;%3E%3Cg transform=&#039;matrix(1.41038,0,0,1.20807,-1240,-95.8635)&#039;%3E%3Ccircle cx=&#039;1435.57&#039; cy=&#039;733.314&#039; r=&#039;90.265&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:26.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Callout --- */&lt;br /&gt;
.dreams-callout {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout p {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label img {&lt;br /&gt;
  height: 40px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Outskirts challenge box --- */&lt;br /&gt;
.sump-outskirts-box {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__head {&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  padding: .6rem 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .02em;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__body {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1.1rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Setup sequence --- */&lt;br /&gt;
.sump-sequence-wrap {&lt;br /&gt;
  margin: 1rem 0 1.5rem;&lt;br /&gt;
  counter-reset: seq;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item {&lt;br /&gt;
  counter-increment: seq;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  grid-template-rows: auto auto;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item::before {&lt;br /&gt;
  content: counter(seq);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  margin-top: 3px;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-desc {&lt;br /&gt;
  color: #333;&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 28px 10rem 1fr;&lt;br /&gt;
    grid-template-rows: auto;&lt;br /&gt;
    align-items: baseline;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-item::before {&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-label {&lt;br /&gt;
    grid-column: 2;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-desc {&lt;br /&gt;
    grid-column: 3;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
    font-size: inherit;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-item {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 40px 1fr;&lt;br /&gt;
  column-gap: 0.85rem;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon {&lt;br /&gt;
  grid-row: 1 / span 2;&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
  padding-top: 0.15rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-icon img {&lt;br /&gt;
  width: 40px;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-label,&lt;br /&gt;
.sump-sequence-wrap.has-icons .sump-seq-desc {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
}&lt;br /&gt;
/* --- Handoff block --- */&lt;br /&gt;
.dreams-handoff {&lt;br /&gt;
  border-top: 1.5px solid var(--dreams-border);&lt;br /&gt;
  padding: 1rem 0 0;&lt;br /&gt;
  margin: 2rem 0 0;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .5rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__label::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 1.8em;&lt;br /&gt;
  height: 1.5em;&lt;br /&gt;
  margin-right: .5em;&lt;br /&gt;
  vertical-align: -0.4em;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive {&lt;br /&gt;
  background: none;&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: -1.25rem;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  bottom: 0;&lt;br /&gt;
  width: 12px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;16&#039; height=&#039;24&#039; viewBox=&#039;0 0 16 24&#039;%3E%3Cpath d=&#039;M8 0 Q14 6 8 12 Q2 18 8 24&#039; stroke=&#039;%235c4ce4&#039; stroke-width=&#039;2&#039; fill=&#039;none&#039; stroke-linecap=&#039;round&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  background-size: 12px 24px;&lt;br /&gt;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
          mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
  opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff__items {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .6rem;&lt;br /&gt;
  margin-top: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .75rem .9rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title a,&lt;br /&gt;
.dreams-handoff__item-title a.external {&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-source {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-top: .3rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Sources footer --- */&lt;br /&gt;
.sump-sources {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  padding-top: .85rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #4a4a4a;&lt;br /&gt;
  margin-bottom: .55rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item {&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  text-indent: -1rem;&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__ref {&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Prev / next navigation bar --- */&lt;br /&gt;
.sump-step__nav {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--top {&lt;br /&gt;
  margin: .5rem 0 1.75rem;&lt;br /&gt;
  padding-bottom: 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--bottom {&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  padding-top: 1rem;&lt;br /&gt;
  border-top: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav a { color: var(--dreams-primary); }&lt;br /&gt;
.sump-step__nav a:hover {&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333 !important;&lt;br /&gt;
  border: 1px solid #ccc;&lt;br /&gt;
  padding: .2rem .75rem;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a:hover { background: var(--dreams-tint); }&lt;br /&gt;
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }&lt;br /&gt;
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }&lt;br /&gt;
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }&lt;br /&gt;
/* overview slides into the gap: left on step 1, right on step 12 */&lt;br /&gt;
.sump-step__nav--first .sump-step__nav-prev { display: none; }&lt;br /&gt;
.sump-step__nav--last  .sump-step__nav-next { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP phase row ── */&lt;br /&gt;
.sump-phases {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));&lt;br /&gt;
  gap: 1.5rem;&lt;br /&gt;
  margin: 1.5rem 0 1.75rem;&lt;br /&gt;
  counter-reset: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  counter-increment: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item::before {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 2.2rem;&lt;br /&gt;
  height: 2.2rem;&lt;br /&gt;
  margin-bottom: 0.6rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::before,&lt;br /&gt;
.sump-phases__item--realize::before,&lt;br /&gt;
.sump-phases__item--eval::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  background-color: var(--dreams-tint);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
  background-size: 62%;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::after,&lt;br /&gt;
.sump-phases__item--realize::after,&lt;br /&gt;
.sump-phases__item--eval::after,&lt;br /&gt;
.sump-phases__item--fig::after {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.5rem;&lt;br /&gt;
  left: -0.5rem;&lt;br /&gt;
  width: 1.6rem;&lt;br /&gt;
  height: 1.6rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: 0.82rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-phases__item--fig::before { display: none; }&lt;br /&gt;
.sump-phases__fig {&lt;br /&gt;
  width: 5.2rem;&lt;br /&gt;
  height: 5.2rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig figure,&lt;br /&gt;
.sump-phases__fig span,&lt;br /&gt;
.sump-phases__fig a { display: block; width: 3.75rem; min-width: 0; margin: 0; }&lt;br /&gt;
.sump-phases__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 4.75rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig span img,&lt;br /&gt;
.sump-phases__fig a img { width: 100%; }&lt;br /&gt;
&lt;br /&gt;
/* per-phase glyphs */&lt;br /&gt;
.sump-phases__item--prep::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1854.82,-975.755)&#039;%3E%3Cg id=&#039;Preparation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1686.17,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.03662,0,0,1.01229,-3254.54,-198.641)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.35128,0,0,2.014,-4050.65,-1566.23)&#039;%3E%3Cpath d=&#039;M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.14px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--realize::before { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2283.29,-975.755)&#039;%3E%3Cg id=&#039;Realisation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2114.63,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.06694,-3472.54,-265.777)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)&#039;%3E%3Cpath d=&#039;M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:10.4px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--eval::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;38.5 55.7 301.9 301.9&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2674.63,-975.755)&#039;%3E%3Cg id=&#039;Evaluation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2505.98,780.907)&#039;%3E%3Cg transform=&#039;matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)&#039;%3E%3Cpath d=&#039;M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)&#039;%3E%3Cpath d=&#039;M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)&#039;%3E%3Cpath d=&#039;M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }&lt;br /&gt;
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* A. figure tiles */&lt;br /&gt;
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }&lt;br /&gt;
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }&lt;br /&gt;
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }&lt;br /&gt;
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }&lt;br /&gt;
&lt;br /&gt;
/* B. two-pane contrast */&lt;br /&gt;
.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }&lt;br /&gt;
.sump-versus__pane { display: flex; flex-direction: column; border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }&lt;br /&gt;
.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }&lt;br /&gt;
.sump-versus__head { font-weight:700; margin-bottom:.35rem; }&lt;br /&gt;
@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }&lt;br /&gt;
&lt;br /&gt;
.sump-versus__fig { margin-top: auto;  padding-top: 1em; margin-bottom:.6rem; }&lt;br /&gt;
.sump-versus__fig img { display:block; width:100%; height:auto; }&lt;br /&gt;
.sump-versus__fig--small {&lt;br /&gt;
  max-width: 60%;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-versus__fig--small img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* optional inline continuity marker */&lt;br /&gt;
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }&lt;br /&gt;
&lt;br /&gt;
.sump-roles dt {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.9em;&lt;br /&gt;
  margin: 1.4em 0 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt:first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt img {&lt;br /&gt;
  flex: 0 0 64px;&lt;br /&gt;
  width: 64px !important;&lt;br /&gt;
  height: 56px !important;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dd {&lt;br /&gt;
  margin: 0 0 0 calc(64px + 0.9em);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-lead-fig {&lt;br /&gt;
  float: right;&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  margin: 0 0 1em 2em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-fig img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Column layout: text and figure side by side, no wrapping */&lt;br /&gt;
.sump-lead {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-text {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
  float: none;&lt;br /&gt;
  flex: 0 0 260px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 720px) {&lt;br /&gt;
  .sump-lead { flex-direction: column-reverse; }&lt;br /&gt;
  .sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
    flex-basis: auto;&lt;br /&gt;
    width: 160px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-checklist {&lt;br /&gt;
  clear: both;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
  .sump-lead-fig {&lt;br /&gt;
    float: none;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    margin: 0 auto 1em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living-lab example box --- */&lt;br /&gt;
.dreams-lab {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .85rem 1.1rem 1rem;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-lab__tag {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  padding-bottom: .5rem;&lt;br /&gt;
  margin-bottom: .6rem;&lt;br /&gt;
  border-bottom: 1px solid var(--dreams-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-impact-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	grid-template-columns: 1fr;&lt;br /&gt;
	gap: 14px;&lt;br /&gt;
	margin: 1em 0 1.5em;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-card {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	padding: 1rem 1.1rem;&lt;br /&gt;
	background: #ffffff;&lt;br /&gt;
	border: 1px solid #e7e4f7;&lt;br /&gt;
	border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-head {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-icon {&lt;br /&gt;
	flex: none;&lt;br /&gt;
	width: 38px;&lt;br /&gt;
	height: 38px;&lt;br /&gt;
	border-radius: 10px;&lt;br /&gt;
	background-color: #f3f1ff;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	background-size: 24px 24px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-name {&lt;br /&gt;
	font-size: 1.05em;&lt;br /&gt;
	font-weight: 600;&lt;br /&gt;
	color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body {&lt;br /&gt;
	font-size: 0.95em;&lt;br /&gt;
	line-height: 1.6;&lt;br /&gt;
	color: #333333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body p { margin: 0; }&lt;br /&gt;
.dreams-impact-icon--accessibility { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200&#039;%20/%3E%3Cpath%20d=&#039;M7%2021l3%20-4&#039;%20/%3E%3Cpath%20d=&#039;M16%2021l-2%20-4l-3%20-3l1%20-6&#039;%20/%3E%3Cpath%20d=&#039;M6%2012l2%20-3l4%20-1l3%203l3%201&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--carbon { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M5%2021c.5%20-4.5%202.5%20-8%207%20-10&#039;%20/%3E%3Cpath%20d=&#039;M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--liveability { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%2013l-2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2012l2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2021v-13&#039;%20/%3E%3Cpath%20d=&#039;M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--health { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2012h4l3%208l4%20-16l3%208h4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--economic { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2021l18%200&#039;%20/%3E%3Cpath%20d=&#039;M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204&#039;%20/%3E%3Cpath%20d=&#039;M5%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M19%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--equity { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M7%2020l10%200&#039;%20/%3E%3Cpath%20d=&#039;M6%206l6%20-1l6%201&#039;%20/%3E%3Cpath%20d=&#039;M12%203l0%2017&#039;%20/%3E%3Cpath%20d=&#039;M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3Cpath%20d=&#039;M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--governance { background-image: url(&amp;quot;/wiki/Special:FilePath/DREAMS-impact-governance.svg&amp;quot;); }&lt;br /&gt;
&lt;br /&gt;
/* ── Partner logo bar (main page footer) ── */&lt;br /&gt;
.partner-logo-bar {&lt;br /&gt;
  margin: 2.5em 0 0;&lt;br /&gt;
  padding-top: 2em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__label {&lt;br /&gt;
  font-size: 0.72em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.09em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #8a8aaa;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
  width: calc(20% - 0.4em);&lt;br /&gt;
  min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
  padding: 6px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item img {&lt;br /&gt;
  max-height: 42px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item figure,&lt;br /&gt;
.partner-logo-bar__item .thumb,&lt;br /&gt;
.partner-logo-bar__item .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item .thumbcaption,&lt;br /&gt;
.partner-logo-bar__item .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--narrow img { max-width: 75px; }&lt;br /&gt;
.partner-logo-bar__item--boost img  { min-height: 58px; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a:hover {&lt;br /&gt;
  text-decoration: underline !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer {&lt;br /&gt;
  margin-top: 0.5em;&lt;br /&gt;
  padding-top: 1em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.75em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer img {&lt;br /&gt;
  max-height: 40px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer figure,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumb,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbcaption,&lt;br /&gt;
.partner-logo-bar__disclaimer .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .partner-logo-bar__row {&lt;br /&gt;
    grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
  .partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
    width: calc(33% - 0.4em);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-prereq {&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  padding: 1.1rem 1.3rem 1.2rem;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }&lt;br /&gt;
.sump-prereq__list { display: grid; gap: .65rem; }&lt;br /&gt;
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }&lt;br /&gt;
.sump-prereq__box {&lt;br /&gt;
  width: 1.2rem; height: 1.2rem; margin-top: .12rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary); border-radius: 4px;&lt;br /&gt;
  background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__text { line-height: 1.45; }&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__box {&lt;br /&gt;
  background-color: var(--dreams-primary);&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039;%3E%3Cpath fill=&#039;none&#039; stroke=&#039;%23ffffff&#039; stroke-width=&#039;3.5&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039; d=&#039;M5 12.5l4.5 4.5L19 7&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }&lt;br /&gt;
.sump-prereq--outcome {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq--outcome .sump-prereq__title {&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl { margin: 1.25rem 0; }&lt;br /&gt;
.sump-step dl dt {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  margin-top: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl dt:first-child { margin-top: 0; }&lt;br /&gt;
.sump-step dl dd {&lt;br /&gt;
  margin: .2rem 0 0 1.2rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Tool tutorial --- */&lt;br /&gt;
.dreams-tutorial { counter-reset: tut; margin: 1rem 0 2rem; }&lt;br /&gt;
.dreams-tutorial__step {&lt;br /&gt;
  counter-increment: tut;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  padding: 1.25rem 0;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__step:first-child { border-top: none; padding-top: 0; }&lt;br /&gt;
.dreams-tutorial__step::before {&lt;br /&gt;
  content: counter(tut);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__title { grid-column: 2; font-weight: 700; color: var(--dreams-primary); line-height: 24px; }&lt;br /&gt;
.dreams-tutorial__body  { grid-column: 2; line-height: 1.7; margin-top: .35rem; }&lt;br /&gt;
.dreams-tutorial__shot  { grid-column: 2; margin-top: .85rem; }&lt;br /&gt;
.dreams-tutorial__shot p { margin: 0; }&lt;br /&gt;
.dreams-tutorial img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial .sump-versus { grid-column: 2; margin: .85rem 0 0; }&lt;br /&gt;
.dreams-tutorial .sump-versus__pane { padding: .6rem; }&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .dreams-tutorial__step { grid-template-columns: 1fr; }&lt;br /&gt;
  .dreams-tutorial__step::before { margin-bottom: .4rem; }&lt;br /&gt;
  .dreams-tutorial__title, .dreams-tutorial__body,&lt;br /&gt;
  .dreams-tutorial__shot, .dreams-tutorial .sump-versus { grid-column: 1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-legend {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  max-width: 26rem;&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__scale {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  height: 12px;&lt;br /&gt;
  margin-bottom: .3rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band--1::before { background: #440154; border-radius: 3px 0 0 3px; }&lt;br /&gt;
.dreams-legend__band--2::before { background: #3b528b; }&lt;br /&gt;
.dreams-legend__band--3::before { background: #21918c; }&lt;br /&gt;
.dreams-legend__band--4::before { background: #5ec962; }&lt;br /&gt;
.dreams-legend__band--5::before { background: #fde725; border-radius: 0 3px 3px 0; }&lt;br /&gt;
.dreams-legend__ends {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  margin-top: .15rem;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 560px) { .dreams-legend { grid-column: 1; } }&lt;br /&gt;
&lt;br /&gt;
/* ── Tools overview cards ── */&lt;br /&gt;
.dreams-tools-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));&lt;br /&gt;
  gap: 22px;&lt;br /&gt;
  margin: 1.4em 0 1em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover,&lt;br /&gt;
.dreams-tool-card:focus-within {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 12px 28px rgba(92,76,228,0.16);&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  padding: 18px 20px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__icon img { display: block; width: 60px; height: 60px; }&lt;br /&gt;
.dreams-tool-card__kind {&lt;br /&gt;
  font-size: .75em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .25em .8em;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__body {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  padding: 16px 20px 18px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__title { font-size: 1.3em; font-weight: 700; line-height: 1.25; }&lt;br /&gt;
.dreams-tool-card__title a { color: var(--dreams-primary) !important; text-decoration: none !important; }&lt;br /&gt;
/* stretched link: the title link covers the whole card */&lt;br /&gt;
.dreams-tool-card__title a::after { content: &amp;quot;&amp;quot;; position: absolute; inset: 0; z-index: 1; }&lt;br /&gt;
.dreams-tool-card__title a:focus { outline: none; }&lt;br /&gt;
.dreams-tool-card__question {&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .7em;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__text { font-size: .95em; line-height: 1.6; color: #444; flex: 1; }&lt;br /&gt;
.dreams-tool-card__steps {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
  font-size: .8em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps-label { color: #777; font-weight: 600; margin-right: 2px; }&lt;br /&gt;
.dreams-tool-card__steps a,&lt;br /&gt;
.dreams-tool-card__launch a {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .15em .7em;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a:hover { border-color: var(--dreams-primary); }&lt;br /&gt;
.dreams-tool-card__foot {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
  margin-top: 4px;&lt;br /&gt;
  padding-top: 12px;&lt;br /&gt;
  border-top: 1px solid #eeeafd;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__cta { font-weight: 700; color: var(--dreams-primary); font-size: .95em; }&lt;br /&gt;
.dreams-tool-card__cta::after { &lt;br /&gt;
  content: &amp;quot;\2192&amp;quot;;          &lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  margin-left: .35em;       &lt;br /&gt;
  transition: transform .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover .dreams-tool-card__cta::after { transform: translateX(4px); }&lt;br /&gt;
.dreams-tool-card__launch { font-size: .85em; }&lt;br /&gt;
.dreams-tool-card__launch a,&lt;br /&gt;
.dreams-tool-card__launch a.external { color: var(--dreams-dark) !important; background: none !important; padding-right: 0 !important; }&lt;br /&gt;
&lt;br /&gt;
/* --- link row --- */&lt;br /&gt;
.dreams-linkrow {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  margin: .75rem 0 1.5rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow &amp;gt; p { display: contents; }&lt;br /&gt;
.dreams-linkrow a {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .4em;&lt;br /&gt;
  padding: .3rem .75rem;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  transition: background .15s, border-color .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a::after {&lt;br /&gt;
  content: &amp;quot;→&amp;quot;;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  transition: transform .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover::after { transform: translateX(2px); }&lt;br /&gt;
.dreams-linkrow__meta {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Project&amp;diff=2243</id>
		<title>Project</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Project&amp;diff=2243"/>
		<updated>2026-10-19T11:05:44Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{#tweekihide:firstHeading}}&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-step&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;h1 style=&amp;quot;color:var(--dreams-primary);text-align:center&amp;quot;&amp;gt;About DREAMS&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
&#039;&#039;&#039;DREAMS&#039;&#039;&#039; (Driving Equitable and Accessible 15-Minute Neighbourhood Transformations) explores how co-created, user-centric mobility services, mobility hubs and flexible activity hubs can make neighbourhoods in the urban outskirts of European cities accessible, sustainable and inclusive.&lt;br /&gt;
&lt;br /&gt;
The [[15-Minute Cities|15-minute city]] idea grew out of dense urban cores. DREAMS asks what it takes to make it work in low- to mid-density suburbs and outskirts, where everyday destinations lie further apart and walking and cycling alone rarely cover daily needs.&lt;br /&gt;
&lt;br /&gt;
DREAMS is a research project of the [https://dutpartnership.eu/projects/dreams Driving Urban Transitions (DUT) Partnership], selected in the 2022 call under the 15-minute city transition pathway. The project is coordinated by the University of Twente and runs from January 2024 to December 2026.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
== Aims ==&lt;br /&gt;
The project pursues five aims.&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sequence-wrap has-icons&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:CompareLifestyles.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Compare lifestyles&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A comparative analysis of 15-minute lifestyles across suburban and urban outskirts of differing density, forming the first European comparison of local 15-minute city implementations.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:RethinkBusinessModels.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Rethink business models&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;New business models and governance frameworks that make shared mobility services and flexible activity hubs viable in low- and medium-density areas.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:SupportDecisions.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Support decisions&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A map-based decision support tool that helps stakeholders co-create and assess mobility services, mobility hubs and flexible activity hubs.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:AssessImpacts.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Assess impacts&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;An assessment of the mobility, accessibility and wider societal impacts of the interventions tested in the living labs.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-icon&amp;quot;&amp;gt;[[File:GuidePolicy.svg|40px|link=|alt=]]&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Guide policy&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Policy recommendations on pathways towards sustainable and inclusive mobility in 15-minute neighbourhoods at the urban edge.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
The tools that came out of this work are described on the [[Tools]] page, and the recommendations are woven into the [[SUMP Process]] guidance on this platform.&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
== Six living labs ==&lt;br /&gt;
DREAMS grounds its research in six living labs. Each is set in a peripheral district where local partners, residents and mobility providers work together on concrete interventions.&lt;br /&gt;
&lt;br /&gt;
Together the labs cover mobility hubs, flexible activity hubs, demand-responsive services, car-sharing and car-pooling, and shared micromobility. To keep findings comparable, each scenario was planned for evaluation in at least two labs. Each lab has its own page, and the [[Living Lab Overview]] introduces all six.&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-linkrow&amp;quot;&amp;gt;[[Living Labs/5|Haren and Neder-Over-Heembeek &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Brussels&amp;lt;/span&amp;gt;]] [[Living Labs/3|Rákosmente &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Budapest&amp;lt;/span&amp;gt;]] [[Living Labs/4|Geretsried &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Munich region&amp;lt;/span&amp;gt;]] [[Living Labs/6|Évry-Courcouronnes &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Paris region&amp;lt;/span&amp;gt;]] [[Living Labs/2|Overvecht &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Utrecht&amp;lt;/span&amp;gt;]] [[Living Labs/1|Liesing &amp;lt;span class=&amp;quot;dreams-linkrow__meta&amp;quot;&amp;gt;Vienna&amp;lt;/span&amp;gt;]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
== Work packages ==&lt;br /&gt;
The work is organised in seven work packages. The research moves from redefining the concept and reviewing planning practice, through tool development and new business models, into the living labs, and closes with impact assessment and transfer to practice.&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! WP !! Focus !! Lead partner&lt;br /&gt;
|-&lt;br /&gt;
| 1 || Project and data management, and quality control || [[DREAMers#University_of_Twente_(UT)|University of Twente]]&lt;br /&gt;
|-&lt;br /&gt;
| 2 || Review and comparative analysis || [[DREAMers#University_of_Natural_Resources_and_Applied_Life_Sciences,_Vienna|BOKU University]]&lt;br /&gt;
|-&lt;br /&gt;
| 3 || Development of the 15-minute city decision support tool || [[DREAMers#Technische_Universität_München|Technical University of Munich]]&lt;br /&gt;
|-&lt;br /&gt;
| 4 || New governance and business models and transition pathways || [[DREAMers#Mpact|Mpact]]&lt;br /&gt;
|-&lt;br /&gt;
| 5 || DREAMS 15-minute city living labs || [[DREAMers#Budapest_University_of_Technology_and_Economics|Budapest University of Technology and Economics]]&lt;br /&gt;
|-&lt;br /&gt;
| 6 || Impact assessment and evaluation || [[DREAMers#Vrije_Universiteit_Brussel|Vrije Universiteit Brussel]]&lt;br /&gt;
|-&lt;br /&gt;
| 7 || Transferability and knowledge dissemination || [[DREAMers#University_of_Twente_(UT)|University of Twente]]&lt;br /&gt;
|}&lt;br /&gt;
Every research task is led and co-led by academic partners from two different countries, to make the most of the transnational set-up. This knowledge platform is itself a WP7 output, led by Mobyome and built to carry the project&#039;s findings to practitioners beyond its lifetime.&lt;br /&gt;
&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;
== Consortium ==&lt;br /&gt;
The consortium brings together 28 partners from Austria, Belgium, France, Germany, Hungary and the Netherlands. Fifteen full partners carry out the research. They include universities, public research organisations, practice partners from planning and mobility, a municipality and EIT Urban Mobility. Thirteen cooperation partners, among them cities and regional authorities, public transport operators and shared mobility providers, open up the living labs and help test interventions on the ground. The people behind the project are introduced on the [[DREAMers]] page.&lt;br /&gt;
[[File:Partner_Schema.jpg|thumb|center|700px|Partners of DREAMS across the six living labs]]&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
== Management structure ==&lt;br /&gt;
DREAMS uses a layered management structure. Day-to-day decisions sit with the Daily Management Board, the Executive Board provides oversight, and each living lab runs its own coordination.&lt;br /&gt;
[[File:DREAMS Organizational Structure.jpg|thumb|center|700px|Organisational structure of the project]]&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-bodies-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Daily Management Board&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;The highest decision-making body. Chaired by the coordinator, it brings together the work package and living lab leaders in monthly meetings. Decisions need a two-thirds majority.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Executive Board&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;One representative of each full partner, chaired by the coordinator. It advises on direction and quality, meets twice a year alongside consortium meetings and can add items to the board agenda.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Living Lab Partners&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;The local partners in each lab. Led by the living lab leader, they meet every two months to develop, apply and evaluate DREAMS research and tools on site.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-body-card&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__label&amp;quot;&amp;gt;Quality and Data Manager&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-body-card__desc&amp;quot;&amp;gt;Appointed by the coordinator. Organises the peer review of every deliverable by at least one other partner and supports data management plans that meet national funding rules.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;DREAMS (project number F-DUT-2022-0088) is funded through the DUT Partnership, which is supported by the European Commission under the Horizon Europe co-funded Partnership scheme. Each full partner is funded by its national research funding agency.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:CompareLifestyles.svg&amp;diff=2242</id>
		<title>File:CompareLifestyles.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:CompareLifestyles.svg&amp;diff=2242"/>
		<updated>2026-10-19T11:02:32Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:SupportDecisions.svg&amp;diff=2241</id>
		<title>File:SupportDecisions.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:SupportDecisions.svg&amp;diff=2241"/>
		<updated>2026-10-19T11:02:26Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:AssessImpacts.svg&amp;diff=2240</id>
		<title>File:AssessImpacts.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:AssessImpacts.svg&amp;diff=2240"/>
		<updated>2026-10-19T11:02:19Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:GuidePolicy.svg&amp;diff=2239</id>
		<title>File:GuidePolicy.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:GuidePolicy.svg&amp;diff=2239"/>
		<updated>2026-10-19T11:02:13Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:RethinkBusinessModels.svg&amp;diff=2238</id>
		<title>File:RethinkBusinessModels.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:RethinkBusinessModels.svg&amp;diff=2238"/>
		<updated>2026-10-19T11:00:37Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Review_and_learn_lessons&amp;diff=2237</id>
		<title>Review and learn lessons</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Review_and_learn_lessons&amp;diff=2237"/>
		<updated>2026-10-19T11:00:04Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=12|phase=4|title=Review and learn lessons}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
The cycle closes by asking what was learned. SUMP puts three tasks here, analysing what succeeded and what did not, sharing the results and the lessons with the people who have a stake in them, and looking ahead at the challenges the next plan will have to answer. It is the step most easily skipped because by this point the measures are running and attention has moved on. Skipping it costs twice. The next cycle begins from the same blank page this one did, and the outskirt down the road repeats your mistakes at its own expense.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;All the readings from [[Monitor adapt and communicate|monitoring]], the flat ones included, since a review assembled out of the good news is not a review.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The record of what was adapted during delivery and why, because the changes made along the way are usually more useful to somebody else than the plan as originally written.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;An honest account of what remains of the original gap after everything you built, which is the starting point of the next cycle rather than a verdict on this one.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== What six outskirts had in common ==&lt;br /&gt;
&lt;br /&gt;
DREAMS worked in six peripheries that resemble each other very little, from a post-war estate in Utrecht to a small town beyond Munich and a suburban district on the edge of Budapest. A handful of findings recurred across all of them, and they are the part worth carrying into a review of your own.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__item sump-phases__item--fig&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__fig&amp;quot;&amp;gt;[[File:Magnifying.svg|120px|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__title&amp;quot;&amp;gt;Measured properly, every one of them fell short.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__desc&amp;quot;&amp;gt;Each looked like a workable 15-minute neighbourhood against a textbook standard, and each scored lower once measured with what its own residents said they need. [[Analyse mobility situation|The distance between those two readings]], rather than the map, is what a plan in the outskirts exists to close ([[Publications/7|Deliverable 3.1]]).&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__item sump-phases__item--fig&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__fig&amp;quot;&amp;gt;[[File:Choice.svg|120px|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__title&amp;quot;&amp;gt;The goal is choice, not coverage.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__desc&amp;quot;&amp;gt;Residents did not ask for one of each amenity within reach. They asked for two or three because a single option that is closed, expensive, unsuitable or simply not theirs is not really an option at all. Of everything on this platform, that is the finding that most changes how a target gets written, and it is the one to state plainly in a review because a plan judged on coverage will report success that its residents do not recognise.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__item sump-phases__item--fig&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__fig&amp;quot;&amp;gt;[[File:WalkingAlone.svg|120px|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__title&amp;quot;&amp;gt;Walking alone will not deliver a periphery.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__desc&amp;quot;&amp;gt;Across the labs, public transport came out as the steady backbone of a proximity strategy, with shared and micromobility services working as complements whose value depends on the particular trip ([[Publications/8|Deliverable 4.2]]). The governance review draws the same line between measure families. Shared micromobility and flexible activity hubs sit close to the heart of the concept because they extend active travel and bring new amenities into an area, while car-sharing, demand-responsive transport and carpooling are accompanying measures that let a household live without owning a car rather than the core of the strategy ([[Publications/3|Deliverable 2.2]]).&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__item sump-phases__item--fig&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__fig&amp;quot;&amp;gt;[[File:NoTemplate.svg|120px|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__title&amp;quot;&amp;gt;There is no template.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__desc&amp;quot;&amp;gt;DREAMS went looking for a governance framework and a business model for the 15-minute outskirt and concluded that neither exists in transferable form because densities, land use, existing services and the division of authority differ too much from one periphery to the next ([[Publications/3|Deliverable 2.2]]). That is a genuine result rather than a gap in the research, and it is why this journey is built as a method rather than a model to copy.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Land use will undo a mobility plan ==&lt;br /&gt;
&lt;br /&gt;
The same review is clear that adapting a 15-minute model to the outskirts is possible only under conditions, and the conditions are mostly not about mobility. There has to be real political will to limit car use and the space given over to cars, and a shared view between authorities that have historically been car-friendly and are now being asked to coordinate. Beyond that, new shared services and activity hubs will not be enough if urban sprawl continues, if single-use zoning goes on, if new road capacity keeps being built and if on-street parking remains free and easy. Shared services need a safe, people-centred environment with amenities actually distributed across the area and walking and cycling infrastructure that reaches them ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&lt;br /&gt;
The review is the moment to say that out loud because it is the least welcome finding in the report and the one least likely to survive if the review is written inside the mobility department alone. Name the decisions taken elsewhere in the administration that pulled against the plan, in the same document as the results they affected. The same source is equally direct about the politics. Parking restrictions and comparable measures draw opposition from shopkeepers, from employers and from residents whose daily lives are built around a car, so the case has to be put in terms of what those groups gain, meaning a more attractive area, lower household costs, better health and a neighbourhood worth spending time in, rather than in terms of what they are being asked to give up.&lt;br /&gt;
&lt;br /&gt;
== What actually transfers ==&lt;br /&gt;
&lt;br /&gt;
A measure rarely transfers. The reasoning behind it usually does. When writing up what you learned, assume your reader is a planner in a different periphery who has to decide whether your experience applies to theirs, and give them what that decision needs.&lt;br /&gt;
&lt;br /&gt;
That means the context in enough detail to be judged, meaning the density, the existing services, the state of the walking and cycling network and who holds which authority. It means what you tried and why that rather than the alternative you rejected. It means what it cost, in money and in staff time, including the running years rather than only the build. Furthermore, it means what changed and for whom, broken down rather than averaged. And it means what you would do differently, which is the sentence practitioners read first.&lt;br /&gt;
&lt;br /&gt;
Write up the failures with the same care as the successes. A measure that did not work, explained properly, saves another area more effort than a success described in general terms, and it is the thing least likely to exist anywhere else. DREAMS treats this as research in its own right, studying not only what the interventions achieved but how they were implemented, to identify what improves the chances of the same thing working somewhere else ([[Publications/6|Deliverable 6.1]]). SUMP suggests going further and inviting external experts, or a neighbouring authority, to review the planning approach itself. In a periphery, the neighbouring authority is often the better choice, since they face your conditions and will have to live with your conclusions.&lt;br /&gt;
&lt;br /&gt;
== Then start again ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:Cycle.svg|frameless|link=|alt=|600px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-lead-text&amp;quot;&amp;gt;&lt;br /&gt;
The last thing this step does is look forward. The part of the gap still open is not a failure of the cycle that just ended, it is the baseline for the one beginning. Indicators that never moved deserve examination rather than quiet removal, since an indicator can fail because the measure did or because the indicator was wrong. The coalition either renews itself or dissolves, and that is a decision worth taking deliberately rather than by attrition. What the next team inherits is the record, and how complete that record is, had been decided months earlier, while the work was being done.&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Beyond your own administration, the work continues in places that will outlast any single project. These are where DREAMS hands its results on.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-cards&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__title&amp;quot;&amp;gt;The DUT project cohort&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__text&amp;quot;&amp;gt;DREAMS is one project in the 15-minute City pathway of the Driving Urban Transitions partnership. Dozens of others work on the same questions, several directly on outskirts, large housing estates and accessibility gaps. Filter the repository by that pathway to find the ones closest to your own context.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__action&amp;quot;&amp;gt;[https://dutpartnership.eu/projects Browse the projects →]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__title&amp;quot;&amp;gt;UNLOCK15&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__text&amp;quot;&amp;gt;A sister project on the behavioural, institutional and technological lock-ins that hold a neighbourhood in its current shape, working on citizen empowerment and institutional learning. The closest companion to the governance problems this journey runs into at every step.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__action&amp;quot;&amp;gt;[https://unlock15.eu/ Visit the project →]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__title&amp;quot;&amp;gt;EIT Urban Mobility&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__text&amp;quot;&amp;gt;Free self-paced courses and short films for practitioners across the whole field, from public transport fundamentals to neighbourhood design, alongside the network through which the DREAMS results are shared beyond the project.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__action&amp;quot;&amp;gt;[https://www.eiturbanmobility.eu/professional-training/ Start a course →]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__title&amp;quot;&amp;gt;The 15-minute cities community&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__text&amp;quot;&amp;gt;An active discussion among practitioners comparing notes on proximity planning outside dense city centres, including a recurring thread on whether 15-minute principles hold in low-density contexts.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__action&amp;quot;&amp;gt;[https://www.expertises-territoires.fr/jcms/pl1_392505/fr/15-min-cities-bringing-more-proximity-in-cities Join the discussion →]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
The twelve steps end here, but a plan does not. Whoever picks this up next, in your administration or in an outskirt you will never visit, will begin where you left the record. That is the argument for writing it honestly.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/sustainable-urban-mobility-plans/guidelines-developing-and-implementing-sustainable-urban-mobility-plan-0_en Third edition of the SUMP Guidelines] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(European Commission)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Published in 2026. The twelve steps and their method are unchanged, but with more weight on delivery, coordination across metropolitan areas and continuous monitoring.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://www.sump-assessment.eu/ SUMP self-assessment]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Run it again at the close of a cycle for a like-for-like picture of how the planning itself improved.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urbact.eu/whats-new/articles/transferring-successful-urban-practices-between-cities Transferring successful urban practices between cities] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(URBACT)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Describes the understand, adapt and reuse sequence its transfer networks follow, for passing a practice on to another place.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 12, Review and learn lessons.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/3|DREAMS Deliverable 2.2]]&amp;lt;/span&amp;gt;: the conditions under which a 15-minute model can be adapted to the urban outskirts, which measure families sit at its centre, and the political obstacles to expect.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/7|DREAMS Deliverable 3.1]]&amp;lt;/span&amp;gt;: the accessibility shortfall found in all six living labs once measured with residents&#039; own preferences.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/8|DREAMS Deliverable 4.2]]&amp;lt;/span&amp;gt;: the choice experiments placing public transport as the backbone and shared modes as complements.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the process evaluation approach and its use for judging scalability and replicability.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/12-Evaluation/evaluation.html Prozess reflektieren und Ergebnisse verstehen]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=12}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:Cycle.svg&amp;diff=2236</id>
		<title>File:Cycle.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:Cycle.svg&amp;diff=2236"/>
		<updated>2026-10-19T10:57:50Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:NoTemplate.svg&amp;diff=2235</id>
		<title>File:NoTemplate.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:NoTemplate.svg&amp;diff=2235"/>
		<updated>2026-10-19T10:55:50Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:WalkingAlone.svg&amp;diff=2234</id>
		<title>File:WalkingAlone.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:WalkingAlone.svg&amp;diff=2234"/>
		<updated>2026-10-19T10:55:39Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:Choice.svg&amp;diff=2233</id>
		<title>File:Choice.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:Choice.svg&amp;diff=2233"/>
		<updated>2026-10-19T10:55:20Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Review_and_learn_lessons&amp;diff=2232</id>
		<title>Review and learn lessons</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Review_and_learn_lessons&amp;diff=2232"/>
		<updated>2026-10-19T10:55:11Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=12|phase=4|title=Review and learn lessons}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
The cycle closes by asking what was learned. SUMP puts three tasks here, analysing what succeeded and what did not, sharing the results and the lessons with the people who have a stake in them, and looking ahead at the challenges the next plan will have to answer. It is the step most easily skipped because by this point the measures are running and attention has moved on. Skipping it costs twice. The next cycle begins from the same blank page this one did, and the outskirt down the road repeats your mistakes at its own expense.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;All the readings from [[Monitor adapt and communicate|monitoring]], the flat ones included, since a review assembled out of the good news is not a review.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The record of what was adapted during delivery and why, because the changes made along the way are usually more useful to somebody else than the plan as originally written.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;An honest account of what remains of the original gap after everything you built, which is the starting point of the next cycle rather than a verdict on this one.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== What six outskirts had in common ==&lt;br /&gt;
&lt;br /&gt;
DREAMS worked in six peripheries that resemble each other very little, from a post-war estate in Utrecht to a small town beyond Munich and a suburban district on the edge of Budapest. A handful of findings recurred across all of them, and they are the part worth carrying into a review of your own.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__item sump-phases__item--fig&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__fig&amp;quot;&amp;gt;[[File:Magnifying.svg|120px|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__title&amp;quot;&amp;gt;Measured properly, every one of them fell short.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__desc&amp;quot;&amp;gt;Each looked like a workable 15-minute neighbourhood against a textbook standard, and each scored lower once measured with what its own residents said they need. [[Analyse mobility situation|The distance between those two readings]], rather than the map, is what a plan in the outskirts exists to close ([[Publications/7|Deliverable 3.1]]).&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__item sump-phases__item--fig&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__fig&amp;quot;&amp;gt;[[File:Choice.svg|120px|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__title&amp;quot;&amp;gt;The goal is choice, not coverage.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__desc&amp;quot;&amp;gt;Residents did not ask for one of each amenity within reach. They asked for two or three because a single option that is closed, expensive, unsuitable or simply not theirs is not really an option at all. Of everything on this platform, that is the finding that most changes how a target gets written, and it is the one to state plainly in a review because a plan judged on coverage will report success that its residents do not recognise.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__item sump-phases__item--fig&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__fig&amp;quot;&amp;gt;[[File:WalkingAlone.svg|120px|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__title&amp;quot;&amp;gt;Walking alone will not deliver a periphery.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__desc&amp;quot;&amp;gt;Across the labs, public transport came out as the steady backbone of a proximity strategy, with shared and micromobility services working as complements whose value depends on the particular trip ([[Publications/8|Deliverable 4.2]]). The governance review draws the same line between measure families. Shared micromobility and flexible activity hubs sit close to the heart of the concept because they extend active travel and bring new amenities into an area, while car-sharing, demand-responsive transport and carpooling are accompanying measures that let a household live without owning a car rather than the core of the strategy ([[Publications/3|Deliverable 2.2]]).&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__item sump-phases__item--fig&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__fig&amp;quot;&amp;gt;[[File:NoTemplate.svg|120px|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__title&amp;quot;&amp;gt;There is no template.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-phases__desc&amp;quot;&amp;gt;DREAMS went looking for a governance framework and a business model for the 15-minute outskirt and concluded that neither exists in transferable form because densities, land use, existing services and the division of authority differ too much from one periphery to the next ([[Publications/3|Deliverable 2.2]]). That is a genuine result rather than a gap in the research, and it is why this journey is built as a method rather than a model to copy.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Land use will undo a mobility plan ==&lt;br /&gt;
&lt;br /&gt;
The same review is clear that adapting a 15-minute model to the outskirts is possible only under conditions, and the conditions are mostly not about mobility. There has to be real political will to limit car use and the space given over to cars, and a shared view between authorities that have historically been car-friendly and are now being asked to coordinate. Beyond that, new shared services and activity hubs will not be enough if urban sprawl continues, if single-use zoning goes on, if new road capacity keeps being built and if on-street parking remains free and easy. Shared services need a safe, people-centred environment with amenities actually distributed across the area and walking and cycling infrastructure that reaches them ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&lt;br /&gt;
The review is the moment to say that out loud because it is the least welcome finding in the report and the one least likely to survive if the review is written inside the mobility department alone. Name the decisions taken elsewhere in the administration that pulled against the plan, in the same document as the results they affected. The same source is equally direct about the politics. Parking restrictions and comparable measures draw opposition from shopkeepers, from employers and from residents whose daily lives are built around a car, so the case has to be put in terms of what those groups gain, meaning a more attractive area, lower household costs, better health and a neighbourhood worth spending time in, rather than in terms of what they are being asked to give up.&lt;br /&gt;
&lt;br /&gt;
== What actually transfers ==&lt;br /&gt;
&lt;br /&gt;
A measure rarely transfers. The reasoning behind it usually does. When writing up what you learned, assume your reader is a planner in a different periphery who has to decide whether your experience applies to theirs, and give them what that decision needs.&lt;br /&gt;
&lt;br /&gt;
That means the context in enough detail to be judged, meaning the density, the existing services, the state of the walking and cycling network and who holds which authority. It means what you tried and why that rather than the alternative you rejected. It means what it cost, in money and in staff time, including the running years rather than only the build. Furthermore, it means what changed and for whom, broken down rather than averaged. And it means what you would do differently, which is the sentence practitioners read first.&lt;br /&gt;
&lt;br /&gt;
Write up the failures with the same care as the successes. A measure that did not work, explained properly, saves another area more effort than a success described in general terms, and it is the thing least likely to exist anywhere else. DREAMS treats this as research in its own right, studying not only what the interventions achieved but how they were implemented, to identify what improves the chances of the same thing working somewhere else ([[Publications/6|Deliverable 6.1]]). SUMP suggests going further and inviting external experts, or a neighbouring authority, to review the planning approach itself. In a periphery, the neighbouring authority is often the better choice, since they face your conditions and will have to live with your conclusions.&lt;br /&gt;
&lt;br /&gt;
== Then start again ==&lt;br /&gt;
&lt;br /&gt;
The last thing this step does is look forward. The part of the gap still open is not a failure of the cycle that just ended, it is the baseline for the one beginning. Indicators that never moved deserve examination rather than quiet removal, since an indicator can fail because the measure did or because the indicator was wrong. The coalition either renews itself or dissolves, and that is a decision worth taking deliberately rather than by attrition. What the next team inherits is the record, and how complete that record is, had been decided months earlier, while the work was being done.&lt;br /&gt;
&lt;br /&gt;
Beyond your own administration, the work continues in places that will outlast any single project. These are where DREAMS hands its results on.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-cards&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__title&amp;quot;&amp;gt;The DUT project cohort&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__text&amp;quot;&amp;gt;DREAMS is one project in the 15-minute City pathway of the Driving Urban Transitions partnership. Dozens of others work on the same questions, several directly on outskirts, large housing estates and accessibility gaps. Filter the repository by that pathway to find the ones closest to your own context.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__action&amp;quot;&amp;gt;[https://dutpartnership.eu/projects Browse the projects →]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__title&amp;quot;&amp;gt;UNLOCK15&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__text&amp;quot;&amp;gt;A sister project on the behavioural, institutional and technological lock-ins that hold a neighbourhood in its current shape, working on citizen empowerment and institutional learning. The closest companion to the governance problems this journey runs into at every step.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__action&amp;quot;&amp;gt;[https://unlock15.eu/ Visit the project →]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__title&amp;quot;&amp;gt;EIT Urban Mobility&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__text&amp;quot;&amp;gt;Free self-paced courses and short films for practitioners across the whole field, from public transport fundamentals to neighbourhood design, alongside the network through which the DREAMS results are shared beyond the project.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__action&amp;quot;&amp;gt;[https://www.eiturbanmobility.eu/professional-training/ Start a course →]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__title&amp;quot;&amp;gt;The 15-minute cities community&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__text&amp;quot;&amp;gt;An active discussion among practitioners comparing notes on proximity planning outside dense city centres, including a recurring thread on whether 15-minute principles hold in low-density contexts.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-resource-card__action&amp;quot;&amp;gt;[https://www.expertises-territoires.fr/jcms/pl1_392505/fr/15-min-cities-bringing-more-proximity-in-cities Join the discussion →]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
The twelve steps end here, but a plan does not. Whoever picks this up next, in your administration or in an outskirt you will never visit, will begin where you left the record. That is the argument for writing it honestly.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/sustainable-urban-mobility-plans/guidelines-developing-and-implementing-sustainable-urban-mobility-plan-0_en Third edition of the SUMP Guidelines] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(European Commission)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Published in 2026. The twelve steps and their method are unchanged, but with more weight on delivery, coordination across metropolitan areas and continuous monitoring.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://www.sump-assessment.eu/ SUMP self-assessment]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Run it again at the close of a cycle for a like-for-like picture of how the planning itself improved.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urbact.eu/whats-new/articles/transferring-successful-urban-practices-between-cities Transferring successful urban practices between cities] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(URBACT)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Describes the understand, adapt and reuse sequence its transfer networks follow, for passing a practice on to another place.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 12, Review and learn lessons.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/3|DREAMS Deliverable 2.2]]&amp;lt;/span&amp;gt;: the conditions under which a 15-minute model can be adapted to the urban outskirts, which measure families sit at its centre, and the political obstacles to expect.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/7|DREAMS Deliverable 3.1]]&amp;lt;/span&amp;gt;: the accessibility shortfall found in all six living labs once measured with residents&#039; own preferences.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/8|DREAMS Deliverable 4.2]]&amp;lt;/span&amp;gt;: the choice experiments placing public transport as the backbone and shared modes as complements.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the process evaluation approach and its use for judging scalability and replicability.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/12-Evaluation/evaluation.html Prozess reflektieren und Ergebnisse verstehen]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=12}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:Magnifying.svg&amp;diff=2231</id>
		<title>File:Magnifying.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:Magnifying.svg&amp;diff=2231"/>
		<updated>2026-10-19T10:53:00Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Prepare_for_adoption_and_financing&amp;diff=2230</id>
		<title>Prepare for adoption and financing</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Prepare_for_adoption_and_financing&amp;diff=2230"/>
		<updated>2026-10-19T10:49:16Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=9|phase=3|title=Prepare for adoption and financing}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
An action programme with owners and dates against it is still something nobody has approved or paid for. This step does two jobs at once. It builds the financial plan, meaning what each measure costs to build and to run, where that money comes from and how the cost is divided between the bodies that agreed to deliver it, and it finalises the plan document, so a political body can adopt it. In the outskirts the money half is the harder one because the services a peripheral package leans on are the ones that do not pay for themselves at local demand levels.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The decision route your plan has to travel, meaning which body votes on it, when that body sits, and what it expects to see in the papers beforehand.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A named finance contact inside every organisation that took on an action because the person who agreed to the work is rarely the person who controls the budget for it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The arrangements already in force that limit what you can spend, charge or grant locally, including any licence, concession or parking agreement an operator already holds.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== What the Brussels framework actually pays for ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/5|Brussels, Haren and Neder-Over-Heembeek]]&amp;lt;/div&amp;gt;&lt;br /&gt;
Round-trip car-sharing in the Brussels-Capital Region is regulated by the Region and run by private operators, and under the Good Move mobility plan those operators receive no operating subsidy at all. What the Region does instead is change the surrounding conditions. An operator needs regional approval and has to meet conditions on how its stations are spread, so that vehicles reach beyond the densest districts. The regional parking agency sells operators exemption cards for public parking at a nominal annual fee per vehicle. Residents who deregister a number plate can claim an income-scaled bonus that may only be spent on alternatives to the private car, car-sharing among them. The public transport company and the car-sharing operators sell a combined offer, and the service sits inside the regional mobility app next to the other providers. Cambio, the largest round-trip operator, runs profitably in this arrangement and takes no public subsidy.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Nothing in that arrangement is a cheque written to an operator, and that is the part worth carrying home ([[Publications/3|Deliverable 2.2]]). The Region finances the service by three indirect routes. It subsidises the demand side by putting money in residents&#039; hands and restricting what it can be spent on. It lowers the operator&#039;s cost base using assets the authority already controls, which are parking and street space. And it lifts the operator&#039;s revenue by folding the service into the ticketing and the app people already use. Each of those is a governance decision before it is a financial one, which is why the financing plan cannot be drafted by a finance department working alone.&lt;br /&gt;
&lt;br /&gt;
The same deliverable records the other side of that integration. Building a service into a regional mobility platform costs an operator real money, and operators are reluctant to spend it without some assurance of the journeys it will return, so an authority that wants the integration usually has to fund part of it. Treat platform integration as a line in your budget rather than as a favour you can ask for.&lt;br /&gt;
&lt;br /&gt;
== Why a peripheral service does not pay for itself ==&lt;br /&gt;
&lt;br /&gt;
Compared with a dense district, a shared service in the outskirts carries lower vehicle occupancy and higher overheads, since the same fleet is spread across more ground, and its one structural advantage is that parking costs less ([[Publications/3|Deliverable 2.2]]). Free-floating operators have little commercial reason to be there and concentrate where density carries them, so a plan that assumes they will arrive unaided is planning on nothing. Station-based round-trip car-sharing travels furthest into low density, particularly for households weighing up whether a second car is still worth keeping, and it is the model most likely to reach a balance with modest support.&lt;br /&gt;
&lt;br /&gt;
Mobility hubs need a different frame again. The review found no business case for a hub network and no business model that can be applied to one because a hub is not a business. It is infrastructure a public authority provides, maintains and brands, and the business models sit with the operators using it, with subsidy where local density will not carry them. A hub therefore belongs in the plan as a capital line with a maintenance line attached, not as a service expected to recover its costs. That distinction matters when a package mixes hubs with the other [[Select measure packages with stakeholders|intervention families]] because each family reaches financial viability by a different route and a single funding assumption across all of them will be wrong somewhere.&lt;br /&gt;
&lt;br /&gt;
== Routes to a funded service ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:RoutesFundedService.svg|frameless|link=|alt=|400px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
The DREAMS comparison of governance and business models across Belgium and France turns up a small set of arrangements that have made shared services viable in low density. Most packages need more than one of them, and the useful exercise is to work through the list against each measure rather than to look for a single answer.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-checklist&amp;quot; style=&amp;quot;--sump-accent: var(--dreams-primary);&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-check&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-check__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&#039;&#039;&#039;Guarantee the revenue rather than buy the service.&#039;&#039;&#039; A public body tenders for an operator and pays a guaranteed monthly income covering its costs, so the service can grow into demand that is not there yet. An intermunicipal group of sixteen municipalities south of Ghent did this under its climate plan, and journey numbers rose steadily afterwards.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-check&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-check__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&#039;&#039;&#039;Bundle the thin area with a profitable one.&#039;&#039;&#039; Where an operator may serve the dense districts only on condition that it also serves the periphery, the cross-subsidy happens inside the contract instead of inside your budget.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-check&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-check__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&#039;&#039;&#039;Subsidise the resident rather than the operator.&#039;&#039;&#039; An income-scaled bonus for households giving up a car, spendable only on alternatives, routes money to the service through the people you most want using it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-check&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-check__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&#039;&#039;&#039;Spend what you control instead of cash.&#039;&#039;&#039; Parking exemptions, station space, charging points and a light reporting burden all cut an operator&#039;s costs, and cost the authority far less than an equivalent subsidy.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-check&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-check__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&#039;&#039;&#039;Bring employers in.&#039;&#039;&#039; Mobility budgets and commuting allowances turn hoped-for demand into committed demand, and can carry a service to break-even in an area public money alone would struggle to reach.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-check&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-check__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&#039;&#039;&#039;Use the models residents can capitalise themselves.&#039;&#039;&#039; Cooperatives, peer-to-peer schemes and car-sharing arranged with a housing association keep the vehicle capital outside the public budget, which suits areas where local willingness is easier to find than local funding.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== A discount is not a business model ==&lt;br /&gt;
&lt;br /&gt;
The Utrecht lab set out to find a business model that would get shared cargo bikes used in Overvecht, a low-income district where operators were barely present. Its first proposal was a social business model in which authorities would pay operators small incentives to lower prices for specific groups at specific locations. That plan depended on commercial operators staying in the market, and both of the ones the lab was working with left it, TIER withdrew and Cargoroo went bankrupt, which forced a pivot ([[Living_Labs/2|the Utrecht lab&#039;s own account]]). The lab moved instead towards a resident-run cooperative business model, with local people rather than a commercial operator holding and running the fleet, and used what it learned to inform a municipal subsidy application to help get the cooperative started ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
The most instructive finding from that lab is discouraging. A city travel pass held by tens of thousands of low-income residents already carried a steep discount on shared bikes, and only a few hundred holders were using it. Price was not the barrier it had been assumed to be, and a fare subsidy financed on its own would have bought very little. What makes the discount usable is the work around it, the cycling lessons, the cheap refurbished bikes, the digital help and the trial credits handed out through community centres and food banks. Fund the discount and it&#039;s scaffolding as one item, or expect the money to sit unclaimed and the measure to be judged a failure of demand.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;Ask when the operator&#039;s contract runs out&amp;lt;/div&amp;gt;&lt;br /&gt;
A financing plan is only as stable as the operators underneath it. The Utrecht lab had to replan its activities when its cargo-bike operator, Cargoroo, went bankrupt partway through ([[Living_Labs/2|the Utrecht lab&#039;s own account]]), the kind of event that rarely appears in a mobility plan and routinely decides what is possible. Before adoption, ask how dependent your financing is on any single operators continued existence, not only on the licences and concessions it holds. Two years of funding secured for a service whose only operator can fold meanwhile is not secured funding.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== One plan, several votes ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:OnePlanSeveralVotes.svg|frameless|link=|alt=|400px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-lead-text&amp;quot;&amp;gt;&lt;br /&gt;
The second half of this step is the document. SUMP asks for the plan to be finalised, and its quality assured before it goes for adoption. Including securing the financing in this step makes a lot of sense. In a periphery, there is usually more than one adoption to secure because [[Set up working structures|the coalition that built the plan]] reaches across councils that each vote their own budget, and a plan adopted by one of them is not a plan.&lt;br /&gt;
&lt;br /&gt;
Three things follow from that. Write the document, so each body can find its own commitments and its own share of the cost without reading all of it, since a council that cannot locate its obligations will defer the item. Sequence the votes so that an early adoption does not bind a partner who has not yet voted, and be explicit about which commitments are conditional on the later decisions. And put whole-life costs in front of every body, the operating years as well as the build, together with the cost-sharing formula and [[Agree actions and responsibilities|the fallback you agreed]] for a share that fails to arrive. Assuring quality means checking the finished plan back against the evidence and the objectives it came from, so that what is adopted is still the plan the analysis supports rather than what survived the drafting.&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
What goes to the vote is what [[Manage implementation|the next step]] has to deliver. A measure that reaches adoption with its running costs unnamed will reappear as a problem in its second year, when the launch budget is spent and the service is still needed.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/document/download/4e66c306-da56-4f99-95a0-08c0fcb57129_en?filename=funding_and_finance_of_sump.pdf Funding and Finance of Sustainable Urban Mobility Measures] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(EU Urban Mobility Observatory)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Works through the funding sources and financing instruments open to a city across the whole cycle, from developing the plan to operating the services it creates. The place to look if the routes above do not fit your legal setting.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/document/download/149d8b39-df5d-4e46-bf8c-4928ee9d29eb_en?filename=integration_of_shared_mobility_approaches_in_sumps.pdf Integration of Shared Mobility Approaches in Sustainable Urban Mobility Planning] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(EU Urban Mobility Observatory)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Covers the licensing, tendering and subsidy arrangements a municipality can put in place with shared operators, which is most of what this step turns into on paper.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/sustainable-urban-mobility-plans/expert-corner-sump-reference-materials_en SUMP reference materials]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;The full collection both guides above sit in.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/document/download/93b1189a-f641-4156-b4a9-e8beb7a6c9a8_en?filename=integrating_mobility_management_into_sumps.pdf Integrating mobility management into SUMPs] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(EU topic guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Explains how authorities work with companies on commuting plans and mobility budgets, where employers are part of the financing.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/sustainable-urban-mobility-plans/member-state-profiles_en Member state profiles]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;The quickest way to find the ministry and national framework behind the funding that applies to you, since every Member State runs a national SUMP support programme.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 9, Prepare for adoption and financing.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/3|DREAMS Deliverable 2.2]]&amp;lt;/span&amp;gt;: governance frameworks and business models for shared mobility and mobility hubs in the urban outskirts, including the Brussels-Capital Region, the Flemish purchase guarantee and the Paris Region.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/5|DREAMS Deliverable 5.1]]&amp;lt;/span&amp;gt;: set-up of the living labs, including the Utrecht lab&#039;s original social business model.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the Utrecht interventions and the objectives set for them.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Living_Labs/2|Living lab Utrecht, Overvecht]]&amp;lt;/span&amp;gt;: the lab&#039;s own account of the operator withdrawals and the pivot to a resident-run cooperative model.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/3-Massnahmenplanung/9-Beschluss-Finanzierungen/beschluss-finanzierungen.html Finanzierung und Qualität sichern]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=9}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Monitor_adapt_and_communicate&amp;diff=2229</id>
		<title>Monitor adapt and communicate</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Monitor_adapt_and_communicate&amp;diff=2229"/>
		<updated>2026-10-19T10:47:55Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=11|phase=4|title=Monitor, adapt and communicate}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
The measures are running, and this step turns them into a loop. It asks whether the improvement is arriving, what to change where it is not, and how to tell people either way. Monitoring is the routine tracking of the indicators fixed earlier, evaluation is the harder question of why the readings look the way they do, and communication is what keeps the support that the next round of the plan will need. What DREAMS adds here matters most in the outskirts. Because the baseline was measured for named groups using their own thresholds, the same measurement can simply be run again, which turns the plan&#039;s central question into something answerable rather than assertable.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The dated before-readings for each indicator, with the method and the population group they were measured for recorded beside them, since a later reading is only comparable if it repeats both.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The delivery record from [[Manage implementation|implementation]], showing what was actually built and when each measure started running.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A first review already in the calendar with the body that will receive it named because a monitoring report with no audience gets written late or not at all.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Ask the same question again ==&lt;br /&gt;
&lt;br /&gt;
The diagnosis did more than map the area. It measured the neighbourhood twice, once against a textbook standard and once with the amenities a named group weights most and the walking times they said they accept. Geretsried in the Munich lab shows what that leaves you holding.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figures&amp;quot; style=&amp;quot;--sump-accent: var(--dreams-primary);&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;64 in 100&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;everyday amenities are within a 15-minute walk in Geretsried on the textbook standard. This is the figure a normative map reports.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;36 in 100&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;is the same neighbourhood measured for its older residents. This is the figure a plan written for them has to move.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;3 in 10&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;of those older residents reach a grocery in the time they say they need. Groceries, pharmacies, bakeries and general practitioners are what hold their score down.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Those figures come from [[Publications/7|Deliverable 3.1]], and the useful thing about them is that they are reproducible. Run [[MinuteMap]] again on the configuration that now exists, holding the preference set, the amenity list and the time thresholds exactly as they were, and the difference between the two runs is the answer to the question the plan was written to settle. Not whether the area improved on average, but whether it improved for the group whose access was worst.&lt;br /&gt;
&lt;br /&gt;
Two disciplines make that comparison worth anything. Hold the method fixed and let only the world change, which means recording the model version, the data sources and the date of every run because an amenity list rebuilt from newer data will move the score on its own. And read the amenity-level figures rather than only the headline. A single composite number is slow and blunt, while the components underneath it are where a new grocery or a new bus stop actually registers.&lt;br /&gt;
&lt;br /&gt;
One honest limit. A model re-run tells you whether something is reachable, not whether anyone goes. The survey side of the diagnosis is what answers the second question, and the two belong in the same report.&lt;br /&gt;
&lt;br /&gt;
== Outputs move first, outcomes move later ==&lt;br /&gt;
&lt;br /&gt;
DREAMS sorts every indicator into one of two kinds. An output indicator describes the intervention itself, meaning the thing exists and is being used. An outcome indicator describes the change the project was for. The distinction sounds academic until you watch the two behave differently in time ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/1|Living lab Vienna, Liesing]]&amp;lt;/div&amp;gt;&lt;br /&gt;
The flexible activity hub set up in Liesing was judged on both kinds at once. Its output targets were countable and immediate, meaning two events or offers a week, at least ten visitors on a day with activity, a hundred visitors at a film or theatre evening, and three local organisations drawn into preparing the programme. Its outcome targets were the actual ambition, meaning a fifth off the travel time residents need to reach cultural offers, four in five visitors arriving on foot or by bike, and a corresponding fall in the carbon of those trips. The bike-sharing station beside it was set up the same way, with weekly pick-ups as the output and satisfaction and carbon as the outcomes.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Outputs arrive within weeks and outcomes often arrive after the pilot money has run out, so a report that carries only one of them will mislead in a predictable direction. Early reporting that leans on outputs sounds like success. Later reporting that leans on outcomes sounds like failure. Carry both from the first review, label which is which, and resist the substitution that comes naturally under pressure, where a healthy usage figure is offered as evidence that access improved. Strong outputs beside flat outcomes usually mean the service has been discovered by people who were already reasonably well served, which is worth knowing early and is fixable.&lt;br /&gt;
&lt;br /&gt;
== Measure while it is running ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:MeasureWhileRunning.svg|frameless|link=|alt=|400px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
DREAMS collects at three moments, before the intervention, during it and after it. The middle one is the one cities most often skip and the one this step depends on, because a design that only compares a before with an after tells you nothing until the money is spent and the decision is behind you ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
The readings taken during the run are usually cheap, being operator data that already arrives, manual counts on days when something is open, and short feedback forms handed out while people are there.&lt;br /&gt;
&lt;br /&gt;
When a reading disappoints, ask three questions before touching the measure. Was it delivered as designed, which the delivery record from [[Manage implementation|the previous step]] should answer in a line. Is the indicator sensitive enough to have registered a change of the size this measure could plausibly produce, which is the test [[Set targets and indicators|applied when the indicator was chosen]] and worth applying again now. And is the measure reaching the group it was written for, which requires breaking the reading down rather than reading the area average. Only after those three does adaptation become a decision rather than a reflex. Then choose plainly between adjusting the measure, extending it to gather more evidence and stopping it, and record which you chose and why, because the reasoning is what the next cycle inherits.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;A short window is a reading, not a verdict&amp;lt;/div&amp;gt;&lt;br /&gt;
Measurement periods in the outskirts get shortened, moved and pushed into the wrong season, usually because something upstream slipped. When that happens the numbers are still worth having, but they no longer support the comparison they were designed for. Say so in the report, in the same paragraph as the figure rather than in a footnote, and state what the shortened window can and cannot show. A qualified result that is trusted is worth more than a clean one that quietly is not.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Say what you found, including when nothing moved ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:Broadcast.svg|frameless|link=|alt=|600px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-lead-text&amp;quot;&amp;gt;&lt;br /&gt;
Communication is the third part of this step and the one most easily postponed. Four audiences have a claim on the results. The councils that each adopted their own part of the plan need to see their own commitments tracked, in the form they voted on. The coalition needs enough detail to keep making decisions together. The operator needs the usage picture early enough to act on it. And residents, who were told a service was coming, need to hear how it went, including from an area where a previous promise was not kept.&lt;br /&gt;
&lt;br /&gt;
Publish the results that did not move. An outskirt that only ever hears about successes learns that the reporting is promotional, and the next plan starts from a worse position than this one did. A negative result that is explained, with the three questions above answered honestly, is also the most transferable thing a living lab produces, and it is the raw material [[Review and learn lessons|the last step]] works with.&lt;br /&gt;
&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://bsr-sump.eu/training/m2-monitoring-and-evaluation/ Module 2 on monitoring and evaluation] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(Baltic Sea Region Competence Centre)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Sets out how to assemble a local framework, choose indicators that align with European practice, and settle who collects and archives what, drawing on cities that have struggled with exactly the data-consistency problem. For building the monitoring system itself rather than reading its results.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://app.transformtransport.org/15minCS/europe-map.html 15-Minute City Score Europe map]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Scores walking access to essential services across hundreds of functional urban areas, so you can see how your re-measured area compares with other European neighbourhoods on a consistent method, with the [https://transformtransport.org/research/urban-mobility-metrics/15min-city-score-toolkit-urban-walkability-analytics/ toolkit behind it] available if you would rather run the metric yourself.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://changing-transport.org/wp-content/uploads/2013-evaluation_matters.pdf Evaluation Matters] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(CIVITAS practitioners&#039; guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Explains how to pair impact evaluation with process evaluation, so a disappointing reading can be traced either to the measure or to how it was delivered.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 11, Monitor, adapt and communicate.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the measurement framework, the three collection moments, the output and outcome classification, and the Vienna indicator set.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/7|DREAMS Deliverable 3.1]]&amp;lt;/span&amp;gt;: the Geretsried multi-amenity compliance figures by preference set.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[MinuteMap]]&amp;lt;/span&amp;gt;: used to re-measure a neighbourhood on the same basis as its baseline.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/11-Fortschritt/fortschritt.html Fortschritt messen]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=11}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2228</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2228"/>
		<updated>2026-10-19T10:45:52Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS placed here will be applied to all skins */&lt;br /&gt;
.navbar-brand img {&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.firstHeading {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.external.text {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.grid-container {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.square {&lt;br /&gt;
  padding: 30px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-family: Arial, sans-serif;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  color: white;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  min-height: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.blue { background-color: #2D8CFF; }&lt;br /&gt;
.red { background-color: #FF4757; }&lt;br /&gt;
.green { background-color: #2ED573; }&lt;br /&gt;
.yellow { background-color: #FFD32A; }&lt;br /&gt;
.orange { background-color: #fee4cb; }&lt;br /&gt;
.hue1 { background-color: #5c4ce4; }&lt;br /&gt;
.hue2 { background-color: #8068ff; }&lt;br /&gt;
.hue3 { background-color: #a386ff; }&lt;br /&gt;
.hue4 { background-color: #c6a4ff; }&lt;br /&gt;
.hue5 { background-color: #e9c4ff; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Main Page ── */&lt;br /&gt;
.__NOTOC__ + * { margin-top: 0; }&lt;br /&gt;
&lt;br /&gt;
.main-hero {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  padding: 2em 0 2.5em;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__text { flex: 1; min-width: 280px; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__tag {&lt;br /&gt;
  font-size: 0.75em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  margin-bottom: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__title {&lt;br /&gt;
  font-size: 1.7em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  color: #1a1a2e;&lt;br /&gt;
  margin: 0 0 0.6em;&lt;br /&gt;
  border: none;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
  max-width: 580px;&lt;br /&gt;
  margin-bottom: 1.2em;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo figure,&lt;br /&gt;
.main-hero__logo .thumb,&lt;br /&gt;
.main-hero__logo .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo .thumbcaption,&lt;br /&gt;
.main-hero__logo .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a,&lt;br /&gt;
a.main-hero__btn {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: 0.5em 1.2em;&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn--outline a {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  border: 2px solid #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a:hover { opacity: 0.85; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: stretch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-section {&lt;br /&gt;
  margin-bottom: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr 1fr;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro__col {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-labs {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  padding: 0.4em 1em;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a:hover {&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  border-color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));&lt;br /&gt;
  gap: 1em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  padding: 0.8em 1em;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .main-hero { flex-direction: column; }&lt;br /&gt;
  .main-intro { grid-template-columns: 1fr; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* DREAMers team layout */&lt;br /&gt;
.dreamer-section { &lt;br /&gt;
  margin: 22px 0 30px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__head {&lt;br /&gt;
  margin: 4px 0 14px;&lt;br /&gt;
  border-left: 4px solid rgb(92,76,228);&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__title {&lt;br /&gt;
  font-size: 1.25em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle:empty { &lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, 260px);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid &amp;gt; p {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card {&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 250px;       &lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap pre {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: none;&lt;br /&gt;
  background: none;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap a {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;    &lt;br /&gt;
  object-fit: cover;   &lt;br /&gt;
  object-position: center top; &lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__body {&lt;br /&gt;
  padding: 10px 14px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__name {&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__role {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta {&lt;br /&gt;
  color: #72777d;&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap figure,&lt;br /&gt;
.dreamer-card__imgwrap .thumb,&lt;br /&gt;
.dreamer-card__imgwrap .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap .thumbcaption,&lt;br /&gt;
.dreamer-card__imgwrap .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta:empty { display: none; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Event detail page ── */&lt;br /&gt;
.event-detail { margin-top: 8px; }&lt;br /&gt;
&lt;br /&gt;
.event-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  padding-bottom: 0px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.event-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event image gallery ── */&lt;br /&gt;
.event-gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery &amp;gt; p { display: none; }&lt;br /&gt;
.event-gallery__item {&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(92,76,228,0.08);&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery__item a,&lt;br /&gt;
.event-gallery__item span,&lt;br /&gt;
.event-gallery__item .thumb,&lt;br /&gt;
.event-gallery__item .thumbinner {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: none !important;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item img {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 260px;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item .thumbcaption,&lt;br /&gt;
.event-gallery__item .magnify { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Strip thumb borders inside event gallery */&lt;br /&gt;
.event-gallery .thumb {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbimage {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbcaption,&lt;br /&gt;
.event-gallery .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event Card ── */&lt;br /&gt;
.event-card {&lt;br /&gt;
  border: 1px solid #dde;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f9f9fc;&lt;br /&gt;
  width: 300px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 160px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #eef;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Strip MediaWiki thumb wrapper inside event cards */&lt;br /&gt;
.event-card-image figure,&lt;br /&gt;
.event-card-image figure.mw-default-size,&lt;br /&gt;
.event-card-image .thumb,&lt;br /&gt;
.event-card-image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image .thumbcaption,&lt;br /&gt;
.event-card-image .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  object-fit: cover !important;&lt;br /&gt;
  object-position: center !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder {&lt;br /&gt;
  background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 50%;&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translate(-50%, -50%);&lt;br /&gt;
  width: 2.5em;&lt;br /&gt;
  height: 2.5em;&lt;br /&gt;
  opacity: 0.35;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;none&#039; stroke=&#039;%23334&#039; stroke-width=&#039;1.8&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039;%3E%3Crect x=&#039;3&#039; y=&#039;4&#039; width=&#039;18&#039; height=&#039;18&#039; rx=&#039;2&#039;/%3E%3Cline x1=&#039;16&#039; y1=&#039;2&#039; x2=&#039;16&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;8&#039; y1=&#039;2&#039; x2=&#039;8&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;3&#039; y1=&#039;10&#039; x2=&#039;21&#039; y2=&#039;10&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-body {&lt;br /&gt;
  padding: 1em 1.2em;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 0.4em;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-tag {&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  background: #4a5dcc;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  padding: 0.15em 0.55em;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  align-self: flex-start;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-title {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  font-size: 1em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-location {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-desc {&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-readmore {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  margin-top: 0.4em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Publication detail page ── */&lt;br /&gt;
.publication-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.publication-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__section { margin-top: 24px; }&lt;br /&gt;
.publication-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
.publication-authors {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
.publication-author {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  padding: 5px 12px;&lt;br /&gt;
  font-size: 0.92em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Labs overview grid ── */&lt;br /&gt;
.living-labs-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 180px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image figure,&lt;br /&gt;
.living-lab-card__image .thumb,&lt;br /&gt;
.living-lab-card__image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image .thumbcaption,&lt;br /&gt;
.living-lab-card__image .magnify { display: none !important; }&lt;br /&gt;
.living-lab-card__body {&lt;br /&gt;
  padding: 14px 16px 16px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name {&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name a { color: #5c4ce4 !important; text-decoration: none !important; }&lt;br /&gt;
.living-lab-card__name a:hover { text-decoration: underline !important; }&lt;br /&gt;
.living-lab-card__desc {&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Lab detail page ── */&lt;br /&gt;
.living-lab-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.living-lab-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__section { margin-bottom: 28px; }&lt;br /&gt;
.living-lab-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 8px;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  padding-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__text {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  max-width: 820px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__map { max-width: 820px; }&lt;br /&gt;
.living-lab-detail__map .maps-map { width: 100% !important; }&lt;br /&gt;
&lt;br /&gt;
/* headline image */&lt;br /&gt;
.living-lab-detail__hero { margin: 0 0 6px; }&lt;br /&gt;
.living-lab-detail__hero img { &lt;br /&gt;
  height: auto; &lt;br /&gt;
  display: block; &lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-caption { &lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666; &lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-credit { color: #888; }&lt;br /&gt;
.living-lab-detail__hero-caption {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__lead { &lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  margin: 0 0 20px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* interventions list */&lt;br /&gt;
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }&lt;br /&gt;
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }&lt;br /&gt;
.living-lab-detail__interventions li b,&lt;br /&gt;
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }&lt;br /&gt;
.living-lab-detail__interventions li i { color: #666; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__gallery { display: flex; flex-wrap: wrap; gap: 12px; }&lt;br /&gt;
.living-lab-detail__figure img { border-radius: 6px; display: block; }&lt;br /&gt;
.living-lab-detail__figure { flex: 0 1 auto; }&lt;br /&gt;
.living-lab-detail__figure img { border-radius: 6px; display: block; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__quote { &lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding: 4px 0 4px 16px; &lt;br /&gt;
  margin: 24px 0; font-size: 1.12em; &lt;br /&gt;
  line-height: 1.6; color: #333; &lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__quote cite {&lt;br /&gt;
  display: block; &lt;br /&gt;
  font-style: normal;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  justify-content: start;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure img {&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure-caption {&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living Lab resource cards (accessibility tool + survey) --- */&lt;br /&gt;
.dreams-resource-cards {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
  margin-top: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  padding: 1rem 1.1rem 1.1rem;&lt;br /&gt;
  transition: border-color .15s ease, box-shadow .15s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card:hover {&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(92, 76, 228, 0.12);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin: 0 0 .35rem;&lt;br /&gt;
  min-height: 1.6em;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: left center;&lt;br /&gt;
  background-size: 1.6em 1.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title,&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  padding-left: 2.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.7%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.4%27%20fill%3D%27%235c4ce4%27%20stroke%3D%27none%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%276.2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%20stroke-opacity%3D%270.5%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2712%2C2%2021.5%2C9%2017.8%2C20.5%206.2%2C20.5%202.5%2C9%27%2F%3E%3Cpolygon%20points%3D%2712%2C7%2016.6%2C10.4%2014.9%2C16%209.1%2C16%207.4%2C10.4%27%20fill%3D%27%235c4ce4%27%20fill-opacity%3D%270.22%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2712%27%20y2%3D%272%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2721.5%27%20y2%3D%279%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2717.8%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%276.2%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%272.5%27%20y2%3D%279%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__text {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a,&lt;br /&gt;
.dreams-resource-card__action a.external {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--dreams-primary) !important;&lt;br /&gt;
  color: var(--dreams-text-on) !important;&lt;br /&gt;
  padding: .45em 1.05em !important;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a:hover,&lt;br /&gt;
.dreams-resource-card__action a.external:hover { background: var(--dreams-dark) !important; }&lt;br /&gt;
&lt;br /&gt;
.dreams-btn {&lt;br /&gt;
  line-height: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-btn a,&lt;br /&gt;
.dreams-btn a.external.text {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background-color: var(--dreams-primary) !important;&lt;br /&gt;
  border: 1px solid var(--dreams-primary) !important;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: .375rem .75rem !important;&lt;br /&gt;
  border-radius: .375rem;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  line-hight: normal;&lt;br /&gt;
}&lt;br /&gt;
.dreams-btn a:hover,&lt;br /&gt;
.dreams-btn a.external.text:hover {&lt;br /&gt;
  background-color: var(--dreams-dark) !important;&lt;br /&gt;
  border-color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP overview  ── */&lt;br /&gt;
.sump-journey {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 1rem;&lt;br /&gt;
  margin: 1.75rem 0;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 720px) {&lt;br /&gt;
  .sump-journey { grid-template-columns: 1fr 1fr; }&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase {&lt;br /&gt;
  border: 1px solid var(--dreams-border, #e0e0e0);&lt;br /&gt;
  border-top: 4px solid var(--sump-accent, #5c4ce4);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  padding: 1rem 1.15rem 1.2rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }&lt;br /&gt;
.sump-journey__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  margin: 0 0 .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__head h3 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  font-size: 1.1rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__num {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 1.9rem;&lt;br /&gt;
  height: 1.9rem;&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: .95rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__desc {&lt;br /&gt;
  margin: 0 0 .85rem;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__steps {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step-num {&lt;br /&gt;
  flex: 0 0 1.5rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }&lt;br /&gt;
.sump-journey-cycle {&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: #777;&lt;br /&gt;
  margin: .25rem 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Brand tokens --- */&lt;br /&gt;
:root {&lt;br /&gt;
  --dreams-primary: #5c4ce4;&lt;br /&gt;
  --dreams-tint:    #f3f1ff;&lt;br /&gt;
  --dreams-border:  #cac4f8;&lt;br /&gt;
  --dreams-dark:    #3d30c4;&lt;br /&gt;
  --dreams-text-on: #ffffff;&lt;br /&gt;
  --dreams-small:   0.85em;&lt;br /&gt;
  --sump-tint: #f3f1ff; &lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Page wrapper --- */&lt;br /&gt;
.sump-step {&lt;br /&gt;
  max-width: 60rem;&lt;br /&gt;
  --sump-accent: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Phase / step header bar --- */&lt;br /&gt;
.sump-step__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
  gap: .4rem;&lt;br /&gt;
  padding: .75rem 0 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-tag {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .05em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  padding: .2rem .7rem;&lt;br /&gt;
  border-radius: 1rem;&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__counter {&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #888;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Section headings --- */&lt;br /&gt;
.sump-step h2 {&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .75rem;&lt;br /&gt;
  margin-top: 3rem;&lt;br /&gt;
  margin-bottom: 1.5rem;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Intro text block --- */&lt;br /&gt;
.sump-intro {&lt;br /&gt;
  line-height: 1.75;&lt;br /&gt;
  padding-bottom: 1.5rem;&lt;br /&gt;
  border-bottom: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
  margin-bottom: 1.75rem;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
.sump-intro &amp;gt; p:first-child { margin-top: 0; }&lt;br /&gt;
.sump-intro &amp;gt; p:last-child  { margin-bottom: 0; }&lt;br /&gt;
 &lt;br /&gt;
/* --- Four-body card grid --- */&lt;br /&gt;
.sump-bodies-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  margin: 1.25rem 0 1.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
  border: 1px solid #e8e8e8;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--steer,&lt;br /&gt;
.sump-body-card--team,&lt;br /&gt;
.sump-body-card--thematic,&lt;br /&gt;
.sump-body-card--network {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card--steer::after,&lt;br /&gt;
.sump-body-card--team::after,&lt;br /&gt;
.sump-body-card--thematic::after,&lt;br /&gt;
.sump-body-card--network::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 4rem;&lt;br /&gt;
  height: 1rem;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center bottom;&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid.sump-bodies-grid--fig {&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card { padding: 1.1rem 1.1rem 1.2rem; }&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card__desc { margin-bottom: 0; }&lt;br /&gt;
.sump-body-card__fig {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  margin: .2rem 0 .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 120px;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig-4 { grid-template-columns: repeat(4, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig-4 .sump-body-card__fig img { width: 96px; }&lt;br /&gt;
.sump-body-card--steer::after { &lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;32.1 74.9 288.2 288.2&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,0,-499.588)&#039;%3E%3Cg id=&#039;Steering-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,-168.655,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,458.877,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,595.954,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,860.643,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,479.111,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,880.876,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,616.188,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,745.596,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,765.83,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;175.626&#039; cy=&#039;794.478&#039; r=&#039;44.165&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.58909,0,0,2.29942,330.035,-873.136)&#039;%3E%3Cpath d=&#039;M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z&#039; style=&#039;fill:white;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--team::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;28.3 75.1 286.3 286.3&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-456,-499.588)&#039;%3E%3Cg id=&#039;Project-Team&#039; transform=&#039;matrix(0.439206,0,0,0.512758,287.345,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,448.131,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,585.208,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,849.897,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,468.365,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,870.13,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,605.442,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,734.85,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,755.083,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1,0,0,1,-143.845,387.633)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;234.911&#039; cy=&#039;592.552&#039; r=&#039;26.261&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,389.099,-594.315)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--thematic::after {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;27.8 74.3 295.1 295.1&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-884.466,-499.588)&#039;%3E%3Cg id=&#039;Thematic-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,715.811,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,456.983,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,594.06,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,858.749,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,477.217,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,878.983,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,614.294,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,743.702,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,763.936,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)&#039;%3E%3Cpath d=&#039;M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:9.13px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.82293,0,0,1.56144,-1147.13,-290.898)&#039;%3E%3Cpath d=&#039;M1036.63,780.407L1085.35,780.407&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:20.82px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--network::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.7 55.7 310.5 310.5&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1275.81,-499.588)&#039;%3E%3Cg id=&#039;External-Network&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1107.16,304.74)&#039;%3E%3Cg transform=&#039;matrix(1.41038,0,0,1.20807,-1240,-95.8635)&#039;%3E%3Ccircle cx=&#039;1435.57&#039; cy=&#039;733.314&#039; r=&#039;90.265&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:26.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Callout --- */&lt;br /&gt;
.dreams-callout {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout p {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label img {&lt;br /&gt;
  height: 40px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Outskirts challenge box --- */&lt;br /&gt;
.sump-outskirts-box {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__head {&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  padding: .6rem 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .02em;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__body {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1.1rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Setup sequence --- */&lt;br /&gt;
.sump-sequence-wrap {&lt;br /&gt;
  margin: 1rem 0 1.5rem;&lt;br /&gt;
  counter-reset: seq;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item {&lt;br /&gt;
  counter-increment: seq;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  grid-template-rows: auto auto;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item::before {&lt;br /&gt;
  content: counter(seq);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  margin-top: 3px;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-desc {&lt;br /&gt;
  color: #333;&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 28px 10rem 1fr;&lt;br /&gt;
    grid-template-rows: auto;&lt;br /&gt;
    align-items: baseline;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-item::before {&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-label {&lt;br /&gt;
    grid-column: 2;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-desc {&lt;br /&gt;
    grid-column: 3;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
    font-size: inherit;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Handoff block --- */&lt;br /&gt;
.dreams-handoff {&lt;br /&gt;
  border-top: 1.5px solid var(--dreams-border);&lt;br /&gt;
  padding: 1rem 0 0;&lt;br /&gt;
  margin: 2rem 0 0;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .5rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__label::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 1.8em;&lt;br /&gt;
  height: 1.5em;&lt;br /&gt;
  margin-right: .5em;&lt;br /&gt;
  vertical-align: -0.4em;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive {&lt;br /&gt;
  background: none;&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: -1.25rem;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  bottom: 0;&lt;br /&gt;
  width: 12px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;16&#039; height=&#039;24&#039; viewBox=&#039;0 0 16 24&#039;%3E%3Cpath d=&#039;M8 0 Q14 6 8 12 Q2 18 8 24&#039; stroke=&#039;%235c4ce4&#039; stroke-width=&#039;2&#039; fill=&#039;none&#039; stroke-linecap=&#039;round&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  background-size: 12px 24px;&lt;br /&gt;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
          mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
  opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff__items {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .6rem;&lt;br /&gt;
  margin-top: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .75rem .9rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title a,&lt;br /&gt;
.dreams-handoff__item-title a.external {&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-source {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-top: .3rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Sources footer --- */&lt;br /&gt;
.sump-sources {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  padding-top: .85rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #4a4a4a;&lt;br /&gt;
  margin-bottom: .55rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item {&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  text-indent: -1rem;&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__ref {&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Prev / next navigation bar --- */&lt;br /&gt;
.sump-step__nav {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--top {&lt;br /&gt;
  margin: .5rem 0 1.75rem;&lt;br /&gt;
  padding-bottom: 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--bottom {&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  padding-top: 1rem;&lt;br /&gt;
  border-top: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav a { color: var(--dreams-primary); }&lt;br /&gt;
.sump-step__nav a:hover {&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333 !important;&lt;br /&gt;
  border: 1px solid #ccc;&lt;br /&gt;
  padding: .2rem .75rem;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a:hover { background: var(--dreams-tint); }&lt;br /&gt;
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }&lt;br /&gt;
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }&lt;br /&gt;
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }&lt;br /&gt;
/* overview slides into the gap: left on step 1, right on step 12 */&lt;br /&gt;
.sump-step__nav--first .sump-step__nav-prev { display: none; }&lt;br /&gt;
.sump-step__nav--last  .sump-step__nav-next { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP phase row ── */&lt;br /&gt;
.sump-phases {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));&lt;br /&gt;
  gap: 1.5rem;&lt;br /&gt;
  margin: 1.5rem 0 1.75rem;&lt;br /&gt;
  counter-reset: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  counter-increment: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item::before {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 2.2rem;&lt;br /&gt;
  height: 2.2rem;&lt;br /&gt;
  margin-bottom: 0.6rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::before,&lt;br /&gt;
.sump-phases__item--realize::before,&lt;br /&gt;
.sump-phases__item--eval::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  background-color: var(--dreams-tint);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
  background-size: 62%;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::after,&lt;br /&gt;
.sump-phases__item--realize::after,&lt;br /&gt;
.sump-phases__item--eval::after,&lt;br /&gt;
.sump-phases__item--fig::after {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.5rem;&lt;br /&gt;
  left: -0.5rem;&lt;br /&gt;
  width: 1.6rem;&lt;br /&gt;
  height: 1.6rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: 0.82rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-phases__item--fig::before { display: none; }&lt;br /&gt;
.sump-phases__fig {&lt;br /&gt;
  width: 5.2rem;&lt;br /&gt;
  height: 5.2rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig figure,&lt;br /&gt;
.sump-phases__fig span,&lt;br /&gt;
.sump-phases__fig a { display: block; width: 3.75rem; min-width: 0; margin: 0; }&lt;br /&gt;
.sump-phases__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 4.75rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig span img,&lt;br /&gt;
.sump-phases__fig a img { width: 100%; }&lt;br /&gt;
&lt;br /&gt;
/* per-phase glyphs */&lt;br /&gt;
.sump-phases__item--prep::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1854.82,-975.755)&#039;%3E%3Cg id=&#039;Preparation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1686.17,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.03662,0,0,1.01229,-3254.54,-198.641)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.35128,0,0,2.014,-4050.65,-1566.23)&#039;%3E%3Cpath d=&#039;M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.14px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--realize::before { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2283.29,-975.755)&#039;%3E%3Cg id=&#039;Realisation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2114.63,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.06694,-3472.54,-265.777)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)&#039;%3E%3Cpath d=&#039;M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:10.4px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--eval::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;38.5 55.7 301.9 301.9&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2674.63,-975.755)&#039;%3E%3Cg id=&#039;Evaluation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2505.98,780.907)&#039;%3E%3Cg transform=&#039;matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)&#039;%3E%3Cpath d=&#039;M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)&#039;%3E%3Cpath d=&#039;M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)&#039;%3E%3Cpath d=&#039;M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }&lt;br /&gt;
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* A. figure tiles */&lt;br /&gt;
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }&lt;br /&gt;
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }&lt;br /&gt;
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }&lt;br /&gt;
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }&lt;br /&gt;
&lt;br /&gt;
/* B. two-pane contrast */&lt;br /&gt;
.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }&lt;br /&gt;
.sump-versus__pane { display: flex; flex-direction: column; border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }&lt;br /&gt;
.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }&lt;br /&gt;
.sump-versus__head { font-weight:700; margin-bottom:.35rem; }&lt;br /&gt;
@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }&lt;br /&gt;
&lt;br /&gt;
.sump-versus__fig { margin-top: auto;  padding-top: 1em; margin-bottom:.6rem; }&lt;br /&gt;
.sump-versus__fig img { display:block; width:100%; height:auto; }&lt;br /&gt;
.sump-versus__fig--small {&lt;br /&gt;
  max-width: 60%;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-versus__fig--small img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* optional inline continuity marker */&lt;br /&gt;
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }&lt;br /&gt;
&lt;br /&gt;
.sump-roles dt {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.9em;&lt;br /&gt;
  margin: 1.4em 0 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt:first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt img {&lt;br /&gt;
  flex: 0 0 64px;&lt;br /&gt;
  width: 64px !important;&lt;br /&gt;
  height: 56px !important;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dd {&lt;br /&gt;
  margin: 0 0 0 calc(64px + 0.9em);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-lead-fig {&lt;br /&gt;
  float: right;&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  margin: 0 0 1em 2em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-fig img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Column layout: text and figure side by side, no wrapping */&lt;br /&gt;
.sump-lead {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-text {&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
  float: none;&lt;br /&gt;
  flex: 0 0 260px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 720px) {&lt;br /&gt;
  .sump-lead { flex-direction: column-reverse; }&lt;br /&gt;
  .sump-lead &amp;gt; .sump-lead-fig {&lt;br /&gt;
    flex-basis: auto;&lt;br /&gt;
    width: 160px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-checklist {&lt;br /&gt;
  clear: both;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
  .sump-lead-fig {&lt;br /&gt;
    float: none;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    margin: 0 auto 1em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living-lab example box --- */&lt;br /&gt;
.dreams-lab {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .85rem 1.1rem 1rem;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-lab__tag {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  padding-bottom: .5rem;&lt;br /&gt;
  margin-bottom: .6rem;&lt;br /&gt;
  border-bottom: 1px solid var(--dreams-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-impact-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	grid-template-columns: 1fr;&lt;br /&gt;
	gap: 14px;&lt;br /&gt;
	margin: 1em 0 1.5em;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-card {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	padding: 1rem 1.1rem;&lt;br /&gt;
	background: #ffffff;&lt;br /&gt;
	border: 1px solid #e7e4f7;&lt;br /&gt;
	border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-head {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-icon {&lt;br /&gt;
	flex: none;&lt;br /&gt;
	width: 38px;&lt;br /&gt;
	height: 38px;&lt;br /&gt;
	border-radius: 10px;&lt;br /&gt;
	background-color: #f3f1ff;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	background-size: 24px 24px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-name {&lt;br /&gt;
	font-size: 1.05em;&lt;br /&gt;
	font-weight: 600;&lt;br /&gt;
	color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body {&lt;br /&gt;
	font-size: 0.95em;&lt;br /&gt;
	line-height: 1.6;&lt;br /&gt;
	color: #333333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body p { margin: 0; }&lt;br /&gt;
.dreams-impact-icon--accessibility { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200&#039;%20/%3E%3Cpath%20d=&#039;M7%2021l3%20-4&#039;%20/%3E%3Cpath%20d=&#039;M16%2021l-2%20-4l-3%20-3l1%20-6&#039;%20/%3E%3Cpath%20d=&#039;M6%2012l2%20-3l4%20-1l3%203l3%201&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--carbon { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M5%2021c.5%20-4.5%202.5%20-8%207%20-10&#039;%20/%3E%3Cpath%20d=&#039;M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--liveability { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%2013l-2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2012l2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2021v-13&#039;%20/%3E%3Cpath%20d=&#039;M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--health { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2012h4l3%208l4%20-16l3%208h4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--economic { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2021l18%200&#039;%20/%3E%3Cpath%20d=&#039;M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204&#039;%20/%3E%3Cpath%20d=&#039;M5%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M19%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--equity { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M7%2020l10%200&#039;%20/%3E%3Cpath%20d=&#039;M6%206l6%20-1l6%201&#039;%20/%3E%3Cpath%20d=&#039;M12%203l0%2017&#039;%20/%3E%3Cpath%20d=&#039;M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3Cpath%20d=&#039;M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--governance { background-image: url(&amp;quot;/wiki/Special:FilePath/DREAMS-impact-governance.svg&amp;quot;); }&lt;br /&gt;
&lt;br /&gt;
/* ── Partner logo bar (main page footer) ── */&lt;br /&gt;
.partner-logo-bar {&lt;br /&gt;
  margin: 2.5em 0 0;&lt;br /&gt;
  padding-top: 2em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__label {&lt;br /&gt;
  font-size: 0.72em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.09em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #8a8aaa;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
  width: calc(20% - 0.4em);&lt;br /&gt;
  min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
  padding: 6px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item img {&lt;br /&gt;
  max-height: 42px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item figure,&lt;br /&gt;
.partner-logo-bar__item .thumb,&lt;br /&gt;
.partner-logo-bar__item .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item .thumbcaption,&lt;br /&gt;
.partner-logo-bar__item .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--narrow img { max-width: 75px; }&lt;br /&gt;
.partner-logo-bar__item--boost img  { min-height: 58px; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a:hover {&lt;br /&gt;
  text-decoration: underline !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer {&lt;br /&gt;
  margin-top: 0.5em;&lt;br /&gt;
  padding-top: 1em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.75em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer img {&lt;br /&gt;
  max-height: 40px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer figure,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumb,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbcaption,&lt;br /&gt;
.partner-logo-bar__disclaimer .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .partner-logo-bar__row {&lt;br /&gt;
    grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
  .partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
    width: calc(33% - 0.4em);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-prereq {&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  padding: 1.1rem 1.3rem 1.2rem;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }&lt;br /&gt;
.sump-prereq__list { display: grid; gap: .65rem; }&lt;br /&gt;
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }&lt;br /&gt;
.sump-prereq__box {&lt;br /&gt;
  width: 1.2rem; height: 1.2rem; margin-top: .12rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary); border-radius: 4px;&lt;br /&gt;
  background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__text { line-height: 1.45; }&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__box {&lt;br /&gt;
  background-color: var(--dreams-primary);&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039;%3E%3Cpath fill=&#039;none&#039; stroke=&#039;%23ffffff&#039; stroke-width=&#039;3.5&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039; d=&#039;M5 12.5l4.5 4.5L19 7&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }&lt;br /&gt;
.sump-prereq--outcome {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq--outcome .sump-prereq__title {&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl { margin: 1.25rem 0; }&lt;br /&gt;
.sump-step dl dt {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  margin-top: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl dt:first-child { margin-top: 0; }&lt;br /&gt;
.sump-step dl dd {&lt;br /&gt;
  margin: .2rem 0 0 1.2rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Tool tutorial --- */&lt;br /&gt;
.dreams-tutorial { counter-reset: tut; margin: 1rem 0 2rem; }&lt;br /&gt;
.dreams-tutorial__step {&lt;br /&gt;
  counter-increment: tut;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  padding: 1.25rem 0;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__step:first-child { border-top: none; padding-top: 0; }&lt;br /&gt;
.dreams-tutorial__step::before {&lt;br /&gt;
  content: counter(tut);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__title { grid-column: 2; font-weight: 700; color: var(--dreams-primary); line-height: 24px; }&lt;br /&gt;
.dreams-tutorial__body  { grid-column: 2; line-height: 1.7; margin-top: .35rem; }&lt;br /&gt;
.dreams-tutorial__shot  { grid-column: 2; margin-top: .85rem; }&lt;br /&gt;
.dreams-tutorial__shot p { margin: 0; }&lt;br /&gt;
.dreams-tutorial img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial .sump-versus { grid-column: 2; margin: .85rem 0 0; }&lt;br /&gt;
.dreams-tutorial .sump-versus__pane { padding: .6rem; }&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .dreams-tutorial__step { grid-template-columns: 1fr; }&lt;br /&gt;
  .dreams-tutorial__step::before { margin-bottom: .4rem; }&lt;br /&gt;
  .dreams-tutorial__title, .dreams-tutorial__body,&lt;br /&gt;
  .dreams-tutorial__shot, .dreams-tutorial .sump-versus { grid-column: 1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-legend {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  max-width: 26rem;&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__scale {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  height: 12px;&lt;br /&gt;
  margin-bottom: .3rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band--1::before { background: #440154; border-radius: 3px 0 0 3px; }&lt;br /&gt;
.dreams-legend__band--2::before { background: #3b528b; }&lt;br /&gt;
.dreams-legend__band--3::before { background: #21918c; }&lt;br /&gt;
.dreams-legend__band--4::before { background: #5ec962; }&lt;br /&gt;
.dreams-legend__band--5::before { background: #fde725; border-radius: 0 3px 3px 0; }&lt;br /&gt;
.dreams-legend__ends {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  margin-top: .15rem;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 560px) { .dreams-legend { grid-column: 1; } }&lt;br /&gt;
&lt;br /&gt;
/* ── Tools overview cards ── */&lt;br /&gt;
.dreams-tools-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));&lt;br /&gt;
  gap: 22px;&lt;br /&gt;
  margin: 1.4em 0 1em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover,&lt;br /&gt;
.dreams-tool-card:focus-within {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 12px 28px rgba(92,76,228,0.16);&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  padding: 18px 20px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__icon img { display: block; width: 60px; height: 60px; }&lt;br /&gt;
.dreams-tool-card__kind {&lt;br /&gt;
  font-size: .75em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .25em .8em;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__body {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  padding: 16px 20px 18px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__title { font-size: 1.3em; font-weight: 700; line-height: 1.25; }&lt;br /&gt;
.dreams-tool-card__title a { color: var(--dreams-primary) !important; text-decoration: none !important; }&lt;br /&gt;
/* stretched link: the title link covers the whole card */&lt;br /&gt;
.dreams-tool-card__title a::after { content: &amp;quot;&amp;quot;; position: absolute; inset: 0; z-index: 1; }&lt;br /&gt;
.dreams-tool-card__title a:focus { outline: none; }&lt;br /&gt;
.dreams-tool-card__question {&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .7em;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__text { font-size: .95em; line-height: 1.6; color: #444; flex: 1; }&lt;br /&gt;
.dreams-tool-card__steps {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
  font-size: .8em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps-label { color: #777; font-weight: 600; margin-right: 2px; }&lt;br /&gt;
.dreams-tool-card__steps a,&lt;br /&gt;
.dreams-tool-card__launch a {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .15em .7em;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a:hover { border-color: var(--dreams-primary); }&lt;br /&gt;
.dreams-tool-card__foot {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
  margin-top: 4px;&lt;br /&gt;
  padding-top: 12px;&lt;br /&gt;
  border-top: 1px solid #eeeafd;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__cta { font-weight: 700; color: var(--dreams-primary); font-size: .95em; }&lt;br /&gt;
.dreams-tool-card__cta::after { &lt;br /&gt;
  content: &amp;quot;\2192&amp;quot;;          &lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  margin-left: .35em;       &lt;br /&gt;
  transition: transform .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover .dreams-tool-card__cta::after { transform: translateX(4px); }&lt;br /&gt;
.dreams-tool-card__launch { font-size: .85em; }&lt;br /&gt;
.dreams-tool-card__launch a,&lt;br /&gt;
.dreams-tool-card__launch a.external { color: var(--dreams-dark) !important; background: none !important; padding-right: 0 !important; }&lt;br /&gt;
&lt;br /&gt;
/* --- link row --- */&lt;br /&gt;
.dreams-linkrow {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  margin: .75rem 0 1.5rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow &amp;gt; p { display: contents; }&lt;br /&gt;
.dreams-linkrow a {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .4em;&lt;br /&gt;
  padding: .3rem .75rem;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  transition: background .15s, border-color .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a::after {&lt;br /&gt;
  content: &amp;quot;→&amp;quot;;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  transition: transform .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover::after { transform: translateX(2px); }&lt;br /&gt;
.dreams-linkrow__meta {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:Broadcast.svg&amp;diff=2227</id>
		<title>File:Broadcast.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:Broadcast.svg&amp;diff=2227"/>
		<updated>2026-10-19T10:42:49Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Monitor_adapt_and_communicate&amp;diff=2224</id>
		<title>Monitor adapt and communicate</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Monitor_adapt_and_communicate&amp;diff=2224"/>
		<updated>2026-10-19T10:15:30Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=11|phase=4|title=Monitor, adapt and communicate}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
The measures are running, and this step turns them into a loop. It asks whether the improvement is arriving, what to change where it is not, and how to tell people either way. Monitoring is the routine tracking of the indicators fixed earlier, evaluation is the harder question of why the readings look the way they do, and communication is what keeps the support that the next round of the plan will need. What DREAMS adds here matters most in the outskirts. Because the baseline was measured for named groups using their own thresholds, the same measurement can simply be run again, which turns the plan&#039;s central question into something answerable rather than assertable.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The dated before-readings for each indicator, with the method and the population group they were measured for recorded beside them, since a later reading is only comparable if it repeats both.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The delivery record from [[Manage implementation|implementation]], showing what was actually built and when each measure started running.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A first review already in the calendar with the body that will receive it named because a monitoring report with no audience gets written late or not at all.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Ask the same question again ==&lt;br /&gt;
&lt;br /&gt;
The diagnosis did more than map the area. It measured the neighbourhood twice, once against a textbook standard and once with the amenities a named group weights most and the walking times they said they accept. Geretsried in the Munich lab shows what that leaves you holding.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figures&amp;quot; style=&amp;quot;--sump-accent: var(--dreams-primary);&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;64 in 100&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;everyday amenities are within a 15-minute walk in Geretsried on the textbook standard. This is the figure a normative map reports.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;36 in 100&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;is the same neighbourhood measured for its older residents. This is the figure a plan written for them has to move.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;3 in 10&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;of those older residents reach a grocery in the time they say they need. Groceries, pharmacies, bakeries and general practitioners are what hold their score down.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Those figures come from [[Publications/7|Deliverable 3.1]], and the useful thing about them is that they are reproducible. Run [[MinuteMap]] again on the configuration that now exists, holding the preference set, the amenity list and the time thresholds exactly as they were, and the difference between the two runs is the answer to the question the plan was written to settle. Not whether the area improved on average, but whether it improved for the group whose access was worst.&lt;br /&gt;
&lt;br /&gt;
Two disciplines make that comparison worth anything. Hold the method fixed and let only the world change, which means recording the model version, the data sources and the date of every run because an amenity list rebuilt from newer data will move the score on its own. And read the amenity-level figures rather than only the headline. A single composite number is slow and blunt, while the components underneath it are where a new grocery or a new bus stop actually registers.&lt;br /&gt;
&lt;br /&gt;
One honest limit. A model re-run tells you whether something is reachable, not whether anyone goes. The survey side of the diagnosis is what answers the second question, and the two belong in the same report.&lt;br /&gt;
&lt;br /&gt;
== Outputs move first, outcomes move later ==&lt;br /&gt;
&lt;br /&gt;
DREAMS sorts every indicator into one of two kinds. An output indicator describes the intervention itself, meaning the thing exists and is being used. An outcome indicator describes the change the project was for. The distinction sounds academic until you watch the two behave differently in time ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/1|Living lab Vienna, Liesing]]&amp;lt;/div&amp;gt;&lt;br /&gt;
The flexible activity hub set up in Liesing was judged on both kinds at once. Its output targets were countable and immediate, meaning two events or offers a week, at least ten visitors on a day with activity, a hundred visitors at a film or theatre evening, and three local organisations drawn into preparing the programme. Its outcome targets were the actual ambition, meaning a fifth off the travel time residents need to reach cultural offers, four in five visitors arriving on foot or by bike, and a corresponding fall in the carbon of those trips. The bike-sharing station beside it was set up the same way, with weekly pick-ups as the output and satisfaction and carbon as the outcomes.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Outputs arrive within weeks and outcomes often arrive after the pilot money has run out, so a report that carries only one of them will mislead in a predictable direction. Early reporting that leans on outputs sounds like success. Later reporting that leans on outcomes sounds like failure. Carry both from the first review, label which is which, and resist the substitution that comes naturally under pressure, where a healthy usage figure is offered as evidence that access improved. Strong outputs beside flat outcomes usually mean the service has been discovered by people who were already reasonably well served, which is worth knowing early and is fixable.&lt;br /&gt;
&lt;br /&gt;
== Measure while it is running ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:MeasureWhileRunning.svg|frameless|link=|alt=|400px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
DREAMS collects at three moments, before the intervention, during it and after it. The middle one is the one cities most often skip and the one this step depends on, because a design that only compares a before with an after tells you nothing until the money is spent and the decision is behind you ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
The readings taken during the run are usually cheap, being operator data that already arrives, manual counts on days when something is open, and short feedback forms handed out while people are there.&lt;br /&gt;
&lt;br /&gt;
When a reading disappoints, ask three questions before touching the measure. Was it delivered as designed, which the delivery record from [[Manage implementation|the previous step]] should answer in a line. Is the indicator sensitive enough to have registered a change of the size this measure could plausibly produce, which is the test [[Set targets and indicators|applied when the indicator was chosen]] and worth applying again now. And is the measure reaching the group it was written for, which requires breaking the reading down rather than reading the area average. Only after those three does adaptation become a decision rather than a reflex. Then choose plainly between adjusting the measure, extending it to gather more evidence and stopping it, and record which you chose and why, because the reasoning is what the next cycle inherits.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;A short window is a reading, not a verdict&amp;lt;/div&amp;gt;&lt;br /&gt;
Measurement periods in the outskirts get shortened, moved and pushed into the wrong season, usually because something upstream slipped. When that happens the numbers are still worth having, but they no longer support the comparison they were designed for. Say so in the report, in the same paragraph as the figure rather than in a footnote, and state what the shortened window can and cannot show. A qualified result that is trusted is worth more than a clean one that quietly is not.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Say what you found, including when nothing moved ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:Broadcast.svg|frameless|link=|alt=|600px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
Communication is the third part of this step and the one most easily postponed. Four audiences have a claim on the results. The councils that each adopted their own part of the plan need to see their own commitments tracked, in the form they voted on. The coalition needs enough detail to keep making decisions together. The operator needs the usage picture early enough to act on it. And residents, who were told a service was coming, need to hear how it went, including from an area where a previous promise was not kept.&lt;br /&gt;
&lt;br /&gt;
Publish the results that did not move. An outskirt that only ever hears about successes learns that the reporting is promotional, and the next plan starts from a worse position than this one did. A negative result that is explained, with the three questions above answered honestly, is also the most transferable thing a living lab produces, and it is the raw material [[Review and learn lessons|the last step]] works with.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://bsr-sump.eu/training/m2-monitoring-and-evaluation/ Module 2 on monitoring and evaluation] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(Baltic Sea Region Competence Centre)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Sets out how to assemble a local framework, choose indicators that align with European practice, and settle who collects and archives what, drawing on cities that have struggled with exactly the data-consistency problem. For building the monitoring system itself rather than reading its results.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://app.transformtransport.org/15minCS/europe-map.html 15-Minute City Score Europe map]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Scores walking access to essential services across hundreds of functional urban areas, so you can see how your re-measured area compares with other European neighbourhoods on a consistent method, with the [https://transformtransport.org/research/urban-mobility-metrics/15min-city-score-toolkit-urban-walkability-analytics/ toolkit behind it] available if you would rather run the metric yourself.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://changing-transport.org/wp-content/uploads/2013-evaluation_matters.pdf Evaluation Matters] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(CIVITAS practitioners&#039; guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Explains how to pair impact evaluation with process evaluation, so a disappointing reading can be traced either to the measure or to how it was delivered.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 11, Monitor, adapt and communicate.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the measurement framework, the three collection moments, the output and outcome classification, and the Vienna indicator set.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/7|DREAMS Deliverable 3.1]]&amp;lt;/span&amp;gt;: the Geretsried multi-amenity compliance figures by preference set.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[MinuteMap]]&amp;lt;/span&amp;gt;: used to re-measure a neighbourhood on the same basis as its baseline.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/11-Fortschritt/fortschritt.html Fortschritt messen]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=11}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Monitor_adapt_and_communicate&amp;diff=2223</id>
		<title>Monitor adapt and communicate</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Monitor_adapt_and_communicate&amp;diff=2223"/>
		<updated>2026-10-19T10:14:43Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=11|phase=4|title=Monitor, adapt and communicate}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
The measures are running, and this step turns them into a loop. It asks whether the improvement is arriving, what to change where it is not, and how to tell people either way. Monitoring is the routine tracking of the indicators fixed earlier, evaluation is the harder question of why the readings look the way they do, and communication is what keeps the support that the next round of the plan will need. What DREAMS adds here matters most in the outskirts. Because the baseline was measured for named groups using their own thresholds, the same measurement can simply be run again, which turns the plan&#039;s central question into something answerable rather than assertable.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The dated before-readings for each indicator, with the method and the population group they were measured for recorded beside them, since a later reading is only comparable if it repeats both.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The delivery record from [[Manage implementation|implementation]], showing what was actually built and when each measure started running.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A first review already in the calendar with the body that will receive it named because a monitoring report with no audience gets written late or not at all.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Ask the same question again ==&lt;br /&gt;
&lt;br /&gt;
The diagnosis did more than map the area. It measured the neighbourhood twice, once against a textbook standard and once with the amenities a named group weights most and the walking times they said they accept. Geretsried in the Munich lab shows what that leaves you holding.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figures&amp;quot; style=&amp;quot;--sump-accent: var(--dreams-primary);&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;64 in 100&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;everyday amenities are within a 15-minute walk in Geretsried on the textbook standard. This is the figure a normative map reports.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;36 in 100&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;is the same neighbourhood measured for its older residents. This is the figure a plan written for them has to move.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;3 in 10&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;of those older residents reach a grocery in the time they say they need. Groceries, pharmacies, bakeries and general practitioners are what hold their score down.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Those figures come from [[Publications/7|Deliverable 3.1]], and the useful thing about them is that they are reproducible. Run [[MinuteMap]] again on the configuration that now exists, holding the preference set, the amenity list and the time thresholds exactly as they were, and the difference between the two runs is the answer to the question the plan was written to settle. Not whether the area improved on average, but whether it improved for the group whose access was worst.&lt;br /&gt;
&lt;br /&gt;
Two disciplines make that comparison worth anything. Hold the method fixed and let only the world change, which means recording the model version, the data sources and the date of every run because an amenity list rebuilt from newer data will move the score on its own. And read the amenity-level figures rather than only the headline. A single composite number is slow and blunt, while the components underneath it are where a new grocery or a new bus stop actually registers.&lt;br /&gt;
&lt;br /&gt;
One honest limit. A model re-run tells you whether something is reachable, not whether anyone goes. The survey side of the diagnosis is what answers the second question, and the two belong in the same report.&lt;br /&gt;
&lt;br /&gt;
== Outputs move first, outcomes move later ==&lt;br /&gt;
&lt;br /&gt;
DREAMS sorts every indicator into one of two kinds. An output indicator describes the intervention itself, meaning the thing exists and is being used. An outcome indicator describes the change the project was for. The distinction sounds academic until you watch the two behave differently in time ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/1|Living lab Vienna, Liesing]]&amp;lt;/div&amp;gt;&lt;br /&gt;
The flexible activity hub set up in Liesing was judged on both kinds at once. Its output targets were countable and immediate, meaning two events or offers a week, at least ten visitors on a day with activity, a hundred visitors at a film or theatre evening, and three local organisations drawn into preparing the programme. Its outcome targets were the actual ambition, meaning a fifth off the travel time residents need to reach cultural offers, four in five visitors arriving on foot or by bike, and a corresponding fall in the carbon of those trips. The bike-sharing station beside it was set up the same way, with weekly pick-ups as the output and satisfaction and carbon as the outcomes.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Outputs arrive within weeks and outcomes often arrive after the pilot money has run out, so a report that carries only one of them will mislead in a predictable direction. Early reporting that leans on outputs sounds like success. Later reporting that leans on outcomes sounds like failure. Carry both from the first review, label which is which, and resist the substitution that comes naturally under pressure, where a healthy usage figure is offered as evidence that access improved. Strong outputs beside flat outcomes usually mean the service has been discovered by people who were already reasonably well served, which is worth knowing early and is fixable.&lt;br /&gt;
&lt;br /&gt;
== Measure while it is running ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:MeasureWhileRunning.svg|frameless|link=|alt=|400px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
DREAMS collects at three moments, before the intervention, during it and after it. The middle one is the one cities most often skip and the one this step depends on, because a design that only compares a before with an after tells you nothing until the money is spent and the decision is behind you ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
The readings taken during the run are usually cheap, being operator data that already arrives, manual counts on days when something is open, and short feedback forms handed out while people are there.&lt;br /&gt;
&lt;br /&gt;
When a reading disappoints, ask three questions before touching the measure. Was it delivered as designed, which the delivery record from [[Manage implementation|the previous step]] should answer in a line. Is the indicator sensitive enough to have registered a change of the size this measure could plausibly produce, which is the test [[Set targets and indicators|applied when the indicator was chosen]] and worth applying again now. And is the measure reaching the group it was written for, which requires breaking the reading down rather than reading the area average. Only after those three does adaptation become a decision rather than a reflex. Then choose plainly between adjusting the measure, extending it to gather more evidence and stopping it, and record which you chose and why, because the reasoning is what the next cycle inherits.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;A short window is a reading, not a verdict&amp;lt;/div&amp;gt;&lt;br /&gt;
Measurement periods in the outskirts get shortened, moved and pushed into the wrong season, usually because something upstream slipped. When that happens the numbers are still worth having, but they no longer support the comparison they were designed for. Say so in the report, in the same paragraph as the figure rather than in a footnote, and state what the shortened window can and cannot show. A qualified result that is trusted is worth more than a clean one that quietly is not.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Say what you found, including when nothing moved ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:Broadcast.svg|frameless|link=|alt=|400px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
Communication is the third part of this step and the one most easily postponed. Four audiences have a claim on the results. The councils that each adopted their own part of the plan need to see their own commitments tracked, in the form they voted on. The coalition needs enough detail to keep making decisions together. The operator needs the usage picture early enough to act on it. And residents, who were told a service was coming, need to hear how it went, including from an area where a previous promise was not kept.&lt;br /&gt;
&lt;br /&gt;
Publish the results that did not move. An outskirt that only ever hears about successes learns that the reporting is promotional, and the next plan starts from a worse position than this one did. A negative result that is explained, with the three questions above answered honestly, is also the most transferable thing a living lab produces, and it is the raw material [[Review and learn lessons|the last step]] works with.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://bsr-sump.eu/training/m2-monitoring-and-evaluation/ Module 2 on monitoring and evaluation] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(Baltic Sea Region Competence Centre)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Sets out how to assemble a local framework, choose indicators that align with European practice, and settle who collects and archives what, drawing on cities that have struggled with exactly the data-consistency problem. For building the monitoring system itself rather than reading its results.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://app.transformtransport.org/15minCS/europe-map.html 15-Minute City Score Europe map]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Scores walking access to essential services across hundreds of functional urban areas, so you can see how your re-measured area compares with other European neighbourhoods on a consistent method, with the [https://transformtransport.org/research/urban-mobility-metrics/15min-city-score-toolkit-urban-walkability-analytics/ toolkit behind it] available if you would rather run the metric yourself.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://changing-transport.org/wp-content/uploads/2013-evaluation_matters.pdf Evaluation Matters] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(CIVITAS practitioners&#039; guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Explains how to pair impact evaluation with process evaluation, so a disappointing reading can be traced either to the measure or to how it was delivered.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 11, Monitor, adapt and communicate.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the measurement framework, the three collection moments, the output and outcome classification, and the Vienna indicator set.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/7|DREAMS Deliverable 3.1]]&amp;lt;/span&amp;gt;: the Geretsried multi-amenity compliance figures by preference set.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[MinuteMap]]&amp;lt;/span&amp;gt;: used to re-measure a neighbourhood on the same basis as its baseline.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/11-Fortschritt/fortschritt.html Fortschritt messen]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=11}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Monitor_adapt_and_communicate&amp;diff=2222</id>
		<title>Monitor adapt and communicate</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Monitor_adapt_and_communicate&amp;diff=2222"/>
		<updated>2026-10-19T10:13:53Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=11|phase=4|title=Monitor, adapt and communicate}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
The measures are running, and this step turns them into a loop. It asks whether the improvement is arriving, what to change where it is not, and how to tell people either way. Monitoring is the routine tracking of the indicators fixed earlier, evaluation is the harder question of why the readings look the way they do, and communication is what keeps the support that the next round of the plan will need. What DREAMS adds here matters most in the outskirts. Because the baseline was measured for named groups using their own thresholds, the same measurement can simply be run again, which turns the plan&#039;s central question into something answerable rather than assertable.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The dated before-readings for each indicator, with the method and the population group they were measured for recorded beside them, since a later reading is only comparable if it repeats both.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The delivery record from [[Manage implementation|implementation]], showing what was actually built and when each measure started running.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A first review already in the calendar with the body that will receive it named because a monitoring report with no audience gets written late or not at all.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Ask the same question again ==&lt;br /&gt;
&lt;br /&gt;
The diagnosis did more than map the area. It measured the neighbourhood twice, once against a textbook standard and once with the amenities a named group weights most and the walking times they said they accept. Geretsried in the Munich lab shows what that leaves you holding.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figures&amp;quot; style=&amp;quot;--sump-accent: var(--dreams-primary);&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;64 in 100&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;everyday amenities are within a 15-minute walk in Geretsried on the textbook standard. This is the figure a normative map reports.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;36 in 100&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;is the same neighbourhood measured for its older residents. This is the figure a plan written for them has to move.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;3 in 10&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;of those older residents reach a grocery in the time they say they need. Groceries, pharmacies, bakeries and general practitioners are what hold their score down.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Those figures come from [[Publications/7|Deliverable 3.1]], and the useful thing about them is that they are reproducible. Run [[MinuteMap]] again on the configuration that now exists, holding the preference set, the amenity list and the time thresholds exactly as they were, and the difference between the two runs is the answer to the question the plan was written to settle. Not whether the area improved on average, but whether it improved for the group whose access was worst.&lt;br /&gt;
&lt;br /&gt;
Two disciplines make that comparison worth anything. Hold the method fixed and let only the world change, which means recording the model version, the data sources and the date of every run because an amenity list rebuilt from newer data will move the score on its own. And read the amenity-level figures rather than only the headline. A single composite number is slow and blunt, while the components underneath it are where a new grocery or a new bus stop actually registers.&lt;br /&gt;
&lt;br /&gt;
One honest limit. A model re-run tells you whether something is reachable, not whether anyone goes. The survey side of the diagnosis is what answers the second question, and the two belong in the same report.&lt;br /&gt;
&lt;br /&gt;
== Outputs move first, outcomes move later ==&lt;br /&gt;
&lt;br /&gt;
DREAMS sorts every indicator into one of two kinds. An output indicator describes the intervention itself, meaning the thing exists and is being used. An outcome indicator describes the change the project was for. The distinction sounds academic until you watch the two behave differently in time ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/1|Living lab Vienna, Liesing]]&amp;lt;/div&amp;gt;&lt;br /&gt;
The flexible activity hub set up in Liesing was judged on both kinds at once. Its output targets were countable and immediate, meaning two events or offers a week, at least ten visitors on a day with activity, a hundred visitors at a film or theatre evening, and three local organisations drawn into preparing the programme. Its outcome targets were the actual ambition, meaning a fifth off the travel time residents need to reach cultural offers, four in five visitors arriving on foot or by bike, and a corresponding fall in the carbon of those trips. The bike-sharing station beside it was set up the same way, with weekly pick-ups as the output and satisfaction and carbon as the outcomes.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Outputs arrive within weeks and outcomes often arrive after the pilot money has run out, so a report that carries only one of them will mislead in a predictable direction. Early reporting that leans on outputs sounds like success. Later reporting that leans on outcomes sounds like failure. Carry both from the first review, label which is which, and resist the substitution that comes naturally under pressure, where a healthy usage figure is offered as evidence that access improved. Strong outputs beside flat outcomes usually mean the service has been discovered by people who were already reasonably well served, which is worth knowing early and is fixable.&lt;br /&gt;
&lt;br /&gt;
== Measure while it is running ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:MeasureWhileRunning.svg|frameless|link=|alt=|400px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
DREAMS collects at three moments, before the intervention, during it and after it. The middle one is the one cities most often skip and the one this step depends on, because a design that only compares a before with an after tells you nothing until the money is spent and the decision is behind you ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
The readings taken during the run are usually cheap, being operator data that already arrives, manual counts on days when something is open, and short feedback forms handed out while people are there.&lt;br /&gt;
&lt;br /&gt;
When a reading disappoints, ask three questions before touching the measure. Was it delivered as designed, which the delivery record from [[Manage implementation|the previous step]] should answer in a line. Is the indicator sensitive enough to have registered a change of the size this measure could plausibly produce, which is the test [[Set targets and indicators|applied when the indicator was chosen]] and worth applying again now. And is the measure reaching the group it was written for, which requires breaking the reading down rather than reading the area average. Only after those three does adaptation become a decision rather than a reflex. Then choose plainly between adjusting the measure, extending it to gather more evidence and stopping it, and record which you chose and why, because the reasoning is what the next cycle inherits.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;A short window is a reading, not a verdict&amp;lt;/div&amp;gt;&lt;br /&gt;
Measurement periods in the outskirts get shortened, moved and pushed into the wrong season, usually because something upstream slipped. When that happens the numbers are still worth having, but they no longer support the comparison they were designed for. Say so in the report, in the same paragraph as the figure rather than in a footnote, and state what the shortened window can and cannot show. A qualified result that is trusted is worth more than a clean one that quietly is not.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Say what you found, including when nothing moved ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:Broadcast.svg|frameless|link=|alt=|150px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
Communication is the third part of this step and the one most easily postponed. Four audiences have a claim on the results. The councils that each adopted their own part of the plan need to see their own commitments tracked, in the form they voted on. The coalition needs enough detail to keep making decisions together. The operator needs the usage picture early enough to act on it. And residents, who were told a service was coming, need to hear how it went, including from an area where a previous promise was not kept.&lt;br /&gt;
&lt;br /&gt;
Publish the results that did not move. An outskirt that only ever hears about successes learns that the reporting is promotional, and the next plan starts from a worse position than this one did. A negative result that is explained, with the three questions above answered honestly, is also the most transferable thing a living lab produces, and it is the raw material [[Review and learn lessons|the last step]] works with.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://bsr-sump.eu/training/m2-monitoring-and-evaluation/ Module 2 on monitoring and evaluation] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(Baltic Sea Region Competence Centre)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Sets out how to assemble a local framework, choose indicators that align with European practice, and settle who collects and archives what, drawing on cities that have struggled with exactly the data-consistency problem. For building the monitoring system itself rather than reading its results.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://app.transformtransport.org/15minCS/europe-map.html 15-Minute City Score Europe map]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Scores walking access to essential services across hundreds of functional urban areas, so you can see how your re-measured area compares with other European neighbourhoods on a consistent method, with the [https://transformtransport.org/research/urban-mobility-metrics/15min-city-score-toolkit-urban-walkability-analytics/ toolkit behind it] available if you would rather run the metric yourself.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://changing-transport.org/wp-content/uploads/2013-evaluation_matters.pdf Evaluation Matters] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(CIVITAS practitioners&#039; guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Explains how to pair impact evaluation with process evaluation, so a disappointing reading can be traced either to the measure or to how it was delivered.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 11, Monitor, adapt and communicate.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the measurement framework, the three collection moments, the output and outcome classification, and the Vienna indicator set.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/7|DREAMS Deliverable 3.1]]&amp;lt;/span&amp;gt;: the Geretsried multi-amenity compliance figures by preference set.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[MinuteMap]]&amp;lt;/span&amp;gt;: used to re-measure a neighbourhood on the same basis as its baseline.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/11-Fortschritt/fortschritt.html Fortschritt messen]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=11}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Monitor_adapt_and_communicate&amp;diff=2221</id>
		<title>Monitor adapt and communicate</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Monitor_adapt_and_communicate&amp;diff=2221"/>
		<updated>2026-10-19T10:12:20Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=11|phase=4|title=Monitor, adapt and communicate}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
The measures are running, and this step turns them into a loop. It asks whether the improvement is arriving, what to change where it is not, and how to tell people either way. Monitoring is the routine tracking of the indicators fixed earlier, evaluation is the harder question of why the readings look the way they do, and communication is what keeps the support that the next round of the plan will need. What DREAMS adds here matters most in the outskirts. Because the baseline was measured for named groups using their own thresholds, the same measurement can simply be run again, which turns the plan&#039;s central question into something answerable rather than assertable.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The dated before-readings for each indicator, with the method and the population group they were measured for recorded beside them, since a later reading is only comparable if it repeats both.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The delivery record from [[Manage implementation|implementation]], showing what was actually built and when each measure started running.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A first review already in the calendar with the body that will receive it named because a monitoring report with no audience gets written late or not at all.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Ask the same question again ==&lt;br /&gt;
&lt;br /&gt;
The diagnosis did more than map the area. It measured the neighbourhood twice, once against a textbook standard and once with the amenities a named group weights most and the walking times they said they accept. Geretsried in the Munich lab shows what that leaves you holding.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figures&amp;quot; style=&amp;quot;--sump-accent: var(--dreams-primary);&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;64 in 100&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;everyday amenities are within a 15-minute walk in Geretsried on the textbook standard. This is the figure a normative map reports.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;36 in 100&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;is the same neighbourhood measured for its older residents. This is the figure a plan written for them has to move.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;3 in 10&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;of those older residents reach a grocery in the time they say they need. Groceries, pharmacies, bakeries and general practitioners are what hold their score down.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Those figures come from [[Publications/7|Deliverable 3.1]], and the useful thing about them is that they are reproducible. Run [[MinuteMap]] again on the configuration that now exists, holding the preference set, the amenity list and the time thresholds exactly as they were, and the difference between the two runs is the answer to the question the plan was written to settle. Not whether the area improved on average, but whether it improved for the group whose access was worst.&lt;br /&gt;
&lt;br /&gt;
Two disciplines make that comparison worth anything. Hold the method fixed and let only the world change, which means recording the model version, the data sources and the date of every run because an amenity list rebuilt from newer data will move the score on its own. And read the amenity-level figures rather than only the headline. A single composite number is slow and blunt, while the components underneath it are where a new grocery or a new bus stop actually registers.&lt;br /&gt;
&lt;br /&gt;
One honest limit. A model re-run tells you whether something is reachable, not whether anyone goes. The survey side of the diagnosis is what answers the second question, and the two belong in the same report.&lt;br /&gt;
&lt;br /&gt;
== Outputs move first, outcomes move later ==&lt;br /&gt;
&lt;br /&gt;
DREAMS sorts every indicator into one of two kinds. An output indicator describes the intervention itself, meaning the thing exists and is being used. An outcome indicator describes the change the project was for. The distinction sounds academic until you watch the two behave differently in time ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/1|Living lab Vienna, Liesing]]&amp;lt;/div&amp;gt;&lt;br /&gt;
The flexible activity hub set up in Liesing was judged on both kinds at once. Its output targets were countable and immediate, meaning two events or offers a week, at least ten visitors on a day with activity, a hundred visitors at a film or theatre evening, and three local organisations drawn into preparing the programme. Its outcome targets were the actual ambition, meaning a fifth off the travel time residents need to reach cultural offers, four in five visitors arriving on foot or by bike, and a corresponding fall in the carbon of those trips. The bike-sharing station beside it was set up the same way, with weekly pick-ups as the output and satisfaction and carbon as the outcomes.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Outputs arrive within weeks and outcomes often arrive after the pilot money has run out, so a report that carries only one of them will mislead in a predictable direction. Early reporting that leans on outputs sounds like success. Later reporting that leans on outcomes sounds like failure. Carry both from the first review, label which is which, and resist the substitution that comes naturally under pressure, where a healthy usage figure is offered as evidence that access improved. Strong outputs beside flat outcomes usually mean the service has been discovered by people who were already reasonably well served, which is worth knowing early and is fixable.&lt;br /&gt;
&lt;br /&gt;
== Measure while it is running ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:MeasureWhileRunning.svg|frameless|link=|alt=|400px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
DREAMS collects at three moments, before the intervention, during it and after it. The middle one is the one cities most often skip and the one this step depends on, because a design that only compares a before with an after tells you nothing until the money is spent and the decision is behind you ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
The readings taken during the run are usually cheap, being operator data that already arrives, manual counts on days when something is open, and short feedback forms handed out while people are there.&lt;br /&gt;
&lt;br /&gt;
When a reading disappoints, ask three questions before touching the measure. Was it delivered as designed, which the delivery record from [[Manage implementation|the previous step]] should answer in a line. Is the indicator sensitive enough to have registered a change of the size this measure could plausibly produce, which is the test [[Set targets and indicators|applied when the indicator was chosen]] and worth applying again now. And is the measure reaching the group it was written for, which requires breaking the reading down rather than reading the area average. Only after those three does adaptation become a decision rather than a reflex. Then choose plainly between adjusting the measure, extending it to gather more evidence and stopping it, and record which you chose and why, because the reasoning is what the next cycle inherits.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;A short window is a reading, not a verdict&amp;lt;/div&amp;gt;&lt;br /&gt;
Measurement periods in the outskirts get shortened, moved and pushed into the wrong season, usually because something upstream slipped. When that happens the numbers are still worth having, but they no longer support the comparison they were designed for. Say so in the report, in the same paragraph as the figure rather than in a footnote, and state what the shortened window can and cannot show. A qualified result that is trusted is worth more than a clean one that quietly is not.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Say what you found, including when nothing moved ==&lt;br /&gt;
&lt;br /&gt;
Communication is the third part of this step and the one most easily postponed. Four audiences have a claim on the results. The councils that each adopted their own part of the plan need to see their own commitments tracked, in the form they voted on. The coalition needs enough detail to keep making decisions together. The operator needs the usage picture early enough to act on it. And residents, who were told a service was coming, need to hear how it went, including from an area where a previous promise was not kept.&lt;br /&gt;
&lt;br /&gt;
Publish the results that did not move. An outskirt that only ever hears about successes learns that the reporting is promotional, and the next plan starts from a worse position than this one did. A negative result that is explained, with the three questions above answered honestly, is also the most transferable thing a living lab produces, and it is the raw material [[Review and learn lessons|the last step]] works with.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://bsr-sump.eu/training/m2-monitoring-and-evaluation/ Module 2 on monitoring and evaluation] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(Baltic Sea Region Competence Centre)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Sets out how to assemble a local framework, choose indicators that align with European practice, and settle who collects and archives what, drawing on cities that have struggled with exactly the data-consistency problem. For building the monitoring system itself rather than reading its results.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://app.transformtransport.org/15minCS/europe-map.html 15-Minute City Score Europe map]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Scores walking access to essential services across hundreds of functional urban areas, so you can see how your re-measured area compares with other European neighbourhoods on a consistent method, with the [https://transformtransport.org/research/urban-mobility-metrics/15min-city-score-toolkit-urban-walkability-analytics/ toolkit behind it] available if you would rather run the metric yourself.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://changing-transport.org/wp-content/uploads/2013-evaluation_matters.pdf Evaluation Matters] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(CIVITAS practitioners&#039; guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Explains how to pair impact evaluation with process evaluation, so a disappointing reading can be traced either to the measure or to how it was delivered.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 11, Monitor, adapt and communicate.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the measurement framework, the three collection moments, the output and outcome classification, and the Vienna indicator set.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/7|DREAMS Deliverable 3.1]]&amp;lt;/span&amp;gt;: the Geretsried multi-amenity compliance figures by preference set.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[MinuteMap]]&amp;lt;/span&amp;gt;: used to re-measure a neighbourhood on the same basis as its baseline.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/11-Fortschritt/fortschritt.html Fortschritt messen]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=11}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Monitor_adapt_and_communicate&amp;diff=2220</id>
		<title>Monitor adapt and communicate</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Monitor_adapt_and_communicate&amp;diff=2220"/>
		<updated>2026-10-19T10:10:42Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=11|phase=4|title=Monitor, adapt and communicate}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
The measures are running, and this step turns them into a loop. It asks whether the improvement is arriving, what to change where it is not, and how to tell people either way. Monitoring is the routine tracking of the indicators fixed earlier, evaluation is the harder question of why the readings look the way they do, and communication is what keeps the support that the next round of the plan will need. What DREAMS adds here matters most in the outskirts. Because the baseline was measured for named groups using their own thresholds, the same measurement can simply be run again, which turns the plan&#039;s central question into something answerable rather than assertable.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The dated before-readings for each indicator, with the method and the population group they were measured for recorded beside them, since a later reading is only comparable if it repeats both.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The delivery record from [[Manage implementation|implementation]], showing what was actually built and when each measure started running.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A first review already in the calendar with the body that will receive it named because a monitoring report with no audience gets written late or not at all.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Ask the same question again ==&lt;br /&gt;
&lt;br /&gt;
The diagnosis did more than map the area. It measured the neighbourhood twice, once against a textbook standard and once with the amenities a named group weights most and the walking times they said they accept. Geretsried in the Munich lab shows what that leaves you holding.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figures&amp;quot; style=&amp;quot;--sump-accent: var(--dreams-primary);&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;64 in 100&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;everyday amenities are within a 15-minute walk in Geretsried on the textbook standard. This is the figure a normative map reports.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;36 in 100&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;is the same neighbourhood measured for its older residents. This is the figure a plan written for them has to move.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-figure&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__value&amp;quot;&amp;gt;3 in 10&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dreams-figure__label&amp;quot;&amp;gt;of those older residents reach a grocery in the time they say they need. Groceries, pharmacies, bakeries and general practitioners are what hold their score down.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Those figures come from [[Publications/7|Deliverable 3.1]], and the useful thing about them is that they are reproducible. Run [[MinuteMap]] again on the configuration that now exists, holding the preference set, the amenity list and the time thresholds exactly as they were, and the difference between the two runs is the answer to the question the plan was written to settle. Not whether the area improved on average, but whether it improved for the group whose access was worst.&lt;br /&gt;
&lt;br /&gt;
Two disciplines make that comparison worth anything. Hold the method fixed and let only the world change, which means recording the model version, the data sources and the date of every run because an amenity list rebuilt from newer data will move the score on its own. And read the amenity-level figures rather than only the headline. A single composite number is slow and blunt, while the components underneath it are where a new grocery or a new bus stop actually registers.&lt;br /&gt;
&lt;br /&gt;
One honest limit. A model re-run tells you whether something is reachable, not whether anyone goes. The survey side of the diagnosis is what answers the second question, and the two belong in the same report.&lt;br /&gt;
&lt;br /&gt;
== Outputs move first, outcomes move later ==&lt;br /&gt;
&lt;br /&gt;
DREAMS sorts every indicator into one of two kinds. An output indicator describes the intervention itself, meaning the thing exists and is being used. An outcome indicator describes the change the project was for. The distinction sounds academic until you watch the two behave differently in time ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/1|Living lab Vienna, Liesing]]&amp;lt;/div&amp;gt;&lt;br /&gt;
The flexible activity hub set up in Liesing was judged on both kinds at once. Its output targets were countable and immediate, meaning two events or offers a week, at least ten visitors on a day with activity, a hundred visitors at a film or theatre evening, and three local organisations drawn into preparing the programme. Its outcome targets were the actual ambition, meaning a fifth off the travel time residents need to reach cultural offers, four in five visitors arriving on foot or by bike, and a corresponding fall in the carbon of those trips. The bike-sharing station beside it was set up the same way, with weekly pick-ups as the output and satisfaction and carbon as the outcomes.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Outputs arrive within weeks and outcomes often arrive after the pilot money has run out, so a report that carries only one of them will mislead in a predictable direction. Early reporting that leans on outputs sounds like success. Later reporting that leans on outcomes sounds like failure. Carry both from the first review, label which is which, and resist the substitution that comes naturally under pressure, where a healthy usage figure is offered as evidence that access improved. Strong outputs beside flat outcomes usually mean the service has been discovered by people who were already reasonably well served, which is worth knowing early and is fixable.&lt;br /&gt;
&lt;br /&gt;
== Measure while it is running ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:MeasureWhileRunning.svg|frameless|link=|alt=|400px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
DREAMS collects at three moments, before the intervention, during it and after it. The middle one is the one cities most often skip and the one this step depends on because a design that only compares a before with an after tells you nothing until the money is spent and the decision is behind you ([[Publications/6|Deliverable 6.1]]). The during-readings are usually cheap, being operator data that already arrives, manual counts on days when something is open, and short feedback forms handed out while people are there.&lt;br /&gt;
&lt;br /&gt;
When a reading disappoints, ask three questions before touching the measure. Was it delivered as designed, which the delivery record from [[Manage implementation|the previous step]] should answer in a line. Is the indicator sensitive enough to have registered a change of the size this measure could plausibly produce, which is the test [[Set targets and indicators|applied when the indicator was chosen]] and worth applying again now. And is the measure reaching the group it was written for, which requires breaking the reading down rather than reading the area average. Only after those three does adaptation become a decision rather than a reflex. Then choose plainly between adjusting the measure, extending it to gather more evidence and stopping it, and record which you chose and why, because the reasoning is what the next cycle inherits.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;A short window is a reading, not a verdict&amp;lt;/div&amp;gt;&lt;br /&gt;
Measurement periods in the outskirts get shortened, moved and pushed into the wrong season, usually because something upstream slipped. When that happens the numbers are still worth having, but they no longer support the comparison they were designed for. Say so in the report, in the same paragraph as the figure rather than in a footnote, and state what the shortened window can and cannot show. A qualified result that is trusted is worth more than a clean one that quietly is not.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Say what you found, including when nothing moved ==&lt;br /&gt;
&lt;br /&gt;
Communication is the third part of this step and the one most easily postponed. Four audiences have a claim on the results. The councils that each adopted their own part of the plan need to see their own commitments tracked, in the form they voted on. The coalition needs enough detail to keep making decisions together. The operator needs the usage picture early enough to act on it. And residents, who were told a service was coming, need to hear how it went, including from an area where a previous promise was not kept.&lt;br /&gt;
&lt;br /&gt;
Publish the results that did not move. An outskirt that only ever hears about successes learns that the reporting is promotional, and the next plan starts from a worse position than this one did. A negative result that is explained, with the three questions above answered honestly, is also the most transferable thing a living lab produces, and it is the raw material [[Review and learn lessons|the last step]] works with.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://bsr-sump.eu/training/m2-monitoring-and-evaluation/ Module 2 on monitoring and evaluation] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(Baltic Sea Region Competence Centre)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Sets out how to assemble a local framework, choose indicators that align with European practice, and settle who collects and archives what, drawing on cities that have struggled with exactly the data-consistency problem. For building the monitoring system itself rather than reading its results.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://app.transformtransport.org/15minCS/europe-map.html 15-Minute City Score Europe map]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Scores walking access to essential services across hundreds of functional urban areas, so you can see how your re-measured area compares with other European neighbourhoods on a consistent method, with the [https://transformtransport.org/research/urban-mobility-metrics/15min-city-score-toolkit-urban-walkability-analytics/ toolkit behind it] available if you would rather run the metric yourself.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://changing-transport.org/wp-content/uploads/2013-evaluation_matters.pdf Evaluation Matters] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(CIVITAS practitioners&#039; guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Explains how to pair impact evaluation with process evaluation, so a disappointing reading can be traced either to the measure or to how it was delivered.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 11, Monitor, adapt and communicate.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the measurement framework, the three collection moments, the output and outcome classification, and the Vienna indicator set.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/7|DREAMS Deliverable 3.1]]&amp;lt;/span&amp;gt;: the Geretsried multi-amenity compliance figures by preference set.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[MinuteMap]]&amp;lt;/span&amp;gt;: used to re-measure a neighbourhood on the same basis as its baseline.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/11-Fortschritt/fortschritt.html Fortschritt messen]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=11}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:MeasureWhileRunning.svg&amp;diff=2219</id>
		<title>File:MeasureWhileRunning.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:MeasureWhileRunning.svg&amp;diff=2219"/>
		<updated>2026-10-19T10:10:10Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Manage_implementation&amp;diff=2217</id>
		<title>Manage implementation</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Manage_implementation&amp;diff=2217"/>
		<updated>2026-10-19T10:07:45Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=10|phase=4|title=Manage implementation}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
Phase four is where the plan stops being a document. The measures adopted in [[Prepare for adoption and financing|the previous step]] now have to be detailed, contracted, built and switched on, by departments and organisations that each hold one piece of the work. SUMP asks for two things here. The responsible bodies plan the technical detail of their own projects and procure whatever has to be bought, and somebody coordinates the whole programme so that the pieces arrive in an order that works. In the outskirts the second is the difficult one because the pieces belong to different employers and the slowest of them sets the pace for everyone.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The adopted plan with the budget decision behind it because delivery that starts before the vote is delivery nobody is obliged to honour.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A written list of what each first-year measure depends on outside your own administration, meaning permits, tenders, third-party works and the dates any of them expire.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;Someone whose job is the whole programme rather than one measure of it, with protected time for it, since the handovers between organisations are what needs watching.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== The critical path is not the construction ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/3|Budapest, Rákosmente]]&amp;lt;/div&amp;gt;&lt;br /&gt;
Putting a public bike-share into an outer district of Budapest meant running two tracks in parallel for well over a year before anything appeared on a street. One track was the service. The district authority, the city transport authority, the national transport research institute and the university worked through legal requirements, then folded the pilot area into the city&#039;s own next-generation bike-share framework, then negotiated and signed a service contract. The other track was the stations. Macro-level siting, then detailed micro-siting, then a contract with one firm for the civil engineering design, then permits and construction planning, then authorisations from the district, the transport authority and the city roads body, then a second contract with a second firm to build them. Construction itself took the last quarter of the programme.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Two things in that account are worth taking seriously. The first is the proportion. Almost all of the elapsed time went on legal work, siting, permissions and contracting, and the visible part, putting stations in the ground, was the short bit at the end ([[Publications/5|Deliverable 5.1]]). A delivery plan that schedules the construction carefully and treats the permissions as an administrative preliminary has the wrong shape and will slip.&lt;br /&gt;
&lt;br /&gt;
The second is what happened to the timing. The launch depended on the readiness of the citywide bike-share extension, which a different organisation was rolling out, and when that slipped the lab&#039;s operating period was cut from six months to three. The content of the pilot survived intact. What suffered was the comparison because a shortened window changes which season the service is judged in ([[Living_Labs/3|the Budapest lab&#039;s own account]]). That is the characteristic shape of a periphery delay. The measure still gets delivered, and the cost of the delay lands on the evidence rather than on the thing itself.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;[[File:Dependencies.svg|frameless|link=|alt=|240px]]Name the dependencies you do not control&amp;lt;/div&amp;gt;&lt;br /&gt;
Write down, for each measure, every event outside your own administration that has to happen first. A neighbouring authority&#039;s tender cycle, a utility&#039;s works, a permit from a roads body, another organisation&#039;s system launch, an operator&#039;s concession renewal. Give each one an owner inside your programme whose only job is to ask about it regularly, and agree now what you will do if it moves, including whether the measurement window moves with it. A dependency that nobody is watching is not a risk you have accepted, it is one you have not noticed.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Procurement decides what you actually get ==&lt;br /&gt;
&lt;br /&gt;
Most of what a mobility plan promises in the outskirts is a service somebody else operates, so the contract is the measure. The DREAMS review of shared mobility governance is blunt about what goes wrong. Operators do not always honour what they agreed, whether that is the number of vehicles kept in an area or the transmission of operating data, and they tend to drift back towards the dense parts of their territory. Checking compliance costs the authority staff time, and without penalties there is little reason for an operator to prefer the thin area. The free-floating market in particular is volatile, with operators arriving, merging, withdrawing and failing, which matters most in sparsely populated areas where profitability was uncertain to begin with ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&lt;br /&gt;
Four things follow for the specification. Write the service level as something observable in your area rather than as a fleet total, since vehicles registered to a city are not vehicles available in an outskirt. Make data transmission an obligation with a named format and frequency because everything the [[Monitor, adapt and communicate|monitoring step]] needs either arrives under this clause or does not arrive. Budget the staff time to check compliance and attach a consequence to failing it, as a condition nobody verifies is a condition nobody meets. And provide for the operator disappearing, since in a thin market the replacement you would turn to may not exist.&lt;br /&gt;
&lt;br /&gt;
== Running the delivery ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sequence-wrap&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Sequence by dependency, not by ambition.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Order the first year around what unblocks other work rather than around what is most visible. A permission chain that runs nine months has to start before a measure that takes nine weeks, even if the short one is the one people are waiting for.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Start the slow contract first.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A service agreement and a construction contract are separate procurements on different clocks, and they rarely need to start together. Work backwards from the launch date to find which one has to be signed first.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Fix the before-state before the works begin.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Once delivery starts the situation you were going to compare against is gone. Collect the last baseline readings for each measure while the ground is still untouched, using the indicators already agreed for it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Hold a standing coordination point.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A short regular meeting across the delivering organisations, with the dependency list as its agenda rather than a round of progress reports. In a programme with no shared line of command this meeting is the coordination.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Re-check what other people are doing.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;External dependencies move quietly. Ask about each one at every coordination point and record the answer, so a slip surfaces while there is still room to respond to it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Agree in advance what a slipped date triggers.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Decide which measures may be resequenced, which cannot move without a fresh decision, and who takes that decision. Settled beforehand, a delay becomes a choice. Settled afterwards, it becomes drift.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Test small before you build permanent ==&lt;br /&gt;
&lt;br /&gt;
The [[Utrecht|Utrecht lab]] tested a modular solar-powered charging station, with vocational and applied-sciences students and its operator partners. The station would charge shared cargo bikes where they are parked, saving operators the trips needed to collect and relocate them. The work reached a first physical prototype, but the station had still not been placed in public space at the time of writing because a suitable site and the necessary permissions were held up. The operators it was designed with also changed along the way.&lt;br /&gt;
&lt;br /&gt;
The [[Living_Labs/1|Vienna lab]] went the other way entirely. Instead of building, it reactivated an underused space in Liesing as a flexible activity hub, with cultural and food offers, and invited residents and local initiatives to help shape and run it, recruiting the people behind the offers through a neighbourhood platform they already used. Next to it stood a temporary bike-sharing station that needed no docking infrastructure at all, since it worked as a designated area inside the city&#039;s existing mobility app. The whole thing was set up and operating across roughly six weeks of one summer ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
Neither route is the better one. They suit different stages in the life of a measure.&lt;br /&gt;
The question to settle before delivery starts is which measures in your package you are confident enough to build outright, and which ones should be tried in a reversible form first while the capital is still uncommitted.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__pane&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__head&amp;quot;&amp;gt;A temporary set-up&amp;lt;/div&amp;gt;&lt;br /&gt;
Produces evidence, and a working relationship with the people who might use the permanent version, inside a single season and for very little money. The DREAMS review makes the same point about hubs generally, that a tactical approach lets them be prototyped and tested before anything is made permanent ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__fig sump-versus__fig--small&amp;quot;&amp;gt;[[File:TemporarySetup.svg|frameless|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__pane sump-versus__pane&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__head&amp;quot;&amp;gt;A built station&amp;lt;/div&amp;gt;&lt;br /&gt;
Commits capital and leaves a permanent asset that is difficult to reverse. The right call once a measure has already proved itself.&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__fig sump-versus__fig--small&amp;quot;&amp;gt;[[File:BuiltStation.svg|frameless|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Record it while it happens ==&lt;br /&gt;
&lt;br /&gt;
Alongside measuring what an intervention achieved, DREAMS evaluates how it was implemented, looking at the decisions taken, the governance and stakeholder dynamics around them, the logistical and organisational problems that came up, and whether administrative delay played a part ([[Publications/6|Deliverable 6.1]]). That work is mostly interviews and conversation, and it is much easier while people still remember.&lt;br /&gt;
&lt;br /&gt;
Keep a short-dated record of each deviation and the decision taken in response, from the first day of delivery. It costs very little, and it is what makes the next two steps possible. An indicator that comes back disappointing has two quite different explanations, that the measure was the wrong one or that it was never delivered as designed, and only the delivery record separates them. The same record is what lets [[Review and learn lessons|the final step]] pass on something another outskirt can actually use, which is rarely the measure itself and almost always the account of what it took to get it built.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://bsr-sump.eu/m4-small-scale-experiments/ Small-scale experiments] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(Baltic Sea Region Competence Centre)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Argues for testing before investing and backs it with pilots from Helsinki, Aarhus, Groningen and Turku, a step-by-step model for planning one, and a short risk-assessment exercise you can run over your own first measures.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/document/download/3c614dd0-4138-4b96-bc06-dc4e09e4149f_en?filename=public_procurement_of_sump.pdf Public procurement of sustainable urban mobility measures] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(EU reference guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Walks through a procurement stage by stage, including life-cycle costing and how a specification can pull a market towards the outcome you want.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://gbfs.org/learn/data-policy/ GBFS data policy guidance]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Model wording for requiring a public, standardised real-time feed of vehicle and station availability, and for checking it against the official validator, for the data clause in a shared mobility contract.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 10, Manage implementation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/5|DREAMS Deliverable 5.1]]&amp;lt;/span&amp;gt;: set-up of the living labs, including the Budapest service and station schedules and the Vienna flexible hub.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the living lab interventions and timelines, and the process evaluation approach used to study how they were implemented.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/3|DREAMS Deliverable 2.2]]&amp;lt;/span&amp;gt;: operator compliance, market volatility and the tactical approach to prototyping hubs before permanent implementation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Living_Labs/3|Living lab Budapest, Rákosmente]]&amp;lt;/span&amp;gt;: the lab&#039;s own account of the rollout and the shortened operating period.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/10-Umsetzung/umsetzung.html Umsetzung gewährleisten]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=10}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Manage_implementation&amp;diff=2216</id>
		<title>Manage implementation</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Manage_implementation&amp;diff=2216"/>
		<updated>2026-10-19T10:07:25Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=10|phase=4|title=Manage implementation}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
Phase four is where the plan stops being a document. The measures adopted in [[Prepare for adoption and financing|the previous step]] now have to be detailed, contracted, built and switched on, by departments and organisations that each hold one piece of the work. SUMP asks for two things here. The responsible bodies plan the technical detail of their own projects and procure whatever has to be bought, and somebody coordinates the whole programme so that the pieces arrive in an order that works. In the outskirts the second is the difficult one because the pieces belong to different employers and the slowest of them sets the pace for everyone.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The adopted plan with the budget decision behind it because delivery that starts before the vote is delivery nobody is obliged to honour.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A written list of what each first-year measure depends on outside your own administration, meaning permits, tenders, third-party works and the dates any of them expire.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;Someone whose job is the whole programme rather than one measure of it, with protected time for it, since the handovers between organisations are what needs watching.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== The critical path is not the construction ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/3|Budapest, Rákosmente]]&amp;lt;/div&amp;gt;&lt;br /&gt;
Putting a public bike-share into an outer district of Budapest meant running two tracks in parallel for well over a year before anything appeared on a street. One track was the service. The district authority, the city transport authority, the national transport research institute and the university worked through legal requirements, then folded the pilot area into the city&#039;s own next-generation bike-share framework, then negotiated and signed a service contract. The other track was the stations. Macro-level siting, then detailed micro-siting, then a contract with one firm for the civil engineering design, then permits and construction planning, then authorisations from the district, the transport authority and the city roads body, then a second contract with a second firm to build them. Construction itself took the last quarter of the programme.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Two things in that account are worth taking seriously. The first is the proportion. Almost all of the elapsed time went on legal work, siting, permissions and contracting, and the visible part, putting stations in the ground, was the short bit at the end ([[Publications/5|Deliverable 5.1]]). A delivery plan that schedules the construction carefully and treats the permissions as an administrative preliminary has the wrong shape and will slip.&lt;br /&gt;
&lt;br /&gt;
The second is what happened to the timing. The launch depended on the readiness of the citywide bike-share extension, which a different organisation was rolling out, and when that slipped the lab&#039;s operating period was cut from six months to three. The content of the pilot survived intact. What suffered was the comparison because a shortened window changes which season the service is judged in ([[Living_Labs/3|the Budapest lab&#039;s own account]]). That is the characteristic shape of a periphery delay. The measure still gets delivered, and the cost of the delay lands on the evidence rather than on the thing itself.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;[[File:Dependencies.svg|frameless|link=|alt=|240px]]Name the dependencies you do not control&amp;lt;/div&amp;gt;&lt;br /&gt;
Write down, for each measure, every event outside your own administration that has to happen first. A neighbouring authority&#039;s tender cycle, a utility&#039;s works, a permit from a roads body, another organisation&#039;s system launch, an operator&#039;s concession renewal. Give each one an owner inside your programme whose only job is to ask about it regularly, and agree now what you will do if it moves, including whether the measurement window moves with it. A dependency that nobody is watching is not a risk you have accepted, it is one you have not noticed.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Procurement decides what you actually get ==&lt;br /&gt;
&lt;br /&gt;
Most of what a mobility plan promises in the outskirts is a service somebody else operates, so the contract is the measure. The DREAMS review of shared mobility governance is blunt about what goes wrong. Operators do not always honour what they agreed, whether that is the number of vehicles kept in an area or the transmission of operating data, and they tend to drift back towards the dense parts of their territory. Checking compliance costs the authority staff time, and without penalties there is little reason for an operator to prefer the thin area. The free-floating market in particular is volatile, with operators arriving, merging, withdrawing and failing, which matters most in sparsely populated areas where profitability was uncertain to begin with ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&lt;br /&gt;
Four things follow for the specification. Write the service level as something observable in your area rather than as a fleet total, since vehicles registered to a city are not vehicles available in an outskirt. Make data transmission an obligation with a named format and frequency because everything the [[Monitor, adapt and communicate|monitoring step]] needs either arrives under this clause or does not arrive. Budget the staff time to check compliance and attach a consequence to failing it, as a condition nobody verifies is a condition nobody meets. And provide for the operator disappearing, since in a thin market the replacement you would turn to may not exist.&lt;br /&gt;
&lt;br /&gt;
== Running the delivery ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sequence-wrap&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Sequence by dependency, not by ambition.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Order the first year around what unblocks other work rather than around what is most visible. A permission chain that runs nine months has to start before a measure that takes nine weeks, even if the short one is the one people are waiting for.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Start the slow contract first.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A service agreement and a construction contract are separate procurements on different clocks, and they rarely need to start together. Work backwards from the launch date to find which one has to be signed first.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Fix the before-state before the works begin.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Once delivery starts the situation you were going to compare against is gone. Collect the last baseline readings for each measure while the ground is still untouched, using the indicators already agreed for it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Hold a standing coordination point.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A short regular meeting across the delivering organisations, with the dependency list as its agenda rather than a round of progress reports. In a programme with no shared line of command this meeting is the coordination.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Re-check what other people are doing.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;External dependencies move quietly. Ask about each one at every coordination point and record the answer, so a slip surfaces while there is still room to respond to it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Agree in advance what a slipped date triggers.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Decide which measures may be resequenced, which cannot move without a fresh decision, and who takes that decision. Settled beforehand, a delay becomes a choice. Settled afterwards, it becomes drift.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Test small before you build permanent ==&lt;br /&gt;
&lt;br /&gt;
The [[Utrecht|Utrecht lab]] tested a modular solar-powered charging station, with vocational and applied-sciences students and its operator partners. The station would charge shared cargo bikes where they are parked, saving operators the trips needed to collect and relocate them. The work reached a first physical prototype, but the station had still not been placed in public space at the time of writing because a suitable site and the necessary permissions were held up. The operators it was designed with also changed along the way.&lt;br /&gt;
&lt;br /&gt;
The [[Living_Labs/1|Vienna lab]] went the other way entirely. Instead of building, it reactivated an underused space in Liesing as a flexible activity hub, with cultural and food offers, and invited residents and local initiatives to help shape and run it, recruiting the people behind the offers through a neighbourhood platform they already used. Next to it stood a temporary bike-sharing station that needed no docking infrastructure at all, since it worked as a designated area inside the city&#039;s existing mobility app. The whole thing was set up and operating across roughly six weeks of one summer ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
Neither route is the better one. They suit different stages in the life of a measure.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__pane&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__head&amp;quot;&amp;gt;A temporary set-up&amp;lt;/div&amp;gt;&lt;br /&gt;
Produces evidence, and a working relationship with the people who might use the permanent version, inside a single season and for very little money. The DREAMS review makes the same point about hubs generally, that a tactical approach lets them be prototyped and tested before anything is made permanent ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__fig sump-versus__fig--small&amp;quot;&amp;gt;[[File:TemporarySetup.svg|frameless|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__pane sump-versus__pane&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__head&amp;quot;&amp;gt;A built station&amp;lt;/div&amp;gt;&lt;br /&gt;
Commits capital and leaves a permanent asset that is difficult to reverse. The right call once a measure has already proved itself.&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__fig sump-versus__fig--small&amp;quot;&amp;gt;[[File:BuiltStation.svg|frameless|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
The question to settle before delivery starts is which measures in your package you are confident enough to build outright, and which ones should be tried in a reversible form first while the capital is still uncommitted.&lt;br /&gt;
&lt;br /&gt;
== Record it while it happens ==&lt;br /&gt;
&lt;br /&gt;
Alongside measuring what an intervention achieved, DREAMS evaluates how it was implemented, looking at the decisions taken, the governance and stakeholder dynamics around them, the logistical and organisational problems that came up, and whether administrative delay played a part ([[Publications/6|Deliverable 6.1]]). That work is mostly interviews and conversation, and it is much easier while people still remember.&lt;br /&gt;
&lt;br /&gt;
Keep a short-dated record of each deviation and the decision taken in response, from the first day of delivery. It costs very little, and it is what makes the next two steps possible. An indicator that comes back disappointing has two quite different explanations, that the measure was the wrong one or that it was never delivered as designed, and only the delivery record separates them. The same record is what lets [[Review and learn lessons|the final step]] pass on something another outskirt can actually use, which is rarely the measure itself and almost always the account of what it took to get it built.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://bsr-sump.eu/m4-small-scale-experiments/ Small-scale experiments] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(Baltic Sea Region Competence Centre)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Argues for testing before investing and backs it with pilots from Helsinki, Aarhus, Groningen and Turku, a step-by-step model for planning one, and a short risk-assessment exercise you can run over your own first measures.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/document/download/3c614dd0-4138-4b96-bc06-dc4e09e4149f_en?filename=public_procurement_of_sump.pdf Public procurement of sustainable urban mobility measures] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(EU reference guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Walks through a procurement stage by stage, including life-cycle costing and how a specification can pull a market towards the outcome you want.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://gbfs.org/learn/data-policy/ GBFS data policy guidance]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Model wording for requiring a public, standardised real-time feed of vehicle and station availability, and for checking it against the official validator, for the data clause in a shared mobility contract.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 10, Manage implementation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/5|DREAMS Deliverable 5.1]]&amp;lt;/span&amp;gt;: set-up of the living labs, including the Budapest service and station schedules and the Vienna flexible hub.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the living lab interventions and timelines, and the process evaluation approach used to study how they were implemented.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/3|DREAMS Deliverable 2.2]]&amp;lt;/span&amp;gt;: operator compliance, market volatility and the tactical approach to prototyping hubs before permanent implementation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Living_Labs/3|Living lab Budapest, Rákosmente]]&amp;lt;/span&amp;gt;: the lab&#039;s own account of the rollout and the shortened operating period.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/10-Umsetzung/umsetzung.html Umsetzung gewährleisten]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=10}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Manage_implementation&amp;diff=2215</id>
		<title>Manage implementation</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Manage_implementation&amp;diff=2215"/>
		<updated>2026-10-19T10:05:13Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=10|phase=4|title=Manage implementation}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
Phase four is where the plan stops being a document. The measures adopted in [[Prepare for adoption and financing|the previous step]] now have to be detailed, contracted, built and switched on, by departments and organisations that each hold one piece of the work. SUMP asks for two things here. The responsible bodies plan the technical detail of their own projects and procure whatever has to be bought, and somebody coordinates the whole programme so that the pieces arrive in an order that works. In the outskirts the second is the difficult one because the pieces belong to different employers and the slowest of them sets the pace for everyone.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The adopted plan with the budget decision behind it because delivery that starts before the vote is delivery nobody is obliged to honour.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A written list of what each first-year measure depends on outside your own administration, meaning permits, tenders, third-party works and the dates any of them expire.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;Someone whose job is the whole programme rather than one measure of it, with protected time for it, since the handovers between organisations are what needs watching.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== The critical path is not the construction ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/3|Budapest, Rákosmente]]&amp;lt;/div&amp;gt;&lt;br /&gt;
Putting a public bike-share into an outer district of Budapest meant running two tracks in parallel for well over a year before anything appeared on a street. One track was the service. The district authority, the city transport authority, the national transport research institute and the university worked through legal requirements, then folded the pilot area into the city&#039;s own next-generation bike-share framework, then negotiated and signed a service contract. The other track was the stations. Macro-level siting, then detailed micro-siting, then a contract with one firm for the civil engineering design, then permits and construction planning, then authorisations from the district, the transport authority and the city roads body, then a second contract with a second firm to build them. Construction itself took the last quarter of the programme.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Two things in that account are worth taking seriously. The first is the proportion. Almost all of the elapsed time went on legal work, siting, permissions and contracting, and the visible part, putting stations in the ground, was the short bit at the end ([[Publications/5|Deliverable 5.1]]). A delivery plan that schedules the construction carefully and treats the permissions as an administrative preliminary has the wrong shape and will slip.&lt;br /&gt;
&lt;br /&gt;
The second is what happened to the timing. The launch depended on the readiness of the citywide bike-share extension, which a different organisation was rolling out, and when that slipped the lab&#039;s operating period was cut from six months to three. The content of the pilot survived intact. What suffered was the comparison because a shortened window changes which season the service is judged in ([[Living_Labs/3|the Budapest lab&#039;s own account]]). That is the characteristic shape of a periphery delay. The measure still gets delivered, and the cost of the delay lands on the evidence rather than on the thing itself.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;[[File:Dependencies.svg|frameless|link=|alt=|240px]]Name the dependencies you do not control&amp;lt;/div&amp;gt;&lt;br /&gt;
Write down, for each measure, every event outside your own administration that has to happen first. A neighbouring authority&#039;s tender cycle, a utility&#039;s works, a permit from a roads body, another organisation&#039;s system launch, an operator&#039;s concession renewal. Give each one an owner inside your programme whose only job is to ask about it regularly, and agree now what you will do if it moves, including whether the measurement window moves with it. A dependency that nobody is watching is not a risk you have accepted, it is one you have not noticed.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Procurement decides what you actually get ==&lt;br /&gt;
&lt;br /&gt;
Most of what a mobility plan promises in the outskirts is a service somebody else operates, so the contract is the measure. The DREAMS review of shared mobility governance is blunt about what goes wrong. Operators do not always honour what they agreed, whether that is the number of vehicles kept in an area or the transmission of operating data, and they tend to drift back towards the dense parts of their territory. Checking compliance costs the authority staff time, and without penalties there is little reason for an operator to prefer the thin area. The free-floating market in particular is volatile, with operators arriving, merging, withdrawing and failing, which matters most in sparsely populated areas where profitability was uncertain to begin with ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&lt;br /&gt;
Four things follow for the specification. Write the service level as something observable in your area rather than as a fleet total, since vehicles registered to a city are not vehicles available in an outskirt. Make data transmission an obligation with a named format and frequency because everything the [[Monitor, adapt and communicate|monitoring step]] needs either arrives under this clause or does not arrive. Budget the staff time to check compliance and attach a consequence to failing it, as a condition nobody verifies is a condition nobody meets. And provide for the operator disappearing, since in a thin market the replacement you would turn to may not exist.&lt;br /&gt;
&lt;br /&gt;
== Running the delivery ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sequence-wrap&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Sequence by dependency, not by ambition.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Order the first year around what unblocks other work rather than around what is most visible. A permission chain that runs nine months has to start before a measure that takes nine weeks, even if the short one is the one people are waiting for.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Start the slow contract first.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A service agreement and a construction contract are separate procurements on different clocks, and they rarely need to start together. Work backwards from the launch date to find which one has to be signed first.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Fix the before-state before the works begin.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Once delivery starts the situation you were going to compare against is gone. Collect the last baseline readings for each measure while the ground is still untouched, using the indicators already agreed for it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Hold a standing coordination point.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A short regular meeting across the delivering organisations, with the dependency list as its agenda rather than a round of progress reports. In a programme with no shared line of command this meeting is the coordination.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Re-check what other people are doing.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;External dependencies move quietly. Ask about each one at every coordination point and record the answer, so a slip surfaces while there is still room to respond to it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Agree in advance what a slipped date triggers.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Decide which measures may be resequenced, which cannot move without a fresh decision, and who takes that decision. Settled beforehand, a delay becomes a choice. Settled afterwards, it becomes drift.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Test small before you build permanent ==&lt;br /&gt;
&lt;br /&gt;
The [[Utrecht|Utrecht lab]] tested a modular solar-powered charging station, with vocational and applied-sciences students and its operator partners. The station would charge shared cargo bikes where they are parked, saving operators the trips needed to collect and relocate them. The work reached a first physical prototype, but the station had still not been placed in public space at the time of writing because a suitable site and the necessary permissions were held up. The operators it was designed with also changed along the way.&lt;br /&gt;
&lt;br /&gt;
The [[Living_Labs/1|Vienna lab]] went the other way entirely. Instead of building, it reactivated an underused space in Liesing as a flexible activity hub, with cultural and food offers, and invited residents and local initiatives to help shape and run it, recruiting the people behind the offers through a neighbourhood platform they already used. Next to it stood a temporary bike-sharing station that needed no docking infrastructure at all, since it worked as a designated area inside the city&#039;s existing mobility app. The whole thing was set up and operating across roughly six weeks of one summer ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
Neither route is the better one. They buy different things.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__pane&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__head&amp;quot;&amp;gt;A temporary set-up&amp;lt;/div&amp;gt;&lt;br /&gt;
Produces evidence, and a working relationship with the people who might use the permanent version, inside a single season and for very little money. The DREAMS review makes the same point about hubs generally, that a tactical approach lets them be prototyped and tested before anything is made permanent ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__fig sump-versus__fig--small&amp;quot;&amp;gt;[[File:TemporarySetup.svg|frameless|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__pane sump-versus__pane&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__head&amp;quot;&amp;gt;A built station&amp;lt;/div&amp;gt;&lt;br /&gt;
Commits capital and leaves a permanent asset that is difficult to reverse. The right call once a measure has already proved itself.&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__fig sump-versus__fig--small&amp;quot;&amp;gt;[[File:BuiltStation.svg|frameless|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
The question to settle before delivery starts is which measures in your package you are confident enough to build outright, and which ones should be tried in a reversible form first while the capital is still uncommitted.&lt;br /&gt;
&lt;br /&gt;
== Record it while it happens ==&lt;br /&gt;
&lt;br /&gt;
Alongside measuring what an intervention achieved, DREAMS evaluates how it was implemented, looking at the decisions taken, the governance and stakeholder dynamics around them, the logistical and organisational problems that came up, and whether administrative delay played a part ([[Publications/6|Deliverable 6.1]]). That work is mostly interviews and conversation, and it is much easier while people still remember.&lt;br /&gt;
&lt;br /&gt;
Keep a short-dated record of each deviation and the decision taken in response, from the first day of delivery. It costs very little, and it is what makes the next two steps possible. An indicator that comes back disappointing has two quite different explanations, that the measure was the wrong one or that it was never delivered as designed, and only the delivery record separates them. The same record is what lets [[Review and learn lessons|the final step]] pass on something another outskirt can actually use, which is rarely the measure itself and almost always the account of what it took to get it built.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://bsr-sump.eu/m4-small-scale-experiments/ Small-scale experiments] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(Baltic Sea Region Competence Centre)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Argues for testing before investing and backs it with pilots from Helsinki, Aarhus, Groningen and Turku, a step-by-step model for planning one, and a short risk-assessment exercise you can run over your own first measures.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/document/download/3c614dd0-4138-4b96-bc06-dc4e09e4149f_en?filename=public_procurement_of_sump.pdf Public procurement of sustainable urban mobility measures] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(EU reference guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Walks through a procurement stage by stage, including life-cycle costing and how a specification can pull a market towards the outcome you want.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://gbfs.org/learn/data-policy/ GBFS data policy guidance]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Model wording for requiring a public, standardised real-time feed of vehicle and station availability, and for checking it against the official validator, for the data clause in a shared mobility contract.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 10, Manage implementation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/5|DREAMS Deliverable 5.1]]&amp;lt;/span&amp;gt;: set-up of the living labs, including the Budapest service and station schedules and the Vienna flexible hub.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the living lab interventions and timelines, and the process evaluation approach used to study how they were implemented.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/3|DREAMS Deliverable 2.2]]&amp;lt;/span&amp;gt;: operator compliance, market volatility and the tactical approach to prototyping hubs before permanent implementation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Living_Labs/3|Living lab Budapest, Rákosmente]]&amp;lt;/span&amp;gt;: the lab&#039;s own account of the rollout and the shortened operating period.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/10-Umsetzung/umsetzung.html Umsetzung gewährleisten]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=10}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2214</id>
		<title>MediaWiki:Common.css</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=MediaWiki:Common.css&amp;diff=2214"/>
		<updated>2026-10-19T10:00:27Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* CSS placed here will be applied to all skins */&lt;br /&gt;
.navbar-brand img {&lt;br /&gt;
  padding-top: 10px;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.firstHeading {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.external.text {&lt;br /&gt;
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.grid-container {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.square {&lt;br /&gt;
  padding: 30px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-family: Arial, sans-serif;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  color: white;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  min-height: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.blue { background-color: #2D8CFF; }&lt;br /&gt;
.red { background-color: #FF4757; }&lt;br /&gt;
.green { background-color: #2ED573; }&lt;br /&gt;
.yellow { background-color: #FFD32A; }&lt;br /&gt;
.orange { background-color: #fee4cb; }&lt;br /&gt;
.hue1 { background-color: #5c4ce4; }&lt;br /&gt;
.hue2 { background-color: #8068ff; }&lt;br /&gt;
.hue3 { background-color: #a386ff; }&lt;br /&gt;
.hue4 { background-color: #c6a4ff; }&lt;br /&gt;
.hue5 { background-color: #e9c4ff; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Main Page ── */&lt;br /&gt;
.__NOTOC__ + * { margin-top: 0; }&lt;br /&gt;
&lt;br /&gt;
.main-hero {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  padding: 2em 0 2.5em;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__text { flex: 1; min-width: 280px; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__tag {&lt;br /&gt;
  font-size: 0.75em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.08em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  margin-bottom: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__title {&lt;br /&gt;
  font-size: 1.7em;&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  color: #1a1a2e;&lt;br /&gt;
  margin: 0 0 0.6em;&lt;br /&gt;
  border: none;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__lead {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
  max-width: 580px;&lt;br /&gt;
  margin-bottom: 1.2em;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo {&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo figure,&lt;br /&gt;
.main-hero__logo .thumb,&lt;br /&gt;
.main-hero__logo .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__logo .thumbcaption,&lt;br /&gt;
.main-hero__logo .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a,&lt;br /&gt;
a.main-hero__btn {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: 0.5em 1.2em;&lt;br /&gt;
  border-radius: 5px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn--outline a {&lt;br /&gt;
  background: transparent;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  border: 2px solid #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a:hover { opacity: 0.85; }&lt;br /&gt;
&lt;br /&gt;
.main-hero__actions {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  gap: 0.8em;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: stretch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-hero__btn a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-section {&lt;br /&gt;
  margin-bottom: 2.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr 1fr;&lt;br /&gt;
  gap: 2em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-intro__col {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-labs {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  padding: 0.4em 1em;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-lab-btn a:hover {&lt;br /&gt;
  background: #5c4ce4;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  border-color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));&lt;br /&gt;
  gap: 1em;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  padding: 0.8em 1em;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.main-connect__item a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .main-hero { flex-direction: column; }&lt;br /&gt;
  .main-intro { grid-template-columns: 1fr; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* DREAMers team layout */&lt;br /&gt;
.dreamer-section { &lt;br /&gt;
  margin: 22px 0 30px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__head {&lt;br /&gt;
  margin: 4px 0 14px;&lt;br /&gt;
  border-left: 4px solid rgb(92,76,228);&lt;br /&gt;
  padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__title {&lt;br /&gt;
  font-size: 1.25em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-section__subtitle:empty { &lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, 260px);&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamers-grid &amp;gt; p {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card {&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 250px;       &lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap pre {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: none;&lt;br /&gt;
  background: none;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  white-space: normal;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap a {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;    &lt;br /&gt;
  object-fit: cover;   &lt;br /&gt;
  object-position: center top; &lt;br /&gt;
  display: block;&lt;br /&gt;
  border-radius: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__body {&lt;br /&gt;
  padding: 10px 14px 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__name {&lt;br /&gt;
  line-height: 1.2;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__role {&lt;br /&gt;
  color: #54595d;&lt;br /&gt;
  margin-top: 2px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta {&lt;br /&gt;
  color: #72777d;&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap figure,&lt;br /&gt;
.dreamer-card__imgwrap .thumb,&lt;br /&gt;
.dreamer-card__imgwrap .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__imgwrap .thumbcaption,&lt;br /&gt;
.dreamer-card__imgwrap .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreamer-card__meta:empty { display: none; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ── Event detail page ── */&lt;br /&gt;
.event-detail { margin-top: 8px; }&lt;br /&gt;
&lt;br /&gt;
.event-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  padding-bottom: 0px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.event-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
}&lt;br /&gt;
.event-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event image gallery ── */&lt;br /&gt;
.event-gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery &amp;gt; p { display: none; }&lt;br /&gt;
.event-gallery__item {&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(92,76,228,0.08);&lt;br /&gt;
  line-height: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery__item a,&lt;br /&gt;
.event-gallery__item span,&lt;br /&gt;
.event-gallery__item .thumb,&lt;br /&gt;
.event-gallery__item .thumbinner {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  max-width: none !important;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item img {&lt;br /&gt;
  display: block !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 260px;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
}&lt;br /&gt;
.event-gallery__item .thumbcaption,&lt;br /&gt;
.event-gallery__item .magnify { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Strip thumb borders inside event gallery */&lt;br /&gt;
.event-gallery .thumb {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbimage {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-gallery .thumbcaption,&lt;br /&gt;
.event-gallery .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Event Card ── */&lt;br /&gt;
.event-card {&lt;br /&gt;
  border: 1px solid #dde;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f9f9fc;&lt;br /&gt;
  width: 300px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 160px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #eef;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Strip MediaWiki thumb wrapper inside event cards */&lt;br /&gt;
.event-card-image figure,&lt;br /&gt;
.event-card-image figure.mw-default-size,&lt;br /&gt;
.event-card-image .thumb,&lt;br /&gt;
.event-card-image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image .thumbcaption,&lt;br /&gt;
.event-card-image .magnify {&lt;br /&gt;
  display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  object-fit: cover !important;&lt;br /&gt;
  object-position: center !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder {&lt;br /&gt;
  background: linear-gradient(135deg, #e8ecf8 0%, #d0d8f0 100%);&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-image--placeholder::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: 50%;&lt;br /&gt;
  left: 50%;&lt;br /&gt;
  transform: translate(-50%, -50%);&lt;br /&gt;
  width: 2.5em;&lt;br /&gt;
  height: 2.5em;&lt;br /&gt;
  opacity: 0.35;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;none&#039; stroke=&#039;%23334&#039; stroke-width=&#039;1.8&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039;%3E%3Crect x=&#039;3&#039; y=&#039;4&#039; width=&#039;18&#039; height=&#039;18&#039; rx=&#039;2&#039;/%3E%3Cline x1=&#039;16&#039; y1=&#039;2&#039; x2=&#039;16&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;8&#039; y1=&#039;2&#039; x2=&#039;8&#039; y2=&#039;6&#039;/%3E%3Cline x1=&#039;3&#039; y1=&#039;10&#039; x2=&#039;21&#039; y2=&#039;10&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-body {&lt;br /&gt;
  padding: 1em 1.2em;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 0.4em;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-tag {&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  background: #4a5dcc;&lt;br /&gt;
  border-radius: 3px;&lt;br /&gt;
  padding: 0.15em 0.55em;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  align-self: flex-start;&lt;br /&gt;
  width: fit-content;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-title {&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
  font-size: 1em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-location {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-desc {&lt;br /&gt;
  font-size: 0.85em;&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.event-card-readmore {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  margin-top: 0.4em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Publication detail page ── */&lt;br /&gt;
.publication-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.publication-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__description {&lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  margin-bottom: 28px;&lt;br /&gt;
  max-width: 780px;&lt;br /&gt;
}&lt;br /&gt;
.publication-detail__section { margin-top: 24px; }&lt;br /&gt;
.publication-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 10px;&lt;br /&gt;
}&lt;br /&gt;
.publication-authors {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
.publication-author {&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border: 1px solid #c6a4ff;&lt;br /&gt;
  padding: 5px 12px;&lt;br /&gt;
  font-size: 0.92em;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #1f2328;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Labs overview grid ── */&lt;br /&gt;
.living-labs-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));&lt;br /&gt;
  gap: 20px;&lt;br /&gt;
  margin-top: 1em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 180px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image figure,&lt;br /&gt;
.living-lab-card__image .thumb,&lt;br /&gt;
.living-lab-card__image .thumbinner {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: 100% !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  display: block !important;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__image .thumbcaption,&lt;br /&gt;
.living-lab-card__image .magnify { display: none !important; }&lt;br /&gt;
.living-lab-card__body {&lt;br /&gt;
  padding: 14px 16px 16px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name {&lt;br /&gt;
  font-size: 1.1em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-card__name a { color: #5c4ce4 !important; text-decoration: none !important; }&lt;br /&gt;
.living-lab-card__name a:hover { text-decoration: underline !important; }&lt;br /&gt;
.living-lab-card__desc {&lt;br /&gt;
  font-size: 0.95em;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── Living Lab detail page ── */&lt;br /&gt;
.living-lab-detail__meta {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 0 32px;&lt;br /&gt;
  padding: 14px 20px;&lt;br /&gt;
  background: #f3f1ff;&lt;br /&gt;
  border-left: 4px solid #5c4ce4;&lt;br /&gt;
  margin-bottom: 24px;&lt;br /&gt;
  font-size: 0.97em;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__meta-item { display: flex; gap: 8px; align-items: baseline; }&lt;br /&gt;
.living-lab-detail__meta-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__section { margin-bottom: 28px; }&lt;br /&gt;
.living-lab-detail__section-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #5c4ce4;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  font-size: 0.78em;&lt;br /&gt;
  letter-spacing: 0.05em;&lt;br /&gt;
  margin-bottom: 8px;&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
  padding-bottom: 4px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__text {&lt;br /&gt;
  font-size: 1.02em;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  max-width: 820px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__map { max-width: 820px; }&lt;br /&gt;
.living-lab-detail__map .maps-map { width: 100% !important; }&lt;br /&gt;
&lt;br /&gt;
/* headline image */&lt;br /&gt;
.living-lab-detail__hero { margin: 0 0 6px; }&lt;br /&gt;
.living-lab-detail__hero img { &lt;br /&gt;
  height: auto; &lt;br /&gt;
  display: block; &lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-caption { &lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666; &lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__hero-credit { color: #888; }&lt;br /&gt;
.living-lab-detail__hero-caption {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin: 6px 0 20px;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__lead { &lt;br /&gt;
  font-size: 1.05em;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  margin: 0 0 20px; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* interventions list */&lt;br /&gt;
.living-lab-detail__interventions ol { margin: .3em 0 0; padding-left: 1.6em; }&lt;br /&gt;
.living-lab-detail__interventions li { margin-bottom: 12px; line-height: 1.6; padding-left: 4px; }&lt;br /&gt;
.living-lab-detail__interventions li b,&lt;br /&gt;
.living-lab-detail__interventions li strong { color: var(--dreams-primary); }&lt;br /&gt;
.living-lab-detail__interventions li i { color: #666; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__gallery { display: flex; flex-wrap: wrap; gap: 12px; }&lt;br /&gt;
.living-lab-detail__figure img { border-radius: 6px; display: block; }&lt;br /&gt;
.living-lab-detail__figure { flex: 0 1 auto; }&lt;br /&gt;
.living-lab-detail__figure img { border-radius: 6px; display: block; }&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__quote { &lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding: 4px 0 4px 16px; &lt;br /&gt;
  margin: 24px 0; font-size: 1.12em; &lt;br /&gt;
  line-height: 1.6; color: #333; &lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__quote cite {&lt;br /&gt;
  display: block; &lt;br /&gt;
  font-style: normal;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.living-lab-detail__gallery {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  justify-content: start;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure img {&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.living-lab-detail__figure-caption {&lt;br /&gt;
  margin-top: 6px;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living Lab resource cards (accessibility tool + survey) --- */&lt;br /&gt;
.dreams-resource-cards {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
  margin-top: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  padding: 1rem 1.1rem 1.1rem;&lt;br /&gt;
  transition: border-color .15s ease, box-shadow .15s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card:hover {&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(92, 76, 228, 0.12);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin: 0 0 .35rem;&lt;br /&gt;
  min-height: 1.6em;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: left center;&lt;br /&gt;
  background-size: 1.6em 1.6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title,&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  padding-left: 2.1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-resource-card--access .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.7%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%272.4%27%20fill%3D%27%235c4ce4%27%20stroke%3D%27none%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%276.2%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%20stroke-opacity%3D%270.5%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card--survey .dreams-resource-card__title {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%235c4ce4%27%20stroke-width%3D%271.5%27%20stroke-linejoin%3D%27round%27%3E%3Cpolygon%20points%3D%2712%2C2%2021.5%2C9%2017.8%2C20.5%206.2%2C20.5%202.5%2C9%27%2F%3E%3Cpolygon%20points%3D%2712%2C7%2016.6%2C10.4%2014.9%2C16%209.1%2C16%207.4%2C10.4%27%20fill%3D%27%235c4ce4%27%20fill-opacity%3D%270.22%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2712%27%20y2%3D%272%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2721.5%27%20y2%3D%279%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%2717.8%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%276.2%27%20y2%3D%2720.5%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%2712%27%20x2%3D%272.5%27%20y2%3D%279%27%2F%3E%3C%2Fsvg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__text {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a,&lt;br /&gt;
.dreams-resource-card__action a.external {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--dreams-primary) !important;&lt;br /&gt;
  color: var(--dreams-text-on) !important;&lt;br /&gt;
  padding: .45em 1.05em !important;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-resource-card__action a:hover,&lt;br /&gt;
.dreams-resource-card__action a.external:hover { background: var(--dreams-dark) !important; }&lt;br /&gt;
&lt;br /&gt;
.dreams-btn {&lt;br /&gt;
  line-height: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-btn a,&lt;br /&gt;
.dreams-btn a.external.text {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background-color: var(--dreams-primary) !important;&lt;br /&gt;
  border: 1px solid var(--dreams-primary) !important;&lt;br /&gt;
  color: #fff !important;&lt;br /&gt;
  padding: .375rem .75rem !important;&lt;br /&gt;
  border-radius: .375rem;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  line-hight: normal;&lt;br /&gt;
}&lt;br /&gt;
.dreams-btn a:hover,&lt;br /&gt;
.dreams-btn a.external.text:hover {&lt;br /&gt;
  background-color: var(--dreams-dark) !important;&lt;br /&gt;
  border-color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP overview  ── */&lt;br /&gt;
.sump-journey {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 1rem;&lt;br /&gt;
  margin: 1.75rem 0;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 720px) {&lt;br /&gt;
  .sump-journey { grid-template-columns: 1fr 1fr; }&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase {&lt;br /&gt;
  border: 1px solid var(--dreams-border, #e0e0e0);&lt;br /&gt;
  border-top: 4px solid var(--sump-accent, #5c4ce4);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  padding: 1rem 1.15rem 1.2rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__phase:nth-child(1) { --sump-accent: #c6a4ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(2) { --sump-accent: #a386ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(3) { --sump-accent: #8068ff; }&lt;br /&gt;
.sump-journey__phase:nth-child(4) { --sump-accent: #5c4ce4; }&lt;br /&gt;
.sump-journey__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  margin: 0 0 .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__head h3 {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  font-size: 1.1rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__num {&lt;br /&gt;
  flex: 0 0 auto;&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 1.9rem;&lt;br /&gt;
  height: 1.9rem;&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: .95rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__desc {&lt;br /&gt;
  margin: 0 0 .85rem;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__steps {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .45rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .55rem;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step-num {&lt;br /&gt;
  flex: 0 0 1.5rem;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: var(--dreams-primary, #5c4ce4);&lt;br /&gt;
  font-variant-numeric: tabular-nums;&lt;br /&gt;
}&lt;br /&gt;
.sump-journey__step a { color: var(--dreams-primary, #5c4ce4); }&lt;br /&gt;
.sump-journey-cycle {&lt;br /&gt;
  font-size: var(--dreams-small, .85em);&lt;br /&gt;
  color: #777;&lt;br /&gt;
  margin: .25rem 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Brand tokens --- */&lt;br /&gt;
:root {&lt;br /&gt;
  --dreams-primary: #5c4ce4;&lt;br /&gt;
  --dreams-tint:    #f3f1ff;&lt;br /&gt;
  --dreams-border:  #cac4f8;&lt;br /&gt;
  --dreams-dark:    #3d30c4;&lt;br /&gt;
  --dreams-text-on: #ffffff;&lt;br /&gt;
  --dreams-small:   0.85em;&lt;br /&gt;
  --sump-tint: #f3f1ff; &lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Page wrapper --- */&lt;br /&gt;
.sump-step {&lt;br /&gt;
  max-width: 60rem;&lt;br /&gt;
  --sump-accent: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Phase / step header bar --- */&lt;br /&gt;
.sump-step__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  align-items: flex-start;&lt;br /&gt;
  gap: .4rem;&lt;br /&gt;
  padding: .75rem 0 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #555;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__phase-tag {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .05em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  padding: .2rem .7rem;&lt;br /&gt;
  border-radius: 1rem;&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__counter {&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #888;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Section headings --- */&lt;br /&gt;
.sump-step h2 {&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .75rem;&lt;br /&gt;
  margin-top: 3rem;&lt;br /&gt;
  margin-bottom: 1.5rem;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Intro text block --- */&lt;br /&gt;
.sump-intro {&lt;br /&gt;
  line-height: 1.75;&lt;br /&gt;
  padding-bottom: 1.5rem;&lt;br /&gt;
  border-bottom: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
  margin-bottom: 1.75rem;&lt;br /&gt;
  text-align: justify;&lt;br /&gt;
}&lt;br /&gt;
.sump-intro &amp;gt; p:first-child { margin-top: 0; }&lt;br /&gt;
.sump-intro &amp;gt; p:last-child  { margin-bottom: 0; }&lt;br /&gt;
 &lt;br /&gt;
/* --- Four-body card grid --- */&lt;br /&gt;
.sump-bodies-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  margin: 1.25rem 0 1.75rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
  border: 1px solid #e8e8e8;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-bottom: 1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--steer,&lt;br /&gt;
.sump-body-card--team,&lt;br /&gt;
.sump-body-card--thematic,&lt;br /&gt;
.sump-body-card--network {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card--steer::after,&lt;br /&gt;
.sump-body-card--team::after,&lt;br /&gt;
.sump-body-card--thematic::after,&lt;br /&gt;
.sump-body-card--network::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: auto;&lt;br /&gt;
  padding-top: 4rem;&lt;br /&gt;
  height: 1rem;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center bottom;&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid.sump-bodies-grid--fig {&lt;br /&gt;
  grid-template-columns: 1fr;&lt;br /&gt;
  gap: 14px;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card { padding: 1.1rem 1.1rem 1.2rem; }&lt;br /&gt;
.sump-bodies-grid--fig .sump-body-card__desc { margin-bottom: 0; }&lt;br /&gt;
.sump-body-card__fig {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  margin: .2rem 0 .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-body-card__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 120px;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
  .sump-bodies-grid.sump-bodies-grid--fig-4 { grid-template-columns: repeat(4, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.sump-bodies-grid--fig-4 .sump-body-card__fig img { width: 96px; }&lt;br /&gt;
.sump-body-card--steer::after { &lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;32.1 74.9 288.2 288.2&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,0,-499.588)&#039;%3E%3Cg id=&#039;Steering-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,-168.655,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,458.877,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,595.954,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,860.643,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,479.111,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,880.876,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,616.188,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,745.596,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,765.83,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;175.626&#039; cy=&#039;794.478&#039; r=&#039;44.165&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.58909,0,0,2.29942,330.035,-873.136)&#039;%3E%3Cpath d=&#039;M151.729,819.769C151.364,819.781 151.038,819.456 150.832,819.156C149.319,816.967 160.771,795.04 168.873,786.966C176.976,778.892 196.821,768.479 199.445,770.712C202.069,772.945 192.321,792.442 184.616,800.364C176.664,808.54 155.761,819.64 151.729,819.769Z&#039; style=&#039;fill:white;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--team::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;28.3 75.1 286.3 286.3&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-456,-499.588)&#039;%3E%3Cg id=&#039;Project-Team&#039; transform=&#039;matrix(0.439206,0,0,0.512758,287.345,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,448.131,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,585.208,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,849.897,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,468.365,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,870.13,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,605.442,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,734.85,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,755.083,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1,0,0,1,-143.845,387.633)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,384,-594.315)&#039;%3E%3Ccircle cx=&#039;234.911&#039; cy=&#039;592.552&#039; r=&#039;26.261&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,389.099,-594.315)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.37032,1.55747,-1.8183,1.17375,1673.41,-503.208)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.133716,1.94687,-2.27291,0.114535,2240.42,50.7166)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.46155,-1.49538,1.74581,1.2519,-457.779,160.575)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.27684,-2.38835e-16,2.78832e-16,-1.95024,1449.26,1721.49)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.37032,-1.55747,1.8183,-1.17375,167.768,1631.86)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.0244629,-1.95012,2.2767,-0.0209538,-427.964,1029.95)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.46155,1.49538,-1.74581,-1.2519,2289.31,964.645)&#039;%3E%3Cpath d=&#039;M232.485,566.291L226.152,549.303L239.19,549.117L232.485,566.291Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;stroke-linejoin:miter;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--thematic::after {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;27.8 74.3 295.1 295.1&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-884.466,-499.588)&#039;%3E%3Cg id=&#039;Thematic-Group&#039; transform=&#039;matrix(0.439206,0,0,0.512758,715.811,304.74)&#039;%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,456.983,-597.152)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,594.06,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,858.749,-587.908)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,477.217,-585.96)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,878.983,-577.122)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,614.294,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.45188,743.702,-385.012)&#039;%3E%3Cpath d=&#039;M39.402,822.26C39.402,822.26 28.744,701.942 55.389,710.588C82.033,719.234 70.487,816.931 69.599,825.812&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:18.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,763.936,-728.133)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.95776,0,0,3.7222,-3325.77,-2141.51)&#039;%3E%3Cpath d=&#039;M1064.31,818.537L1064.31,834.709C1064.31,839.172 1060.68,842.795 1056.22,842.795L1041.32,842.795C1041.32,842.795 1029.81,858.097 1028.56,858.097C1027.3,858.097 1027.03,842.795 1027.03,842.795L1022.11,842.795C1017.65,842.795 1014.02,839.172 1014.02,834.709L1014.02,818.537C1014.02,814.074 1017.65,810.45 1022.11,810.45L1056.22,810.45C1060.68,810.45 1064.31,814.074 1064.31,818.537Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:9.13px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.82293,0,0,1.56144,-1147.13,-290.898)&#039;%3E%3Cpath d=&#039;M1036.63,780.407L1085.35,780.407&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:20.82px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-body-card--network::after  {&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.7 55.7 310.5 310.5&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1275.81,-499.588)&#039;%3E%3Cg id=&#039;External-Network&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1107.16,304.74)&#039;%3E%3Cg transform=&#039;matrix(1.41038,0,0,1.20807,-1240,-95.8635)&#039;%3E%3Ccircle cx=&#039;1435.57&#039; cy=&#039;733.314&#039; r=&#039;90.265&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:26.91px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.95408,0.245529,-0.0755704,0.667087,709.761,99.8656)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.98965,0.16537,-0.193064,1.70424,861.109,-605.337)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.78428,2.03152,-0.625273,0.402924,1321.18,265.715)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.20176,1.36828,-1.59742,1.02937,2030.45,-115.101)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.561668,2.49628,-0.76832,-0.126835,1600.7,771.237)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-0.378297,1.68131,-1.96287,-0.324032,2406.24,966.26)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.96394,-0.132203,0.0406902,-0.669313,893.68,1478.37)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.99629,-0.0890419,0.103953,-1.70993,779.277,2188.66)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-2.42198,1.46939,-0.452257,-0.546927,1388.28,1260.25)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.63126,0.98967,-1.15541,-1.39726,1812.33,1878.46)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.65853,-2.10825,0.64889,-0.374527,218.601,1292.85)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(-1.11706,-1.41996,1.65775,-0.956823,-512.834,1641.56)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.712461,-2.46789,0.75958,0.160887,-29.2259,765.302)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(0.47986,-1.66218,1.94054,0.411027,-821.834,534.661)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.45214,-1.43222,0.440816,0.553738,201.288,306.06)&#039;%3E%3Cpath d=&#039;M39.51,826.358C39.51,826.358 28.744,701.942 55.389,710.588C82.033,719.234 69.599,825.812 69.599,825.812C69.599,825.812 62.197,820.948 55.07,820.097C47.378,819.179 39.51,826.358 39.51,826.358Z&#039; style=&#039;fill:%235c4ce4;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(1.65157,-0.964633,1.12618,1.41466,-209.839,-318.524)&#039;%3E%3Ccircle cx=&#039;46.183&#039; cy=&#039;676.003&#039; r=&#039;8.887&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:18.98px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Callout --- */&lt;br /&gt;
.dreams-callout {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1rem;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .35rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout p {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-callout__label img {&lt;br /&gt;
  height: 40px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  margin-bottom: 5px;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Outskirts challenge box --- */&lt;br /&gt;
.sump-outskirts-box {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__head {&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  padding: .6rem 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .02em;&lt;br /&gt;
}&lt;br /&gt;
.sump-outskirts-box__body {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  padding: .9rem 1.1rem;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Setup sequence --- */&lt;br /&gt;
.sump-sequence-wrap {&lt;br /&gt;
  margin: 1rem 0 1.5rem;&lt;br /&gt;
  counter-reset: seq;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item {&lt;br /&gt;
  counter-increment: seq;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  grid-template-rows: auto auto;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  align-items: start;&lt;br /&gt;
  margin-bottom: 14px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-item::before {&lt;br /&gt;
  content: counter(seq);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  margin-top: 3px;&lt;br /&gt;
  grid-row: 1 / 3;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-label {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.sump-seq-desc {&lt;br /&gt;
  color: #333;&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  grid-row: 2;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (min-width: 560px) {&lt;br /&gt;
  .sump-seq-item {&lt;br /&gt;
    grid-template-columns: 28px 10rem 1fr;&lt;br /&gt;
    grid-template-rows: auto;&lt;br /&gt;
    align-items: baseline;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-item::before {&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-label {&lt;br /&gt;
    grid-column: 2;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
  }&lt;br /&gt;
  .sump-seq-desc {&lt;br /&gt;
    grid-column: 3;&lt;br /&gt;
    grid-row: 1;&lt;br /&gt;
    font-size: inherit;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Handoff block --- */&lt;br /&gt;
.dreams-handoff {&lt;br /&gt;
  border-top: 1.5px solid var(--dreams-border);&lt;br /&gt;
  padding: 1rem 0 0;&lt;br /&gt;
  margin: 2rem 0 0;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__label {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .5rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__label::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  width: 1.8em;&lt;br /&gt;
  height: 1.5em;&lt;br /&gt;
  margin-right: .5em;&lt;br /&gt;
  vertical-align: -0.4em;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20width=%27100%25%27%20height=%27100%25%27%20viewBox=%2716.0%2068.5%20321.8%20284.0%27%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27%20style=%27fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.5%3B%27%3E%3Cg%20transform=%27matrix(1%2C0%2C0%2C1%2C-456%2C0)%27%3E%3Cg%20id=%27GoDeeper%27%20transform=%27matrix(0.439206%2C0%2C0%2C0.512758%2C287.345%2C-194.848)%27%3E%3Cg%20transform=%27matrix(2.63711%2C0%2C0%2C1.95024%2C-934.506%2C451.584)%27%3E%3Cpath%20d=%27M525.149%2C301.234C534.342%2C289.369%20558.258%2C261.592%20561.188%2C258.189C580.119%2C283.071%20578.089%2C278.713%20594.192%2C303.034C597.195%2C299.54%20597.7%2C300.145%20633.691%2C261.119C651.717%2C283.229%20652.447%2C281.183%20670.291%2C303.889C687.496%2C283.504%20686.303%2C286.932%20706.198%2C265.12C736.504%2C297.015%20738.285%2C302.884%20740.142%2C303.923C743.792%2C305.968%20748.123%2C301.965%20780.452%2C264.301%27%20style=%27fill:none%3Bstroke:%235c4ce4%3Bstroke-width:15.4px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-622.626%2C461.977)%27%3E%3Cpath%20d=%27M601.094%2C162.33C601.094%2C162.33%20570.639%2C221.546%20564.511%2C237.267C563.096%2C240.896%20547.671%2C275.742%20563.658%2C246.965C579.645%2C218.189%20596.698%2C192.077%20596.698%2C192.077L694.217%2C160.103C694.217%2C160.103%20751.516%2C66.111%20761.818%2C44.44C764.382%2C39.047%20761.895%2C31.143%20743.244%2C56.722C724.592%2C82.301%20693.551%2C133.021%20693.551%2C133.021L601.094%2C162.33Z%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3Cg%20transform=%27matrix(2.27684%2C0%2C0%2C1.95024%2C-706.294%2C506.62)%27%3E%3Ccircle%20cx=%27601.196%27%20cy=%27125.693%27%20r=%2714.655%27%20style=%27fill:%235c4ce4%3Bstroke:%235c4ce4%3Bstroke-width:16.67px%3B%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-size: contain;&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff--dive {&lt;br /&gt;
  background: none;&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  padding-right: 0;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items {&lt;br /&gt;
  position: relative;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff--dive .dreams-handoff__items::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  left: -1.25rem;&lt;br /&gt;
  top: 0;&lt;br /&gt;
  bottom: 0;&lt;br /&gt;
  width: 12px;&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; width=&#039;16&#039; height=&#039;24&#039; viewBox=&#039;0 0 16 24&#039;%3E%3Cpath d=&#039;M8 0 Q14 6 8 12 Q2 18 8 24&#039; stroke=&#039;%235c4ce4&#039; stroke-width=&#039;2&#039; fill=&#039;none&#039; stroke-linecap=&#039;round&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
  background-repeat: repeat-y;&lt;br /&gt;
  background-size: 12px 24px;&lt;br /&gt;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
          mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);&lt;br /&gt;
  opacity: .8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-handoff__items {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  gap: .6rem;&lt;br /&gt;
  margin-top: .75rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .75rem .9rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-title a,&lt;br /&gt;
.dreams-handoff__item-title a.external {&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-source {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-handoff__item-desc {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #444;&lt;br /&gt;
  line-height: 1.55;&lt;br /&gt;
  margin-top: .3rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Sources footer --- */&lt;br /&gt;
.sump-sources {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  color: #666;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
  margin-top: 2rem;&lt;br /&gt;
  padding-top: .85rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #4a4a4a;&lt;br /&gt;
  margin-bottom: .55rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item {&lt;br /&gt;
  padding-left: 1rem;&lt;br /&gt;
  text-indent: -1rem;&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__item:last-child {&lt;br /&gt;
  margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-sources__ref {&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* --- Prev / next navigation bar --- */&lt;br /&gt;
.sump-step__nav {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--top {&lt;br /&gt;
  margin: .5rem 0 1.75rem;&lt;br /&gt;
  padding-bottom: 1rem;&lt;br /&gt;
  border-bottom: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav--bottom {&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  padding-top: 1rem;&lt;br /&gt;
  border-top: 1px solid #e0e0e0;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav a { color: var(--dreams-primary); }&lt;br /&gt;
.sump-step__nav a:hover {&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333 !important;&lt;br /&gt;
  border: 1px solid #ccc;&lt;br /&gt;
  padding: .2rem .75rem;&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.sump-step__nav-home a:hover { background: var(--dreams-tint); }&lt;br /&gt;
.sump-step__nav-prev { flex: 1 1 0; min-width: 0; text-align: left; }&lt;br /&gt;
.sump-step__nav-next { flex: 1 1 0; min-width: 0; text-align: right; }&lt;br /&gt;
.sump-step__nav-home { flex: 0 0 auto; text-align: center; }&lt;br /&gt;
/* overview slides into the gap: left on step 1, right on step 12 */&lt;br /&gt;
.sump-step__nav--first .sump-step__nav-prev { display: none; }&lt;br /&gt;
.sump-step__nav--last  .sump-step__nav-next { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* ── SUMP phase row ── */&lt;br /&gt;
.sump-phases {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));&lt;br /&gt;
  gap: 1.5rem;&lt;br /&gt;
  margin: 1.5rem 0 1.75rem;&lt;br /&gt;
  counter-reset: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  counter-increment: phase;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item::before {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 2.2rem;&lt;br /&gt;
  height: 2.2rem;&lt;br /&gt;
  margin-bottom: 0.6rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::before,&lt;br /&gt;
.sump-phases__item--realize::before,&lt;br /&gt;
.sump-phases__item--eval::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  width: 3.4rem;&lt;br /&gt;
  height: 3.4rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  border: 0;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  background-color: var(--dreams-tint);&lt;br /&gt;
  background-repeat: no-repeat;&lt;br /&gt;
  background-position: center;&lt;br /&gt;
  background-size: 62%;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__item--prep::after,&lt;br /&gt;
.sump-phases__item--realize::after,&lt;br /&gt;
.sump-phases__item--eval::after,&lt;br /&gt;
.sump-phases__item--fig::after {&lt;br /&gt;
  content: counter(phase);&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  top: -0.5rem;&lt;br /&gt;
  left: -0.5rem;&lt;br /&gt;
  width: 1.6rem;&lt;br /&gt;
  height: 1.6rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border: 2px solid var(--dreams-primary);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  font-size: 0.82rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-phases__item--fig::before { display: none; }&lt;br /&gt;
.sump-phases__fig {&lt;br /&gt;
  width: 5.2rem;&lt;br /&gt;
  height: 5.2rem;&lt;br /&gt;
  margin-bottom: 0.7rem;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  border-radius: 16px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig figure,&lt;br /&gt;
.sump-phases__fig span,&lt;br /&gt;
.sump-phases__fig a { display: block; width: 3.75rem; min-width: 0; margin: 0; }&lt;br /&gt;
.sump-phases__fig img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 4.75rem;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  min-width: 0;&lt;br /&gt;
  max-width: none;&lt;br /&gt;
}&lt;br /&gt;
.sump-phases__fig span img,&lt;br /&gt;
.sump-phases__fig a img { width: 100%; }&lt;br /&gt;
&lt;br /&gt;
/* per-phase glyphs */&lt;br /&gt;
.sump-phases__item--prep::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-1854.82,-975.755)&#039;%3E%3Cg id=&#039;Preparation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,1686.17,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.03662,0,0,1.01229,-3254.54,-198.641)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:22.79px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.35128,0,0,2.014,-4050.65,-1566.23)&#039;%3E%3Cpath d=&#039;M2116.28,1046.45C2109.92,1055.01 2087.08,1130.74 2087.08,1130.74L2062.6,1124.15C2062.6,1124.15 2046.43,1218.32 2067.78,1224.44C2093.67,1231.87 2133.7,1145.34 2133.7,1145.34L2105.45,1137.33L2132.76,1049.75C2132.76,1049.75 2120.03,1041.41 2116.28,1046.45Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.14px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--realize::before { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;21.0 55.0 312.0 312.0&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2283.29,-975.755)&#039;%3E%3Cg id=&#039;Realisation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2114.63,780.907)&#039;%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.06694,-3472.54,-265.777)&#039;%3E%3Cpath d=&#039;M1886.49,1186.77C1886.49,1131.16 1930.38,1086.01 1984.43,1086.01C2038.49,1086.01 2082.38,1131.16 2082.38,1186.77C2082.38,1242.39 1886.49,1242.39 1886.49,1186.77Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:21.62px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(3.64737,0,0,3.12418,-8186.39,-2977.69)&#039;%3E%3Cpath d=&#039;M2460.29,1235.39L2460.29,1165.35L2460.29,1206.86&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:10.4px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1207.01C2465.11,1216.28 2540.07,1201.35 2545.28,1168.87C2549.1,1144.95 2467.12,1169.34 2460.29,1207.01Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1175.88C2460.29,1175.88 2406.37,1191.94 2368.7,1132.14C2331.03,1072.34 2469,1150.41 2460.29,1175.88Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.14657,0,0,1.83866,-4494,-1389.58)&#039;%3E%3Cpath d=&#039;M2460.29,1116.38C2460.29,1116.38 2450.49,1060.02 2527.38,1048.79C2557.59,1044.38 2539.96,1077.56 2512.57,1098.73C2493.97,1113.12 2468.16,1118.45 2460.29,1116.38Z&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:17.68px;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__item--eval::before  { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg width=&#039;100%25&#039; height=&#039;100%25&#039; viewBox=&#039;38.5 55.7 301.9 301.9&#039; version=&#039;1.1&#039; xmlns=&#039;http://www.w3.org/2000/svg&#039; style=&#039;fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;&#039;%3E%3Cg transform=&#039;matrix(1,0,0,1,-2674.63,-975.755)&#039;%3E%3Cg id=&#039;Evaluation&#039; transform=&#039;matrix(0.439206,0,0,0.512758,2505.98,780.907)&#039;%3E%3Cg transform=&#039;matrix(1.93892,0,0,1.95024,-4803.19,-1540.65)&#039;%3E%3Cpath d=&#039;M2827.03,1209.72C2827.03,1209.72 2796.05,1167.56 2760.69,1199.39C2736.41,1221.23 2751.65,1302.7 2830.64,1302.39C2907.86,1302.08 2921.71,1233.29 2898.64,1197.95C2875.25,1162.12 2827.03,1209.72 2827.03,1209.72Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:17.95px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(2.27684,0,0,1.95024,-5705.7,-1559.94)&#039;%3E%3Cpath d=&#039;M2805.89,1214.31C2805.89,1214.31 2789.62,1157.8 2817.4,1145.09&#039; style=&#039;fill:none;stroke:%235c4ce4;stroke-width:16.67px;&#039;/%3E%3C/g%3E%3Cg transform=&#039;matrix(23.8008,-3.86479,4.51202,20.3867,444.385,506.129)&#039;%3E%3Cpath d=&#039;M16.311,14.719L16.778,16.159C16.732,16.185 16.688,16.214 16.649,16.244C16.429,16.417 16.33,16.646 16.354,16.876C16.401,17.334 18.007,21.736 19.019,24.395C19.473,25.586 19.825,26.437 19.866,26.493C19.923,26.571 20.063,26.709 20.333,26.716C20.722,26.725 22.34,26.328 22.34,26.328C22.606,26.26 22.768,25.99 22.702,25.724C22.702,25.724 21.128,19.328 20.146,16.829C19.904,16.214 19.658,15.809 19.495,15.679C19.324,15.542 19.153,15.519 19.009,15.543C18.965,15.551 18.923,15.558 18.883,15.565L18.257,14.066C19.47,13.298 20.277,11.945 20.277,10.404C20.277,8.015 18.337,6.075 15.947,6.075C13.558,6.075 11.618,8.015 11.618,10.404C11.618,12.794 13.558,14.734 15.947,14.734C16.07,14.734 16.191,14.729 16.311,14.719ZM17.355,14.499C17.336,14.506 17.317,14.512 17.297,14.519L17.87,16.287C17.92,16.439 17.893,16.606 17.799,16.735C17.73,16.83 17.63,16.897 17.518,16.925L17.519,16.925L17.395,16.977C17.669,17.956 19.061,21.694 19.954,24.039C20.204,24.696 20.452,25.321 20.59,25.668L21.606,25.459C21.218,23.916 20.017,19.236 19.215,17.195C19.123,16.961 18.999,16.716 18.924,16.573L18.748,16.605C18.708,16.619 18.667,16.629 18.624,16.632L18.625,16.632L18.579,16.635L18.624,16.632L18.576,16.629L18.579,16.635C18.538,16.635 18.498,16.63 18.46,16.62C18.438,16.617 18.419,16.615 18.411,16.612C18.148,16.53 18.073,16.346 18.062,16.193L17.355,14.499ZM18.523,15.638L18.417,15.665C18.446,15.651 18.481,15.642 18.523,15.638ZM15.947,7.075C17.785,7.075 19.277,8.567 19.277,10.404C19.277,12.242 17.785,13.734 15.947,13.734C14.11,13.734 12.618,12.242 12.618,10.404C12.618,8.567 14.11,7.075 15.947,7.075Z&#039; style=&#039;fill:%235c4ce4;stroke:%235c4ce4;stroke-width:0.85px;stroke-linecap:butt;stroke-miterlimit:2;&#039;/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.sump-phases__title { font-weight: 700; color: #1f2328; margin-bottom: 0.25rem; }&lt;br /&gt;
.sump-phases__desc { font-size: var(--dreams-small); line-height: 1.6; color: #444; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* A. figure tiles */&lt;br /&gt;
.dreams-figures { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }&lt;br /&gt;
.dreams-figure { flex:1 1 8rem; border:1px solid #e0e0e0; border-top:3px solid var(--sump-accent,#666); background:#fff; border-radius:6px; padding:.75rem .9rem; }&lt;br /&gt;
.dreams-figure__value { font-size:1.6rem; font-weight:700; line-height:1.1; color:var(--sump-accent,#666); }&lt;br /&gt;
.dreams-figure__label { font-size:var(--dreams-small); color:#444; margin-top:.25rem; }&lt;br /&gt;
&lt;br /&gt;
/* B. two-pane contrast */&lt;br /&gt;
.sump-versus { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.25rem 0; }&lt;br /&gt;
.sump-versus__pane { display: flex; flex-direction: column; border:1px solid #e0e0e0; border-radius:6px; padding:.85rem 1rem; background:#fafafa; }&lt;br /&gt;
.sump-versus__pane--accent { background:var(--sump-tint); border-color:var(--sump-accent,#666); }&lt;br /&gt;
.sump-versus__head { font-weight:700; margin-bottom:.35rem; }&lt;br /&gt;
@media (max-width:560px){ .sump-versus { grid-template-columns:1fr; } }&lt;br /&gt;
&lt;br /&gt;
.sump-versus__fig { margin-top: auto;  padding-top: 1em; margin-bottom:.6rem; }&lt;br /&gt;
.sump-versus__fig img { display:block; width:100%; height:auto; }&lt;br /&gt;
.sump-versus__fig--small {&lt;br /&gt;
  max-width: 60%;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
.sump-versus__fig--small img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* optional inline continuity marker */&lt;br /&gt;
.sump-thread { font-size:var(--dreams-small); font-weight:600; color:var(--sump-accent,#666); }&lt;br /&gt;
&lt;br /&gt;
.sump-roles dt {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.9em;&lt;br /&gt;
  margin: 1.4em 0 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt:first-child {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dt img {&lt;br /&gt;
  flex: 0 0 64px;&lt;br /&gt;
  width: 64px !important;&lt;br /&gt;
  height: 56px !important;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  object-position: center;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.sump-roles dd {&lt;br /&gt;
  margin: 0 0 0 calc(64px + 0.9em);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-lead-fig {&lt;br /&gt;
  float: right;&lt;br /&gt;
  width: 260px;&lt;br /&gt;
  margin: 0 0 1em 2em;&lt;br /&gt;
}&lt;br /&gt;
.sump-lead-fig img {&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  height: auto !important;&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
.sump-checklist {&lt;br /&gt;
  clear: both;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
  .sump-lead-fig {&lt;br /&gt;
    float: none;&lt;br /&gt;
    width: 200px;&lt;br /&gt;
    margin: 0 auto 1em;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Living-lab example box --- */&lt;br /&gt;
.dreams-lab {&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 8px;&lt;br /&gt;
  padding: .85rem 1.1rem 1rem;&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  line-height: 1.65;&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-lab__tag {&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  padding-bottom: .5rem;&lt;br /&gt;
  margin-bottom: .6rem;&lt;br /&gt;
  border-bottom: 1px solid var(--dreams-border);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-impact-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	grid-template-columns: 1fr;&lt;br /&gt;
	gap: 14px;&lt;br /&gt;
	margin: 1em 0 1.5em;&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 480px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(2, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
@media (min-width: 780px) {&lt;br /&gt;
	.dreams-impact-grid { grid-template-columns: repeat(3, 1fr); }&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-card {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	padding: 1rem 1.1rem;&lt;br /&gt;
	background: #ffffff;&lt;br /&gt;
	border: 1px solid #e7e4f7;&lt;br /&gt;
	border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-head {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-icon {&lt;br /&gt;
	flex: none;&lt;br /&gt;
	width: 38px;&lt;br /&gt;
	height: 38px;&lt;br /&gt;
	border-radius: 10px;&lt;br /&gt;
	background-color: #f3f1ff;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	background-size: 24px 24px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-name {&lt;br /&gt;
	font-size: 1.05em;&lt;br /&gt;
	font-weight: 600;&lt;br /&gt;
	color: #5c4ce4;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body {&lt;br /&gt;
	font-size: 0.95em;&lt;br /&gt;
	line-height: 1.6;&lt;br /&gt;
	color: #333333;&lt;br /&gt;
}&lt;br /&gt;
.dreams-impact-body p { margin: 0; }&lt;br /&gt;
.dreams-impact-icon--accessibility { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%204a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200&#039;%20/%3E%3Cpath%20d=&#039;M7%2021l3%20-4&#039;%20/%3E%3Cpath%20d=&#039;M16%2021l-2%20-4l-3%20-3l1%20-6&#039;%20/%3E%3Cpath%20d=&#039;M6%2012l2%20-3l4%20-1l3%203l3%201&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--carbon { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M5%2021c.5%20-4.5%202.5%20-8%207%20-10&#039;%20/%3E%3Cpath%20d=&#039;M9%2018c6.218%200%2010.5%20-3.288%2011%20-12v-2h-4.014c-9%200%20-11.986%204%20-12%209c0%201%200%203%202%205h3l.014%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--liveability { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M12%2013l-2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2012l2%20-2&#039;%20/%3E%3Cpath%20d=&#039;M12%2021v-13&#039;%20/%3E%3Cpath%20d=&#039;M9.824%2016a3%203%200%200%201%20-2.743%20-3.69a3%203%200%200%201%20.304%20-4.833a3%203%200%200%201%204.615%20-3.707a3%203%200%200%201%204.614%203.707a3%203%200%200%201%20.305%204.833a3%203%200%200%201%20-2.919%203.695h-4l-.176%20-.005&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--health { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2012h4l3%208l4%20-16l3%208h4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--economic { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M3%2021l18%200&#039;%20/%3E%3Cpath%20d=&#039;M3%207v1a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1m0%201a3%203%200%200%200%206%200v-1h-18l2%20-4h14l2%204&#039;%20/%3E%3Cpath%20d=&#039;M5%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M19%2021l0%20-10.15&#039;%20/%3E%3Cpath%20d=&#039;M9%2021v-4a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v4&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--equity { background-image: url(&amp;quot;data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;24&#039;%20height=&#039;24&#039;%20viewBox=&#039;0%200%2024%2024&#039;%20fill=&#039;none&#039;%20stroke=&#039;%235c4ce4&#039;%20stroke-width=&#039;2&#039;%20stroke-linecap=&#039;round&#039;%20stroke-linejoin=&#039;round&#039;%3E%3Cpath%20d=&#039;M7%2020l10%200&#039;%20/%3E%3Cpath%20d=&#039;M6%206l6%20-1l6%201&#039;%20/%3E%3Cpath%20d=&#039;M12%203l0%2017&#039;%20/%3E%3Cpath%20d=&#039;M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3Cpath%20d=&#039;M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200&#039;%20/%3E%3C/svg%3E&amp;quot;); }&lt;br /&gt;
.dreams-impact-icon--governance { background-image: url(&amp;quot;/wiki/Special:FilePath/DREAMS-impact-governance.svg&amp;quot;); }&lt;br /&gt;
&lt;br /&gt;
/* ── Partner logo bar (main page footer) ── */&lt;br /&gt;
.partner-logo-bar {&lt;br /&gt;
  margin: 2.5em 0 0;&lt;br /&gt;
  padding-top: 2em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__label {&lt;br /&gt;
  font-size: 0.72em;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: 0.09em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: #8a8aaa;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  gap: 0.5em;&lt;br /&gt;
  margin-bottom: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
  width: calc(20% - 0.4em);&lt;br /&gt;
  min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  height: 60px;&lt;br /&gt;
  padding: 6px 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item a {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item img {&lt;br /&gt;
  max-height: 42px;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item figure,&lt;br /&gt;
.partner-logo-bar__item .thumb,&lt;br /&gt;
.partner-logo-bar__item .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item .thumbcaption,&lt;br /&gt;
.partner-logo-bar__item .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--narrow img { max-width: 75px; }&lt;br /&gt;
.partner-logo-bar__item--boost img  { min-height: 58px; }&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text {&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a {&lt;br /&gt;
  color: #5c4ce4 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__item--text a:hover {&lt;br /&gt;
  text-decoration: underline !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer {&lt;br /&gt;
  margin-top: 0.5em;&lt;br /&gt;
  padding-top: 1em;&lt;br /&gt;
  border-top: 1px solid #e1e4ff;&lt;br /&gt;
  font-size: 0.82em;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 0.75em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer img {&lt;br /&gt;
  max-height: 40px;&lt;br /&gt;
  max-width: 130px;&lt;br /&gt;
  width: auto;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  object-fit: contain;&lt;br /&gt;
  flex-shrink: 0;&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer figure,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumb,&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbinner {&lt;br /&gt;
  border: none !important;&lt;br /&gt;
  background: none !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.partner-logo-bar__disclaimer .thumbcaption,&lt;br /&gt;
.partner-logo-bar__disclaimer .magnify { display: none !important; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 700px) {&lt;br /&gt;
  .partner-logo-bar__row {&lt;br /&gt;
    grid-template-columns: repeat(3, 1fr);&lt;br /&gt;
  }&lt;br /&gt;
  .partner-logo-bar__row--flex .partner-logo-bar__item {&lt;br /&gt;
    width: calc(33% - 0.4em);&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sump-prereq {&lt;br /&gt;
  margin: 1.5rem 0;&lt;br /&gt;
  padding: 1.1rem 1.3rem 1.2rem;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__title { font-weight: 700; color: var(--dreams-dark); margin-bottom: .9rem; }&lt;br /&gt;
.sump-prereq__list { display: grid; gap: .65rem; }&lt;br /&gt;
.sump-prereq__item { display: grid; grid-template-columns: 1.3rem 1fr; gap: .7rem; align-items: start; }&lt;br /&gt;
.sump-prereq__box {&lt;br /&gt;
  width: 1.2rem; height: 1.2rem; margin-top: .12rem;&lt;br /&gt;
  border: 2px solid var(--dreams-primary); border-radius: 4px;&lt;br /&gt;
  background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .8rem .8rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__text { line-height: 1.45; }&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__box {&lt;br /&gt;
  background-color: var(--dreams-primary);&lt;br /&gt;
  background-image: url(&amp;quot;data:image/svg+xml,%3Csvg xmlns=&#039;http://www.w3.org/2000/svg&#039; viewBox=&#039;0 0 24 24&#039;%3E%3Cpath fill=&#039;none&#039; stroke=&#039;%23ffffff&#039; stroke-width=&#039;3.5&#039; stroke-linecap=&#039;round&#039; stroke-linejoin=&#039;round&#039; d=&#039;M5 12.5l4.5 4.5L19 7&#039;/%3E%3C/svg%3E&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq__item--done .sump-prereq__text { color: #6a6a6a; }&lt;br /&gt;
.sump-prereq--outcome {&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
.sump-prereq--outcome .sump-prereq__title {&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl { margin: 1.25rem 0; }&lt;br /&gt;
.sump-step dl dt {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  margin-top: .9rem;&lt;br /&gt;
}&lt;br /&gt;
.sump-step dl dt:first-child { margin-top: 0; }&lt;br /&gt;
.sump-step dl dd {&lt;br /&gt;
  margin: .2rem 0 0 1.2rem;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* --- Tool tutorial --- */&lt;br /&gt;
.dreams-tutorial { counter-reset: tut; margin: 1rem 0 2rem; }&lt;br /&gt;
.dreams-tutorial__step {&lt;br /&gt;
  counter-increment: tut;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 28px 1fr;&lt;br /&gt;
  gap: 0 12px;&lt;br /&gt;
  padding: 1.25rem 0;&lt;br /&gt;
  border-top: 1px solid #e8e8e8;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__step:first-child { border-top: none; padding-top: 0; }&lt;br /&gt;
.dreams-tutorial__step::before {&lt;br /&gt;
  content: counter(tut);&lt;br /&gt;
  width: 24px;&lt;br /&gt;
  height: 24px;&lt;br /&gt;
  background: var(--dreams-primary);&lt;br /&gt;
  color: var(--dreams-text-on);&lt;br /&gt;
  border-radius: 50%;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  grid-column: 1;&lt;br /&gt;
  grid-row: 1;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial__title { grid-column: 2; font-weight: 700; color: var(--dreams-primary); line-height: 24px; }&lt;br /&gt;
.dreams-tutorial__body  { grid-column: 2; line-height: 1.7; margin-top: .35rem; }&lt;br /&gt;
.dreams-tutorial__shot  { grid-column: 2; margin-top: .85rem; }&lt;br /&gt;
.dreams-tutorial__shot p { margin: 0; }&lt;br /&gt;
.dreams-tutorial img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  max-width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tutorial .sump-versus { grid-column: 2; margin: .85rem 0 0; }&lt;br /&gt;
.dreams-tutorial .sump-versus__pane { padding: .6rem; }&lt;br /&gt;
@media (max-width: 560px) {&lt;br /&gt;
  .dreams-tutorial__step { grid-template-columns: 1fr; }&lt;br /&gt;
  .dreams-tutorial__step::before { margin-bottom: .4rem; }&lt;br /&gt;
  .dreams-tutorial__title, .dreams-tutorial__body,&lt;br /&gt;
  .dreams-tutorial__shot, .dreams-tutorial .sump-versus { grid-column: 1; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dreams-legend {&lt;br /&gt;
  grid-column: 2;&lt;br /&gt;
  max-width: 26rem;&lt;br /&gt;
  margin-top: 1rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__title {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  letter-spacing: .06em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  margin-bottom: .4rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__scale {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr);&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  color: #555;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band::before {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  display: block;&lt;br /&gt;
  height: 12px;&lt;br /&gt;
  margin-bottom: .3rem;&lt;br /&gt;
}&lt;br /&gt;
.dreams-legend__band--1::before { background: #440154; border-radius: 3px 0 0 3px; }&lt;br /&gt;
.dreams-legend__band--2::before { background: #3b528b; }&lt;br /&gt;
.dreams-legend__band--3::before { background: #21918c; }&lt;br /&gt;
.dreams-legend__band--4::before { background: #5ec962; }&lt;br /&gt;
.dreams-legend__band--5::before { background: #fde725; border-radius: 0 3px 3px 0; }&lt;br /&gt;
.dreams-legend__ends {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  color: #888;&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  margin-top: .15rem;&lt;br /&gt;
}&lt;br /&gt;
@media (max-width: 560px) { .dreams-legend { grid-column: 1; } }&lt;br /&gt;
&lt;br /&gt;
/* ── Tools overview cards ── */&lt;br /&gt;
.dreams-tools-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));&lt;br /&gt;
  gap: 22px;&lt;br /&gt;
  margin: 1.4em 0 1em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 6px 16px rgba(92,76,228,0.08);&lt;br /&gt;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover,&lt;br /&gt;
.dreams-tool-card:focus-within {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
  box-shadow: 0 12px 28px rgba(92,76,228,0.16);&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__head {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  padding: 18px 20px;&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-bottom: 1px solid #e1e4ff;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__icon img { display: block; width: 60px; height: 60px; }&lt;br /&gt;
.dreams-tool-card__kind {&lt;br /&gt;
  font-size: .75em;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  letter-spacing: .04em;&lt;br /&gt;
  text-transform: uppercase;&lt;br /&gt;
  color: var(--dreams-dark);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .25em .8em;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__body {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-direction: column;&lt;br /&gt;
  gap: 10px;&lt;br /&gt;
  flex: 1;&lt;br /&gt;
  padding: 16px 20px 18px;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__title { font-size: 1.3em; font-weight: 700; line-height: 1.25; }&lt;br /&gt;
.dreams-tool-card__title a { color: var(--dreams-primary) !important; text-decoration: none !important; }&lt;br /&gt;
/* stretched link: the title link covers the whole card */&lt;br /&gt;
.dreams-tool-card__title a::after { content: &amp;quot;&amp;quot;; position: absolute; inset: 0; z-index: 1; }&lt;br /&gt;
.dreams-tool-card__title a:focus { outline: none; }&lt;br /&gt;
.dreams-tool-card__question {&lt;br /&gt;
  font-style: italic;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  border-left: 3px solid var(--dreams-primary);&lt;br /&gt;
  padding-left: .7em;&lt;br /&gt;
  line-height: 1.45;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__text { font-size: .95em; line-height: 1.6; color: #444; flex: 1; }&lt;br /&gt;
.dreams-tool-card__steps {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 6px;&lt;br /&gt;
  font-size: .8em;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps-label { color: #777; font-weight: 600; margin-right: 2px; }&lt;br /&gt;
.dreams-tool-card__steps a,&lt;br /&gt;
.dreams-tool-card__launch a {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border: 1px solid #e1e4ff;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  padding: .15em .7em;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__steps a:hover { border-color: var(--dreams-primary); }&lt;br /&gt;
.dreams-tool-card__foot {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: space-between;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: 8px;&lt;br /&gt;
  margin-top: 4px;&lt;br /&gt;
  padding-top: 12px;&lt;br /&gt;
  border-top: 1px solid #eeeafd;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card__cta { font-weight: 700; color: var(--dreams-primary); font-size: .95em; }&lt;br /&gt;
.dreams-tool-card__cta::after { &lt;br /&gt;
  content: &amp;quot;\2192&amp;quot;;          &lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  margin-left: .35em;       &lt;br /&gt;
  transition: transform .18s ease;&lt;br /&gt;
}&lt;br /&gt;
.dreams-tool-card:hover .dreams-tool-card__cta::after { transform: translateX(4px); }&lt;br /&gt;
.dreams-tool-card__launch { font-size: .85em; }&lt;br /&gt;
.dreams-tool-card__launch a,&lt;br /&gt;
.dreams-tool-card__launch a.external { color: var(--dreams-dark) !important; background: none !important; padding-right: 0 !important; }&lt;br /&gt;
&lt;br /&gt;
/* --- link row --- */&lt;br /&gt;
.dreams-linkrow {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  flex-wrap: wrap;&lt;br /&gt;
  gap: .5rem;&lt;br /&gt;
  margin: .75rem 0 1.5rem;&lt;br /&gt;
  font-size: var(--dreams-small);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow &amp;gt; p { display: contents; }&lt;br /&gt;
.dreams-linkrow a {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: baseline;&lt;br /&gt;
  gap: .4em;&lt;br /&gt;
  padding: .3rem .75rem;&lt;br /&gt;
  border: 1px solid var(--dreams-border);&lt;br /&gt;
  border-radius: 6px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  color: var(--dreams-dark) !important;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  transition: background .15s, border-color .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a::after {&lt;br /&gt;
  content: &amp;quot;→&amp;quot;;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: var(--dreams-primary);&lt;br /&gt;
  transition: transform .15s;&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover {&lt;br /&gt;
  background: var(--dreams-tint);&lt;br /&gt;
  border-color: var(--dreams-primary);&lt;br /&gt;
}&lt;br /&gt;
.dreams-linkrow a:hover::after { transform: translateX(2px); }&lt;br /&gt;
.dreams-linkrow__meta {&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  color: #666;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Manage_implementation&amp;diff=2213</id>
		<title>Manage implementation</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Manage_implementation&amp;diff=2213"/>
		<updated>2026-10-19T09:58:14Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=10|phase=4|title=Manage implementation}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
Phase four is where the plan stops being a document. The measures adopted in [[Prepare for adoption and financing|the previous step]] now have to be detailed, contracted, built and switched on, by departments and organisations that each hold one piece of the work. SUMP asks for two things here. The responsible bodies plan the technical detail of their own projects and procure whatever has to be bought, and somebody coordinates the whole programme so that the pieces arrive in an order that works. In the outskirts the second is the difficult one because the pieces belong to different employers and the slowest of them sets the pace for everyone.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The adopted plan with the budget decision behind it because delivery that starts before the vote is delivery nobody is obliged to honour.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A written list of what each first-year measure depends on outside your own administration, meaning permits, tenders, third-party works and the dates any of them expire.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;Someone whose job is the whole programme rather than one measure of it, with protected time for it, since the handovers between organisations are what needs watching.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== The critical path is not the construction ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/3|Budapest, Rákosmente]]&amp;lt;/div&amp;gt;&lt;br /&gt;
Putting a public bike-share into an outer district of Budapest meant running two tracks in parallel for well over a year before anything appeared on a street. One track was the service. The district authority, the city transport authority, the national transport research institute and the university worked through legal requirements, then folded the pilot area into the city&#039;s own next-generation bike-share framework, then negotiated and signed a service contract. The other track was the stations. Macro-level siting, then detailed micro-siting, then a contract with one firm for the civil engineering design, then permits and construction planning, then authorisations from the district, the transport authority and the city roads body, then a second contract with a second firm to build them. Construction itself took the last quarter of the programme.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Two things in that account are worth taking seriously. The first is the proportion. Almost all of the elapsed time went on legal work, siting, permissions and contracting, and the visible part, putting stations in the ground, was the short bit at the end ([[Publications/5|Deliverable 5.1]]). A delivery plan that schedules the construction carefully and treats the permissions as an administrative preliminary has the wrong shape and will slip.&lt;br /&gt;
&lt;br /&gt;
The second is what happened to the timing. The launch depended on the readiness of the citywide bike-share extension, which a different organisation was rolling out, and when that slipped the lab&#039;s operating period was cut from six months to three. The content of the pilot survived intact. What suffered was the comparison because a shortened window changes which season the service is judged in ([[Living_Labs/3|the Budapest lab&#039;s own account]]). That is the characteristic shape of a periphery delay. The measure still gets delivered, and the cost of the delay lands on the evidence rather than on the thing itself.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;[[File:Dependencies.svg|frameless|link=|alt=|240px]]Name the dependencies you do not control&amp;lt;/div&amp;gt;&lt;br /&gt;
Write down, for each measure, every event outside your own administration that has to happen first. A neighbouring authority&#039;s tender cycle, a utility&#039;s works, a permit from a roads body, another organisation&#039;s system launch, an operator&#039;s concession renewal. Give each one an owner inside your programme whose only job is to ask about it regularly, and agree now what you will do if it moves, including whether the measurement window moves with it. A dependency that nobody is watching is not a risk you have accepted, it is one you have not noticed.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Procurement decides what you actually get ==&lt;br /&gt;
&lt;br /&gt;
Most of what a mobility plan promises in the outskirts is a service somebody else operates, so the contract is the measure. The DREAMS review of shared mobility governance is blunt about what goes wrong. Operators do not always honour what they agreed, whether that is the number of vehicles kept in an area or the transmission of operating data, and they tend to drift back towards the dense parts of their territory. Checking compliance costs the authority staff time, and without penalties there is little reason for an operator to prefer the thin area. The free-floating market in particular is volatile, with operators arriving, merging, withdrawing and failing, which matters most in sparsely populated areas where profitability was uncertain to begin with ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&lt;br /&gt;
Four things follow for the specification. Write the service level as something observable in your area rather than as a fleet total, since vehicles registered to a city are not vehicles available in an outskirt. Make data transmission an obligation with a named format and frequency because everything the [[Monitor, adapt and communicate|monitoring step]] needs either arrives under this clause or does not arrive. Budget the staff time to check compliance and attach a consequence to failing it, as a condition nobody verifies is a condition nobody meets. And provide for the operator disappearing, since in a thin market the replacement you would turn to may not exist.&lt;br /&gt;
&lt;br /&gt;
== Running the delivery ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sequence-wrap&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Sequence by dependency, not by ambition.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Order the first year around what unblocks other work rather than around what is most visible. A permission chain that runs nine months has to start before a measure that takes nine weeks, even if the short one is the one people are waiting for.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Start the slow contract first.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A service agreement and a construction contract are separate procurements on different clocks, and they rarely need to start together. Work backwards from the launch date to find which one has to be signed first.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Fix the before-state before the works begin.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Once delivery starts the situation you were going to compare against is gone. Collect the last baseline readings for each measure while the ground is still untouched, using the indicators already agreed for it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Hold a standing coordination point.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A short regular meeting across the delivering organisations, with the dependency list as its agenda rather than a round of progress reports. In a programme with no shared line of command this meeting is the coordination.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Re-check what other people are doing.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;External dependencies move quietly. Ask about each one at every coordination point and record the answer, so a slip surfaces while there is still room to respond to it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Agree in advance what a slipped date triggers.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Decide which measures may be resequenced, which cannot move without a fresh decision, and who takes that decision. Settled beforehand, a delay becomes a choice. Settled afterwards, it becomes drift.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Test small before you build permanent ==&lt;br /&gt;
&lt;br /&gt;
The [[Living_Labs/1|Vienna lab]] went the other way entirely. Instead of building, it reactivated an underused space in Liesing as a flexible activity hub, with cultural and food offers, and invited residents and local initiatives to help shape and run it, recruiting the people behind the offers through a neighbourhood platform they already used. Next to it stood a temporary bike-sharing station that needed no docking infrastructure at all, since it worked as a designated area inside the city&#039;s existing mobility app. The whole thing was set up and operating across roughly six weeks of one summer ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
Neither route is the better one. They buy different things.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__pane&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__head&amp;quot;&amp;gt;A temporary set-up&amp;lt;/div&amp;gt;&lt;br /&gt;
Produces evidence, and a working relationship with the people who might use the permanent version, inside a single season and for very little money. The DREAMS review makes the same point about hubs generally, that a tactical approach lets them be prototyped and tested before anything is made permanent ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__fig sump-versus__fig--small&amp;quot;&amp;gt;[[File:TemporarySetup.svg|frameless|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__pane sump-versus__pane&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__head&amp;quot;&amp;gt;A built station&amp;lt;/div&amp;gt;&lt;br /&gt;
Commits capital and leaves a permanent asset that is difficult to reverse. The right call once a measure has already proved itself.&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__fig sump-versus__fig--small&amp;quot;&amp;gt;[[File:BuiltStation.svg|frameless|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
The question to settle before delivery starts is which measures in your package you are confident enough to build outright, and which ones should be tried in a reversible form first while the capital is still uncommitted.&lt;br /&gt;
&lt;br /&gt;
== Record it while it happens ==&lt;br /&gt;
&lt;br /&gt;
Alongside measuring what an intervention achieved, DREAMS evaluates how it was implemented, looking at the decisions taken, the governance and stakeholder dynamics around them, the logistical and organisational problems that came up, and whether administrative delay played a part ([[Publications/6|Deliverable 6.1]]). That work is mostly interviews and conversation, and it is much easier while people still remember.&lt;br /&gt;
&lt;br /&gt;
Keep a short-dated record of each deviation and the decision taken in response, from the first day of delivery. It costs very little, and it is what makes the next two steps possible. An indicator that comes back disappointing has two quite different explanations, that the measure was the wrong one or that it was never delivered as designed, and only the delivery record separates them. The same record is what lets [[Review and learn lessons|the final step]] pass on something another outskirt can actually use, which is rarely the measure itself and almost always the account of what it took to get it built.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://bsr-sump.eu/m4-small-scale-experiments/ Small-scale experiments] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(Baltic Sea Region Competence Centre)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Argues for testing before investing and backs it with pilots from Helsinki, Aarhus, Groningen and Turku, a step-by-step model for planning one, and a short risk-assessment exercise you can run over your own first measures.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/document/download/3c614dd0-4138-4b96-bc06-dc4e09e4149f_en?filename=public_procurement_of_sump.pdf Public procurement of sustainable urban mobility measures] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(EU reference guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Walks through a procurement stage by stage, including life-cycle costing and how a specification can pull a market towards the outcome you want.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://gbfs.org/learn/data-policy/ GBFS data policy guidance]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Model wording for requiring a public, standardised real-time feed of vehicle and station availability, and for checking it against the official validator, for the data clause in a shared mobility contract.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 10, Manage implementation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/5|DREAMS Deliverable 5.1]]&amp;lt;/span&amp;gt;: set-up of the living labs, including the Budapest service and station schedules and the Vienna flexible hub.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the living lab interventions and timelines, and the process evaluation approach used to study how they were implemented.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/3|DREAMS Deliverable 2.2]]&amp;lt;/span&amp;gt;: operator compliance, market volatility and the tactical approach to prototyping hubs before permanent implementation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Living_Labs/3|Living lab Budapest, Rákosmente]]&amp;lt;/span&amp;gt;: the lab&#039;s own account of the rollout and the shortened operating period.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/10-Umsetzung/umsetzung.html Umsetzung gewährleisten]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=10}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Manage_implementation&amp;diff=2212</id>
		<title>Manage implementation</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Manage_implementation&amp;diff=2212"/>
		<updated>2026-10-19T09:56:43Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=10|phase=4|title=Manage implementation}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
Phase four is where the plan stops being a document. The measures adopted in [[Prepare for adoption and financing|the previous step]] now have to be detailed, contracted, built and switched on, by departments and organisations that each hold one piece of the work. SUMP asks for two things here. The responsible bodies plan the technical detail of their own projects and procure whatever has to be bought, and somebody coordinates the whole programme so that the pieces arrive in an order that works. In the outskirts the second is the difficult one because the pieces belong to different employers and the slowest of them sets the pace for everyone.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The adopted plan with the budget decision behind it because delivery that starts before the vote is delivery nobody is obliged to honour.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A written list of what each first-year measure depends on outside your own administration, meaning permits, tenders, third-party works and the dates any of them expire.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;Someone whose job is the whole programme rather than one measure of it, with protected time for it, since the handovers between organisations are what needs watching.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== The critical path is not the construction ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/3|Budapest, Rákosmente]]&amp;lt;/div&amp;gt;&lt;br /&gt;
Putting a public bike-share into an outer district of Budapest meant running two tracks in parallel for well over a year before anything appeared on a street. One track was the service. The district authority, the city transport authority, the national transport research institute and the university worked through legal requirements, then folded the pilot area into the city&#039;s own next-generation bike-share framework, then negotiated and signed a service contract. The other track was the stations. Macro-level siting, then detailed micro-siting, then a contract with one firm for the civil engineering design, then permits and construction planning, then authorisations from the district, the transport authority and the city roads body, then a second contract with a second firm to build them. Construction itself took the last quarter of the programme.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Two things in that account are worth taking seriously. The first is the proportion. Almost all of the elapsed time went on legal work, siting, permissions and contracting, and the visible part, putting stations in the ground, was the short bit at the end ([[Publications/5|Deliverable 5.1]]). A delivery plan that schedules the construction carefully and treats the permissions as an administrative preliminary has the wrong shape and will slip.&lt;br /&gt;
&lt;br /&gt;
The second is what happened to the timing. The launch depended on the readiness of the citywide bike-share extension, which a different organisation was rolling out, and when that slipped the lab&#039;s operating period was cut from six months to three. The content of the pilot survived intact. What suffered was the comparison because a shortened window changes which season the service is judged in ([[Living_Labs/3|the Budapest lab&#039;s own account]]). That is the characteristic shape of a periphery delay. The measure still gets delivered, and the cost of the delay lands on the evidence rather than on the thing itself.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;[[File:Dependencies.svg|frameless|link=|alt=|240px]]Name the dependencies you do not control&amp;lt;/div&amp;gt;&lt;br /&gt;
Write down, for each measure, every event outside your own administration that has to happen first. A neighbouring authority&#039;s tender cycle, a utility&#039;s works, a permit from a roads body, another organisation&#039;s system launch, an operator&#039;s concession renewal. Give each one an owner inside your programme whose only job is to ask about it regularly, and agree now what you will do if it moves, including whether the measurement window moves with it. A dependency that nobody is watching is not a risk you have accepted, it is one you have not noticed.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Procurement decides what you actually get ==&lt;br /&gt;
&lt;br /&gt;
Most of what a mobility plan promises in the outskirts is a service somebody else operates, so the contract is the measure. The DREAMS review of shared mobility governance is blunt about what goes wrong. Operators do not always honour what they agreed, whether that is the number of vehicles kept in an area or the transmission of operating data, and they tend to drift back towards the dense parts of their territory. Checking compliance costs the authority staff time, and without penalties there is little reason for an operator to prefer the thin area. The free-floating market in particular is volatile, with operators arriving, merging, withdrawing and failing, which matters most in sparsely populated areas where profitability was uncertain to begin with ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&lt;br /&gt;
Four things follow for the specification. Write the service level as something observable in your area rather than as a fleet total, since vehicles registered to a city are not vehicles available in an outskirt. Make data transmission an obligation with a named format and frequency because everything the [[Monitor, adapt and communicate|monitoring step]] needs either arrives under this clause or does not arrive. Budget the staff time to check compliance and attach a consequence to failing it, as a condition nobody verifies is a condition nobody meets. And provide for the operator disappearing, since in a thin market the replacement you would turn to may not exist.&lt;br /&gt;
&lt;br /&gt;
== Running the delivery ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sequence-wrap&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Sequence by dependency, not by ambition.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Order the first year around what unblocks other work rather than around what is most visible. A permission chain that runs nine months has to start before a measure that takes nine weeks, even if the short one is the one people are waiting for.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Start the slow contract first.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A service agreement and a construction contract are separate procurements on different clocks, and they rarely need to start together. Work backwards from the launch date to find which one has to be signed first.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Fix the before-state before the works begin.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Once delivery starts the situation you were going to compare against is gone. Collect the last baseline readings for each measure while the ground is still untouched, using the indicators already agreed for it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Hold a standing coordination point.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A short regular meeting across the delivering organisations, with the dependency list as its agenda rather than a round of progress reports. In a programme with no shared line of command this meeting is the coordination.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Re-check what other people are doing.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;External dependencies move quietly. Ask about each one at every coordination point and record the answer, so a slip surfaces while there is still room to respond to it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Agree in advance what a slipped date triggers.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Decide which measures may be resequenced, which cannot move without a fresh decision, and who takes that decision. Settled beforehand, a delay becomes a choice. Settled afterwards, it becomes drift.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Test small before you build permanent ==&lt;br /&gt;
&lt;br /&gt;
The [[Living_Labs/1|Vienna lab]] went the other way entirely. Instead of building, it reactivated an underused space in Liesing as a flexible activity hub, with cultural and food offers, and invited residents and local initiatives to help shape and run it, recruiting the people behind the offers through a neighbourhood platform they already used. Next to it stood a temporary bike-sharing station that needed no docking infrastructure at all, since it worked as a designated area inside the city&#039;s existing mobility app. The whole thing was set up and operating across roughly six weeks of one summer ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
Neither route is the better one. They buy different things.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__pane&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__head&amp;quot;&amp;gt;A built station&amp;lt;/div&amp;gt;&lt;br /&gt;
Commits capital and leaves a permanent asset that is difficult to reverse. The right call once a measure has already proved itself.&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__fig sump-versus__fig--small&amp;quot;&amp;gt;[[File:BuiltStation.svg|frameless|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__pane sump-versus__pane--accent&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__head&amp;quot;&amp;gt;A temporary set-up&amp;lt;/div&amp;gt;&lt;br /&gt;
Produces evidence, and a working relationship with the people who might use the permanent version, inside a single season and for very little money. The DREAMS review makes the same point about hubs generally, that a tactical approach lets them be prototyped and tested before anything is made permanent ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__fig sump-versus__fig--small&amp;quot;&amp;gt;[[File:TemporarySetup.svg|frameless|link=|alt=]]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
The question to settle before delivery starts is which measures in your package you are confident enough to build outright, and which ones should be tried in a reversible form first while the capital is still uncommitted.&lt;br /&gt;
&lt;br /&gt;
== Record it while it happens ==&lt;br /&gt;
&lt;br /&gt;
Alongside measuring what an intervention achieved, DREAMS evaluates how it was implemented, looking at the decisions taken, the governance and stakeholder dynamics around them, the logistical and organisational problems that came up, and whether administrative delay played a part ([[Publications/6|Deliverable 6.1]]). That work is mostly interviews and conversation, and it is much easier while people still remember.&lt;br /&gt;
&lt;br /&gt;
Keep a short-dated record of each deviation and the decision taken in response, from the first day of delivery. It costs very little, and it is what makes the next two steps possible. An indicator that comes back disappointing has two quite different explanations, that the measure was the wrong one or that it was never delivered as designed, and only the delivery record separates them. The same record is what lets [[Review and learn lessons|the final step]] pass on something another outskirt can actually use, which is rarely the measure itself and almost always the account of what it took to get it built.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://bsr-sump.eu/m4-small-scale-experiments/ Small-scale experiments] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(Baltic Sea Region Competence Centre)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Argues for testing before investing and backs it with pilots from Helsinki, Aarhus, Groningen and Turku, a step-by-step model for planning one, and a short risk-assessment exercise you can run over your own first measures.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/document/download/3c614dd0-4138-4b96-bc06-dc4e09e4149f_en?filename=public_procurement_of_sump.pdf Public procurement of sustainable urban mobility measures] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(EU reference guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Walks through a procurement stage by stage, including life-cycle costing and how a specification can pull a market towards the outcome you want.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://gbfs.org/learn/data-policy/ GBFS data policy guidance]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Model wording for requiring a public, standardised real-time feed of vehicle and station availability, and for checking it against the official validator, for the data clause in a shared mobility contract.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 10, Manage implementation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/5|DREAMS Deliverable 5.1]]&amp;lt;/span&amp;gt;: set-up of the living labs, including the Budapest service and station schedules and the Vienna flexible hub.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the living lab interventions and timelines, and the process evaluation approach used to study how they were implemented.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/3|DREAMS Deliverable 2.2]]&amp;lt;/span&amp;gt;: operator compliance, market volatility and the tactical approach to prototyping hubs before permanent implementation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Living_Labs/3|Living lab Budapest, Rákosmente]]&amp;lt;/span&amp;gt;: the lab&#039;s own account of the rollout and the shortened operating period.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/10-Umsetzung/umsetzung.html Umsetzung gewährleisten]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=10}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:TemporarySetup.svg&amp;diff=2211</id>
		<title>File:TemporarySetup.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:TemporarySetup.svg&amp;diff=2211"/>
		<updated>2026-10-19T09:55:37Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=File:BuiltStation.svg&amp;diff=2210</id>
		<title>File:BuiltStation.svg</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=File:BuiltStation.svg&amp;diff=2210"/>
		<updated>2026-10-19T09:55:24Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Manage_implementation&amp;diff=2209</id>
		<title>Manage implementation</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Manage_implementation&amp;diff=2209"/>
		<updated>2026-10-19T09:53:57Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=10|phase=4|title=Manage implementation}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
Phase four is where the plan stops being a document. The measures adopted in [[Prepare for adoption and financing|the previous step]] now have to be detailed, contracted, built and switched on, by departments and organisations that each hold one piece of the work. SUMP asks for two things here. The responsible bodies plan the technical detail of their own projects and procure whatever has to be bought, and somebody coordinates the whole programme so that the pieces arrive in an order that works. In the outskirts the second is the difficult one because the pieces belong to different employers and the slowest of them sets the pace for everyone.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The adopted plan with the budget decision behind it because delivery that starts before the vote is delivery nobody is obliged to honour.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A written list of what each first-year measure depends on outside your own administration, meaning permits, tenders, third-party works and the dates any of them expire.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;Someone whose job is the whole programme rather than one measure of it, with protected time for it, since the handovers between organisations are what needs watching.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== The critical path is not the construction ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/3|Budapest, Rákosmente]]&amp;lt;/div&amp;gt;&lt;br /&gt;
Putting a public bike-share into an outer district of Budapest meant running two tracks in parallel for well over a year before anything appeared on a street. One track was the service. The district authority, the city transport authority, the national transport research institute and the university worked through legal requirements, then folded the pilot area into the city&#039;s own next-generation bike-share framework, then negotiated and signed a service contract. The other track was the stations. Macro-level siting, then detailed micro-siting, then a contract with one firm for the civil engineering design, then permits and construction planning, then authorisations from the district, the transport authority and the city roads body, then a second contract with a second firm to build them. Construction itself took the last quarter of the programme.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Two things in that account are worth taking seriously. The first is the proportion. Almost all of the elapsed time went on legal work, siting, permissions and contracting, and the visible part, putting stations in the ground, was the short bit at the end ([[Publications/5|Deliverable 5.1]]). A delivery plan that schedules the construction carefully and treats the permissions as an administrative preliminary has the wrong shape and will slip.&lt;br /&gt;
&lt;br /&gt;
The second is what happened to the timing. The launch depended on the readiness of the citywide bike-share extension, which a different organisation was rolling out, and when that slipped the lab&#039;s operating period was cut from six months to three. The content of the pilot survived intact. What suffered was the comparison because a shortened window changes which season the service is judged in ([[Living_Labs/3|the Budapest lab&#039;s own account]]). That is the characteristic shape of a periphery delay. The measure still gets delivered, and the cost of the delay lands on the evidence rather than on the thing itself.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;[[File:Dependencies.svg|frameless|link=|alt=|240px]]Name the dependencies you do not control&amp;lt;/div&amp;gt;&lt;br /&gt;
Write down, for each measure, every event outside your own administration that has to happen first. A neighbouring authority&#039;s tender cycle, a utility&#039;s works, a permit from a roads body, another organisation&#039;s system launch, an operator&#039;s concession renewal. Give each one an owner inside your programme whose only job is to ask about it regularly, and agree now what you will do if it moves, including whether the measurement window moves with it. A dependency that nobody is watching is not a risk you have accepted, it is one you have not noticed.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Procurement decides what you actually get ==&lt;br /&gt;
&lt;br /&gt;
Most of what a mobility plan promises in the outskirts is a service somebody else operates, so the contract is the measure. The DREAMS review of shared mobility governance is blunt about what goes wrong. Operators do not always honour what they agreed, whether that is the number of vehicles kept in an area or the transmission of operating data, and they tend to drift back towards the dense parts of their territory. Checking compliance costs the authority staff time, and without penalties there is little reason for an operator to prefer the thin area. The free-floating market in particular is volatile, with operators arriving, merging, withdrawing and failing, which matters most in sparsely populated areas where profitability was uncertain to begin with ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&lt;br /&gt;
Four things follow for the specification. Write the service level as something observable in your area rather than as a fleet total, since vehicles registered to a city are not vehicles available in an outskirt. Make data transmission an obligation with a named format and frequency because everything the [[Monitor, adapt and communicate|monitoring step]] needs either arrives under this clause or does not arrive. Budget the staff time to check compliance and attach a consequence to failing it, as a condition nobody verifies is a condition nobody meets. And provide for the operator disappearing, since in a thin market the replacement you would turn to may not exist.&lt;br /&gt;
&lt;br /&gt;
== Running the delivery ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sequence-wrap&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Sequence by dependency, not by ambition.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Order the first year around what unblocks other work rather than around what is most visible. A permission chain that runs nine months has to start before a measure that takes nine weeks, even if the short one is the one people are waiting for.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Start the slow contract first.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A service agreement and a construction contract are separate procurements on different clocks, and they rarely need to start together. Work backwards from the launch date to find which one has to be signed first.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Fix the before-state before the works begin.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Once delivery starts the situation you were going to compare against is gone. Collect the last baseline readings for each measure while the ground is still untouched, using the indicators already agreed for it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Hold a standing coordination point.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;A short regular meeting across the delivering organisations, with the dependency list as its agenda rather than a round of progress reports. In a programme with no shared line of command this meeting is the coordination.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Re-check what other people are doing.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;External dependencies move quietly. Ask about each one at every coordination point and record the answer, so a slip surfaces while there is still room to respond to it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-seq-item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-label&amp;quot;&amp;gt;Agree in advance what a slipped date triggers.&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-seq-desc&amp;quot;&amp;gt;Decide which measures may be resequenced, which cannot move without a fresh decision, and who takes that decision. Settled beforehand, a delay becomes a choice. Settled afterwards, it becomes drift.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== Test small before you build permanent ==&lt;br /&gt;
&lt;br /&gt;
The [[Living_Labs/1|Vienna lab]] went the other way entirely. Instead of building, it reactivated an underused space in Liesing as a flexible activity hub, with cultural and food offers, and invited residents and local initiatives to help shape and run it, recruiting the people behind the offers through a neighbourhood platform they already used. Next to it stood a temporary bike-sharing station that needed no docking infrastructure at all, since it worked as a designated area inside the city&#039;s existing mobility app. The whole thing was set up and operating across roughly six weeks of one summer ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
Neither route is the better one. They buy different things.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__pane&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__head&amp;quot;&amp;gt;A built station&amp;lt;/div&amp;gt;&lt;br /&gt;
Commits capital and leaves a permanent asset that is difficult to reverse. The right call once a measure has already proved itself.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__pane sump-versus__pane--accent&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-versus__head&amp;quot;&amp;gt;A temporary set-up&amp;lt;/div&amp;gt;&lt;br /&gt;
Produces evidence, and a working relationship with the people who might use the permanent version, inside a single season and for very little money. The DREAMS review makes the same point about hubs generally, that a tactical approach lets them be prototyped and tested before anything is made permanent ([[Publications/3|Deliverable 2.2]]).&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
The question to settle before delivery starts is which measures in your package you are confident enough to build outright, and which ones should be tried in a reversible form first while the capital is still uncommitted.&lt;br /&gt;
&lt;br /&gt;
== Record it while it happens ==&lt;br /&gt;
&lt;br /&gt;
Alongside measuring what an intervention achieved, DREAMS evaluates how it was implemented, looking at the decisions taken, the governance and stakeholder dynamics around them, the logistical and organisational problems that came up, and whether administrative delay played a part ([[Publications/6|Deliverable 6.1]]). That work is mostly interviews and conversation, and it is much easier while people still remember.&lt;br /&gt;
&lt;br /&gt;
Keep a short-dated record of each deviation and the decision taken in response, from the first day of delivery. It costs very little, and it is what makes the next two steps possible. An indicator that comes back disappointing has two quite different explanations, that the measure was the wrong one or that it was never delivered as designed, and only the delivery record separates them. The same record is what lets [[Review and learn lessons|the final step]] pass on something another outskirt can actually use, which is rarely the measure itself and almost always the account of what it took to get it built.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://bsr-sump.eu/m4-small-scale-experiments/ Small-scale experiments] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(Baltic Sea Region Competence Centre)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Argues for testing before investing and backs it with pilots from Helsinki, Aarhus, Groningen and Turku, a step-by-step model for planning one, and a short risk-assessment exercise you can run over your own first measures.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/document/download/3c614dd0-4138-4b96-bc06-dc4e09e4149f_en?filename=public_procurement_of_sump.pdf Public procurement of sustainable urban mobility measures] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(EU reference guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Walks through a procurement stage by stage, including life-cycle costing and how a specification can pull a market towards the outcome you want.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://gbfs.org/learn/data-policy/ GBFS data policy guidance]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Model wording for requiring a public, standardised real-time feed of vehicle and station availability, and for checking it against the official validator, for the data clause in a shared mobility contract.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 10, Manage implementation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/5|DREAMS Deliverable 5.1]]&amp;lt;/span&amp;gt;: set-up of the living labs, including the Budapest service and station schedules and the Vienna flexible hub.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the living lab interventions and timelines, and the process evaluation approach used to study how they were implemented.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/3|DREAMS Deliverable 2.2]]&amp;lt;/span&amp;gt;: operator compliance, market volatility and the tactical approach to prototyping hubs before permanent implementation.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Living_Labs/3|Living lab Budapest, Rákosmente]]&amp;lt;/span&amp;gt;: the lab&#039;s own account of the rollout and the shortened operating period.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/4-Umsetzung-Monitoring/10-Umsetzung/umsetzung.html Umsetzung gewährleisten]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=10}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://dreams.mobyome.at/index.php?title=Prepare_for_adoption_and_financing&amp;diff=2208</id>
		<title>Prepare for adoption and financing</title>
		<link rel="alternate" type="text/html" href="https://dreams.mobyome.at/index.php?title=Prepare_for_adoption_and_financing&amp;diff=2208"/>
		<updated>2026-10-19T09:52:01Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{SumpStep/top|step=9|phase=3|title=Prepare for adoption and financing}}&amp;lt;div class=&amp;quot;sump-intro&amp;quot;&amp;gt;&lt;br /&gt;
An action programme with owners and dates against it is still something nobody has approved or paid for. This step does two jobs at once. It builds the financial plan, meaning what each measure costs to build and to run, where that money comes from and how the cost is divided between the bodies that agreed to deliver it, and it finalises the plan document, so a political body can adopt it. In the outskirts the money half is the harder one because the services a peripheral package leans on are the ones that do not pay for themselves at local demand levels.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__title&amp;quot;&amp;gt;Before you start this step&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__list&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The decision route your plan has to travel, meaning which body votes on it, when that body sits, and what it expects to see in the papers beforehand.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;A named finance contact inside every organisation that took on an action because the person who agreed to the work is rarely the person who controls the budget for it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-prereq__item&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;sump-prereq__text&amp;quot;&amp;gt;The arrangements already in force that limit what you can spend, charge or grant locally, including any licence, concession or parking agreement an operator already holds.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== What the Brussels framework actually pays for ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-lab__tag&amp;quot;&amp;gt;[[Living_Labs/5|Brussels, Haren and Neder-Over-Heembeek]]&amp;lt;/div&amp;gt;&lt;br /&gt;
Round-trip car-sharing in the Brussels-Capital Region is regulated by the Region and run by private operators, and under the Good Move mobility plan those operators receive no operating subsidy at all. What the Region does instead is change the surrounding conditions. An operator needs regional approval and has to meet conditions on how its stations are spread, so that vehicles reach beyond the densest districts. The regional parking agency sells operators exemption cards for public parking at a nominal annual fee per vehicle. Residents who deregister a number plate can claim an income-scaled bonus that may only be spent on alternatives to the private car, car-sharing among them. The public transport company and the car-sharing operators sell a combined offer, and the service sits inside the regional mobility app next to the other providers. Cambio, the largest round-trip operator, runs profitably in this arrangement and takes no public subsidy.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Nothing in that arrangement is a cheque written to an operator, and that is the part worth carrying home ([[Publications/3|Deliverable 2.2]]). The Region finances the service by three indirect routes. It subsidises the demand side by putting money in residents&#039; hands and restricting what it can be spent on. It lowers the operator&#039;s cost base using assets the authority already controls, which are parking and street space. And it lifts the operator&#039;s revenue by folding the service into the ticketing and the app people already use. Each of those is a governance decision before it is a financial one, which is why the financing plan cannot be drafted by a finance department working alone.&lt;br /&gt;
&lt;br /&gt;
The same deliverable records the other side of that integration. Building a service into a regional mobility platform costs an operator real money, and operators are reluctant to spend it without some assurance of the journeys it will return, so an authority that wants the integration usually has to fund part of it. Treat platform integration as a line in your budget rather than as a favour you can ask for.&lt;br /&gt;
&lt;br /&gt;
== Why a peripheral service does not pay for itself ==&lt;br /&gt;
&lt;br /&gt;
Compared with a dense district, a shared service in the outskirts carries lower vehicle occupancy and higher overheads, since the same fleet is spread across more ground, and its one structural advantage is that parking costs less ([[Publications/3|Deliverable 2.2]]). Free-floating operators have little commercial reason to be there and concentrate where density carries them, so a plan that assumes they will arrive unaided is planning on nothing. Station-based round-trip car-sharing travels furthest into low density, particularly for households weighing up whether a second car is still worth keeping, and it is the model most likely to reach a balance with modest support.&lt;br /&gt;
&lt;br /&gt;
Mobility hubs need a different frame again. The review found no business case for a hub network and no business model that can be applied to one because a hub is not a business. It is infrastructure a public authority provides, maintains and brands, and the business models sit with the operators using it, with subsidy where local density will not carry them. A hub therefore belongs in the plan as a capital line with a maintenance line attached, not as a service expected to recover its costs. That distinction matters when a package mixes hubs with the other [[Select measure packages with stakeholders|intervention families]] because each family reaches financial viability by a different route and a single funding assumption across all of them will be wrong somewhere.&lt;br /&gt;
&lt;br /&gt;
== Routes to a funded service ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:RoutesFundedService.svg|frameless|link=|alt=|400px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
The DREAMS comparison of governance and business models across Belgium and France turns up a small set of arrangements that have made shared services viable in low density. Most packages need more than one of them, and the useful exercise is to work through the list against each measure rather than to look for a single answer.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-checklist&amp;quot; style=&amp;quot;--sump-accent: var(--dreams-primary);&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-check&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-check__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&#039;&#039;&#039;Guarantee the revenue rather than buy the service.&#039;&#039;&#039; A public body tenders for an operator and pays a guaranteed monthly income covering its costs, so the service can grow into demand that is not there yet. An intermunicipal group of sixteen municipalities south of Ghent did this under its climate plan, and journey numbers rose steadily afterwards.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-check&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-check__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&#039;&#039;&#039;Bundle the thin area with a profitable one.&#039;&#039;&#039; Where an operator may serve the dense districts only on condition that it also serves the periphery, the cross-subsidy happens inside the contract instead of inside your budget.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-check&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-check__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&#039;&#039;&#039;Subsidise the resident rather than the operator.&#039;&#039;&#039; An income-scaled bonus for households giving up a car, spendable only on alternatives, routes money to the service through the people you most want using it.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-check&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-check__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&#039;&#039;&#039;Spend what you control instead of cash.&#039;&#039;&#039; Parking exemptions, station space, charging points and a light reporting burden all cut an operator&#039;s costs, and cost the authority far less than an equivalent subsidy.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-check&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-check__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&#039;&#039;&#039;Bring employers in.&#039;&#039;&#039; Mobility budgets and commuting allowances turn hoped-for demand into committed demand, and can carry a service to break-even in an area public money alone would struggle to reach.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-check&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sump-check__box&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&#039;&#039;&#039;Use the models residents can capitalise themselves.&#039;&#039;&#039; Cooperatives, peer-to-peer schemes and car-sharing arranged with a housing association keep the vehicle capital outside the public budget, which suits areas where local willingness is easier to find than local funding.&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== A discount is not a business model ==&lt;br /&gt;
&lt;br /&gt;
The Utrecht lab set out to find a business model that would get shared cargo bikes used in Overvecht, a low-income district where operators were barely present. Its first proposal was a social business model in which authorities would pay operators small incentives to lower prices for specific groups at specific locations. That plan depended on commercial operators staying in the market, and both of the ones the lab was working with left it, TIER withdrew and Cargoroo went bankrupt, which forced a pivot ([[Living_Labs/2|the Utrecht lab&#039;s own account]]). The lab moved instead towards a resident-run cooperative business model, with local people rather than a commercial operator holding and running the fleet, and used what it learned to inform a municipal subsidy application to help get the cooperative started ([[Publications/6|Deliverable 6.1]]).&lt;br /&gt;
&lt;br /&gt;
The most instructive finding from that lab is discouraging. A city travel pass held by tens of thousands of low-income residents already carried a steep discount on shared bikes, and only a few hundred holders were using it. Price was not the barrier it had been assumed to be, and a fare subsidy financed on its own would have bought very little. What makes the discount usable is the work around it, the cycling lessons, the cheap refurbished bikes, the digital help and the trial credits handed out through community centres and food banks. Fund the discount and it&#039;s scaffolding as one item, or expect the money to sit unclaimed and the measure to be judged a failure of demand.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-callout__label&amp;quot;&amp;gt;Ask when the operator&#039;s contract runs out&amp;lt;/div&amp;gt;&lt;br /&gt;
A financing plan is only as stable as the operators underneath it. The Utrecht lab had to replan its activities when its cargo-bike operator, Cargoroo, went bankrupt partway through ([[Living_Labs/2|the Utrecht lab&#039;s own account]]), the kind of event that rarely appears in a mobility plan and routinely decides what is possible. Before adoption, ask how dependent your financing is on any single operators continued existence, not only on the licences and concessions it holds. Two years of funding secured for a service whose only operator can fold meanwhile is not secured funding.&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== One plan, several votes ==&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-lead-fig&amp;quot;&amp;gt;[[File:OnePlanSeveralVotes.svg|frameless|link=|alt=|400px]]&amp;lt;/div&amp;gt;&lt;br /&gt;
The second half of this step is the document. SUMP asks for the plan to be finalised, and its quality assured before it goes for adoption. Including securing the financing in this step makes a lot of sense. In a periphery, there is usually more than one adoption to secure because [[Set up working structures|the coalition that built the plan]] reaches across councils that each vote their own budget, and a plan adopted by one of them is not a plan.&lt;br /&gt;
&lt;br /&gt;
Three things follow from that. Write the document, so each body can find its own commitments and its own share of the cost without reading all of it, since a council that cannot locate its obligations will defer the item. Sequence the votes so that an early adoption does not bind a partner who has not yet voted, and be explicit about which commitments are conditional on the later decisions. And put whole-life costs in front of every body, the operating years as well as the build, together with the cost-sharing formula and [[Agree actions and responsibilities|the fallback you agreed]] for a share that fails to arrive. Assuring quality means checking the finished plan back against the evidence and the objectives it came from, so that what is adopted is still the plan the analysis supports rather than what survived the drafting.&lt;br /&gt;
&lt;br /&gt;
What goes to the vote is what [[Manage implementation|the next step]] has to deliver. A measure that reaches adoption with its running costs unnamed will reappear as a problem in its second year, when the launch budget is spent and the service is still needed.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff dreams-handoff--dive&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__label&amp;quot;&amp;gt;Go deeper&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__items&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/document/download/4e66c306-da56-4f99-95a0-08c0fcb57129_en?filename=funding_and_finance_of_sump.pdf Funding and Finance of Sustainable Urban Mobility Measures] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(EU Urban Mobility Observatory)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Works through the funding sources and financing instruments open to a city across the whole cycle, from developing the plan to operating the services it creates. The place to look if the routes above do not fit your legal setting.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/document/download/149d8b39-df5d-4e46-bf8c-4928ee9d29eb_en?filename=integration_of_shared_mobility_approaches_in_sumps.pdf Integration of Shared Mobility Approaches in Sustainable Urban Mobility Planning] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(EU Urban Mobility Observatory)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Covers the licensing, tendering and subsidy arrangements a municipality can put in place with shared operators, which is most of what this step turns into on paper.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/sustainable-urban-mobility-plans/expert-corner-sump-reference-materials_en SUMP reference materials]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;The full collection both guides above sit in.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/document/download/93b1189a-f641-4156-b4a9-e8beb7a6c9a8_en?filename=integrating_mobility_management_into_sumps.pdf Integrating mobility management into SUMPs] &amp;lt;span class=&amp;quot;dreams-handoff__item-source&amp;quot;&amp;gt;(EU topic guide)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;Explains how authorities work with companies on commuting plans and mobility budgets, where employers are part of the financing.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-title&amp;quot;&amp;gt;[https://urban-mobility-observatory.transport.ec.europa.eu/sustainable-urban-mobility-plans/member-state-profiles_en Member state profiles]&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;dreams-handoff__item-desc&amp;quot;&amp;gt;The quickest way to find the ministry and national framework behind the funding that applies to you, since every Member State runs a national SUMP support programme.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__title&amp;quot;&amp;gt;Sources and further information&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;EU SUMP Guidelines, Second Edition&amp;lt;/span&amp;gt; (Rupprecht Consult, 2019), Step 9, Prepare for adoption and financing.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/3|DREAMS Deliverable 2.2]]&amp;lt;/span&amp;gt;: governance frameworks and business models for shared mobility and mobility hubs in the urban outskirts, including the Brussels-Capital Region, the Flemish purchase guarantee and the Paris Region.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/5|DREAMS Deliverable 5.1]]&amp;lt;/span&amp;gt;: set-up of the living labs, including the Utrecht lab&#039;s original social business model.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Publications/6|DREAMS Deliverable 6.1]]&amp;lt;/span&amp;gt;: the Utrecht interventions and the objectives set for them.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[[Living_Labs/2|Living lab Utrecht, Overvecht]]&amp;lt;/span&amp;gt;: the lab&#039;s own account of the operator withdrawals and the pivot to a resident-run cooperative model.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;sump-sources__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sump-sources__ref&amp;quot;&amp;gt;[https://nachhaltig-mobil-planen.de/_SUMP/DE/Planung/SUMP-Prozess/3-Massnahmenplanung/9-Beschluss-Finanzierungen/beschluss-finanzierungen.html Finanzierung und Qualität sichern]&amp;lt;/span&amp;gt;, German national SUMP portal, Bundesministerium für Verkehr.&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;{{SumpStep/bottom|step=9}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
</feed>