/**
 * SWFL Insider — approved Claude Design bundle styles for the community
 * guide and the communities hub.
 *
 * GENERATED by scripts/build_bundle_css.py from
 * build/page-build/extracted/screen-*.html sources listed by this generator.
 * Do not hand-edit above the 'State variants' banner — re-run the script.
 *
 * Selectors are namespaced so these ids cannot leak into the Elementor
 * marketing pages, which reuse the same data-dc-tpl numbering.
 */

/* ===== screen-guide ===== */
.swfl-bundle-guide *,
.swfl-bundle-guide *::before,
.swfl-bundle-guide *::after { box-sizing: border-box; }
.swfl-bundle-guide { color: rgb(65, 84, 106); }
.swfl-bundle-guide a { color: inherit; text-decoration: none; }
.swfl-bundle-guide button { font-family: inherit; cursor: pointer; }
.swfl-bundle-guide img { max-width: 100%; height: auto; }

.swfl-bundle-guide [data-dc-tpl="225"] {
	background: rgb(251, 247, 240);
	border-bottom: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="226"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: 11px 24px;
	font: 400 11px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="227"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="228"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="229"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="230"] {
	background: linear-gradient(rgb(245, 237, 224) 1px, transparent 1px) 0% 0% / 44px 44px, linear-gradient(90deg, rgb(245, 237, 224) 1px, transparent 1px) rgb(255, 255, 255);
}
.swfl-bundle-guide [data-dc-tpl="231"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(26px, 3.2vw, 48px) 24px clamp(26px, 3vw, 40px);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: clamp(24px, 3.4vw, 48px);
	align-items: center;
}
.swfl-bundle-guide [data-dc-tpl="233"] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.swfl-bundle-guide [data-dc-tpl="234"] {
	font: 500 10px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="235"] {
	font: 500 9px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(20, 38, 63);
	border: 1px solid rgb(245, 237, 224);
	background: rgb(251, 247, 240);
	padding: 5px 7px;
	border-radius: 2px;
}
.swfl-bundle-guide [data-dc-tpl="236"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(38px, 4.6vw, 62px);
	line-height: 1.02;
	letter-spacing: -0.025em;
	color: rgb(20, 38, 63);
	margin: 12px 0px 0px;
}
.swfl-bundle-guide [data-dc-tpl="237"] {
	font-size: clamp(15px, 1.2vw, 17px);
	line-height: 1.55;
	color: rgb(65, 84, 106);
	margin: 12px 0px 0px;
}
.swfl-bundle-guide [data-dc-tpl="238"] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
}
.swfl-bundle-guide [data-dc-tpl="239"] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid rgb(245, 237, 224);
	background: rgb(255, 255, 255);
	border-radius: 6px;
	padding: 7px 11px 7px 7px;
}
.swfl-bundle-guide [data-dc-tpl="240"] {
	width: 26px;
	height: 26px;
	border-radius: 3px;
	background: rgb(20, 38, 63);
	color: rgb(255, 255, 255);
	font: 500 13px / 26px "IBM Plex Mono", monospace;
	text-align: center;
}
.swfl-bundle-guide [data-dc-tpl="241"] {
	font: 500 10px / 1.3 "IBM Plex Mono", monospace;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="243"] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid rgb(245, 237, 224);
	background: rgb(255, 255, 255);
	border-radius: 6px;
	padding: 7px 11px 7px 7px;
}
.swfl-bundle-guide [data-dc-tpl="244"] {
	width: 26px;
	height: 26px;
	border-radius: 3px;
	background: rgb(21, 105, 122);
	color: rgb(255, 255, 255);
	font: 500 13px / 26px "IBM Plex Mono", monospace;
	text-align: center;
}
.swfl-bundle-guide [data-dc-tpl="245"] {
	font: 500 10px / 1.3 "IBM Plex Mono", monospace;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="247"] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid rgb(245, 237, 224);
	background: rgb(255, 255, 255);
	border-radius: 6px;
	padding: 7px 11px 7px 7px;
}
.swfl-bundle-guide [data-dc-tpl="248"] {
	width: 26px;
	height: 26px;
	border-radius: 3px;
	background: rgb(251, 247, 240);
	border: 1px solid rgb(245, 237, 224);
	color: rgb(20, 38, 63);
	font: 500 13px / 24px "IBM Plex Mono", monospace;
	text-align: center;
}
.swfl-bundle-guide [data-dc-tpl="249"] {
	font: 500 10px / 1.3 "IBM Plex Mono", monospace;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="252"] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="253"] {
	font: 500 10px / 1.5 "IBM Plex Mono", monospace;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
	background: rgb(251, 247, 240);
	border-left: 2px solid rgb(21, 105, 122);
	padding: 6px 9px;
}
.swfl-bundle-guide [data-dc-tpl="254"] {
	font: 400 11px / 1.65 "IBM Plex Mono", monospace;
	letter-spacing: 0.015em;
	color: rgb(84, 100, 117);
	margin: 11px 0px 0px;
	max-width: 58ch;
}
.swfl-bundle-guide [data-dc-tpl="255"] {
	position: relative;
	aspect-ratio: 16 / 11;
	border-radius: 6px;
	overflow: hidden;
}
.swfl-bundle-guide [data-dc-tpl="800"] {
	position: absolute;
	inset: 0px;
	border: 1px dashed rgb(169, 198, 205);
	border-radius: 6px;
	background: linear-gradient(rgb(245, 237, 224) 1px, transparent 1px) 0% 0% / 26px 26px, linear-gradient(90deg, rgb(245, 237, 224) 1px, transparent 1px) rgb(251, 247, 240);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 24px;
	text-align: center;
}
.swfl-bundle-guide [data-dc-tpl="801"] {
	width: 36px;
	height: 36px;
	border: 1.5px solid rgb(143, 182, 191);
	border-radius: 3px;
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="802"] {
	font: 400 11px / 1.55 "IBM Plex Mono", monospace;
	color: rgb(90, 124, 134);
	max-width: 34ch;
}
.swfl-bundle-guide [data-dc-tpl="803"] {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 8px 11px;
	background: rgba(20, 38, 63, 0.82);
	font: 400 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.05em;
	color: rgb(195, 214, 224);
}
.swfl-bundle-guide [data-dc-tpl="258"] {
	background: linear-gradient(120deg, rgb(21, 105, 122) 0%, rgb(26, 51, 85) 46%, rgb(14, 28, 51) 100%) rgb(20, 38, 63);
	border-top: 1px solid rgb(14, 28, 51);
}
.swfl-bundle-guide [data-dc-tpl="259"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(22px, 2.6vw, 34px) 24px clamp(24px, 2.8vw, 36px);
}
.swfl-bundle-guide [data-dc-tpl="260"] {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.swfl-bundle-guide [data-dc-tpl="261"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(22px, 2.3vw, 31px);
	color: rgb(255, 255, 255);
	margin: 0px;
	letter-spacing: -0.018em;
	line-height: 1.1;
}
.swfl-bundle-guide [data-dc-tpl="262"] {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 14px;
}
.swfl-bundle-guide [data-dc-tpl="263"] {
	font: 400 10.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgb(138, 166, 190);
}
.swfl-bundle-guide [data-dc-tpl="264"] {
	font: 400 10.5px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(143, 220, 232);
}
.swfl-bundle-guide [data-dc-tpl="265"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
	gap: 1px;
	background: rgba(255, 255, 255, 0.14);
	margin-top: 1px;
}
.swfl-bundle-guide [data-dc-tpl="267"] {
	background: rgb(20, 38, 63);
	padding: 16px 15px 14px;
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-height: 132px;
}
.swfl-bundle-guide [data-dc-tpl="268"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(138, 166, 190);
}
.swfl-bundle-guide [data-dc-tpl="272"] {
	font-family: Newsreader, serif;
	font-size: 23px;
	font-weight: 500;
	color: rgb(255, 255, 255);
	line-height: 1.1;
	letter-spacing: -0.01em;
}
.swfl-bundle-guide [data-dc-tpl="273"] {
	font-size: 12px;
	color: rgb(189, 211, 222);
	line-height: 1.4;
}
.swfl-bundle-guide [data-dc-tpl="275"] {
	font: 400 9.5px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(240, 190, 142);
	border: 1px dashed rgba(240, 160, 90, 0.55);
	border-radius: 2px;
	padding: 4px 6px;
}
.swfl-bundle-guide [data-dc-tpl="270"] {
	width: 34px;
	height: 34px;
	border: 1px solid rgb(127, 208, 221);
	border-radius: 3px;
	color: rgb(255, 255, 255);
	background: rgba(111, 211, 224, 0.14);
	font: 500 17px / 32px "IBM Plex Mono", monospace;
	text-align: center;
}
.swfl-bundle-guide [data-dc-tpl="277"] {
	margin-top: auto;
	font: 400 10.5px / 1.3 "IBM Plex Mono", monospace;
	color: rgb(143, 220, 232);
}
.swfl-bundle-guide [data-dc-tpl="278"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(30px, 3.6vw, 52px) 24px clamp(36px, 4vw, 64px);
	display: grid;
	grid-template-columns: minmax(0px, 1fr) 316px;
	gap: clamp(26px, 3.2vw, 48px);
	align-items: start;
}
.swfl-bundle-guide [data-dc-tpl="279"] {
	min-width: 0px;
}
.swfl-bundle-guide [data-dc-tpl="281"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="282"] {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 10px;
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(138, 106, 63);
	background: rgb(251, 247, 240);
	border: 1px dashed rgb(224, 190, 147);
	border-radius: 2px;
	padding: 6px 8px;
}
.swfl-bundle-guide [data-dc-tpl="283"] {
	font-size: 16px;
	line-height: 1.72;
	color: rgb(44, 62, 82);
	margin: 16px 0px 0px;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="284"] {
	font-size: 16px;
	line-height: 1.72;
	color: rgb(44, 62, 82);
	margin: 14px 0px 0px;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="285"] {
	margin-top: 18px;
	border: 1px dashed rgb(224, 205, 173);
	border-radius: 6px;
	background: rgb(251, 247, 240);
	padding: 16px 18px;
}
.swfl-bundle-guide [data-dc-tpl="286"] {
	font: 400 11.5px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(90, 124, 134);
}
.swfl-bundle-guide [data-dc-tpl="287"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="288"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="289"] {
	margin-top: 14px;
	background: rgb(251, 247, 240);
	border: 1px solid rgb(245, 237, 224);
	border-radius: 6px;
	padding: 13px 15px;
	font-size: 13.5px;
	line-height: 1.6;
	color: rgb(44, 62, 82);
}
.swfl-bundle-guide [data-dc-tpl="290"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
	display: block;
	margin-bottom: 7px;
}
.swfl-bundle-guide [data-dc-tpl="291"] {
	font-weight: 600;
}
.swfl-bundle-guide [data-dc-tpl="292"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(262px, 1fr));
	gap: 16px;
	margin-top: 18px;
}
.swfl-bundle-guide [data-dc-tpl="297"] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}
.swfl-bundle-guide [data-dc-tpl="298"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="299"] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	flex: 0 0 auto;
	background: rgb(20, 38, 63);
	color: rgb(255, 255, 255);
	border: 1px solid rgb(20, 38, 63);
	border-radius: 3px;
	padding: 5px 7px;
	font: 500 9px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.swfl-bundle-guide [data-dc-tpl="300"] {
	width: 6px;
	height: 6px;
	background: rgb(240, 160, 90);
	display: block;
	transform: rotate(45deg);
}
.swfl-bundle-guide [data-dc-tpl="301"] {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-top: 12px;
}
.swfl-bundle-guide [data-dc-tpl="302"] {
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	border: 1px dashed rgb(169, 198, 205);
	border-radius: 4px;
	background: rgb(251, 247, 240);
	font: 400 7.5px / 1.2 "IBM Plex Mono", monospace;
	color: rgb(90, 124, 134);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.swfl-bundle-guide [data-dc-tpl="303"] {
	min-width: 0px;
}
.swfl-bundle-guide [data-dc-tpl="304"] {
	font-family: Newsreader, serif;
	font-size: 19px;
	font-weight: 600;
	color: rgb(20, 38, 63);
	line-height: 1.15;
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="305"] {
	font: 400 9px / 1.3 "IBM Plex Mono", monospace;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: rgb(138, 106, 63);
	background: rgb(251, 247, 240);
	border: 1px dashed rgb(224, 190, 147);
	padding: 3px 5px;
	border-radius: 2px;
	display: inline-block;
	margin-top: 5px;
}
.swfl-bundle-guide [data-dc-tpl="306"] {
	margin-top: 12px;
	border-top: 1px solid rgb(234, 239, 241);
	border-bottom: 1px solid rgb(234, 239, 241);
	padding: 11px 0px;
}
.swfl-bundle-guide [data-dc-tpl="307"] {
	display: flex;
	align-items: center;
	gap: 7px;
}
.swfl-bundle-guide [data-dc-tpl="308"] {
	width: 15px;
	height: 17px;
	flex: 0 0 15px;
	background: rgb(21, 105, 122);
	border-radius: 2px 2px 6px 6px;
}
.swfl-bundle-guide [data-dc-tpl="309"] {
	font-size: 12.5px;
	font-weight: 600;
	color: rgb(20, 38, 63);
}
.swfl-bundle-guide [data-dc-tpl="310"] {
	font: 400 10.5px / 1.5 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
	margin-top: 6px;
	padding-left: 22px;
}
.swfl-bundle-guide [data-dc-tpl="311"] {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 12px;
}
.swfl-bundle-guide [data-dc-tpl="312"] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	background: rgb(21, 105, 122);
	color: rgb(255, 255, 255);
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	padding: 8px 10px;
}
.swfl-bundle-guide [data-dc-tpl="313"] {
	display: flex;
	gap: 8px;
}
.swfl-bundle-guide [data-dc-tpl="314"] {
	flex: 1 1 0%;
	min-height: 44px;
	border: 1px solid rgb(245, 237, 224);
	background: rgb(255, 255, 255);
	color: rgb(21, 105, 122);
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 600;
}
.swfl-bundle-guide [data-dc-tpl="315"] {
	flex: 0 0 auto;
	min-height: 44px;
	display: flex;
	align-items: center;
	padding: 0px 13px;
	border: 1px solid rgb(245, 237, 224);
	border-radius: 8px;
	color: rgb(21, 105, 122);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}
