#pggb-setup-walkthrough {

				/* the site's tokens, so this follows the page theme like everything else */

				--walk-paper: var(--surface);

				--walk-ink: var(--ink);

				--walk-muted: var(--muted);

				--walk-line: var(--line);

				--walk-soft: var(--canvas);

				--walk-selected: color-mix(in srgb, var(--accent) 14%, var(--surface));

				--walk-accent: var(--accent);

				--walk-button: var(--accent);

				--walk-button-ink: var(--canvas); /* matches .btn-primary */

				--walk-link: var(--accent);

				color: var(--walk-ink);

				font-family:

					"Inter",

					-apple-system,

					BlinkMacSystemFont,

					"Segoe UI",

					sans-serif;

				width: 100%;

			}

			#pggb-setup-walkthrough * {

				box-sizing: border-box;

			}

			#pggb-setup-walkthrough [hidden] {

				display: none !important;

			}

			#pggb-setup-walkthrough .walk-window {

				background: var(--walk-paper);

				border: 1px solid var(--walk-line);

				border-radius: 16px;

				padding: 24px;

			}

			#pggb-setup-walkthrough .walk-top {

				display: flex;

				align-items: center;

				justify-content: space-between;

				gap: 16px;

			}

			#pggb-setup-walkthrough h2,

			#pggb-setup-walkthrough h3,

			#pggb-setup-walkthrough strong {

				font-weight: 500;

			}

			#pggb-setup-walkthrough h2,

			#pggb-setup-walkthrough h3,

			#pggb-setup-walkthrough p {

				margin: 0;

			}

			#pggb-setup-walkthrough .walk-subtitle {

				color: var(--walk-muted);

				margin-top: 7px;

			}

			#pggb-setup-walkthrough button,

			#pggb-setup-walkthrough select {

				font: inherit;

				color: inherit;

			}

			#pggb-setup-walkthrough button {

				cursor: pointer;

			}

			#pggb-setup-walkthrough button:disabled {

				cursor: default;

				opacity: 0.45;

			}

			#pggb-setup-walkthrough .walk-reset {

				border: 0;

				background: transparent;

				color: var(--walk-link);

				padding: 10px 4px;

			}

			#pggb-setup-walkthrough .walk-reset:hover {

				text-decoration: underline;

			}

			#pggb-setup-walkthrough .walk-progress {

				margin: 24px 0 22px;

			}

			#pggb-setup-walkthrough .walk-progress-label {

				color: var(--walk-muted);

				margin-bottom: 9px;

			}

			#pggb-setup-walkthrough .walk-track {

				display: flex;

				gap: 5px;

			}

			#pggb-setup-walkthrough .walk-track span {

				height: 3px;

				flex: 1;

				background: var(--walk-soft);

				border-radius: 2px;

			}

			#pggb-setup-walkthrough .walk-track span.walk-complete {

				background: var(--walk-accent);

			}

			#pggb-setup-walkthrough .walk-intro {

				margin-top: 8px;

				color: var(--walk-muted);

			}

			#pggb-setup-walkthrough .walk-choices {

				display: grid;

				grid-template-columns: repeat(2, minmax(0, 1fr));

				gap: 12px;

				margin-top: 20px;

			}

			#pggb-setup-walkthrough .walk-choices.walk-three {

				grid-template-columns: repeat(3, minmax(0, 1fr));

			}

			#pggb-setup-walkthrough .walk-choice {

				display: block;

				padding: 16px;

				text-align: left;

				border: 1px solid var(--walk-line);

				background: var(--walk-paper);

				border-radius: 10px;

				min-width: 0;

			}

			#pggb-setup-walkthrough .walk-choice strong,

			#pggb-setup-walkthrough .walk-choice span {

				display: block;

			}

			#pggb-setup-walkthrough .walk-choice span {

				margin-top: 7px;

				color: var(--walk-muted);

			}

			#pggb-setup-walkthrough .walk-choice[aria-pressed="true"] {

				background: var(--walk-selected);

				border-color: var(--walk-accent);

				box-shadow: 0 0 0 1px var(--walk-accent);

			}

			#pggb-setup-walkthrough .walk-choice:hover {

				border-color: var(--walk-accent);

			}

			#pggb-setup-walkthrough .walk-tradeoffs {

				display: grid;

				gap: 9px;

				margin-top: 20px;

			}

			#pggb-setup-walkthrough .walk-tradeoffs strong {

				display: inline;

				margin-right: 5px;

			}

			#pggb-setup-walkthrough .walk-tradeoffs p {

				color: var(--walk-muted);

			}

			#pggb-setup-walkthrough .walk-tradeoffs p:first-child strong {

				color: var(--walk-accent);

			}

			#pggb-setup-walkthrough .walk-field {

				display: grid;

				gap: 8px;

				margin-top: 20px;

			}

			#pggb-setup-walkthrough select {

				width: 100%;

				min-width: 0;

				border: 1px solid var(--walk-line);

				border-radius: 8px;

				background: var(--walk-paper);

				padding: 12px;

			}

			#pggb-setup-walkthrough .walk-note {

				color: var(--walk-muted);

				margin-top: 14px;

			}

			#pggb-setup-walkthrough .walk-footer {

				display: flex;

				justify-content: space-between;

				align-items: center;

				gap: 14px;

				margin-top: 28px;

				padding-top: 18px;

				border-top: 1px solid var(--walk-line);

			}

			#pggb-setup-walkthrough .walk-nav {

				padding: 11px 18px;

				border: 1px solid var(--walk-line);

				border-radius: 8px;

				background: var(--walk-paper);

			}

			#pggb-setup-walkthrough .walk-next {

				background: var(--walk-button);

				color: var(--walk-button-ink);

				border-color: transparent;

				margin-left: auto;

			}

			#pggb-setup-walkthrough a {

				color: var(--walk-link);

				text-underline-offset: 3px;

			}

			#pggb-setup-walkthrough .walk-setting {

				margin: 20px 0;

				display: grid;

				grid-template-columns: minmax(110px, 0.7fr) minmax(0, 1.3fr);

			}

			#pggb-setup-walkthrough .walk-setting dt,

			#pggb-setup-walkthrough .walk-setting dd {

				padding: 10px 0;

				border-bottom: 1px solid var(--walk-line);

				margin: 0;

			}

			#pggb-setup-walkthrough .walk-setting dt {

				color: var(--walk-muted);

			}

			#pggb-setup-walkthrough .walk-setting dd {

				font-weight: 500;

			}

			/* .prose ol already numbers these in gold and reserves the gutter for it.

     Numbering them here as well printed a second marker over the text. */

			#pggb-setup-walkthrough .walk-steps {

				margin: 16px 0;

			}

			#pggb-setup-walkthrough .walk-steps li + li {

				margin-top: 4px;

			}

			#pggb-setup-walkthrough .walk-diagram {

				margin-top: 22px;

			}

			#pggb-setup-walkthrough .walk-host {

				padding: 12px;

				border: 1px solid var(--walk-line);

				background: var(--walk-soft);

				border-radius: 10px;

			}

			#pggb-setup-walkthrough .walk-host-label {

				color: var(--walk-muted);

				margin-bottom: 10px;

			}

			#pggb-setup-walkthrough .walk-row {

				display: grid;

				grid-template-columns: minmax(0, 1fr) 65px minmax(0, 1fr);

				align-items: center;

			}

			#pggb-setup-walkthrough .walk-node {

				border: 1px solid var(--walk-line);

				border-radius: 8px;

				background: var(--walk-paper);

				padding: 13px;

				text-align: left;

				width: 100%;

				min-width: 0;

				overflow-wrap: anywhere;

			}

			#pggb-setup-walkthrough .walk-node strong,

			#pggb-setup-walkthrough .walk-node span {

				display: block;

			}

			#pggb-setup-walkthrough .walk-node span {

				color: var(--walk-muted);

				margin-top: 5px;

			}

			#pggb-setup-walkthrough .walk-node.walk-pggb {

				background: var(--walk-selected);

			}

			#pggb-setup-walkthrough .walk-node:hover {

				border-color: var(--walk-accent);

			}

			#pggb-setup-walkthrough .walk-node[aria-expanded="true"] {

				border-color: var(--walk-accent);

				box-shadow: 0 0 0 1px var(--walk-accent);

			}

			#pggb-setup-walkthrough .walk-node:focus-visible,

			#pggb-setup-walkthrough .walk-detail-close:focus-visible {

				outline: 2px solid var(--walk-accent);

				outline-offset: 3px;

			}

			#pggb-setup-walkthrough .walk-detail {

				margin-top: 12px;

				padding: 18px;

				border: 1px solid var(--walk-accent);

				border-radius: 10px;

				background: var(--walk-paper);

				overflow-wrap: anywhere;

			}

			#pggb-setup-walkthrough .walk-detail-header {

				display: flex;

				align-items: start;

				justify-content: space-between;

				gap: 16px;

			}

			#pggb-setup-walkthrough .walk-detail-header h4 {

				margin: 0;

				padding: 0;

				border: 0;

				font: inherit;

				font-weight: 500;

			}

			#pggb-setup-walkthrough .walk-detail-close {

				flex: none;

				border: 1px solid var(--walk-line);

				border-radius: 6px;

				background: var(--walk-soft);

				padding: 6px 10px;

			}

			#pggb-setup-walkthrough .walk-detail-body {

				margin-top: 14px;

			}

			#pggb-setup-walkthrough .walk-detail-body p + p {

				margin-top: 10px;

			}

			#pggb-setup-walkthrough .walk-detail-body .walk-setting {

				margin: 12px 0;

			}

			#pggb-setup-walkthrough .walk-arrow {

				text-align: center;

				color: var(--walk-muted);

				padding: 0 5px;

			}

			#pggb-setup-walkthrough .walk-arrow span {

				display: block;

			}

			#pggb-setup-walkthrough .walk-down {

				color: var(--walk-muted);

				text-align: center;

				margin: 10px 0;

			}

			#pggb-setup-walkthrough .walk-down span {

				display: block;

			}

			#pggb-setup-walkthrough .walk-dac {

				display: block;

				max-width: 360px;

				margin: 0 auto;

			}

			#pggb-setup-walkthrough .walk-review {

				margin-top: 20px;

			}

			#pggb-setup-walkthrough .walk-review summary {

				color: var(--walk-link);

				cursor: pointer;

				padding: 8px 0;

			}

			#pggb-setup-walkthrough .walk-section-title {

				margin: 24px 0 0;

				font: inherit;

				font-weight: 500;

			}

			#pggb-setup-walkthrough .walk-steps p {

				margin-top: 7px;

			}

			#pggb-setup-walkthrough .walk-sr {

				position: absolute;

				width: 1px;

				height: 1px;

				overflow: hidden;

				clip-path: inset(50%);

			}

			@media (max-width: 540px) {

				#pggb-setup-walkthrough .walk-window {

					padding: 18px;

				}

				#pggb-setup-walkthrough .walk-choices,

				#pggb-setup-walkthrough .walk-choices.walk-three {

					grid-template-columns: 1fr;

				}

				#pggb-setup-walkthrough .walk-choice {

					padding: 14px;

				}

				#pggb-setup-walkthrough .walk-row {

					grid-template-columns: 1fr;

					gap: 8px;

				}

				#pggb-setup-walkthrough .walk-arrow .walk-horizontal {

					display: none;

				}

				#pggb-setup-walkthrough .walk-arrow::after {

					content: "↓";

				}

				#pggb-setup-walkthrough .walk-top {

					align-items: start;

				}

			}




