.dpip-growth {
	--dpip-growth-blue: #174f98;
	--dpip-growth-blue-dark: #103f7d;
	--dpip-growth-yellow: #ffc501;
	--dpip-growth-ink: #102a43;
	--dpip-growth-muted: #5f7287;
	--dpip-growth-line: #d8e3ef;
	--dpip-growth-soft: #f3f7fc;
	color: var(--dpip-growth-ink);
	font-family: "DPIP Be Vietnam Pro", "Segoe UI", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

.dpip-app-back-row {
	display: flex;
	margin: 5px auto 0;
	max-width: 1200px;
	width: calc(100% - 30px);
}

body.dpip-managed-page .entry-content > .dpip-app-back-row {
	max-width: var(--sdd-shell, 1200px);
	width: 100%;
}

.dpip-app-back {
	align-items: center;
	background: #f5f9ff;
	border: 1px solid #b8cee6;
	border-radius: 9px;
	box-shadow: none;
	color: #103f7d !important;
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	gap: 5px;
	min-height: 40px;
	padding: 5px 10px;
	text-decoration: none !important;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.dpip-app-back:hover,
.dpip-app-back:focus-visible {
	background: #174f98;
	border-color: #174f98;
	box-shadow: 0 7px 16px rgba(16, 63, 125, .18);
	color: #fff !important;
	transform: translateY(-1px);
}

.dpip-app-back:focus-visible {
	outline: 3px solid #ffc501;
	outline-offset: 3px;
}

.dpip-service-nav {
	background: #fff;
	border: 1px solid var(--dpip-growth-line);
	border-radius: 14px;
	box-shadow: 0 10px 28px rgba(16, 63, 125, .07);
	display: grid;
	font-family: "DPIP Be Vietnam Pro", "Segoe UI", Arial, sans-serif;
	font-size: 16px;
	gap: 7px;
	grid-template-columns: minmax(0, 1fr);
	margin: 10px auto 14px;
	max-width: 1200px;
	padding: 7px;
	position: relative;
	z-index: 20;
	width: calc(100% - 30px);
}

/* The service rail is also a direct .dpip entry-content child. This stronger
 * shell rule prevents the generic full-bleed application selector from
 * stretching it beyond the website's content line. */
body.dpip-managed-page .entry-content > .dpip-service-nav.dpip-service-nav {
	margin: 10px auto 14px;
	max-width: var(--sdd-shell, 1200px);
	width: 100%;
}

.dpip-service-nav__intro {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 3px 10px;
	min-width: 0;
	padding-inline: 4px;
}

.dpip-service-nav__intro > span {
	color: var(--dpip-growth-blue);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .09em;
	line-height: 1.3;
	text-transform: uppercase;
}

.dpip-service-nav__intro > strong {
	color: var(--dpip-growth-ink);
	font-size: 14px;
	line-height: 1.3;
}

.dpip-service-nav__body {
	align-items: stretch;
	display: grid;
	gap: 6px;
	grid-template-columns: minmax(152px, 170px) minmax(0, 1fr);
	min-width: 0;
}

.dpip-service-nav__head {
	align-content: center;
	background: linear-gradient(135deg, #edf5ff, #f8fbff);
	border-radius: 10px;
	display: grid;
	gap: 0;
	min-width: 0;
	padding: 4px 8px;
}

.dpip-service-nav__head > a {
	align-items: center;
	color: var(--dpip-growth-blue-dark);
	display: grid;
	gap: 8px;
	grid-template-columns: 34px minmax(0, 1fr);
	min-height: 48px;
	min-width: 0;
	text-decoration: none;
	white-space: nowrap;
}

.dpip-service-nav__head > a > span {
	align-items: center;
	background: var(--dpip-growth-blue);
	border-bottom: 3px solid var(--dpip-growth-yellow);
	border-radius: 9px;
	color: #fff;
	display: inline-flex;
	font-size: 13px;
	font-weight: 900;
	height: 32px;
	justify-content: center;
	line-height: 1;
	width: 32px;
}

.dpip-service-nav__head strong {
	font-size: 15px;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dpip-service-nav__head small {
	color: var(--dpip-growth-muted);
	display: none;
	font-size: 13px;
	line-height: 1.35;
	padding-left: 42px;
}

.dpip-service-nav__grid {
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.dpip-service-nav__grid > li {
	margin: 0;
	min-width: 0;
	padding: 0;
}

.dpip-service-nav__grid > li > a {
	align-items: center;
	background: linear-gradient(180deg, #fff 0%, #f7faff 100%);
	border: 1px solid #5e87b5;
	border-radius: 10px;
	box-shadow: 0 5px 14px rgba(16, 63, 125, .08);
	color: #23415f;
	display: flex;
	font-size: 13px;
	font-weight: 800;
	gap: 7px;
	justify-content: center;
	line-height: 1.25;
	min-height: 46px;
	min-width: 0;
	padding: 6px 5px;
	text-align: center;
	text-decoration: none;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

.dpip-service-nav__grid > li > a > span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.dpip-service-nav__grid > li > a:hover,
.dpip-service-nav__grid > li > a:focus-visible {
	background: #edf5ff;
	border-color: var(--dpip-growth-blue);
	box-shadow: 0 10px 22px rgba(16, 63, 125, .16);
	color: var(--dpip-growth-blue-dark);
	transform: translateY(-1px);
}

.dpip-service-nav__grid > li > a.is-current {
	background: linear-gradient(135deg, var(--dpip-growth-blue-dark), var(--dpip-growth-blue));
	border-color: var(--dpip-growth-blue-dark);
	box-shadow: 0 10px 24px rgba(16, 63, 125, .24);
	color: #fff;
}

.dpip-service-nav__head > a[aria-current="page"] {
	background: #edf5ff;
	color: var(--dpip-growth-blue-dark);
}

.dpip-service-nav__actions {
	display: block;
	min-width: 0;
}

.dpip-service-nav__actions > .dpip-service-nav__grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	min-width: 0;
	overflow: visible;
}

.dpip-service-nav__actions > .dpip-service-nav__grid > li {
	min-width: 0;
}

.dpip-service-nav.dpip-service-nav .dpip-service-nav__actions > .dpip-service-nav__grid > li > a {
	box-shadow: none;
	font-size: 13px;
	line-height: 1.25;
	min-height: 46px;
	padding: 6px 5px;
	white-space: normal;
}

.dpip-service-nav__actions > .dpip-service-nav__grid > li > a > span {
	overflow-wrap: anywhere;
	white-space: normal;
}

/* The compact service rail supersedes the shortcode-specific tab strips. Keep
 * those strips as a fallback whenever the shared navigation was not injected. */
.dpip-service-nav ~ .dpip .dpip-dashboard-links {
	display: none;
}

.dpip-growth-hero {
	background: linear-gradient(135deg, #0f3e79 0%, #1762ad 70%, #2573bd 100%);
	color: #fff;
	padding: clamp(38px, 6vw, 78px) 0;
	position: relative;
	overflow: hidden;
}

.dpip-growth-hero::after {
	background: rgba(255, 197, 1, .16);
	border-radius: 50%;
	content: "";
	height: 360px;
	position: absolute;
	right: -120px;
	top: -180px;
	width: 360px;
}

.dpip-growth-hero__grid {
	display: grid;
	gap: clamp(24px, 5vw, 64px);
	grid-template-columns: minmax(0, 1.55fr) minmax(240px, .65fr);
	position: relative;
	z-index: 1;
}

.dpip-growth-breadcrumb {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	gap: 8px;
	margin-bottom: 24px;
}

.dpip-growth-breadcrumb a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.dpip-growth-eyebrow,
.dpip-growth-section-head span {
	color: var(--dpip-growth-yellow);
	display: block;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
	margin-bottom: 8px;
}
.dpip-growth-hero h1 { color: #fff; font-size: clamp(30px, 4.5vw, 52px); line-height: 1.08; margin: 0 0 16px; }
.dpip-growth-hero p { color: rgba(255,255,255,.9); font-size: clamp(16px, 2vw, 19px); line-height: 1.65; margin: 0; max-width: 760px; }
.dpip-growth-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.dpip-growth-trust { align-content: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.25); border-radius: 18px; display: grid; gap: 5px; padding: 24px; }
.dpip-growth-trust strong { color: var(--dpip-growth-yellow); font-size: 36px; line-height: 1; }
.dpip-growth-trust span { color: #fff; font-size: 14px; margin-bottom: 18px; }

.dpip-growth-intro,
.dpip-growth-filter,
.dpip-growth-empty {
	background: #fff;
	border: 1px solid var(--dpip-growth-line);
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(16, 63, 125, .06);
	margin-bottom: 24px;
	padding: clamp(18px, 3vw, 30px);
}
.dpip-growth-intro h2 { color: var(--dpip-growth-blue-dark); margin: 0 0 12px; }
.dpip-growth-intro p:last-child { margin-bottom: 0; }
.dpip-growth-filter { align-items: end; display: grid; gap: 16px; grid-template-columns: minmax(220px, 1.4fr) minmax(190px, 1fr) auto auto; }
.dpip-growth-filter label:not(.dpip-growth-check) { display: block; font-size: 14px; font-weight: 700; margin-bottom: 7px; }
.dpip-growth-filter select { background: #fff; border: 1px solid #bacbdd; border-radius: 9px; color: var(--dpip-growth-ink); min-height: 46px; padding: 0 38px 0 12px; width: 100%; }
.dpip-growth-check { align-items: center; display: flex; font-weight: 700; gap: 8px; min-height: 46px; }
.dpip-growth-check input { height: 20px; margin: 0; width: 20px; }
.dpip-growth-results-head,
.dpip-growth-section-head { align-items: end; display: flex; justify-content: space-between; margin: 34px 0 18px; }
.dpip-growth-results-head span { color: var(--dpip-growth-blue); font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.dpip-growth-results-head h2,
.dpip-growth-section-head h2 { color: var(--dpip-growth-ink); font-size: clamp(24px, 3vw, 34px); margin: 4px 0 0; }
.dpip-growth-results-head a { color: var(--dpip-growth-blue); font-weight: 700; }

.dpip-growth-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dpip-growth-card { background: #fff; border: 1px solid var(--dpip-growth-line); border-radius: 16px; box-shadow: 0 12px 28px rgba(16, 63, 125, .07); display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.dpip-growth-card__visual { align-items: center; background: radial-gradient(circle at 86% 12%, rgba(255,197,1,.35) 0 22%, transparent 23%), linear-gradient(145deg, #edf5ff, #fffdf1); color: var(--dpip-growth-blue); display: flex; flex-direction: column; justify-content: center; min-height: 180px; text-decoration: none; }
.dpip-growth-card__visual > span { align-items: center; background: var(--dpip-growth-blue); border-bottom: 4px solid var(--dpip-growth-yellow); border-radius: 14px; color: #fff; display: flex; font-size: 24px; font-weight: 800; height: 68px; justify-content: center; width: 68px; }
.dpip-growth-card__visual small { color: var(--dpip-growth-muted); font-weight: 700; margin-top: 11px; }
.dpip-growth-card__body { display: flex; flex: 1; flex-direction: column; padding: 20px; }
.dpip-growth-card__status { align-items: center; display: flex; flex-wrap: wrap; font-size: 13px; font-weight: 800; gap: 8px; justify-content: space-between; }
.dpip-growth-card__status > span { color: var(--dpip-growth-blue); }
.dpip-growth-card__status em { border-radius: 999px; font-style: normal; padding: 5px 8px; }
.dpip-growth-card__status .is-open { background: #e6f7ec; color: #147a3c; }
.dpip-growth-card__status .is-busy { background: #f1f3f6; color: #66788a; }
.dpip-growth-card h3 { font-size: 20px; line-height: 1.35; margin: 14px 0 5px; }
.dpip-growth-card h3 a { color: var(--dpip-growth-ink); text-decoration: none; }
.dpip-growth-card__location { color: var(--dpip-growth-muted); font-size: 14px; margin: 0 0 12px; }
.dpip-growth-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.dpip-growth-chips span { background: #eef5ff; border-radius: 999px; color: var(--dpip-growth-blue-dark); font-size: 13px; font-weight: 700; padding: 6px 9px; }
.dpip-growth-card__facts { border-bottom: 1px solid var(--dpip-growth-line); border-top: 1px solid var(--dpip-growth-line); display: grid; gap: 6px; grid-template-columns: repeat(3, 1fr); margin: 18px 0; padding: 14px 0; }
.dpip-growth-card__facts span { color: var(--dpip-growth-muted); font-size: 13px; text-align: center; }
.dpip-growth-card__facts strong { color: var(--dpip-growth-blue-dark); display: block; font-size: 14px; }
.dpip-growth-card__actions { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; margin-top: auto; }
.dpip-growth-pagination { margin: 28px 0; }
.dpip-growth-pagination ul { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; list-style: none; margin: 0; padding: 0; }
.dpip-growth-pagination a,
.dpip-growth-pagination span { align-items: center; border: 1px solid var(--dpip-growth-line); border-radius: 8px; display: flex; height: 42px; justify-content: center; min-width: 42px; padding: 0 10px; }
.dpip-growth-pagination .current { background: var(--dpip-growth-blue); color: #fff; }

.dpip-growth-province-index { margin: 32px auto 0; max-width: 1280px; padding-inline: clamp(14px, 3vw, 28px); }
.dpip-growth-province-index .dpip-growth-section-head { margin: 0 0 14px; }
.dpip-growth-province-index .dpip-growth-section-head > div > span {
	background: #edf5ff;
	border: 1px solid #c9dcf3;
	border-radius: 999px;
	color: var(--dpip-growth-blue);
	display: inline-flex;
	padding: 6px 11px;
}
.dpip-growth-province-index .dpip-growth-section-head h2 { font-size: clamp(22px, 2.6vw, 31px); }
.dpip-growth-province-index .dpip-growth-section-head p { color: var(--dpip-growth-muted); margin: 5px 0 0; max-width: 760px; }
.dpip-growth-province-grid { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dpip-growth-province-grid a { align-items: center; background: #fff; border: 1px solid var(--dpip-growth-line); border-radius: 10px; color: var(--dpip-growth-ink); display: flex; gap: 8px; justify-content: space-between; min-height: 58px; min-width: 0; padding: 10px 12px; text-decoration: none; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.dpip-growth-province-grid a:hover,
.dpip-growth-province-grid a:focus-visible,
.dpip-growth-province-grid a.is-current { border-color: var(--dpip-growth-yellow); box-shadow: 0 8px 22px rgba(16,63,125,.1); transform: translateY(-2px); }
.dpip-growth-province-grid a > span { font-size: 14px; font-weight: 800; line-height: 1.35; min-width: 0; }
.dpip-growth-province-grid small { color: var(--dpip-growth-blue); flex: 0 0 auto; font-size: 13px; font-weight: 700; white-space: nowrap; }
.dpip-growth-province-more { margin-top: 12px; }
.dpip-growth-province-more > summary { align-items: center; background: #edf5ff; border: 1px solid #c9dcf3; border-radius: 10px; color: var(--dpip-growth-blue-dark); cursor: pointer; display: flex; font-weight: 800; gap: 10px; justify-content: center; list-style: none; min-height: 48px; padding: 9px 14px; }
.dpip-growth-province-more > summary::-webkit-details-marker { display: none; }
.dpip-growth-province-more > summary::after { border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; content: ""; height: 8px; margin-left: 2px; transform: rotate(45deg) translate(-2px, -2px); transition: transform .18s ease; width: 8px; }
.dpip-growth-province-more[open] > summary { margin-bottom: 10px; }
.dpip-growth-province-more[open] > summary::after { transform: rotate(225deg) translate(-1px, -1px); }
.dpip-growth-province-more > summary small { color: var(--dpip-growth-muted); font-size: 13px; font-weight: 600; }
.dpip-growth-product-cta { align-items: center; background: linear-gradient(135deg, var(--dpip-growth-blue-dark), var(--dpip-growth-blue)); border-radius: 12px; color: #fff; display: flex; gap: 18px; justify-content: space-between; margin: 18px 0; padding: 18px; }
.dpip-growth-product-cta strong,
.dpip-growth-product-cta span { display: block; }
.dpip-growth-product-cta span { color: rgba(255,255,255,.86); font-size: 13px; margin-top: 3px; }
.dpip-growth-product-cta .dpip-btn { align-items: center; border: 0; border-radius: 9px; display: inline-flex; font-weight: 800; justify-content: center; min-height: 46px; padding: 0 18px; text-decoration: none; }
.dpip-growth-product-cta .dpip-btn--yellow { background: var(--dpip-growth-yellow); color: #092f61; }

.dpip-growth-admin { --dpip-growth-blue: #174f98; --dpip-growth-blue-dark: #103f7d; --dpip-growth-yellow: #ffc501; --dpip-growth-ink: #102a43; --dpip-growth-muted: #5f7287; --dpip-growth-line: #d8e3ef; }
.dpip-growth-admin__hero { align-items: center; background: linear-gradient(135deg, #103f7d, #1762ad); border-left: 5px solid var(--dpip-growth-yellow); border-radius: 14px; color: #fff; display: flex; gap: 24px; justify-content: space-between; margin: 20px 0 16px; padding: 26px; }
.dpip-growth-admin__hero h1 { color: #fff; margin: 5px 0 8px; }
.dpip-growth-admin__hero p { color: rgba(255,255,255,.88); margin: 0; }
.dpip-growth-admin__hero > div > span { color: var(--dpip-growth-yellow); font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.dpip-growth-admin__range { align-items: center; background: #fff; border: 1px solid var(--dpip-growth-line); border-radius: 10px; display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; padding: 12px 16px; }
.dpip-growth-admin__range label { font-weight: 700; }
.dpip-growth-kpis { display: grid; gap: 12px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.dpip-growth-kpis article,
.dpip-growth-admin__panel { background: #fff; border: 1px solid var(--dpip-growth-line); border-radius: 12px; box-shadow: 0 8px 22px rgba(16,63,125,.05); }
.dpip-growth-kpis article { padding: 17px; }
.dpip-growth-kpis span,
.dpip-growth-kpis small { color: var(--dpip-growth-muted); display: block; }
.dpip-growth-kpis strong { color: var(--dpip-growth-blue-dark); display: block; font-size: 24px; margin: 7px 0; overflow-wrap: anywhere; }
.dpip-growth-admin__panel { margin-top: 16px; padding: 20px; }
.dpip-growth-admin .dpip-growth-section-head { margin: 0 0 16px; }
.dpip-growth-admin .dpip-growth-section-head > div > span { color: var(--dpip-growth-blue); }
.dpip-growth-funnel { display: grid; gap: 8px; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.dpip-growth-funnel div { background: #eff5fc; border-bottom: 3px solid var(--dpip-growth-yellow); border-radius: 8px; padding: 14px; position: relative; }
.dpip-growth-funnel div:not(:last-child)::after { color: var(--dpip-growth-blue); content: "→"; position: absolute; right: -8px; top: 50%; transform: translateY(-50%); z-index: 2; }
.dpip-growth-funnel span { color: var(--dpip-growth-muted); display: block; font-size: 13px; }
.dpip-growth-funnel strong { color: var(--dpip-growth-blue-dark); display: block; font-size: 22px; margin-top: 5px; }
.dpip-growth-heatmap-wrap { overflow: auto; }
.dpip-growth-heatmap { border-collapse: separate; border-spacing: 3px; min-width: 980px; width: 100%; }
.dpip-growth-heatmap th { color: var(--dpip-growth-ink); font-size: 13px; padding: 7px; text-align: left; }
.dpip-growth-heatmap td { background: #f2f5f8; border-radius: 5px; color: var(--dpip-growth-ink); padding: 7px; text-align: center; }
.dpip-growth-heatmap td[data-level="1"] { background: #dcecff; }
.dpip-growth-heatmap td[data-level="2"] { background: #a9d0fb; }
.dpip-growth-heatmap td[data-level="3"] { background: #66a8e8; color: #082e5b; }
.dpip-growth-heatmap td[data-level="4"] { background: var(--dpip-growth-blue); color: #fff; }
.dpip-growth-roi { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); }
.dpip-growth-roi > div { background: #f5f8fc; border-radius: 9px; padding: 17px; }
.dpip-growth-roi span { color: var(--dpip-growth-muted); display: block; }
.dpip-growth-roi strong { color: var(--dpip-growth-blue-dark); display: block; font-size: 25px; margin-top: 7px; }

.dpip-growth a:focus-visible,
.dpip-growth button:focus-visible,
.dpip-growth input:focus-visible,
.dpip-growth select:focus-visible,
.dpip-growth summary:focus-visible,
.dpip-growth-admin a:focus-visible,
.dpip-growth-admin button:focus-visible,
.dpip-growth-admin select:focus-visible { outline: 3px solid var(--dpip-growth-yellow); outline-offset: 3px; }

@media (max-width: 1100px) {
	.dpip-service-nav { grid-template-columns: minmax(0, 1fr); }
	.dpip-service-nav__actions > .dpip-service-nav__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.dpip-service-nav__head { align-items: center; grid-template-columns: minmax(0, 1fr); }
	.dpip-service-nav__head small { display: none; padding-left: 0; }
	.dpip-growth-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dpip-growth-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dpip-growth-province-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.dpip-growth-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.dpip-growth-funnel { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.dpip-growth-funnel div::after { display: none; }
}

/* Twelve actions stay visible without a drawer or horizontal scroll rail. */
@media (max-width: 720px) {
body.dpip-managed-page .entry-content > .dpip-service-nav.dpip-service-nav {
		margin-block: 8px 12px;
	}

	body.dpip-managed-page .entry-content > .dpip-app-back-row,
	.dpip-app-back-row {
		margin-top: 4px;
		width: calc(100% - 20px);
	}

	.dpip-app-back {
		min-height: 40px;
		padding-inline: 11px;
	}

	.dpip-service-nav.dpip-service-nav { gap: 5px; grid-template-columns: minmax(0, 1fr); margin-block: 8px 12px; padding: 5px; width: calc(100% - 20px); }
	.dpip-service-nav__intro { gap: 2px 7px; padding-inline: 3px; }
	.dpip-service-nav__intro > strong { font-size: 13px; }
	.dpip-service-nav__body { grid-template-columns: 42px minmax(0, 1fr); }
	.dpip-service-nav__head { grid-template-columns: 1fr; padding: 4px; }
	.dpip-service-nav__head > a { grid-template-columns: 32px; justify-content: center; min-height: 44px; }
	.dpip-service-nav__head strong,
	.dpip-service-nav__head small { display: none; }
	.dpip-service-nav__grid { display: grid; gap: 7px; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; padding: 0; }
	.dpip-service-nav__grid > li > a { font-size: 13px; min-height: 52px; padding: 8px 8px 8px 10px; }
	.dpip-service-nav__actions { display: grid; gap: 5px; grid-template-columns: minmax(0, 1fr); }
	.dpip-service-nav__actions > .dpip-service-nav__grid { display: grid; gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; padding: 0; }
	.dpip-service-nav__actions > .dpip-service-nav__grid > li { min-width: 0; }
	.dpip-service-nav__actions > .dpip-service-nav__grid > li:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.dpip-service-nav.dpip-service-nav .dpip-service-nav__actions > .dpip-service-nav__grid > li > a { min-height: 44px; padding: 0 10px; }
	.dpip-growth-hero__grid { grid-template-columns: 1fr; }
	.dpip-growth-trust { grid-template-columns: auto 1fr; }
	.dpip-growth-trust span { margin: 0; }
	.dpip-growth-filter { grid-template-columns: 1fr; }
	.dpip-growth-grid { grid-template-columns: 1fr; }
	.dpip-growth-province-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dpip-growth-province-index { margin-top: 26px; padding-inline: 10px; }
	.dpip-growth-province-index .dpip-growth-section-head { margin-bottom: 12px; }
	.dpip-growth-province-index .dpip-growth-section-head p { font-size: 13px; line-height: 1.5; }
	.dpip-growth-province-grid { gap: 8px; }
	.dpip-growth-province-grid a { min-height: 52px; padding: 9px 10px; }
	.dpip-growth-province-grid a > span { font-size: 13px; }
	.dpip-growth-province-grid small { display: none; }
	.dpip-growth-province-more { margin-top: 10px; }
	.dpip-growth-province-more > summary { min-height: 46px; }
	.dpip-growth-product-cta,
	.dpip-growth-admin__hero { align-items: stretch; flex-direction: column; }
	.dpip-growth-kpis,
	.dpip-growth-funnel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dpip-growth-roi { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
	.dpip-service-nav { border-radius: 12px; padding: 5px; }
	.dpip-service-nav__head { padding: 4px; }
	.dpip-service-nav__head small { display: none; }
	.dpip-service-nav__grid { gap: 6px; }
	.dpip-service-nav__grid > li > a { font-size: 13px; min-height: 48px; padding: 7px; }
	.dpip-service-nav__grid > li > a > b { flex-basis: 22px; height: 22px; width: 22px; }
	.dpip-service-nav.dpip-service-nav .dpip-service-nav__actions > .dpip-service-nav__grid > li > a { min-height: 44px; padding-inline: 9px; }
	.dpip-growth-province-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.dpip-growth-province-grid a { align-items: flex-start; min-height: 54px; }
	.dpip-growth-province-more > summary { align-items: center; flex-wrap: wrap; gap: 3px 8px; }
	.dpip-growth-card__facts { gap: 2px; }
	.dpip-growth-card__actions { grid-template-columns: 1fr; }
	.dpip-growth-kpis,
	.dpip-growth-funnel { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.dpip-growth *,
	.dpip-growth *::before,
	.dpip-growth *::after { scroll-behavior: auto !important; transition: none !important; }
}

@media (max-width: 720px) {
	body.dpip-managed-page .entry-content > .dpip-service-nav.dpip-service-nav {
		display: grid;
		gap: 3px;
		grid-template-columns: minmax(0, 1fr);
		margin-block: 5px 8px;
		padding: 4px;
		width: calc(100% - 20px);
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__intro {
		gap: 1px 6px;
		line-height: 1.2;
		padding-inline: 2px;
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__intro > span {
		font-size: 13px;
		letter-spacing: .07em;
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__intro > strong {
		font-size: 13px;
		line-height: 1.2;
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__body {
		gap: 4px;
		grid-template-columns: 36px minmax(0, 1fr);
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__head {
		border-radius: 8px;
		padding: 1px 2px;
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__head > a {
		gap: 0;
		grid-template-columns: 30px;
		justify-content: center;
		min-height: 44px;
		padding-inline: 1px;
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__head > a > span {
		height: 28px;
		width: 28px;
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__head strong {
		display: none;
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__actions {
		display: block;
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__actions > .dpip-service-nav__grid {
		display: grid;
		gap: 3px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		overflow: visible;
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__actions > .dpip-service-nav__grid > li {
		min-width: 0;
		width: auto;
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__actions > .dpip-service-nav__grid > li > a {
		font-size: 13px;
		justify-content: center;
		line-height: 1.2;
		min-height: 44px;
		padding: 3px 4px;
		text-align: center;
		white-space: normal;
	}

	.dpip-service-nav.dpip-service-nav .dpip-service-nav__actions > .dpip-service-nav__grid > li > a > span {
		overflow-wrap: anywhere;
		white-space: normal;
	}

}

@media (max-width: 340px) {
	.dpip-service-nav.dpip-service-nav .dpip-service-nav__actions > .dpip-service-nav__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Compact shared managed-page navigation and return action. */
body.dpip-managed-page .entry-content > .dpip-app-back-row {
	margin: 8px auto 0;
	max-width: 1200px;
}

body.dpip-managed-page .entry-content > .dpip-app-back-row .dpip-app-back {
	font-size: .8125rem;
	font-weight: 800;
	line-height: 1.2;
	min-height: 40px;
	padding: 8px 12px;
}

body.dpip-managed-page .entry-content > .dpip-service-nav.dpip-service-nav {
	margin-block: 8px 12px;
}

@media (max-width: 720px) {
	body.dpip-managed-page .entry-content > .dpip-app-back-row {
		margin-top: 6px;
		width: calc(100% - 20px);
	}

	body.dpip-managed-page .entry-content > .dpip-app-back-row .dpip-app-back {
		min-height: 44px;
		padding-inline: 11px;
	}

	body.dpip-managed-page .entry-content > .dpip-service-nav.dpip-service-nav {
		margin-block: 5px 8px;
	}

	body.dpip-managed-page .entry-content > .dpip-service-nav.dpip-service-nav .dpip-service-nav__head > a {
		line-height: 1.2;
		min-height: 44px;
	}
}

@media (max-width: 390px) {
	body.dpip-managed-page .entry-content > .dpip-service-nav.dpip-service-nav .dpip-service-nav__actions > .dpip-service-nav__grid > li > a {
		font-size: .8125rem;
	}
}