.swfl-bundle-guide [data-dc-tpl="316"] {
	font: 400 9px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(154, 169, 183);
	margin-top: 10px;
}
.swfl-bundle-guide [data-dc-tpl="319"] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}
.swfl-bundle-guide [data-dc-tpl="320"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="321"] {
	flex: 0 0 auto;
	font: 500 9px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	border: 1px solid rgb(213, 222, 226);
	border-radius: 3px;
	padding: 5px 7px;
}
.swfl-bundle-guide [data-dc-tpl="322"] {
	font-family: Newsreader, serif;
	font-size: 17px;
	color: rgb(20, 38, 63);
	line-height: 1.25;
	margin-top: 12px;
}
.swfl-bundle-guide [data-dc-tpl="323"] {
	font-size: 12.5px;
	line-height: 1.6;
	color: rgb(65, 84, 106);
	margin: 9px 0px 0px;
}
.swfl-bundle-guide [data-dc-tpl="324"] {
	display: block;
	margin-top: 12px;
}
.swfl-bundle-guide [data-dc-tpl="325"] {
	display: block;
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	margin-bottom: 6px;
}
.swfl-bundle-guide [data-dc-tpl="326"] {
	width: 100%;
	min-height: 44px;
	border: 1px solid rgb(213, 222, 226);
	border-radius: 8px;
	padding: 10px 12px;
	font-family: inherit;
	font-size: 14px;
	color: rgb(20, 38, 63);
	background: rgb(255, 255, 255);
}
.swfl-bundle-guide [data-dc-tpl="327"] {
	width: 100%;
	min-height: 44px;
	margin-top: 9px;
	border: 1px solid rgb(21, 105, 122);
	background: rgb(255, 255, 255);
	color: rgb(21, 105, 122);
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 600;
}
.swfl-bundle-guide [data-dc-tpl="330"] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}
.swfl-bundle-guide [data-dc-tpl="331"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="332"] {
	flex: 0 0 auto;
	font: 500 9px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(138, 106, 63);
	background: rgb(251, 247, 240);
	border: 1px solid rgb(224, 190, 147);
	border-radius: 3px;
	padding: 5px 7px;
}
.swfl-bundle-guide [data-dc-tpl="333"] {
	font-family: Newsreader, serif;
	font-size: 17px;
	color: rgb(20, 38, 63);
	line-height: 1.25;
	margin-top: 12px;
}
.swfl-bundle-guide [data-dc-tpl="334"] {
	font-size: 12.5px;
	line-height: 1.6;
	color: rgb(65, 84, 106);
	margin: 9px 0px 0px;
}
.swfl-bundle-guide [data-dc-tpl="335"] {
	display: inline-block;
	margin-top: 12px;
	font-size: 13px;
	font-weight: 600;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="336"] {
	margin-top: 16px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 12px;
}
.swfl-bundle-guide [data-dc-tpl="337"] {
	border-left: 2px solid rgb(245, 237, 224);
	padding: 4px 0px 4px 12px;
	font-size: 12.5px;
	line-height: 1.6;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="338"] {
	border-left: 2px solid rgb(224, 190, 147);
	padding: 4px 0px 4px 12px;
	font-size: 12.5px;
	line-height: 1.6;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="339"] {
	color: rgb(20, 38, 63);
}
.swfl-bundle-guide [data-dc-tpl="340"] {
	font: 400 10.5px / 1.5 "IBM Plex Mono", monospace;
	color: rgb(138, 106, 63);
	display: block;
	margin-top: 5px;
}
.swfl-bundle-guide [data-dc-tpl="341"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="342"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
	padding-bottom: 9px;
	border-bottom: 2px solid rgb(20, 38, 63);
}
.swfl-bundle-guide [data-dc-tpl="804"] {
	margin-top: 18px;
	border: 1px solid rgb(20, 38, 63);
	border-radius: 8px;
	background: rgb(255, 255, 255);
	overflow: hidden;
}
.swfl-bundle-guide [data-dc-tpl="805"] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 11px 16px;
	border-bottom: 1px solid rgb(20, 38, 63);
	background: rgb(255, 255, 255);
}
.swfl-bundle-guide [data-dc-tpl="806"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgb(20, 38, 63);
}
.swfl-bundle-guide [data-dc-tpl="807"] {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: rgb(20, 38, 63);
	border-radius: 3px;
	padding: 6px 9px;
}
.swfl-bundle-guide [data-dc-tpl="808"] {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgb(111, 211, 224);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="809"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 500;
	font-stretch: normal;
	font-size: 11px;
	line-height: 1;
	font-family: "IBM Plex Mono", monospace;
	letter-spacing: 0.05em;
	color: rgb(255, 255, 255);
}
.swfl-bundle-guide [data-dc-tpl="810"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 3px 20px;
	padding: 13px 16px;
	border-bottom: 1px solid rgb(234, 239, 241);
}
.swfl-bundle-guide [data-dc-tpl="811"] {
	font: 500 9.5px / 1.5 "IBM Plex Mono", monospace;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="812"] {
	font-size: 14.5px;
	line-height: 1.55;
	color: rgb(44, 62, 82);
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="813"] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 18px;
	padding: 12px 16px;
	background: rgb(251, 247, 240);
}
.swfl-bundle-guide [data-dc-tpl="814"] {
	font-size: 13px;
	font-weight: 600;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="815"] {
	font: 400 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="816"] {
	font: 400 11px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
	margin: 10px 0px 0px;
	max-width: 64ch;
}
.swfl-bundle-guide [data-dc-tpl="343"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 14px;
	margin-top: 18px;
}
.swfl-bundle-guide [data-dc-tpl="344"] {
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	padding: 16px 17px;
	background: rgb(255, 255, 255);
}
.swfl-bundle-guide [data-dc-tpl="345"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="346"] {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}
.swfl-bundle-guide [data-dc-tpl="347"] {
	width: 38px;
	height: 38px;
	border-radius: 4px;
	background: rgb(20, 38, 63);
	color: rgb(255, 255, 255);
	font: 500 19px / 38px "IBM Plex Mono", monospace;
	text-align: center;
}
.swfl-bundle-guide [data-dc-tpl="348"] {
	font-size: 14px;
	color: rgb(44, 62, 82);
	line-height: 1.4;
}
.swfl-bundle-guide [data-dc-tpl="350"] {
	color: rgb(84, 100, 117);
	font-size: 12.5px;
}
.swfl-bundle-guide [data-dc-tpl="351"] {
	display: inline-block;
	margin-top: 12px;
	font-size: 13px;
	font-weight: 600;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="352"] {
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	padding: 16px 17px;
	background: rgb(255, 255, 255);
}
.swfl-bundle-guide [data-dc-tpl="353"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="354"] {
	display: flex;
	height: 9px;
	border-radius: 2px;
	overflow: hidden;
	margin-top: 12px;
	background: rgb(251, 247, 240);
}
.swfl-bundle-guide [data-dc-tpl="357"] {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 11px;
}
.swfl-bundle-guide [data-dc-tpl="359"] {
	display: flex;
	align-items: baseline;
	gap: 8px;
	font-size: 13px;
	color: rgb(44, 62, 82);
}
.swfl-bundle-guide [data-dc-tpl="360"] {
	font: 500 12px / 1 "IBM Plex Mono", monospace;
	color: rgb(20, 38, 63);
	min-width: 38px;
}
.swfl-bundle-guide [data-dc-tpl="361"] {
	font-weight: 600;
}
.swfl-bundle-guide [data-dc-tpl="362"] {
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="363"] {
	font: 400 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	border-left: 2px solid rgb(21, 105, 122);
	padding-left: 7px;
	margin-top: 12px;
}
.swfl-bundle-guide [data-dc-tpl="364"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 14px 0px 0px;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="365"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="366"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="367"] {
	margin-top: 18px;
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	overflow: hidden;
}
.swfl-bundle-guide [data-dc-tpl="369"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 6px 18px;
	padding: 15px 17px;
	border-bottom: 1px solid rgb(234, 239, 241);
	background: rgb(255, 255, 255);
}
.swfl-bundle-guide [data-dc-tpl="371"] {
	font-size: 13.5px;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="372"] {
	font: 400 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	margin-top: 5px;
}
.swfl-bundle-guide [data-dc-tpl="374"] {
	font-family: Newsreader, serif;
	font-size: 24px;
	font-weight: 500;
	color: rgb(20, 38, 63);
	line-height: 1.1;
}
.swfl-bundle-guide [data-dc-tpl="375"] {
	font-size: 12px;
	color: rgb(84, 100, 117);
	margin-top: 5px;
	line-height: 1.5;
}
.swfl-bundle-guide [data-dc-tpl="376"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 6px 18px;
	padding: 15px 17px;
	background: rgb(251, 247, 240);
}
.swfl-bundle-guide [data-dc-tpl="378"] {
	font-size: 13.5px;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="379"] {
	font: 400 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	margin-top: 5px;
}
.swfl-bundle-guide [data-dc-tpl="381"] {
	font-family: Newsreader, serif;
	font-size: 24px;
	font-weight: 500;
	color: rgb(20, 38, 63);
	line-height: 1.1;
}
.swfl-bundle-guide [data-dc-tpl="382"] {
	font-size: 12px;
	color: rgb(84, 100, 117);
	margin-top: 5px;
	line-height: 1.5;
}
.swfl-bundle-guide [data-dc-tpl="817"] {
	display: grid;
	grid-template-columns: minmax(0px, 1fr);
	gap: 14px;
	margin-top: 16px;
}
.swfl-bundle-guide [data-dc-tpl="818"] {
	margin: 0px;
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	background: rgb(251, 247, 240);
	padding: 15px 17px;
}
.swfl-bundle-guide [data-dc-tpl="819"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="820"] {
	margin-top: 16px;
}
.swfl-bundle-guide [data-dc-tpl="821"] {
	position: relative;
	height: 19px;
}
.swfl-bundle-guide [data-dc-tpl="822"] {
	position: absolute;
	left: 28%;
	bottom: 0px;
	transform: translateX(-50%);
	white-space: nowrap;
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 500;
	font-stretch: normal;
	font-size: 11px;
	line-height: 1;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(20, 38, 63);
}
.swfl-bundle-guide [data-dc-tpl="823"] {
	position: relative;
	height: 26px;
	margin-top: 4px;
}
.swfl-bundle-guide [data-dc-tpl="824"] {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 8px;
	height: 10px;
	background: rgb(237, 243, 244);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="825"] {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 17px;
	height: 1px;
	background: rgb(224, 205, 173);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="826"] {
	position: absolute;
	left: 0px;
	top: 5px;
	width: 1.5px;
	height: 16px;
	background: rgb(65, 84, 106);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="827"] {
	position: absolute;
	right: 0px;
	top: 5px;
	width: 1.5px;
	height: 16px;
	background: rgb(65, 84, 106);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="828"] {
	position: absolute;
	left: 28%;
	top: 1px;
	transform: translateX(-50%);
	width: 2px;
	height: 24px;
	background: rgb(20, 38, 63);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="829"] {
	position: absolute;
	left: 28%;
	top: -3px;
	transform: translateX(-50%) rotate(45deg);
	width: 7px;
	height: 7px;
	background: rgb(138, 106, 63);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="830"] {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-top: 8px;
}
.swfl-bundle-guide [data-dc-tpl="831"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 400;
	font-stretch: normal;
	font-size: 10.5px;
	line-height: 1.4;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="832"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 400;
	font-stretch: normal;
	font-size: 10.5px;
	line-height: 1.4;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="833"] {
	font: 400 10.5px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
	margin: 13px 0px 0px;
}
.swfl-bundle-guide [data-dc-tpl="834"] {
	font-size: 12px;
	line-height: 1.6;
	color: rgb(84, 100, 117);
	margin: 7px 0px 0px;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="835"] {
	margin: 0px;
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	background: rgb(251, 247, 240);
	padding: 15px 17px;
}
.swfl-bundle-guide [data-dc-tpl="836"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="837"] {
	margin-top: 16px;
}
.swfl-bundle-guide [data-dc-tpl="838"] {
	position: relative;
	height: 19px;
}
.swfl-bundle-guide [data-dc-tpl="839"] {
	position: absolute;
	left: 52%;
	bottom: 0px;
	transform: translateX(-50%);
	white-space: nowrap;
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 500;
	font-stretch: normal;
	font-size: 11px;
	line-height: 1;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(20, 38, 63);
}
.swfl-bundle-guide [data-dc-tpl="840"] {
	position: relative;
	height: 26px;
	margin-top: 4px;
}
.swfl-bundle-guide [data-dc-tpl="841"] {
	position: absolute;
	left: 20%;
	right: 16%;
	top: 4px;
	height: 16px;
	background: rgba(21, 105, 122, 0.14);
	border: 1px solid rgba(21, 105, 122, 0.5);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="842"] {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 20px;
	height: 1px;
	background: rgb(224, 205, 173);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="843"] {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 21px;
	height: 6px;
	background-image: linear-gradient(90deg, rgb(224, 205, 173) 1px, transparent 1px);
	background-size: 20% 100%;
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="844"] {
	position: absolute;
	right: 0px;
	top: 21px;
	width: 1px;
	height: 6px;
	background: rgb(224, 205, 173);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="845"] {
	position: absolute;
	left: 20%;
	top: 0px;
	width: 1.5px;
	height: 21px;
	background: rgb(20, 38, 63);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="846"] {
	position: absolute;
	left: 84%;
	top: 0px;
	width: 1.5px;
	height: 21px;
	background: rgb(20, 38, 63);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="847"] {
	position: relative;
	height: 15px;
	margin-top: 5px;
}
.swfl-bundle-guide [data-dc-tpl="848"] {
	position: absolute;
	left: 0px;
	font: 400 10px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="849"] {
	position: absolute;
	left: 40%;
	transform: translateX(-50%);
	font: 400 10px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="850"] {
	position: absolute;
	left: 80%;
	transform: translateX(-50%);
	font: 400 10px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="851"] {
	position: absolute;
	right: 0px;
	font: 400 10px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="852"] {
	font: 400 10.5px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
	margin: 13px 0px 0px;
}
.swfl-bundle-guide [data-dc-tpl="853"] {
	font-size: 12px;
	line-height: 1.6;
	color: rgb(84, 100, 117);
	margin: 7px 0px 0px;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="854"] {
	margin: 0px;
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	background: rgb(251, 247, 240);
	padding: 15px 17px;
}
.swfl-bundle-guide [data-dc-tpl="855"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="856"] {
	margin-top: 16px;
}
.swfl-bundle-guide [data-dc-tpl="857"] {
	position: relative;
	height: 19px;
}
.swfl-bundle-guide [data-dc-tpl="858"] {
	position: absolute;
	left: 54%;
	bottom: 0px;
	transform: translateX(-50%);
	white-space: nowrap;
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 500;
	font-stretch: normal;
	font-size: 11px;
	line-height: 1;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(20, 38, 63);
}
.swfl-bundle-guide [data-dc-tpl="859"] {
	position: relative;
	height: 26px;
	margin-top: 4px;
}
.swfl-bundle-guide [data-dc-tpl="860"] {
	position: absolute;
	left: 48.4%;
	top: 0px;
	width: 1px;
	height: 26px;
	background-image: linear-gradient(rgb(65, 84, 106) 3px, transparent 3px);
	background-size: 1px 6px;
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="861"] {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 17px;
	height: 1px;
	background: rgb(224, 205, 173);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="862"] {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 18px;
	height: 5px;
	background-image: linear-gradient(90deg, rgb(224, 205, 173) 1px, transparent 1px);
	background-size: 28.57% 100%;
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="863"] {
	position: absolute;
	left: 54%;
	top: 1px;
	transform: translateX(-50%);
	width: 1px;
	height: 14px;
	background: rgb(21, 105, 122);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="864"] {
	position: absolute;
	left: 54%;
	top: 12px;
	transform: translateX(-50%);
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: rgb(21, 105, 122);
	box-shadow: rgb(251, 247, 240) 0px 0px 0px 1.5px;
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="865"] {
	position: relative;
	height: 15px;
	margin-top: 5px;
}
.swfl-bundle-guide [data-dc-tpl="866"] {
	position: absolute;
	left: 0px;
	font: 400 10px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="867"] {
	position: absolute;
	left: 28.6%;
	transform: translateX(-50%);
	font: 400 10px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="868"] {
	position: absolute;
	left: 57.1%;
	transform: translateX(-50%);
	font: 400 10px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="869"] {
	position: absolute;
	left: 85.7%;
	transform: translateX(-50%);
	font: 400 10px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="870"] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 9px;
}
.swfl-bundle-guide [data-dc-tpl="871"] {
	width: 16px;
	height: 1px;
	flex: 0 0 16px;
	background-image: linear-gradient(90deg, rgb(65, 84, 106) 3px, transparent 3px);
	background-size: 6px 1px;
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="872"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 400;
	font-stretch: normal;
	font-size: 10.5px;
	line-height: 1.4;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="873"] {
	font: 400 10.5px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
	margin: 13px 0px 0px;
}
.swfl-bundle-guide [data-dc-tpl="874"] {
	font-size: 12px;
	line-height: 1.6;
	color: rgb(84, 100, 117);
	margin: 7px 0px 0px;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="875"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="876"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="877"] {
	font-size: 15px;
	line-height: 1.65;
	color: rgb(65, 84, 106);
	margin: 11px 0px 0px;
	max-width: 58ch;
}
.swfl-bundle-guide [data-dc-tpl="878"] {
	margin-top: 18px;
	border: 1px solid rgb(232, 220, 200);
	border-radius: 8px;
	background: rgb(251, 247, 240);
	overflow: hidden;
}
.swfl-bundle-guide [data-dc-tpl="879"] {
	padding: 14px 17px;
	border-bottom: 1px solid rgb(245, 237, 224);
}
.swfl-bundle-guide [data-dc-tpl="880"] {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px 18px;
}
.swfl-bundle-guide [data-dc-tpl="881"] {
	font-size: 15px;
	font-weight: 500;
	color: rgb(20, 38, 63);
	letter-spacing: -0.003em;
}
.swfl-bundle-guide [data-dc-tpl="882"] {
	display: inline-flex;
	align-items: baseline;
	gap: 7px;
	flex: 0 0 auto;
}
.swfl-bundle-guide [data-dc-tpl="883"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 500;
	font-stretch: normal;
	font-size: 19px;
	line-height: 1;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(20, 38, 63);
	letter-spacing: -0.01em;
}
.swfl-bundle-guide [data-dc-tpl="884"] {
	font: 400 10px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="885"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 7px 0px 0px;
	max-width: 70ch;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="886"] {
	font: 400 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	margin-top: 7px;
}
.swfl-bundle-guide [data-dc-tpl="887"] {
	flex: 0 0 auto;
	font-size: 14px;
	color: rgb(84, 100, 117);
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="888"] {
	margin: 14px 0px 0px;
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	background: rgb(251, 247, 240);
	padding: 15px 17px 14px;
}
.swfl-bundle-guide [data-dc-tpl="889"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="890"] {
	margin-top: 14px;
}
.swfl-bundle-guide [data-dc-tpl="891"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 500;
	font-stretch: normal;
	font-size: 11px;
	line-height: 1;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(20, 38, 63);
}
.swfl-bundle-guide [data-dc-tpl="892"] {
	display: flex;
	gap: 1.5px;
	height: 24px;
	margin-top: 9px;
}
.swfl-bundle-guide [data-dc-tpl="893"] {
	flex: 0 0 70.5%;
	background: rgb(20, 38, 63);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="894"] {
	flex: 0 0 23.2%;
	background: rgb(21, 105, 122);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="895"] {
	flex: 1 1 auto;
	background: rgb(168, 191, 197);
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="896"] {
	display: flex;
	flex-direction: column;
	margin-top: 14px;
}
.swfl-bundle-guide [data-dc-tpl="897"] {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 3px 12px;
	padding: 8px 0px;
	border-bottom: 1px solid rgb(245, 237, 224);
}
.swfl-bundle-guide [data-dc-tpl="898"] {
	width: 9px;
	height: 9px;
	flex: 0 0 9px;
	background: rgb(20, 38, 63);
	display: block;
	align-self: center;
}
.swfl-bundle-guide [data-dc-tpl="899"] {
	flex: 1 1 150px;
	min-width: 0px;
	font: 400 11px / 1.5 "IBM Plex Mono", monospace;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="900"] {
	flex: 0 0 auto;
	margin-left: auto;
	display: flex;
	align-items: baseline;
	gap: 12px;
}
.swfl-bundle-guide [data-dc-tpl="901"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 400;
	font-stretch: normal;
	font-size: 11px;
	line-height: 1.5;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="902"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 500;
	font-stretch: normal;
	font-size: 12px;
	line-height: 1.5;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(20, 38, 63);
	min-width: 76px;
	text-align: right;
}
.swfl-bundle-guide [data-dc-tpl="903"] {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 3px 12px;
	padding: 8px 0px;
	border-bottom: 1px solid rgb(245, 237, 224);
}
.swfl-bundle-guide [data-dc-tpl="904"] {
	width: 9px;
	height: 9px;
	flex: 0 0 9px;
	background: rgb(21, 105, 122);
	display: block;
	align-self: center;
}
.swfl-bundle-guide [data-dc-tpl="905"] {
	flex: 1 1 150px;
	min-width: 0px;
	font: 400 11px / 1.5 "IBM Plex Mono", monospace;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="906"] {
	flex: 0 0 auto;
	margin-left: auto;
	display: flex;
	align-items: baseline;
	gap: 12px;
}
.swfl-bundle-guide [data-dc-tpl="907"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 400;
	font-stretch: normal;
	font-size: 11px;
	line-height: 1.5;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="908"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 500;
	font-stretch: normal;
	font-size: 12px;
	line-height: 1.5;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(20, 38, 63);
	min-width: 76px;
	text-align: right;
}
.swfl-bundle-guide [data-dc-tpl="909"] {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 3px 12px;
	padding: 8px 0px;
}
.swfl-bundle-guide [data-dc-tpl="910"] {
	width: 9px;
	height: 9px;
	flex: 0 0 9px;
	background: rgb(168, 191, 197);
	display: block;
	align-self: center;
}
.swfl-bundle-guide [data-dc-tpl="911"] {
	flex: 1 1 150px;
	min-width: 0px;
	font: 400 11px / 1.5 "IBM Plex Mono", monospace;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="912"] {
	flex: 0 0 auto;
	margin-left: auto;
	display: flex;
	align-items: baseline;
	gap: 12px;
}
.swfl-bundle-guide [data-dc-tpl="913"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 400;
	font-stretch: normal;
	font-size: 11px;
	line-height: 1.5;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="914"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 500;
	font-stretch: normal;
	font-size: 12px;
	line-height: 1.5;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(20, 38, 63);
	min-width: 76px;
	text-align: right;
}
.swfl-bundle-guide [data-dc-tpl="915"] {
	font: 400 10.5px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
	margin: 12px 0px 0px;
}
.swfl-bundle-guide [data-dc-tpl="916"] {
	font-size: 12px;
	line-height: 1.6;
	color: rgb(84, 100, 117);
	margin: 7px 0px 0px;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="917"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 13px 0px 0px;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="383"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="384"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="385"] {
	font-size: 15px;
	line-height: 1.65;
	color: rgb(65, 84, 106);
	margin: 11px 0px 0px;
	max-width: 58ch;
}
.swfl-bundle-guide [data-dc-tpl="388"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));
	gap: 14px;
	margin-top: 18px;
}
.swfl-bundle-guide [data-dc-tpl="390"] {
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	background: rgb(255, 255, 255);
	padding: 15px 16px 14px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.swfl-bundle-guide [data-dc-tpl="391"] {
	font-family: Newsreader, serif;
	font-size: 19px;
	font-weight: 600;
	color: rgb(20, 38, 63);
	line-height: 1.22;
	letter-spacing: -0.008em;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="392"] {
	margin-top: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	padding-top: 12px;
	border-top: 1px solid rgb(234, 239, 241);
}
.swfl-bundle-guide [data-dc-tpl="393"] {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	flex: 0 0 auto;
}
.swfl-bundle-guide [data-dc-tpl="394"] {
	font: 500 12px / 1 "IBM Plex Mono", monospace;
	color: rgb(21, 105, 122);
	white-space: nowrap;
}
.swfl-bundle-guide [data-dc-tpl="395"] {
	position: relative;
	display: block;
	width: 62px;
	height: 12px;
	flex: 0 0 62px;
	border-bottom: 1px solid rgb(224, 205, 173);
	background-image: linear-gradient(90deg, rgb(217, 228, 231) 1px, transparent 1px);
	background-size: 10.33px 100%;
	background-position: 0px 100%;
	background-repeat: repeat-x;
}
.swfl-bundle-guide [data-dc-tpl="398"] {
	font-size: 13px;
	font-weight: 600;
	color: rgb(21, 105, 122);
	white-space: nowrap;
}
.swfl-bundle-guide [data-dc-tpl="400"] {
	font: 400 10.5px / 1.3 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	color: rgb(154, 169, 183);
	white-space: nowrap;
}
.swfl-bundle-guide [data-dc-tpl="401"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 13px 0px 0px;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="387"] {
	margin-top: 15px;
	border-left: 2px solid rgb(245, 237, 224);
	padding: 2px 0px 2px 13px;
	font-family: Newsreader, serif;
	font-size: 16px;
	line-height: 1.6;
	color: rgb(44, 62, 82);
	max-width: 60ch;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="402"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="403"] {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 8px 16px;
}
.swfl-bundle-guide [data-dc-tpl="404"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="405"] {
	font: 400 10.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="407"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
	gap: 0px 28px;
	margin-top: 16px;
	border-top: 1px solid rgb(20, 38, 63);
}
.swfl-bundle-guide [data-dc-tpl="409"] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 11px 0px;
	border-bottom: 1px solid rgb(234, 239, 241);
	min-height: 44px;
}
.swfl-bundle-guide [data-dc-tpl="410"] {
	min-width: 0px;
}
.swfl-bundle-guide [data-dc-tpl="411"] {
	display: block;
	font-size: 14.5px;
	font-weight: 500;
	color: rgb(20, 38, 63);
	line-height: 1.3;
}
.swfl-bundle-guide [data-dc-tpl="412"] {
	display: block;
	font: 400 10.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.05em;
	color: rgb(84, 100, 117);
	margin-top: 3px;
}
.swfl-bundle-guide [data-dc-tpl="413"] {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	flex: 0 0 auto;
}
.swfl-bundle-guide [data-dc-tpl="414"] {
	font: 500 12px / 1 "IBM Plex Mono", monospace;
	color: rgb(21, 105, 122);
	white-space: nowrap;
}
.swfl-bundle-guide [data-dc-tpl="415"] {
	position: relative;
	display: block;
	width: 62px;
	height: 12px;
	flex: 0 0 62px;
	border-bottom: 1px solid rgb(224, 205, 173);
	background-image: linear-gradient(90deg, rgb(217, 228, 231) 1px, transparent 1px);
	background-size: 10.33px 100%;
	background-position: 0px 100%;
	background-repeat: repeat-x;
}
.swfl-bundle-guide [data-dc-tpl="423"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 13px 0px 0px;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="420"] {
	margin-top: 16px;
	border: 1px dashed rgb(224, 205, 173);
	border-radius: 8px;
	background: rgb(251, 247, 240);
	padding: 18px 20px;
}
.swfl-bundle-guide [data-dc-tpl="421"] {
	font: 400 11.5px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(90, 124, 134);
}
.swfl-bundle-guide [data-dc-tpl="422"] {
	font-size: 13px;
	line-height: 1.6;
	color: rgb(65, 84, 106);
	margin: 9px 0px 0px;
	max-width: 56ch;
}
.swfl-bundle-guide [data-dc-tpl="418"] {
	font-size: 13px;
	line-height: 1.6;
	color: rgb(65, 84, 106);
	margin: 12px 0px 0px;
	border-left: 2px solid rgb(245, 237, 224);
	padding-left: 12px;
}
.swfl-bundle-guide [data-dc-tpl="424"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="425"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="426"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(244px, 1fr));
	gap: 1px;
	background: rgb(226, 232, 234);
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	overflow: hidden;
	margin-top: 18px;
}
.swfl-bundle-guide [data-dc-tpl="428"] {
	background: rgb(255, 255, 255);
	padding: 15px 16px 16px;
	display: flex;
	flex-direction: column;
	gap: 13px;
}
.swfl-bundle-guide [data-dc-tpl="429"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="430"] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.swfl-bundle-guide [data-dc-tpl="434"] {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	color: rgb(21, 105, 122);
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="437"] {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-top: 6px;
}
.swfl-bundle-guide [data-dc-tpl="438"] {
	font: 500 12px / 1 "IBM Plex Mono", monospace;
	color: rgb(21, 105, 122);
	white-space: nowrap;
}
.swfl-bundle-guide [data-dc-tpl="439"] {
	position: relative;
	display: block;
	width: 62px;
	height: 12px;
	flex: 0 0 62px;
	border-bottom: 1px solid rgb(224, 205, 173);
	background-image: linear-gradient(90deg, rgb(217, 228, 231) 1px, transparent 1px);
	background-size: 10.33px 100%;
	background-position: 0px 100%;
	background-repeat: repeat-x;
}
.swfl-bundle-guide [data-dc-tpl="442"] {
	font: 500 12px / 1 "IBM Plex Mono", monospace;
	color: rgb(169, 186, 196);
	margin-left: -5px;
}
.swfl-bundle-guide [data-dc-tpl="444"] {
	font-size: 11.5px;
	line-height: 1.55;
	color: rgb(84, 100, 117);
	margin: auto 0px 0px;
	padding-top: 6px;
}
.swfl-bundle-guide [data-dc-tpl="436"] {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	color: rgb(20, 38, 63);
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="446"] {
	font-weight: 600;
}
.swfl-bundle-guide [data-dc-tpl="447"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 13px 0px 0px;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="448"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="449"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="462"] {
	margin-top: 18px;
	border: 1px solid rgb(245, 237, 224);
	border-radius: 8px;
	background: linear-gradient(rgb(223, 237, 240) 1px, transparent 1px) 0% 0% / 30px 30px, linear-gradient(90deg, rgb(223, 237, 240) 1px, transparent 1px) rgb(251, 247, 240);
	padding: 19px 21px 20px;
}
.swfl-bundle-guide [data-dc-tpl="463"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="464"] {
	font-family: Newsreader, serif;
	font-size: clamp(19px, 1.9vw, 23px);
	font-weight: 500;
	line-height: 1.35;
	color: rgb(20, 38, 63);
	margin-top: 11px;
	max-width: 46ch;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="465"] {
	font-size: 14.5px;
	line-height: 1.62;
	color: rgb(44, 62, 82);
	margin: 11px 0px 0px;
	max-width: 54ch;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="466"] {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 17px;
}
.swfl-bundle-guide [data-dc-tpl="467"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	background: rgb(21, 105, 122);
	color: rgb(255, 255, 255);
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 600;
	padding: 11px 17px;
	text-decoration: none;
}
.swfl-bundle-guide [data-dc-tpl="468"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(245, 237, 224);
	color: rgb(21, 105, 122);
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 600;
	padding: 11px 17px;
	text-decoration: none;
}
.swfl-bundle-guide [data-dc-tpl="451"] {
	margin-top: 18px;
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	overflow: hidden;
}
.swfl-bundle-guide [data-dc-tpl="453"] {
	display: grid;
	grid-template-columns: 86px minmax(0px, 1fr);
	gap: 4px 16px;
	padding: 14px 17px;
	border-bottom: 1px solid rgb(234, 239, 241);
	background: rgb(255, 255, 255);
	align-items: baseline;
}
.swfl-bundle-guide [data-dc-tpl="455"] {
	font: 500 13px / 1.2 "IBM Plex Mono", monospace;
	color: rgb(20, 38, 63);
}
.swfl-bundle-guide [data-dc-tpl="456"] {
	font: 400 10.5px / 1.3 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
	margin-top: 5px;
}
.swfl-bundle-guide [data-dc-tpl="457"] {
	font-family: Newsreader, serif;
	font-size: 17px;
	line-height: 1.35;
	color: rgb(20, 38, 63);
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="458"] {
	padding: 12px 17px;
	background: rgb(251, 247, 240);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
}
.swfl-bundle-guide [data-dc-tpl="459"] {
	font: 400 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	border-left: 2px solid rgb(21, 105, 122);
	padding-left: 7px;
}
.swfl-bundle-guide [data-dc-tpl="460"] {
	font: 400 10.5px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="918"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="919"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="920"] {
	margin-top: 16px;
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	background: rgb(255, 255, 255);
	overflow: hidden;
}
.swfl-bundle-guide [data-dc-tpl="921"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(206px, 1fr));
	gap: 8px 22px;
	padding: 14px 17px;
	border-bottom: 1px solid rgb(234, 239, 241);
	align-items: start;
}
.swfl-bundle-guide [data-dc-tpl="923"] {
	font: 500 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="924"] {
	font: 400 9.5px / 1.5 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	margin-top: 6px;
}
.swfl-bundle-guide [data-dc-tpl="926"] {
	font-size: 15.5px;
	font-weight: 600;
	color: rgb(20, 38, 63);
	line-height: 1.35;
	letter-spacing: -0.004em;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="927"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 7px 0px 0px;
	max-width: 56ch;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="928"] {
	display: inline-block;
	margin-top: 7px;
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 500;
	font-stretch: normal;
	font-size: 14px;
	line-height: 1.3;
	font-family: "IBM Plex Mono", monospace;
	letter-spacing: 0.02em;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="929"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 13px 0px 0px;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="930"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="931"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="932"] {
	margin-top: 16px;
	border-width: 2px 1px 1px;
	border-style: solid;
	border-color: rgb(20, 38, 63) rgb(226, 232, 234) rgb(226, 232, 234);
	border-image: none;
	border-radius: 0px 0px 8px 8px;
	background: rgb(255, 255, 255);
	overflow: hidden;
}
.swfl-bundle-guide [data-dc-tpl="933"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(212px, 1fr));
	gap: 8px 24px;
	padding: 15px 17px;
	border-bottom: 1px dashed rgb(232, 220, 200);
	align-items: start;
}
.swfl-bundle-guide [data-dc-tpl="935"] {
	font: 500 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="936"] {
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 500;
	font-stretch: normal;
	font-size: 15.5px;
	line-height: 1.3;
	font-family: "IBM Plex Mono", monospace;
	color: rgb(20, 38, 63);
	margin-top: 7px;
	letter-spacing: -0.012em;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="938"] {
	font-size: 14px;
	line-height: 1.65;
	color: rgb(65, 84, 106);
	margin: 0px;
	max-width: 58ch;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="939"] {
	display: inline-block;
	margin-top: 8px;
	font: 400 10.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="940"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 13px 0px 0px;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="941"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="942"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="943"] {
	font-size: 15px;
	line-height: 1.65;
	color: rgb(65, 84, 106);
	margin: 11px 0px 0px;
	max-width: 58ch;
}
.swfl-bundle-guide [data-dc-tpl="944"] {
	margin-top: 16px;
	border: 1px solid rgb(245, 237, 224);
	border-radius: 8px;
	background: rgb(255, 255, 255);
	overflow: hidden;
}
.swfl-bundle-guide [data-dc-tpl="945"] {
	padding: 15px 18px 16px;
	border-bottom: 1px solid rgb(234, 239, 241);
}
.swfl-bundle-guide [data-dc-tpl="946"] {
	font-family: Newsreader, serif;
	font-size: 21px;
	font-weight: 500;
	color: rgb(20, 38, 63);
	line-height: 1.25;
	letter-spacing: -0.012em;
	padding-left: 36px;
	text-indent: -36px;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum";
}
.swfl-bundle-guide [data-dc-tpl="947"] {
	font-size: 14.5px;
	line-height: 1.65;
	color: rgb(65, 84, 106);
	margin: 7px 0px 0px 36px;
	max-width: 62ch;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="948"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 13px 0px 0px;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="949"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="950"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="951"] {
	margin-top: 16px;
	border: 1px solid rgb(245, 237, 224);
	border-radius: 8px;
	background: rgb(255, 255, 255);
	overflow: hidden;
}
.swfl-bundle-guide [data-dc-tpl="952"] {
	background: rgb(251, 247, 240);
	border-bottom: 1px solid rgb(245, 237, 224);
	padding: 18px 20px 19px;
}
.swfl-bundle-guide [data-dc-tpl="953"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="954"] {
	font-family: Newsreader, serif;
	font-size: clamp(21px, 2.1vw, 26px);
	font-weight: 600;
	color: rgb(20, 38, 63);
	line-height: 1.2;
	letter-spacing: -0.015em;
	margin-top: 8px;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="955"] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 22px;
	margin-top: 14px;
}
.swfl-bundle-guide [data-dc-tpl="956"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-style: normal;
	font-variant: tabular-nums;
	font-size-adjust: none;
	font-language-override: normal;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-weight: 500;
	font-stretch: normal;
	font-size: 21px;
	line-height: 1;
	font-family: "IBM Plex Mono", monospace;
	letter-spacing: -0.01em;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="957"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font: 400 13.5px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="958"] {
	font: 400 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: rgb(90, 124, 134);
	margin-top: 12px;
}
.swfl-bundle-guide [data-dc-tpl="959"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
	gap: 4px 22px;
	padding: 13px 20px;
	border-bottom: 1px solid rgb(234, 239, 241);
	align-items: baseline;
}
.swfl-bundle-guide [data-dc-tpl="960"] {
	font: 500 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="961"] {
	font-size: 14px;
	line-height: 1.55;
	color: rgb(44, 62, 82);
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="962"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 13px 0px 0px;
}
.swfl-bundle-guide [data-dc-tpl="963"] {
	font-weight: 600;
}
.swfl-bundle-guide [data-dc-tpl="493"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-guide [data-dc-tpl="494"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="964"] {
	font: 400 10.5px / 1.6 "IBM Plex Mono", monospace;
	letter-spacing: 0.03em;
	color: rgb(84, 100, 117);
	margin: 9px 0px 0px;
	max-width: 64ch;
}
.swfl-bundle-guide [data-dc-tpl="496"] {
	border-bottom: 1px solid rgb(226, 232, 234);
	padding: 19px 0px;
}
.swfl-bundle-guide [data-dc-tpl="497"] {
	font-family: Newsreader, serif;
	font-size: 19.5px;
	font-weight: 600;
	color: rgb(20, 38, 63);
	line-height: 1.28;
	letter-spacing: -0.012em;
	max-width: 52ch;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="498"] {
	font-size: 15px;
	line-height: 1.72;
	color: rgb(44, 62, 82);
	margin-top: 9px;
	max-width: 68ch;
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="499"] {
	min-width: 0px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	position: sticky;
	top: 16px;
}
.swfl-bundle-guide [data-dc-tpl="500"] {
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	background: rgb(255, 255, 255);
	overflow: hidden;
}
.swfl-bundle-guide [data-dc-tpl="501"] {
	padding: 13px 16px;
	border-bottom: 1px solid rgb(226, 232, 234);
	background: rgb(251, 247, 240);
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-guide [data-dc-tpl="502"] {
	display: flex;
	flex-direction: column;
	padding: 6px 8px;
}
.swfl-bundle-guide [data-dc-tpl="504"] {
	font-size: 13.5px;
	color: rgb(20, 38, 63);
	padding: 9px 8px;
	border-radius: 5px;
}
.swfl-bundle-guide [data-dc-tpl="505"] {
	border: 1px solid rgb(245, 237, 224);
	border-radius: 8px;
	background: rgb(251, 247, 240);
	padding: 16px 17px;
}
.swfl-bundle-guide [data-dc-tpl="506"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-guide [data-dc-tpl="507"] {
	font-family: Newsreader, serif;
	font-size: 17px;
	color: rgb(20, 38, 63);
	line-height: 1.3;
	margin-top: 8px;
}
.swfl-bundle-guide [data-dc-tpl="508"] {
	display: flex;
	gap: 9px;
	margin-top: 12px;
}
.swfl-bundle-guide [data-dc-tpl="509"] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(245, 237, 224);
	border-radius: 6px;
	padding: 6px 10px 6px 6px;
}
.swfl-bundle-guide [data-dc-tpl="510"] {
	width: 24px;
	height: 24px;
	border-radius: 3px;
	background: rgb(20, 38, 63);
	color: rgb(255, 255, 255);
	font: 500 12px / 24px "IBM Plex Mono", monospace;
	text-align: center;
}
.swfl-bundle-guide [data-dc-tpl="511"] {
	font: 500 9px / 1.2 "IBM Plex Mono", monospace;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="513"] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(245, 237, 224);
	border-radius: 6px;
	padding: 6px 10px 6px 6px;
}
.swfl-bundle-guide [data-dc-tpl="514"] {
	width: 24px;
	height: 24px;
	border-radius: 3px;
	background: rgb(21, 105, 122);
	color: rgb(255, 255, 255);
	font: 500 12px / 24px "IBM Plex Mono", monospace;
	text-align: center;
}
.swfl-bundle-guide [data-dc-tpl="515"] {
	font: 500 9px / 1.2 "IBM Plex Mono", monospace;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: rgb(65, 84, 106);
}
.swfl-bundle-guide [data-dc-tpl="517"] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin-top: 13px;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(245, 237, 224);
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 600;
	color: rgb(21, 105, 122);
	text-decoration: none;
}
.swfl-bundle-guide [data-dc-tpl="518"] {
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	background: rgb(255, 255, 255);
	padding: 16px 17px;
}
.swfl-bundle-guide [data-dc-tpl="519"] {
	font-family: Newsreader, serif;
	font-size: 17px;
	color: rgb(20, 38, 63);
	line-height: 1.3;
}
.swfl-bundle-guide [data-dc-tpl="520"] {
	font-size: 13px;
	line-height: 1.6;
	color: rgb(65, 84, 106);
	margin: 8px 0px 12px;
}
.swfl-bundle-guide [data-dc-tpl="521"] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	background: rgb(21, 105, 122);
	color: rgb(255, 255, 255);
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
}