#pggb-setup-walkthrough{scroll-margin-top:55px;padding:0;--walk-selected:var(--subtle);--walk-button:var(--surface);--walk-button-ink:var(--ink)}
#pggb-setup-walkthrough .walk-window{border:0;padding:0;background:transparent}
#pggb-setup-walkthrough .walk-choice{border-radius:14px;background:var(--canvas);border-color:transparent}
#pggb-setup-walkthrough .walk-choice[aria-pressed=true]{border-color:var(--muted);background:var(--subtle);box-shadow:none}
#pggb-setup-walkthrough :is([data-action=next],[data-action=back]){display:none}
#listen .start-next a[aria-disabled=true]{opacity:.5;cursor:default}
#pggb-setup-walkthrough .walk-footer{padding:22px 0 0;margin-top:24px}
#pggb-setup-walkthrough .walk-nav{border:1px solid var(--line);border-radius:10px;min-height:44px}
#pggb-setup-walkthrough .walk-top h3{font-size:27px}
#pggb-setup-walkthrough .walk-choices button{font:inherit}
#pggb-setup-walkthrough .walk-select{border-radius:10px}
#pggb-setup-walkthrough p{max-width:none}
#pggb-setup-walkthrough details{margin:18px 0}
@media(max-width:760px){#pggb-setup-walkthrough{scroll-margin-top:90px}}