/* ===== screen-hub ===== */
.swfl-bundle-hub *,
.swfl-bundle-hub *::before,
.swfl-bundle-hub *::after { box-sizing: border-box; }
.swfl-bundle-hub { color: rgb(65, 84, 106); }
.swfl-bundle-hub a { color: inherit; text-decoration: none; }
.swfl-bundle-hub button { font-family: inherit; cursor: pointer; }
.swfl-bundle-hub img { max-width: 100%; height: auto; }

.swfl-bundle-hub [data-dc-tpl="150"] {
	background: rgb(251, 247, 240);
	border-bottom: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-hub [data-dc-tpl="151"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: 11px 24px;
	font: 400 11px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	color: rgb(84, 100, 117);
}
.swfl-bundle-hub [data-dc-tpl="152"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-hub [data-dc-tpl="153"] {
	background: linear-gradient(rgb(245, 237, 224) 1px, transparent 1px) 0% 0% / 44px 44px, linear-gradient(90deg, rgb(245, 237, 224) 1px, transparent 1px) rgb(255, 255, 255);
	border-bottom: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-hub [data-dc-tpl="154"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(30px, 3.6vw, 56px) 24px;
}
.swfl-bundle-hub [data-dc-tpl="155"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(32px, 3.6vw, 50px);
	line-height: 1.06;
	letter-spacing: -0.022em;
	color: rgb(20, 38, 63);
	margin: 0px;
	max-width: 22ch;
	text-wrap: pretty;
}
.swfl-bundle-hub [data-dc-tpl="156"] {
	font-size: clamp(15px, 1.2vw, 17px);
	line-height: 1.62;
	color: rgb(65, 84, 106);
	margin: 18px 0px 0px;
	max-width: 66ch;
	text-wrap: pretty;
}
.swfl-bundle-hub [data-dc-tpl="157"] {
	background: rgb(250, 247, 242);
	border-bottom: 1px solid rgb(237, 228, 216);
}
.swfl-bundle-hub [data-dc-tpl="158"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: 20px 24px;
}
.swfl-bundle-hub [data-dc-tpl="159"] {
	font: 500 10px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
	margin-bottom: 12px;
}
.swfl-bundle-hub [data-dc-tpl="160"] {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}
.swfl-bundle-hub [data-dc-tpl="162"] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(228, 218, 203);
	border-radius: 8px;
	padding: 10px 14px;
	text-decoration: none;
}
.swfl-bundle-hub [data-dc-tpl="163"] {
	font-size: 14.5px;
	font-weight: 600;
	color: rgb(20, 38, 63);
}
.swfl-bundle-hub [data-dc-tpl="164"] {
	font: 400 11px / 1 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-hub [data-dc-tpl="165"] {
	background: rgb(255, 255, 255);
}
.swfl-bundle-hub [data-dc-tpl="166"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(34px, 4vw, 56px) 24px;
}
.swfl-bundle-hub [data-dc-tpl="167"] {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 14px;
	border-bottom: 1px solid rgb(20, 38, 63);
	padding-bottom: 13px;
}
.swfl-bundle-hub [data-dc-tpl="168"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-hub [data-dc-tpl="169"] {
	font: 400 11px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-hub [data-dc-tpl="170"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 18px;
	margin-top: 22px;
}
.swfl-bundle-hub [data-dc-tpl="172"] {
	display: block;
	text-decoration: none;
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	overflow: hidden;
	background: rgb(255, 255, 255);
}
.swfl-bundle-hub [data-dc-tpl="173"] {
	aspect-ratio: 16 / 10;
	border-bottom: 1px solid rgb(226, 232, 234);
	background: linear-gradient(rgb(245, 237, 224) 1px, transparent 1px) 0% 0% / 20px 20px, linear-gradient(90deg, rgb(245, 237, 224) 1px, transparent 1px) rgb(251, 247, 240);
	display: flex;
	align-items: flex-end;
	padding: 10px;
}
.swfl-bundle-hub [data-dc-tpl="174"] {
	font: 400 9.5px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(90, 124, 134);
}
.swfl-bundle-hub [data-dc-tpl="175"] {
	padding: 15px 16px 17px;
}
.swfl-bundle-hub [data-dc-tpl="176"] {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
}
.swfl-bundle-hub [data-dc-tpl="177"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-hub [data-dc-tpl="179"] {
	font: 500 9px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: rgb(20, 38, 63);
	border: 1px solid rgb(245, 237, 224);
	background: rgb(251, 247, 240);
	padding: 4px 6px;
	border-radius: 2px;
}
.swfl-bundle-hub [data-dc-tpl="180"] {
	font-family: Newsreader, serif;
	font-size: 21px;
	font-weight: 600;
	color: rgb(20, 38, 63);
	margin-top: 7px;
	line-height: 1.15;
	letter-spacing: -0.01em;
}
.swfl-bundle-hub [data-dc-tpl="181"] {
	font-size: 14px;
	color: rgb(65, 84, 106);
	margin-top: 8px;
}
.swfl-bundle-hub [data-dc-tpl="182"] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 12px;
	padding-top: 11px;
	border-top: 1px solid rgb(234, 239, 241);
}
.swfl-bundle-hub [data-dc-tpl="183"] {
	font: 400 9.5px / 1.3 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-hub [data-dc-tpl="184"] {
	font-size: 13px;
	font-weight: 600;
	color: rgb(21, 105, 122);
}
.swfl-bundle-hub [data-dc-tpl="185"] {
	border: 1px dashed rgb(224, 205, 173);
	border-radius: 8px;
	background: rgb(251, 247, 240);
	padding: 18px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
	min-height: 180px;
}
.swfl-bundle-hub [data-dc-tpl="186"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-hub [data-dc-tpl="187"] {
	font: 400 11.5px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}

/* ===== screen-category ===== */
.swfl-bundle-cat *,
.swfl-bundle-cat *::before,
.swfl-bundle-cat *::after { box-sizing: border-box; }
.swfl-bundle-cat { color: rgb(65, 84, 106); }
.swfl-bundle-cat a { color: inherit; text-decoration: none; }
.swfl-bundle-cat button { font-family: inherit; cursor: pointer; }
.swfl-bundle-cat img { max-width: 100%; height: auto; }

.swfl-bundle-cat [data-dc-tpl="880"] {
	background: rgb(251, 247, 240);
	border-bottom: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-cat [data-dc-tpl="881"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: 11px 24px;
	font: 400 11px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	color: rgb(84, 100, 117);
}
.swfl-bundle-cat [data-dc-tpl="882"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-cat [data-dc-tpl="883"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-cat [data-dc-tpl="884"] {
	background: linear-gradient(rgb(245, 237, 224) 1px, transparent 1px) 0% 0% / 44px 44px, linear-gradient(90deg, rgb(245, 237, 224) 1px, transparent 1px) rgb(255, 255, 255);
	border-bottom: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-cat [data-dc-tpl="885"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(28px, 3.4vw, 50px) 24px;
}
.swfl-bundle-cat [data-dc-tpl="886"] {
	font: 500 10px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-cat [data-dc-tpl="887"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(32px, 3.8vw, 50px);
	line-height: 1.04;
	letter-spacing: -0.024em;
	color: rgb(20, 38, 63);
	margin: 12px 0px 0px;
}
.swfl-bundle-cat [data-dc-tpl="888"] {
	margin-top: 18px;
	background: rgb(251, 247, 240);
	border: 1px solid rgb(245, 237, 224);
	border-radius: 6px;
	padding: 13px 15px;
	font-size: 13.5px;
	line-height: 1.6;
	color: rgb(44, 62, 82);
	max-width: 78ch;
}
.swfl-bundle-cat [data-dc-tpl="889"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
	display: block;
	margin-bottom: 7px;
}
.swfl-bundle-cat [data-dc-tpl="890"] {
	font-weight: 600;
}
.swfl-bundle-cat [data-dc-tpl="891"] {
	background: rgb(255, 255, 255);
}
.swfl-bundle-cat [data-dc-tpl="892"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(30px, 3.6vw, 52px) 24px;
}
.swfl-bundle-cat [data-dc-tpl="893"] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.swfl-bundle-cat [data-dc-tpl="896"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px 24px;
	align-items: center;
}
.swfl-bundle-cat [data-dc-tpl="898"] {
	font-family: Newsreader, serif;
	font-size: 21px;
	font-weight: 600;
	color: rgb(20, 38, 63);
	line-height: 1.2;
	display: block;
}
.swfl-bundle-cat [data-dc-tpl="899"] {
	font: 400 10.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	display: block;
	margin-top: 5px;
}
.swfl-bundle-cat [data-dc-tpl="901"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 14px;
	align-items: center;
}
.swfl-bundle-cat [data-dc-tpl="903"] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.swfl-bundle-cat [data-dc-tpl="904"] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: rgb(20, 38, 63);
	color: rgb(255, 255, 255);
	border-radius: 3px;
	padding: 5px 7px;
	font: 500 9px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.swfl-bundle-cat [data-dc-tpl="905"] {
	width: 5px;
	height: 5px;
	background: rgb(240, 160, 90);
	display: block;
	transform: rotate(45deg);
}
.swfl-bundle-cat [data-dc-tpl="906"] {
	font: 400 9px / 1.3 "IBM Plex Mono", monospace;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: rgb(138, 106, 63);
	background: rgb(251, 247, 240);
	border: 1px dashed rgb(224, 190, 147);
	padding: 3px 5px;
	border-radius: 2px;
}
.swfl-bundle-cat [data-dc-tpl="907"] {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: rgb(20, 38, 63);
	margin-top: 9px;
}
.swfl-bundle-cat [data-dc-tpl="908"] {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 7px;
}
.swfl-bundle-cat [data-dc-tpl="909"] {
	width: 13px;
	height: 15px;
	flex: 0 0 13px;
	background: rgb(21, 105, 122);
	border-radius: 2px 2px 5px 5px;
}
.swfl-bundle-cat [data-dc-tpl="910"] {
	font-size: 12.5px;
	color: rgb(65, 84, 106);
}
.swfl-bundle-cat [data-dc-tpl="911"] {
	font-family: "IBM Plex Mono", monospace;
	font-size: 11px;
	color: rgb(84, 100, 117);
}
.swfl-bundle-cat [data-dc-tpl="912"] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}
.swfl-bundle-cat [data-dc-tpl="913"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	background: rgb(21, 105, 122);
	color: rgb(255, 255, 255);
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 600;
	padding: 11px 15px;
	text-decoration: none;
}
.swfl-bundle-cat [data-dc-tpl="914"] {
	min-height: 44px;
	border: 1px solid rgb(245, 237, 224);
	background: rgb(255, 255, 255);
	color: rgb(21, 105, 122);
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 600;
	padding: 11px 15px;
}
.swfl-bundle-cat [data-dc-tpl="915"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	border: 1px solid rgb(245, 237, 224);
	border-radius: 8px;
	color: rgb(21, 105, 122);
	font-size: 13.5px;
	font-weight: 600;
	padding: 11px 15px;
	text-decoration: none;
}
.swfl-bundle-cat [data-dc-tpl="917"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 14px;
	align-items: center;
}
.swfl-bundle-cat [data-dc-tpl="919"] {
	font: 500 9px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	border: 1px solid rgb(213, 222, 226);
	border-radius: 3px;
	padding: 5px 7px;
	display: inline-block;
}
.swfl-bundle-cat [data-dc-tpl="920"] {
	font-size: 13.5px;
	line-height: 1.6;
	color: rgb(65, 84, 106);
	margin: 9px 0px 0px;
}
.swfl-bundle-cat [data-dc-tpl="921"] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}
.swfl-bundle-cat [data-dc-tpl="922"] {
	min-height: 44px;
	border: 1px solid rgb(21, 105, 122);
	background: rgb(255, 255, 255);
	color: rgb(21, 105, 122);
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 600;
	padding: 11px 15px;
}
.swfl-bundle-cat [data-dc-tpl="923"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	background: rgb(251, 247, 240);
	border: 1px solid rgb(245, 237, 224);
	border-radius: 8px;
	color: rgb(21, 105, 122);
	font-size: 13.5px;
	font-weight: 600;
	padding: 11px 15px;
	text-decoration: none;
}
.swfl-bundle-cat [data-dc-tpl="926"] {
	font: 500 9px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(138, 106, 63);
	background: rgb(251, 247, 240);
	border: 1px solid rgb(224, 190, 147);
	border-radius: 3px;
	padding: 5px 7px;
	display: inline-block;
}
.swfl-bundle-cat [data-dc-tpl="927"] {
	font-size: 13.5px;
	line-height: 1.6;
	color: rgb(65, 84, 106);
	margin: 9px 0px 0px;
	max-width: 52ch;
}
.swfl-bundle-cat [data-dc-tpl="928"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 18px 0px 0px;
	font-style: italic;
}

/* ===== screen-events ===== */
.swfl-bundle-events *,
.swfl-bundle-events *::before,
.swfl-bundle-events *::after { box-sizing: border-box; }
.swfl-bundle-events { color: rgb(65, 84, 106); }
.swfl-bundle-events a { color: inherit; text-decoration: none; }
.swfl-bundle-events button { font-family: inherit; cursor: pointer; }
.swfl-bundle-events img { max-width: 100%; height: auto; }

.swfl-bundle-events [data-dc-tpl="1047"] {
	background: rgb(251, 247, 240);
	border-bottom: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-events [data-dc-tpl="1048"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: 11px 24px;
	font: 400 11px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	color: rgb(84, 100, 117);
}
.swfl-bundle-events [data-dc-tpl="1049"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-events [data-dc-tpl="1050"] {
	background: linear-gradient(rgb(245, 237, 224) 1px, transparent 1px) 0% 0% / 44px 44px, linear-gradient(90deg, rgb(245, 237, 224) 1px, transparent 1px) rgb(255, 255, 255);
	border-bottom: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-events [data-dc-tpl="1051"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(28px, 3.4vw, 50px) 24px;
}
.swfl-bundle-events [data-dc-tpl="1052"] {
	font: 500 10px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-events [data-dc-tpl="1053"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(32px, 3.8vw, 50px);
	line-height: 1.04;
	letter-spacing: -0.024em;
	color: rgb(20, 38, 63);
	margin: 12px 0px 0px;
}
.swfl-bundle-events [data-dc-tpl="1054"] {
	font-size: clamp(15px, 1.2vw, 17px);
	line-height: 1.62;
	color: rgb(65, 84, 106);
	margin: 16px 0px 0px;
	max-width: 60ch;
	text-wrap: pretty;
}
.swfl-bundle-events [data-dc-tpl="1055"] {
	background: rgb(255, 255, 255);
}
.swfl-bundle-events [data-dc-tpl="1056"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(28px, 3.4vw, 48px) 24px;
	display: grid;
	grid-template-columns: minmax(0px, 1fr) 316px;
	gap: clamp(24px, 3vw, 44px);
	align-items: start;
}
.swfl-bundle-events [data-dc-tpl="1059"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 10px 22px;
	padding: 18px 0px;
	border-top: 1px solid rgb(226, 232, 234);
	align-items: start;
}
.swfl-bundle-events [data-dc-tpl="1060"] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.swfl-bundle-events [data-dc-tpl="1061"] {
	font: 500 11px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-events [data-dc-tpl="1062"] {
	font: 400 10.5px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(138, 106, 63);
	border: 1px dashed rgb(224, 190, 147);
	border-radius: 2px;
	padding: 4px 6px;
	align-self: flex-start;
}
.swfl-bundle-events [data-dc-tpl="1064"] {
	font-family: Newsreader, serif;
	font-size: 19px;
	font-weight: 600;
	color: rgb(20, 38, 63);
	line-height: 1.25;
}
.swfl-bundle-events [data-dc-tpl="1065"] {
	font: 400 11px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(138, 106, 63);
	margin-top: 7px;
}
.swfl-bundle-events [data-dc-tpl="1066"] {
	border: 1px solid rgb(245, 237, 224);
	border-radius: 8px;
	background: rgb(251, 247, 240);
	padding: 18px 19px;
}
.swfl-bundle-events [data-dc-tpl="1067"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(21, 105, 122);
}
.swfl-bundle-events [data-dc-tpl="1068"] {
	font-size: 14px;
	line-height: 1.65;
	color: rgb(44, 62, 82);
	margin: 10px 0px 0px;
}
.swfl-bundle-events [data-dc-tpl="1069"] {
	display: inline-block;
	margin-top: 12px;
	font-size: 13.5px;
	font-weight: 600;
	color: rgb(21, 105, 122);
}

/* ===== screen-city ===== */
.swfl-bundle-city *,
.swfl-bundle-city *::before,
.swfl-bundle-city *::after { box-sizing: border-box; }
.swfl-bundle-city { color: rgb(65, 84, 106); }
.swfl-bundle-city a { color: inherit; text-decoration: none; }
.swfl-bundle-city button { font-family: inherit; cursor: pointer; }
.swfl-bundle-city img { max-width: 100%; height: auto; }

.swfl-bundle-city [data-dc-tpl="306"] {
	background: rgb(251, 247, 240);
	border-bottom: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-city [data-dc-tpl="307"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: 11px 24px;
	font: 400 11px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	color: rgb(84, 100, 117);
}
.swfl-bundle-city [data-dc-tpl="308"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-city [data-dc-tpl="309"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-city [data-dc-tpl="310"] {
	background: linear-gradient(135deg, rgb(21, 105, 122) 0%, rgb(20, 38, 63) 62%, rgb(14, 28, 51) 100%) rgb(20, 38, 63);
}
.swfl-bundle-city [data-dc-tpl="311"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(32px, 3.8vw, 58px) 24px;
}
.swfl-bundle-city [data-dc-tpl="312"] {
	font: 500 10px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: rgb(127, 208, 221);
}
.swfl-bundle-city [data-dc-tpl="313"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(32px, 3.8vw, 52px);
	line-height: 1.06;
	letter-spacing: -0.022em;
	color: rgb(255, 255, 255);
	margin: 12px 0px 0px;
}
.swfl-bundle-city [data-dc-tpl="314"] {
	font-size: clamp(15px, 1.2vw, 17px);
	line-height: 1.62;
	color: rgb(195, 214, 224);
	margin: 16px 0px 0px;
	max-width: 64ch;
	text-wrap: pretty;
}
.swfl-bundle-city [data-dc-tpl="315"] {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.swfl-bundle-city [data-dc-tpl="316"] {
	font: 500 11px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 9px 12px;
	border-radius: 3px;
}
.swfl-bundle-city [data-dc-tpl="317"] {
	font: 500 11px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 9px 12px;
	border-radius: 3px;
}
.swfl-bundle-city [data-dc-tpl="318"] {
	font: 500 11px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgb(127, 208, 221);
	background: rgba(111, 211, 224, 0.12);
	border: 1px solid rgba(111, 211, 224, 0.3);
	padding: 9px 12px;
	border-radius: 3px;
}
.swfl-bundle-city [data-dc-tpl="319"] {
	background: rgb(255, 255, 255);
}
.swfl-bundle-city [data-dc-tpl="320"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(34px, 4vw, 56px) 24px;
}
.swfl-bundle-city [data-dc-tpl="321"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0px 0px 22px;
	letter-spacing: -0.015em;
	border-bottom: 1px solid rgb(20, 38, 63);
	padding-bottom: 13px;
}
.swfl-bundle-city [data-dc-tpl="322"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 18px;
}
.swfl-bundle-city [data-dc-tpl="324"] {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	overflow: hidden;
	background: rgb(255, 255, 255);
}
.swfl-bundle-city [data-dc-tpl="325"] {
	aspect-ratio: 16 / 9;
	border-bottom: 1px solid rgb(226, 232, 234);
	background: linear-gradient(rgb(245, 237, 224) 1px, transparent 1px) 0% 0% / 20px 20px, linear-gradient(90deg, rgb(245, 237, 224) 1px, transparent 1px) rgb(251, 247, 240);
	display: flex;
	align-items: flex-end;
	padding: 10px;
}
.swfl-bundle-city [data-dc-tpl="326"] {
	font: 400 9.5px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(90, 124, 134);
}
.swfl-bundle-city [data-dc-tpl="327"] {
	padding: 16px 17px 18px;
}
.swfl-bundle-city [data-dc-tpl="328"] {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
}
.swfl-bundle-city [data-dc-tpl="330"] {
	font: 500 9px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: rgb(20, 38, 63);
	border: 1px solid rgb(245, 237, 224);
	background: rgb(251, 247, 240);
	padding: 4px 6px;
	border-radius: 2px;
}
.swfl-bundle-city [data-dc-tpl="331"] {
	font: 400 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.06em;
	color: rgb(84, 100, 117);
}
.swfl-bundle-city [data-dc-tpl="332"] {
	font-family: Newsreader, serif;
	font-size: 23px;
	font-weight: 600;
	color: rgb(20, 38, 63);
	margin-top: 8px;
	line-height: 1.12;
	letter-spacing: -0.012em;
}
.swfl-bundle-city [data-dc-tpl="333"] {
	font-size: 14px;
	color: rgb(65, 84, 106);
	margin-top: 9px;
	line-height: 1.55;
}
.swfl-bundle-city [data-dc-tpl="334"] {
	font-size: 14px;
	color: rgb(65, 84, 106);
	line-height: 1.55;
}
.swfl-bundle-city [data-dc-tpl="335"] {
	font-size: 13.5px;
	font-weight: 600;
	color: rgb(21, 105, 122);
	margin-top: 13px;
}
.swfl-bundle-city [data-dc-tpl="336"] {
	border: 1px dashed rgb(224, 205, 173);
	border-radius: 8px;
	background: rgb(251, 247, 240);
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 9px;
	min-height: 200px;
}
.swfl-bundle-city [data-dc-tpl="337"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-city [data-dc-tpl="338"] {
	font: 400 11.5px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}

/* ===== screen-pro ===== */
.swfl-bundle-pro *,
.swfl-bundle-pro *::before,
.swfl-bundle-pro *::after { box-sizing: border-box; }
.swfl-bundle-pro { color: rgb(65, 84, 106); }
.swfl-bundle-pro a { color: inherit; text-decoration: none; }
.swfl-bundle-pro button { font-family: inherit; cursor: pointer; }
.swfl-bundle-pro img { max-width: 100%; height: auto; }

.swfl-bundle-pro [data-dc-tpl="931"] {
	background: rgb(251, 247, 240);
	border-bottom: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-pro [data-dc-tpl="932"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: 11px 24px;
	font: 400 11px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	color: rgb(84, 100, 117);
}
.swfl-bundle-pro [data-dc-tpl="933"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-pro [data-dc-tpl="934"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-pro [data-dc-tpl="935"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-pro [data-dc-tpl="936"] {
	background: rgb(251, 247, 240);
	border-bottom: 1px solid rgb(224, 190, 147);
}
.swfl-bundle-pro [data-dc-tpl="937"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: 11px 24px;
	display: flex;
	align-items: center;
	gap: 9px;
	flex-wrap: wrap;
}
.swfl-bundle-pro [data-dc-tpl="938"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgb(138, 106, 63);
	border: 1px dashed rgb(201, 148, 90);
	padding: 5px 7px;
	border-radius: 2px;
}
.swfl-bundle-pro [data-dc-tpl="939"] {
	font-size: 12.5px;
	color: rgb(122, 90, 50);
}
.swfl-bundle-pro [data-dc-tpl="940"] {
	background: linear-gradient(rgb(245, 237, 224) 1px, transparent 1px) 0% 0% / 44px 44px, linear-gradient(90deg, rgb(245, 237, 224) 1px, transparent 1px) rgb(255, 255, 255);
	border-bottom: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-pro [data-dc-tpl="941"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(28px, 3.4vw, 48px) 24px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
	gap: clamp(22px, 3vw, 44px);
	align-items: start;
}
.swfl-bundle-pro [data-dc-tpl="943"] {
	display: flex;
	align-items: center;
	gap: 14px;
}
.swfl-bundle-pro [data-dc-tpl="944"] {
	width: 64px;
	height: 64px;
	flex: 0 0 64px;
	border: 1px dashed rgb(169, 198, 205);
	border-radius: 5px;
	background: rgb(251, 247, 240);
	font: 400 8px / 1.3 "IBM Plex Mono", monospace;
	color: rgb(90, 124, 134);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.swfl-bundle-pro [data-dc-tpl="946"] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgb(20, 38, 63);
	color: rgb(255, 255, 255);
	border-radius: 3px;
	padding: 6px 8px;
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.swfl-bundle-pro [data-dc-tpl="947"] {
	width: 6px;
	height: 6px;
	background: rgb(240, 160, 90);
	display: block;
	transform: rotate(45deg);
}
.swfl-bundle-pro [data-dc-tpl="948"] {
	font: 400 10px / 1.3 "IBM Plex Mono", monospace;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgb(138, 106, 63);
	margin-top: 7px;
}
.swfl-bundle-pro [data-dc-tpl="949"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(32px, 3.6vw, 48px);
	line-height: 1.04;
	letter-spacing: -0.024em;
	color: rgb(20, 38, 63);
	margin: 16px 0px 0px;
}
.swfl-bundle-pro [data-dc-tpl="950"] {
	font-size: 16px;
	line-height: 1.55;
	color: rgb(65, 84, 106);
	margin: 10px 0px 0px;
}
.swfl-bundle-pro [data-dc-tpl="951"] {
	margin-top: 20px;
	border: 1px solid rgb(245, 237, 224);
	border-radius: 8px;
	background: rgb(255, 255, 255);
	padding: 15px 16px;
}
.swfl-bundle-pro [data-dc-tpl="952"] {
	display: flex;
	align-items: center;
	gap: 9px;
}
.swfl-bundle-pro [data-dc-tpl="953"] {
	width: 17px;
	height: 19px;
	flex: 0 0 17px;
	background: rgb(21, 105, 122);
	border-radius: 2px 2px 7px 7px;
}
.swfl-bundle-pro [data-dc-tpl="954"] {
	font-size: 14.5px;
	font-weight: 600;
	color: rgb(20, 38, 63);
}
.swfl-bundle-pro [data-dc-tpl="955"] {
	font: 400 11.5px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
	margin-top: 8px;
}
.swfl-bundle-pro [data-dc-tpl="956"] {
	color: rgb(21, 105, 122);
}
.swfl-bundle-pro [data-dc-tpl="957"] {
	font: 400 11.5px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-pro [data-dc-tpl="958"] {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}
.swfl-bundle-pro [data-dc-tpl="959"] {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	background: rgb(21, 105, 122);
	color: rgb(255, 255, 255);
	font-size: 15px;
	font-weight: 600;
	padding: 14px 20px;
	border-radius: 8px;
	text-decoration: none;
}
.swfl-bundle-pro [data-dc-tpl="960"] {
	min-height: 48px;
	border: 1px solid rgb(245, 237, 224);
	background: rgb(255, 255, 255);
	color: rgb(21, 105, 122);
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 20px;
}
.swfl-bundle-pro [data-dc-tpl="961"] {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	border: 1px solid rgb(245, 237, 224);
	border-radius: 8px;
	color: rgb(21, 105, 122);
	font-size: 15px;
	font-weight: 600;
	padding: 14px 18px;
	text-decoration: none;
}
.swfl-bundle-pro [data-dc-tpl="962"] {
	border: 1px solid rgb(20, 38, 63);
	border-radius: 8px;
	background: rgb(255, 255, 255);
	overflow: hidden;
}
.swfl-bundle-pro [data-dc-tpl="963"] {
	background: rgb(20, 38, 63);
	padding: 14px 17px;
}
.swfl-bundle-pro [data-dc-tpl="964"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(127, 208, 221);
}
.swfl-bundle-pro [data-dc-tpl="965"] {
	font-family: Newsreader, serif;
	font-size: 19px;
	color: rgb(255, 255, 255);
	margin-top: 6px;
	line-height: 1.25;
}
.swfl-bundle-pro [data-dc-tpl="967"] {
	padding: 14px 17px;
	border-bottom: 1px solid rgb(234, 239, 241);
}
.swfl-bundle-pro [data-dc-tpl="968"] {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}
.swfl-bundle-pro [data-dc-tpl="969"] {
	font-size: 14px;
	font-weight: 600;
	color: rgb(20, 38, 63);
}
.swfl-bundle-pro [data-dc-tpl="970"] {
	font: 400 11px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(21, 105, 122);
}
.swfl-bundle-pro [data-dc-tpl="971"] {
	font-size: 12.5px;
	line-height: 1.55;
	color: rgb(84, 100, 117);
	margin-top: 5px;
}
.swfl-bundle-pro [data-dc-tpl="972"] {
	padding: 14px 17px;
	background: rgb(251, 247, 240);
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(65, 84, 106);
}
.swfl-bundle-pro [data-dc-tpl="973"] {
	color: rgb(20, 38, 63);
}
.swfl-bundle-pro [data-dc-tpl="974"] {
	color: rgb(20, 38, 63);
}
.swfl-bundle-pro [data-dc-tpl="975"] {
	background: rgb(255, 255, 255);
}
.swfl-bundle-pro [data-dc-tpl="976"] {
	max-width: 1200px;
	margin: 0px auto;
	padding: clamp(28px, 3.4vw, 48px) 24px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: clamp(22px, 3vw, 44px);
	align-items: start;
}
.swfl-bundle-pro [data-dc-tpl="978"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(22px, 2.2vw, 30px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-pro [data-dc-tpl="979"] {
	margin-top: 14px;
	border: 1px dashed rgb(224, 205, 173);
	border-radius: 6px;
	background: rgb(251, 247, 240);
	padding: 18px;
}
.swfl-bundle-pro [data-dc-tpl="980"] {
	font: 400 11.5px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(90, 124, 134);
}
.swfl-bundle-pro [data-dc-tpl="982"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(22px, 2.2vw, 30px);
	color: rgb(20, 38, 63);
	margin: 0px;
	letter-spacing: -0.015em;
}
.swfl-bundle-pro [data-dc-tpl="983"] {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 14px;
}
.swfl-bundle-pro [data-dc-tpl="984"] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	border: 1px solid rgb(245, 237, 224);
	background: rgb(255, 255, 255);
	border-radius: 8px;
	padding: 10px 14px;
	text-decoration: none;
}
.swfl-bundle-pro [data-dc-tpl="985"] {
	font-size: 14.5px;
	font-weight: 600;
	color: rgb(20, 38, 63);
}
.swfl-bundle-pro [data-dc-tpl="986"] {
	font: 400 10px / 1 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-pro [data-dc-tpl="987"] {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	border: 1px dashed rgb(224, 205, 173);
	border-radius: 8px;
	padding: 10px 14px;
	font: 400 11px / 1.4 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}


/* ===========================================================================
 * r5 restyle (Aug 2, 2026) — six distinct voices for the shared row-box family.
 * The PHP contract still renders section tpl 481 + box 483 + rows 488/489/490
 * + small print 491 in five sections, and reuses 483/488/489/490 inside #storm.
 * The r5 bundle un-cloned these into per-section designs; per-anchor scoping
 * below adopts each voice with zero template changes. Values are verbatim from
 * the r5 capture (reports/2026/r5-port/six-voice-styles.json). The r4 pinned
 * label track ([369]/[488] media rules) is gone — r5 designs its own row
 * anatomy per section. Intra-row value/provenance splits, the HOA lead card,
 * the storm freshness stamp and the chart figures are the ADDITIVE build
 * (800-range ids in the extract), not this CSS-only pass.
 * ------------------------------------------------------------------------ */

/* --- base family: neutral fallback for any unscoped render ------------- */
.swfl-bundle-guide [data-dc-tpl="481"] {
	margin-top: clamp(30px, 3.4vw, 48px);
	padding-top: clamp(26px, 3vw, 40px);
	border-top: 1px solid rgb(226, 232, 234);
	scroll-margin-top: 24px;
}
.swfl-bundle-guide [data-dc-tpl="482"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: clamp(24px, 2.4vw, 32px);
	color: rgb(20, 38, 63);
	margin: 0;
	letter-spacing: -0.015em;
}
.swfl-bundle-guide [data-dc-tpl="483"] {
	margin-top: 16px;
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	background: rgb(255, 255, 255);
	overflow: hidden;
}
.swfl-bundle-guide [data-dc-tpl="484"] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 11px 16px;
	border-bottom: 1px dashed rgb(224, 205, 173);
	background: rgb(244, 247, 248);
}
.swfl-bundle-guide [data-dc-tpl="485"] {
	width: 7px;
	height: 7px;
	border: 1.5px solid rgb(169, 134, 90);
	border-radius: 50%;
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="486"] {
	font: 500 9.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgb(138, 106, 63);
}
.swfl-bundle-guide [data-dc-tpl="488"] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 4px 18px;
	padding: 13px 16px;
	border-bottom: 1px solid rgb(234, 239, 241);
}
.swfl-bundle-guide [data-dc-tpl="488"]:last-child {
	border-bottom: 0;
}
.swfl-bundle-guide [data-dc-tpl="489"] {
	font: 500 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: rgb(65, 84, 106);
}
/* The amber demotion (r5 CHANGE 2): sentence-length values read as body text.
 * Mono + amber survives only in datelines, chips and short data tokens. */
.swfl-bundle-guide [data-dc-tpl="490"] {
	font-size: 14px;
	line-height: 1.55;
	color: rgb(44, 62, 82);
	text-wrap: pretty;
}
.swfl-bundle-guide [data-dc-tpl="491"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin: 13px 0 0;
	font-style: italic;
}
.swfl-bundle-guide [data-dc-tpl="492"] {
	color: rgb(21, 105, 122);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* --- #costs · ledger: label line, explanation as quiet body copy -------- */
.swfl-bundle-guide #costs [data-dc-tpl="483"] {
	margin-top: 18px;
	border: 1px solid rgb(232, 220, 200);
	background: rgb(251, 247, 240);
}
.swfl-bundle-guide #costs [data-dc-tpl="488"] {
	display: block;
	padding: 14px 17px;
	border-bottom: 1px solid rgb(245, 237, 224);
}
.swfl-bundle-guide #costs [data-dc-tpl="489"] {
	font-family: inherit;
	font-weight: 500;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: -0.003em;
	text-transform: none;
	color: rgb(20, 38, 63);
}
.swfl-bundle-guide #costs [data-dc-tpl="490"] {
	font-size: 12.5px;
	line-height: 1.65;
	color: rgb(84, 100, 117);
	margin-top: 5px;
	max-width: 70ch;
}

/* --- #utilities · directory: provider name is the emphasis -------------- */
.swfl-bundle-guide #utilities [data-dc-tpl="488"] {
	grid-template-columns: repeat(auto-fit, minmax(206px, 1fr));
	gap: 8px 22px;
	padding: 14px 17px;
	align-items: start;
}
.swfl-bundle-guide #utilities [data-dc-tpl="490"] {
	font-size: 15.5px;
	font-weight: 600;
	color: rgb(20, 38, 63);
	line-height: 1.35;
	letter-spacing: -0.004em;
}

/* --- #dates · deadline ledger: navy top rule, teal deadline labels ------ */
.swfl-bundle-guide #dates [data-dc-tpl="483"] {
	border-width: 2px 1px 1px;
	border-color: rgb(20, 38, 63) rgb(226, 232, 234) rgb(226, 232, 234);
	border-radius: 0 0 8px 8px;
}
.swfl-bundle-guide #dates [data-dc-tpl="488"] {
	grid-template-columns: repeat(auto-fit, minmax(212px, 1fr));
	gap: 8px 24px;
	padding: 15px 17px;
	border-bottom: 1px dashed rgb(232, 220, 200);
	align-items: start;
}
.swfl-bundle-guide #dates [data-dc-tpl="489"] {
	color: rgb(21, 105, 122);
}

/* --- #new-here · numbered steps: serif step labels with hanging indent -- */
.swfl-bundle-guide #new-here [data-dc-tpl="483"] {
	border-color: rgb(245, 237, 224);
}
.swfl-bundle-guide #new-here [data-dc-tpl="488"] {
	display: block;
	padding: 15px 18px 16px;
}
.swfl-bundle-guide #new-here [data-dc-tpl="489"] {
	font-family: Newsreader, serif;
	font-weight: 500;
	font-size: 21px;
	line-height: 1.25;
	letter-spacing: -0.012em;
	text-transform: none;
	color: rgb(20, 38, 63);
	padding-left: 36px;
	text-indent: -36px;
	font-variant-numeric: tabular-nums;
}
.swfl-bundle-guide #new-here [data-dc-tpl="490"] {
	font-size: 14.5px;
	line-height: 1.65;
	color: rgb(65, 84, 106);
	margin: 7px 0 0 36px;
	max-width: 62ch;
}

/* --- #hoa · contact card: teal-tinted frame, scannable directory rows --- */
.swfl-bundle-guide #hoa [data-dc-tpl="483"] {
	border-color: rgb(245, 237, 224);
}
.swfl-bundle-guide #hoa [data-dc-tpl="488"] {
	grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
	gap: 4px 22px;
	padding: 13px 20px;
	align-items: baseline;
}
.swfl-bundle-guide #hoa [data-dc-tpl="491"] {
	font-style: normal;
}

/* --- #storm · live-status panel: navy frame around the live rows -------- */
.swfl-bundle-guide #storm [data-dc-tpl="483"] {
	margin-top: 18px;
	border-color: rgb(20, 38, 63);
}
.swfl-bundle-guide #storm [data-dc-tpl="489"] {
	color: rgb(84, 100, 117);
	letter-spacing: 0.12em;
}
.swfl-bundle-guide #storm [data-dc-tpl="490"] {
	font-size: 14.5px;
}

/* r5 post-deploy design review (Aug 2): the flood-chart FIRM caption [363]
 * fails AA at 9.5px in the design's #7F94AA — darken that one caption to the
 * #65788C dateline gray (~4.55:1). The broader 9.5px #7F94AA dateline family
 * stays as designed pending the launch a11y pass (known follow-up). */
.swfl-bundle-guide [data-dc-tpl="363"] {
	color: rgb(84, 100, 117);
}

/* --- hero placeholder (no-photo state): restore the r4 dashed frame the
 * r5 photo-frame [255] no longer carries ---------------------------------- */
.swfl-bundle-guide [data-dc-tpl="255"]:not(.swfl-hasphoto) {
	border: 1px dashed rgb(169, 198, 205);
	background: linear-gradient(rgb(245, 237, 224) 1px, transparent 1px) 0% 0% / 26px 26px, linear-gradient(90deg, rgb(245, 237, 224) 1px, transparent 1px) rgb(251, 247, 240);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 24px;
	text-align: center;
}
.swfl-bundle-guide [data-dc-tpl="256"] {
	width: 36px;
	height: 36px;
	border: 1.5px solid rgb(143, 182, 191);
	border-radius: 3px;
	display: block;
}
.swfl-bundle-guide [data-dc-tpl="257"] {
	font: 400 11px / 1.55 "IBM Plex Mono", monospace;
	color: rgb(90, 124, 134);
	max-width: 34ch;
}

/* ---------------------------------------------------------------------------
 * State variants pulled out of the mechanical extraction.
 * ------------------------------------------------------------------------ */

/* Sponsor slot card (bundle id 294, was 293 in r3; category ledger id 895) —
 * one style per slot state, shared by the guide pros section and the
 * category roster (Aug 3). */
.swfl-bundle-guide .swfl-slotcard,
.swfl-bundle-cat .swfl-slotcard {
	border-radius: 8px;
	padding: 16px 17px;
}
.swfl-bundle-guide .swfl-slotcard--sponsored,
.swfl-bundle-cat .swfl-slotcard--sponsored {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(20, 38, 63);
}
.swfl-bundle-guide .swfl-slotcard--open,
.swfl-bundle-cat .swfl-slotcard--open {
	background: rgb(251, 247, 240);
	border: 1px dashed rgb(224, 205, 173);
}
.swfl-bundle-guide .swfl-slotcard--reserved,
.swfl-bundle-cat .swfl-slotcard--reserved {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(226, 232, 234);
}

/* Flood distribution bar segments (bundle id 356, was 355 in r3) — width is data, colour is
 * ordinal. The mock only ever drew three segments; Fort Myers Shores has four,
 * so a fourth ordinal colour is taken from the same design palette (navy). */
.swfl-bundle-guide .swfl-floodseg {
	height: 100%;
}
.swfl-bundle-guide .swfl-floodseg--1 { background: rgb(21, 105, 122); }
.swfl-bundle-guide .swfl-floodseg--2 { background: rgb(201, 128, 63); }
.swfl-bundle-guide .swfl-floodseg--3 { background: rgb(155, 180, 191); }
.swfl-bundle-guide .swfl-floodseg--4 { background: rgb(20, 38, 63); }
.swfl-bundle-guide .swfl-floodseg--5 { background: rgb(245, 237, 224); }

/* Distance-ruler tick (r4 signature device — bundle ids 396 Golf, 416 Dining,
 * 440 Local essentials) — the tick's left:% encodes the distance and stays
 * inline in the template; everything else lives here. The --cap variant is the
 * bundle's gray beyond-scale tick pinned at the ruler's end. */
.swfl-bundle-guide .swfl-distick {
	position: absolute;
	bottom: -1px;
	transform: translateX(-50%);
	width: 1.5px;
	height: 11px;
	background: rgb(21, 105, 122);
}
.swfl-bundle-guide .swfl-distick--cap {
	background: rgb(169, 186, 196);
}

/* QA D1 (Aug 1 reviewer): golf-card frames align but their divider/meta rows
 * sat at different heights when a long name or domain wrapped. The card (390)
 * is a flex column — pin the meta row (392) to the bottom so the rulers share
 * a baseline across the row of cards. */
.swfl-bundle-guide [data-dc-tpl="390"] {
	height: 100%;
}
.swfl-bundle-guide [data-dc-tpl="392"] {
	margin-top: auto;
}

/* QA D2 (Aug 1 reviewer): the Local essentials grid paints its gap colour
 * through EMPTY cells (5 clusters in a 3-column line-grid left a gray slab).
 * The template computes the leftover-column count and marks the LAST cluster;
 * media-guarded to the 3-column desktop layout because the grid is auto-fit
 * (auto/-1 doesn't work — with an auto start the item keeps span 1 and just
 * hugs the end line, leaving the hole in the middle). */
@media (min-width: 901px) {
	.swfl-bundle-guide .swfl-cluster--grow2 {
		grid-column: span 2;
	}
	.swfl-bundle-guide .swfl-cluster--growfull {
		grid-column: 1 / -1;
	}
}

/* Zone badges are fixed 26/34/38px squares in the mock because Herons Glen has
 * a single-character zone. Verdana Village is ["E","NC"]. Let a multi-value
 * badge grow instead of clipping the second value. */
.swfl-bundle-guide .swfl-zonebadge--multi {
	width: auto !important;
	min-width: 26px;
	padding: 0 7px;
	white-space: nowrap;
}

/* Honest-unavailable panel, used where the source emitted no value. Same
 * language as the mock's other "we can't publish this" states. */
.swfl-bundle-guide .swfl-unavailable {
	font-family: Newsreader, serif;
	font-size: 15px;
	color: rgb(84, 100, 117);
	line-height: 1.45;
	font-style: italic;
	margin-top: 12px;
}
.swfl-bundle-guide .swfl-unavailable-link {
	display: inline-block;
	margin-top: 10px;
	font-size: 13px;
	font-weight: 600;
	color: rgb(21, 105, 122);
	font-style: normal;
}

/* The mock's sticky sidebar is a two-column desktop layout only. */
@media (max-width: 900px) {
	.swfl-bundle-guide [data-dc-tpl="278"] {
		grid-template-columns: minmax(0, 1fr);
	}
	/* Events grid: same fixed-316px-rail class of defect (QA blocker, Aug 3) —
	 * the rail stacks below the month list on mobile. */
	.swfl-bundle-events [data-dc-tpl="1056"] {
		grid-template-columns: minmax(0, 1fr);
	}
	.swfl-bundle-guide [data-dc-tpl="499"] {
		position: static;
	}
}

/* Build-state gotcha #3: the `background` shorthand carries a size for layer 1
 * only, so the plat-grid texture renders as horizontal rules unless every layer
 * gets an explicit background-size. Same fix the Elementor marketing pages got. */
.swfl-bundle-guide [data-dc-tpl="230"],
.swfl-bundle-hub [data-dc-tpl="153"],
.swfl-bundle-cat [data-dc-tpl="884"],
.swfl-bundle-events [data-dc-tpl="1050"] {
	background-size: 44px 44px, 44px 44px;
}
.swfl-bundle-guide [data-dc-tpl="255"] {
	background-size: 26px 26px, 26px 26px;
}
.swfl-bundle-hub [data-dc-tpl="173"] {
	background-size: 20px 20px, 20px 20px;
}

/* Real aerial imagery replaces the dashed placeholder boxes (Aug 1) — the
 * .swfl-hasphoto variant drops the placeholder padding/texture so the image
 * fills the box; the containers keep their extracted aspect-ratios. */
.swfl-bundle-guide [data-dc-tpl="255"].swfl-hasphoto,
.swfl-bundle-hub [data-dc-tpl="173"].swfl-hasphoto {
	display: block;
	padding: 0;
	background: none;
}
.swfl-bundle-guide [data-dc-tpl="255"].swfl-hasphoto {
	border: 1px solid rgb(226, 232, 234);
	overflow: hidden;
}
.swfl-bundle-hub [data-dc-tpl="173"].swfl-hasphoto {
	overflow: hidden;
}
/* Badge-less cards: keep the kicker row the height the Gated chip gives its
 * peers (9px font + 2×4px padding + 2×1px border), so text blocks align and
 * the kicker never touches the photo edge (QA Aug 1). */
.swfl-bundle-hub [data-dc-tpl="176"] {
	min-height: 19px;
}
/* LiteSpeed's WebP replacement wraps the img in a <picture> that inherits the
 * class, so every rule must also reach the img INSIDE .swfl-aerial — object-fit
 * on <picture> does not propagate (femrenew gotcha, rediscovered Aug 1). */
.swfl-bundle-guide .swfl-aerial,
.swfl-bundle-hub .swfl-aerial,
.swfl-bundle-guide .swfl-aerial img,
.swfl-bundle-hub .swfl-aerial img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* Ultra-wide sources keep their left edge (signage) instead of a center crop. */
.swfl-bundle-guide .swfl-aerial--left,
.swfl-bundle-hub .swfl-aerial--left,
.swfl-bundle-guide .swfl-aerial--left img,
.swfl-bundle-hub .swfl-aerial--left img {
	object-position: left center;
}
.swfl-bundle-guide [data-dc-tpl="255"].swfl-hasphoto .swfl-aerial {
	border-radius: 5px;
}
.swfl-bundle-guide .swfl-imgcredit {
	font: 400 9.5px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	margin-top: 8px;
	text-align: right;
}

/* ---------------------------------------------------------------------------
 * Three-page build (Aug 3): events entries are automated feed rows stacked
 * inside the design's month-row anatomy; these classes carry the entry-level
 * styling the mock's single curated entry didn't need.
 * ------------------------------------------------------------------------ */
.swfl-bundle-events .swfl-event + .swfl-event {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px dashed rgb(245, 237, 224);
}
.swfl-bundle-events .swfl-event-link {
	color: rgb(20, 38, 63);
	text-decoration: none;
}
.swfl-bundle-events .swfl-event-link:hover {
	color: rgb(21, 105, 122);
}
.swfl-bundle-events .swfl-event-meta {
	font: 400 10.5px / 1.5 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	margin-top: 6px;
}
.swfl-bundle-events .swfl-events-attribution {
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid rgb(226, 232, 234);
}
.swfl-bundle-events .swfl-events-attribution-row {
	font: 400 9.5px / 1.7 "IBM Plex Mono", monospace;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
}
.swfl-bundle-events .swfl-events-attribution-row a {
	color: rgb(21, 105, 122);
}
/* City grid: hub cards render inside the city page (one card component
 * site-wide); the grid itself is the city scope's [322]. */
.swfl-bundle-city .swfl-bundle-hub {
	display: contents;
}

/* Boundary aerial relocated into Storm & flood when a real photo holds the
 * hero — the boundary belongs beside the evac/flood data. */
.swfl-bundle-guide .swfl-boundarymap {
	margin: 14px 0 0;
}
.swfl-bundle-guide .swfl-boundarymap-box {
	aspect-ratio: 16 / 10;
	border: 1px solid rgb(226, 232, 234);
	border-radius: 8px;
	overflow: hidden;
	background: rgb(251, 247, 240);
}

/* Request-help link — the r5 bundle supplied an inert input/button mock.
 * Production uses a single CTA into the consent-governed request form. */
.swfl-bundle-guide a[data-dc-tpl="327"] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	text-decoration: none;
	cursor: pointer;
}

/* Business profile additions the design's fictional content did not exercise. */
.swfl-bundle-pro {
	font-family: "IBM Plex Sans", sans-serif;
}
.swfl-bundle-pro .swfl-pro-logo {
	overflow: hidden;
}
.swfl-bundle-pro .swfl-pro-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.swfl-bundle-pro .swfl-pro-logo-fallback {
	font-size: 18px;
	font-weight: 600;
}
.swfl-bundle-pro .swfl-pro-demo-notice {
	border-left: 3px solid rgb(201, 148, 90);
}
.swfl-bundle-pro .swfl-pro-optional[hidden] {
	display: none !important;
}
@media (max-width: 540px) {
	.swfl-bundle-pro .swfl-pro-actions > a {
		flex: 1 1 100%;
		justify-content: center;
	}
}


/* ---- r11 guide chapter nav (added Aug 10 2026) ---- */
.swfl-guidenav{position:sticky;top:0;z-index:20;background:rgb(251,247,240);border-top:1px solid rgb(232,220,200);border-bottom:1px solid rgb(232,220,200)}
.swfl-guidenav__rail{max-width:1200px;margin:0 auto;padding:9px 24px;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.swfl-guidenav a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border:1px solid rgb(232,220,200);border-radius:8px;background:#fff;font:500 11px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:rgb(65,84,106);white-space:nowrap;text-decoration:none}
.swfl-guidenav a:hover{border-color:rgb(201,162,94);color:rgb(20,38,63)}
.swfl-guidenav a.is-active{background:rgb(20,38,63);color:#fff;border-color:rgb(20,38,63)}
.swfl-bundle-guide section[id]{scroll-margin-top:64px}
@media (prefers-reduced-motion:reduce){.swfl-guidenav{scroll-behavior:auto}}

/* r11: section nav moves to the top rail; collapse content to full-width, retire right rail */
.swfl-bundle-guide [data-dc-tpl="278"]{grid-template-columns:minmax(0,1fr)}
.swfl-bundle-guide [data-dc-tpl="499"]{display:none}

/* r11 (B) — at-a-glance rebuilt to the comp: white section + gold-bordered card grid (Aug 10 2026) */
.swfl-bundle-guide [data-dc-tpl="258"]{background:#fff;border-top:1px solid rgb(232,220,200);padding:clamp(34px,3.8vw,56px) 24px}
.swfl-bundle-guide [data-dc-tpl="259"]{max-width:1200px;margin:0 auto}
.swfl-bundle-guide [data-dc-tpl="260"]{display:block;text-align:center;max-width:900px;margin:0 auto clamp(20px,2.4vw,30px);padding-bottom:0;border-bottom:0}
.swfl-bundle-guide [data-dc-tpl="261"]{display:flex;align-items:center;justify-content:center;gap:18px;font-family:'IBM Plex Sans',system-ui,sans-serif;font-weight:600;font-size:clamp(15px,1.5vw,19px);letter-spacing:.1em;text-transform:uppercase;color:rgb(20,38,63);line-height:1.2}
.swfl-bundle-guide [data-dc-tpl="261"]::before,.swfl-bundle-guide [data-dc-tpl="261"]::after{content:"";height:1px;background:rgb(201,162,94);flex:1 1 auto;max-width:190px}
.swfl-bundle-guide [data-dc-tpl="262"]{justify-content:center;margin-top:12px;color:rgb(101,120,140)}
.swfl-bundle-guide [data-dc-tpl="265"]{background:transparent;gap:clamp(14px,1.6vw,20px);grid-template-columns:repeat(auto-fit,minmax(232px,1fr));margin-top:0}
.swfl-bundle-guide [data-dc-tpl="267"]{background:#fff;border:1px solid rgb(232,220,200);border-top:2px solid rgb(201,162,94);border-radius:10px;padding:18px 19px 17px;min-height:116px}
.swfl-bundle-guide [data-dc-tpl="268"]{color:rgb(138,106,63)}
.swfl-bundle-guide [data-dc-tpl="272"]{color:rgb(20,38,63)}
.swfl-bundle-guide [data-dc-tpl="273"]{color:rgb(65,84,106)}
/* r11 (B) — zone badges legible on the white at-a-glance cards */
.swfl-bundle-guide [data-dc-tpl="267"] [data-dc-tpl="270"]{background:rgb(20,38,63);border-color:rgb(20,38,63);color:#fff}
/* r11 (B) — at-a-glance links legible on white (were pale-navy-band teal 1.55:1) */
.swfl-bundle-guide [data-dc-tpl="258"] a{color:rgb(21,105,122)}
/* r11 (B) — city-guide hero to cream (match comp + sibling internal-page heroes) */
.swfl-bundle-city [data-dc-tpl="310"]{background:rgb(251,247,240);border-bottom:1px solid rgb(232,220,200)}
.swfl-bundle-city [data-dc-tpl="312"]{color:rgb(138,106,63)}
.swfl-bundle-city [data-dc-tpl="313"]{color:rgb(20,38,63)}
.swfl-bundle-city [data-dc-tpl="314"]{color:rgb(65,84,106)}
.swfl-bundle-city [data-dc-tpl="315"]{border-top-color:rgb(232,220,200)}
.swfl-bundle-city [data-dc-tpl="316"],.swfl-bundle-city [data-dc-tpl="317"]{color:rgb(20,38,63);background:#fff;border:1px solid rgb(232,220,200)}
.swfl-bundle-city [data-dc-tpl="318"]{color:rgb(138,106,63);background:#fff;border:1px solid rgb(232,220,200)}
/* r11 — regold guide primary CTA fill buttons (Call, HOA calendar): teal -> gold (Aug 10 2026) */
.swfl-bundle-guide [data-dc-tpl="312"],.swfl-bundle-guide [data-dc-tpl="467"]{background:rgb(138,106,63);border-color:rgb(123,95,56)}
.swfl-bundle-guide [data-dc-tpl="312"]:hover,.swfl-bundle-guide [data-dc-tpl="467"]:hover{background:rgb(123,95,56)}
/* r11 color-scheme tighten (Aug 10): hero surge badge teal -> navy (match evac badge; teal now links/focus/icons only) */
.swfl-bundle-guide [data-dc-tpl="244"]{background:rgb(20,38,63)}
/* r11 color-scheme tighten (residuals, Aug 10): dateline chips + flood-severity bars off teal */
.swfl-bundle-guide [data-dc-tpl="253"]{color:rgb(138,106,63);border-left-color:rgb(201,162,94)}
.swfl-bundle-guide [data-dc-tpl="363"],.swfl-bundle-guide [data-dc-tpl="459"]{border-left-color:rgb(201,162,94)}
.swfl-bundle-guide .swfl-floodseg--1{background:rgb(20,38,63)}
.swfl-bundle-guide .swfl-floodseg--2{background:rgb(138,106,63)}
.swfl-bundle-guide .swfl-floodseg--3{background:rgb(201,162,94)}
.swfl-bundle-guide .swfl-floodseg--4{background:rgb(101,120,140)}
.swfl-bundle-guide .swfl-floodseg--5{background:rgb(245,237,224)}
/* r11 tighten: live-status dot teal -> light-gold (visible on navy chip) */
.swfl-bundle-guide [data-dc-tpl="808"]{background:rgb(201,162,94)}
/* r11 a11y (Aug 10): darken sub-AA muted micro-labels on LIGHT backgrounds to >=4.5:1 (dark-bg labels unaffected) */
.swfl-bundle-guide [data-dc-tpl="400"],.swfl-bundle-guide [data-dc-tpl="263"],.swfl-bundle-guide [data-dc-tpl="254"],
.swfl-bundle-guide [data-dc-tpl="372"],.swfl-bundle-guide [data-dc-tpl="815"],.swfl-bundle-guide [data-dc-tpl="833"],
.swfl-bundle-guide [data-dc-tpl="848"],.swfl-bundle-guide [data-dc-tpl="849"],.swfl-bundle-guide [data-dc-tpl="851"],
.swfl-bundle-guide [data-dc-tpl="183"],.swfl-bundle-guide [data-dc-tpl="899"],.swfl-bundle-guide [data-dc-tpl="302"],
.swfl-bundle-guide [data-dc-tpl="958"],.swfl-bundle-guide [data-dc-tpl="320"],.swfl-bundle-guide [data-dc-tpl="321"],
.swfl-bundle-guide [data-dc-tpl="501"],.swfl-bundle-guide [data-dc-tpl="831"],.swfl-bundle-guide [data-dc-tpl="832"],
.swfl-bundle-guide [data-dc-tpl="834"],.swfl-bundle-guide [data-dc-tpl="853"],.swfl-bundle-guide [data-dc-tpl="874"],
.swfl-bundle-guide .swfl-imgcredit{color:rgb(84,100,117)}

/* ===========================================================================
 * r11 community-guide design pass (Aug 13, 2026) — owner direction.
 * Appended after the generated bundle so these win the cascade; mirrored into
 * scripts/build_bundle_css.py TAIL so a rebuild preserves them.
 *   1) Header: drop the graph-paper grid background.
 *   2) At-a-glance tiles: kill the dead vertical whitespace.
 *   3) Sponsored contractor card: real logo + short blurb.
 *   4) "What's on nearby" fallback: no grid lines + two-column fill.
 *   5) "Just moved here" steps: two-column fill (no stranded right gutter).
 *   6) FAQ: question | answer two-column fill.
 * ======================================================================== */

/* 1) Header — solid, no grid lines */
.swfl-bundle-guide [data-dc-tpl="230"] { background: #fff; }

/* 2) At a glance — tiles size to content (grid still equalizes each row) */
.swfl-bundle-guide [data-dc-tpl="267"] { min-height: 0; padding: 15px 17px 14px; gap: 5px; }

/* 3) Sponsored contractor card — logo + blurb */
.swfl-bundle-guide .swfl-slotcard--sponsored .swfl-slot-haslogo {
	flex-direction: column;
	align-items: flex-start;
	gap: 9px;
}
.swfl-bundle-guide .swfl-slot-logo {
	height: 36px;
	width: auto;
	max-width: 190px;
	object-fit: contain;
	display: block;
}
.swfl-bundle-guide .swfl-slotcard--sponsored .swfl-slot-blurb {
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: rgb(65, 84, 106);
	text-wrap: pretty;
}

/* 4) "What's on nearby" fallback card — no grid lines, two-column fill */
.swfl-bundle-guide [data-dc-tpl="462"] {
	background: rgb(251, 247, 240);
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(210px, 290px);
	column-gap: clamp(24px, 3vw, 44px);
	align-items: center;
}
.swfl-bundle-guide [data-dc-tpl="463"] { grid-column: 1; grid-row: 1; }
.swfl-bundle-guide [data-dc-tpl="464"] { grid-column: 1; grid-row: 2; max-width: none; }
.swfl-bundle-guide [data-dc-tpl="465"] { grid-column: 1; grid-row: 3; max-width: none; }
.swfl-bundle-guide [data-dc-tpl="466"] {
	grid-column: 2;
	grid-row: 1 / span 3;
	align-self: center;
	flex-direction: column;
	align-items: stretch;
	margin-top: 0;
}
.swfl-bundle-guide [data-dc-tpl="466"] > a { text-align: center; }

/* 5) "Just moved here? Start with these" — two-column grid of steps */
.swfl-bundle-guide #new-here [data-dc-tpl="483"] {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.swfl-bundle-guide #new-here [data-dc-tpl="488"] {
	border-bottom: 1px solid rgb(245, 237, 224);
}
.swfl-bundle-guide #new-here [data-dc-tpl="488"]:nth-child(odd) {
	border-right: 1px solid rgb(245, 237, 224);
}
.swfl-bundle-guide #new-here [data-dc-tpl="488"]:last-child,
.swfl-bundle-guide #new-here [data-dc-tpl="488"]:nth-last-child(2):nth-child(odd) {
	border-bottom: 0;
}
.swfl-bundle-guide #new-here [data-dc-tpl="490"] { max-width: none; }

/* 6) FAQ — question | answer two-column rows */
.swfl-bundle-guide [data-dc-tpl="496"] {
	display: grid;
	grid-template-columns: minmax(220px, 300px) 1fr;
	column-gap: clamp(24px, 3vw, 52px);
	align-items: start;
}
.swfl-bundle-guide [data-dc-tpl="497"] { max-width: none; }
.swfl-bundle-guide [data-dc-tpl="498"] { margin-top: 0; max-width: none; }

/* Mobile: collapse the r11 two-column sections to a single column */
@media (max-width: 680px) {
	.swfl-bundle-guide [data-dc-tpl="462"] { grid-template-columns: minmax(0, 1fr); }
	.swfl-bundle-guide [data-dc-tpl="466"] { grid-column: 1; grid-row: auto; margin-top: 15px; }
	.swfl-bundle-guide [data-dc-tpl="463"],
	.swfl-bundle-guide [data-dc-tpl="464"],
	.swfl-bundle-guide [data-dc-tpl="465"] { grid-column: 1; grid-row: auto; }
	.swfl-bundle-guide #new-here [data-dc-tpl="483"] { grid-template-columns: 1fr; }
	.swfl-bundle-guide #new-here [data-dc-tpl="488"]:nth-child(odd) { border-right: 0; }
	.swfl-bundle-guide #new-here [data-dc-tpl="488"]:nth-last-child(2):nth-child(odd) { border-bottom: 1px solid rgb(245, 237, 224); }
	.swfl-bundle-guide [data-dc-tpl="496"] { grid-template-columns: 1fr; row-gap: 6px; }
	.swfl-bundle-guide [data-dc-tpl="498"] { margin-top: 6px; }
}

/* ===========================================================================
 * r11 pro-profile migration (Aug 14, 2026) — the single-business template was
 * the one internal surface missed by the r11 warm-system rounds. Decision A:
 * primary CTAs are gold rgb(138,106,63) w/ white text (4.94:1); teal remains
 * only on text links (breadcrumbs, Verify credential, Website ghost) and
 * functional status labels. The solid teal badge shield was decorative ->
 * navy to match the site's chip family. The dashed placeholder logo frame
 * reads unfinished next to a real uploaded logo -> solid warm tan.
 * ======================================================================== */
.swfl-bundle-pro [data-dc-tpl="959"] { background: rgb(138, 106, 63); }
.swfl-bundle-pro [data-dc-tpl="953"] { background: rgb(20, 38, 63); }
.swfl-bundle-pro [data-dc-tpl="944"] {
	border: 1px solid rgb(232, 220, 200);
	background: rgb(255, 255, 255);
	color: rgb(84, 100, 117);
}
/* r11 pro-profile polish: solid About panel border (dashed = placeholder
 * voice); placement card restructured so the blurb sits under a name+date
 * row instead of inflating one inline-flex line. */
.swfl-bundle-pro [data-dc-tpl="979"] { border: 1px solid rgb(232, 220, 200); }
.swfl-bundle-pro [data-dc-tpl="984"] {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	max-width: 640px;
}
.swfl-bundle-pro [data-dc-tpl="986"] { line-height: 1.4; white-space: nowrap; }
.swfl-bundle-pro .swfl-pro-placement-blurb {
	flex-basis: 100%;
	font-size: 13.5px;
	line-height: 1.55;
	color: rgb(65, 84, 106);
	margin-top: 6px;
}

/* Services list (Aug 14, 2026) — verified service rows under About on the pro
 * profile. White card, warm hairlines, light-gold diamond markers echoing the
 * Sponsored-chip/connector motif. Renders only when the business has the
 * newline-separated `services` meta. */
.swfl-bundle-pro .swfl-pro-services-heading { display: block; margin-top: 26px; }
.swfl-bundle-pro .swfl-pro-services {
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
	border: 1px solid rgb(232, 220, 200);
	border-radius: 8px;
	background: rgb(255, 255, 255);
}
.swfl-bundle-pro .swfl-pro-service {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	font-size: 14.5px;
	line-height: 1.5;
	color: rgb(65, 84, 106);
}
.swfl-bundle-pro .swfl-pro-service + .swfl-pro-service { border-top: 1px solid rgb(245, 237, 224); }
.swfl-bundle-pro .swfl-pro-service::before {
	content: "";
	width: 6px;
	height: 6px;
	flex: 0 0 6px;
	background: rgb(201, 162, 94);
	transform: rotate(45deg);
}

/* Profile buildout (Aug 14, 2026) — record line, at-a-glance, service area,
 * recent-work gallery, bottom CTA band. All r11 tokens; all sections
 * fail-closed on their metas. */
.swfl-bundle-pro .swfl-pro-record-line {
	margin: 10px 0 0;
	font: 400 11px / 1.6 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-pro .swfl-pro-glance-heading,
.swfl-bundle-pro .swfl-pro-area-heading { display: block; margin-top: 26px; font-size: clamp(19px, 1.8vw, 24px); }
.swfl-bundle-pro .swfl-pro-glance {
	margin-top: 14px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 9px;
}
.swfl-bundle-pro .swfl-pro-glance-cell {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(232, 220, 200);
	border-top: 2px solid rgb(201, 162, 94);
	border-radius: 6px;
	padding: 12px 14px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.swfl-bundle-pro .swfl-pro-glance-label {
	font: 500 9.5px / 1.3 "IBM Plex Mono", monospace;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: rgb(122, 90, 50);
}
.swfl-bundle-pro .swfl-pro-glance-value {
	font-family: Newsreader, serif;
	font-size: 17px;
	font-weight: 600;
	color: rgb(20, 38, 63);
	line-height: 1.25;
}
.swfl-bundle-pro .swfl-pro-area {
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}
.swfl-bundle-pro .swfl-pro-area-chip {
	font: 500 10.5px / 1 "IBM Plex Mono", monospace;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgb(20, 38, 63);
	border: 1px solid rgb(232, 220, 200);
	background: rgb(251, 247, 240);
	border-radius: 3px;
	padding: 7px 9px;
}
.swfl-bundle-pro .swfl-pro-work { background: rgb(251, 247, 240); border-top: 1px solid rgb(232, 220, 200); }
.swfl-bundle-pro .swfl-pro-work-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: clamp(28px, 3.4vw, 48px) 24px;
}
.swfl-bundle-pro .swfl-pro-work-grid {
	margin-top: 16px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 14px;
}
.swfl-bundle-pro .swfl-pro-work-item {
	margin: 0;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(232, 220, 200);
	border-radius: 8px;
	overflow: hidden;
}
.swfl-bundle-pro .swfl-pro-work-item img {
	display: block;
	width: 100%;
	height: 260px;
	object-fit: cover;
}
.swfl-bundle-pro .swfl-pro-work-caption {
	padding: 10px 14px;
	font: 500 10px / 1.4 "IBM Plex Mono", monospace;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgb(84, 100, 117);
	border-top: 1px solid rgb(245, 237, 224);
}
.swfl-bundle-pro .swfl-pro-work-credit {
	margin: 14px 0 0;
	font: 400 11px / 1.5 "IBM Plex Mono", monospace;
	color: rgb(84, 100, 117);
}
.swfl-bundle-pro .swfl-pro-cta { background: rgb(255, 255, 255); border-top: 1px solid rgb(232, 220, 200); }
.swfl-bundle-pro .swfl-pro-cta-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: clamp(24px, 3vw, 40px) 24px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.swfl-bundle-pro .swfl-pro-cta-lead {
	font-family: Newsreader, serif;
	font-size: clamp(20px, 2vw, 26px);
	font-weight: 500;
	color: rgb(20, 38, 63);
	letter-spacing: -0.01em;
}
.swfl-bundle-pro .swfl-pro-cta-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.swfl-bundle-pro .swfl-pro-cta-call {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	background: rgb(138, 106, 63);
	color: rgb(255, 255, 255);
	font-size: 15px;
	font-weight: 600;
	padding: 14px 20px;
	border-radius: 8px;
	text-decoration: none;
}
.swfl-bundle-pro .swfl-pro-cta-site {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	border: 1px solid rgb(232, 220, 200);
	border-radius: 8px;
	color: rgb(21, 105, 122);
	background: rgb(255, 255, 255);
	font-size: 15px;
	font-weight: 600;
	padding: 14px 18px;
	text-decoration: none;
}

/* Hero grid-line removal (Aug 14, 2026) — owner direction: flat hero
 * backgrounds on every template, matching the Aug 13 guide-hero treatment
 * ([230] -> #fff). Placeholder-photo box textures (20/26px grids inside
 * cards) are intentionally kept — they mark missing imagery, not headers. */
.swfl-bundle-hub [data-dc-tpl="153"],
.swfl-bundle-cat [data-dc-tpl="884"],
.swfl-bundle-events [data-dc-tpl="1050"],
.swfl-bundle-pro [data-dc-tpl="940"] { background: rgb(255, 255, 255); }

/* CTA band redesign (Aug 14, 2026) — from a flat left/right strip to a
 * centered tan closing band: gold rule + diamond accent, serif headline,
 * manual-voice sub-line, centered actions. Tan slots the page rhythm
 * cream (work) -> tan (CTA) -> navy (footer), no adjacent repeats. */
.swfl-bundle-pro .swfl-pro-cta {
	background: rgb(245, 237, 224);
	border-top: 1px solid rgb(232, 220, 200);
}
.swfl-bundle-pro .swfl-pro-cta-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: clamp(36px, 4vw, 56px) 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0;
}
.swfl-bundle-pro .swfl-pro-cta-rule {
	width: 64px;
	height: 1px;
	background: rgb(201, 162, 94);
	position: relative;
	margin-bottom: 22px;
}
.swfl-bundle-pro .swfl-pro-cta-diamond {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 7px;
	height: 7px;
	background: rgb(201, 162, 94);
	transform: translate(-50%, -50%) rotate(45deg);
}
.swfl-bundle-pro .swfl-pro-cta-lead {
	font-family: Newsreader, serif;
	font-size: clamp(24px, 2.6vw, 34px);
	font-weight: 500;
	color: rgb(20, 38, 63);
	letter-spacing: -0.015em;
	line-height: 1.15;
}
.swfl-bundle-pro .swfl-pro-cta-sub {
	margin: 12px 0 0;
	max-width: 520px;
	font-size: 14.5px;
	line-height: 1.6;
	color: rgb(65, 84, 106);
}
.swfl-bundle-pro .swfl-pro-cta-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 24px;
}
.swfl-bundle-pro .swfl-pro-cta-site {
	border: 1px solid rgb(224, 205, 173);
	background: rgb(255, 255, 255);
}