@media screen and (max-width:1279px) {
	section[class*="pnl_strc"] {
		[data-structureheader], [id*="Header"],
		[data-structurebutton], [id*="Button"] {
			text-align: center;
		}

		[data-role="arrows"] {
			justify-content: center;
		}

		.flr_hd {
			margin-inline: auto;
		}
	}
}

@media screen and (min-width:1280px) {
	section:not([class*="pnl_strc"]) {
		> [class*="mn_"]:has([data-structureheader] + [data-structurefeed] + [data-role="arrows"]) {

			[data-structureheader] {
				text-align: center;
				max-width: 65vw;
				margin-inline: auto;

				.flr_hd {
					margin-inline: auto;
				}
			}
		}
	}
	section[class*="pnl_strc"] {

		&:not(.pnl_strc-0, .pnl_strc-8) {
			> [class*="mn_"] {
				display: grid;
				grid-template-columns: repeat(8, 1fr);
			}
		}

		&:is(.pnl_strc-4, .pnl_strc-6) {
			--shf-off-a: calc(((var(--vw_) - clamp(var(--mn_min), var(--mn-w), var(--mn_max)) - (var(--grd-sp-dyn) / 2) ) / 2));
		}

		/* Account for hover transition padding */
		&:is(.pnl_strc-1, .pnl_strc-2, .pnl_strc-8) {
			div[data-structureheader]:has(+ div[data-structurefeed] a[class*="hvr_trn"]) header {
				margin-bottom: calc(var(--sp-vm-clc) - var(--hvr-y-amt));
			}
		}

		div[data-structurefeed]:has(a[class*="hvr_trn"]) + div[class*="mrg_tp"] {
			margin-top: calc(var(--sp-vm-clc) - var(--hvr-y-amt));
		}

		/* Shared: 12-column grid (pnl_strc-4, -6, -7) */
		&:is(.pnl_strc-4, .pnl_strc-6, .pnl_strc-7) > [class*="mn_"] {
			grid-template-columns: repeat(12, 1fr);
			max-width: none;
		}

		/* Shared: column-gap for split variants (pnl_strc-3, -3-rev, -4, -9, -9-rev) */
		&:is(.pnl_strc-3, .pnl_strc-3-rev, .pnl_strc-4, .pnl_strc-9, .pnl_strc-9-rev) > [class*="mn_"] {
			column-gap: calc(var(--flx-gap) / 2);
		}

		/* Shared: left-aligned flair for split variants */
		&:not(.pnl_strc-0, .pnl_strc-1, .pnl_strc-2, .pnl_strc-8) .flr_hd {
			margin-right: auto;
			margin-left: 0;
		}

		/* Shared: row-gap + hover override (pnl_strc-5, -6, -7) */
		&:is(.pnl_strc-5, .pnl_strc-6, .pnl_strc-7) > [class*="mn_"] {
			row-gap: var(--sp-vm-clc);

			&:has(a[class*="hvr_trn"]) {
				row-gap: calc(var(--sp-vm-clc) - var(--hvr-y-amt));
			}
		}

		/* Shared: button top margin reset (pnl_strc-3, -3-rev, -4, -9, -9-rev) */
		&:is(.pnl_strc-3, .pnl_strc-3-rev, .pnl_strc-4, .pnl_strc-9, .pnl_strc-9-rev) {
			[data-structurebutton] > div, [id*="Button"] > div {
				margin-top: 0;
			}

			[data-structurefeed][class*="mrg_tp"],
			[data-structurefeed] > [class*="mrg_tp"] {
				margin-top: 0;
			}
		}

		/* Shared: mrg_tp reset inside buttons (pnl_strc-5, -6, -7) */
		&:is(.pnl_strc-5, .pnl_strc-6, .pnl_strc-7) {
			[data-structurebutton], [id*="Button"] {
				[class*="mrg_tp"] {
					margin-top: 0;
				}
			}
		}

		/* Centered Header, split arrows/button */
		&.pnl_strc-1 {
			> [class*="mn_"] {

				.flr_hd {
					margin-inline: auto;
				}

				[data-structureheader], [id*="Header"] {
					text-align: center;
					grid-area: 1 / 2 / 1 / 8;
				}

				[data-structurefeed] {
					grid-area: 2 / 1 / 2 / 9;
				}

				[data-role="arrows"] {
					grid-area: 3 / 1 / 3 / 5;
					justify-self: start;
				}

				[data-structurebutton], [id*="Button"] {
					grid-area: 3 / 5 / 3 / 9;
					justify-self: end;
				}

				div[data-structurefeed]:has(a[class*="hvr_trn"]) ~ [data-structurebutton] > div {
					margin-top: calc(var(--sp-vm-clc) - var(--hvr-y-amt));
				}
			}

			&.end.start,
			&:not([data-role="scroller"]) {
				> [class*="mn_"] [data-structurebutton], > [class*="mn_"] [id*="Button"] {
					grid-area: 3 / 1 / 3 / 9;
					justify-self: center
				}
			}
		}

		/* Centered with split side arrows */
		&.pnl_strc-2 {
			> [class*="mn_"] {

				.flr_hd {
					margin-inline: auto;
				}

				[data-structureheader], [id*="Header"] {
					text-align: center;
					grid-area: 1 / 2 / 1 / 8;
				}

				[data-structurefeed] {
					grid-area: 2 / 1 / 2 / 9;
				}

				[data-structurebutton], [id*="Button"] {
					grid-area: 3 / 1 / 3 / 9;
					justify-self: center;
				}
			}

			&[data-role="scroller"] {
				[data-structurefeed] {
					grid-area: 2 / 1 / 2 / 9;
					padding-inline: var(--grd-sp-lrg);
				}

				[data-role="arrows"] {
					grid-area: 2 / 1 / 2 / 9;
					align-self: center;
					justify-content: space-between;
					margin-top: 0;
				}
			}
		}

		/* Split Header/Feed */
		&.pnl_strc-3 {
			> [class*="mn_"] {

				[data-structureheader], [id*="Header"] {
					grid-area: 2 / 1 / 2 / 5;
					text-align: left;
				}

				[data-structurefeed] {
					grid-area: 1 / 5 / 5 / 9;
				}

				[data-role="arrows"] {
					grid-area: 5 / 5 / 5 / 9;
					justify-self: start;
				}

				[data-structurebutton], [id*="Button"] {
					grid-area: 3 / 1 / 3 / 5;
					justify-self: start;
				}
			}
		}

		/* Flipped Split Header/Feed */
		&.pnl_strc-3-rev {
			> [class*="mn_"] {

				[data-structureheader], [id*="Header"] {
					grid-area: 2 / 5 / 2 / 9;
					text-align: left;
				}

				[data-structurefeed] {
					grid-area: 1 / 1 / 5 / 5;
				}

			    [data-role="arrows"] {
					grid-area: 5 / 1 / 5 / 5;
					justify-self: start;
				}

				[data-structurebutton], [id*="Button"] {
					grid-area: 3 / 5 / 3 / 9;
					justify-self: start;
				}
			}
		}

		/* Shift-right Header/Feed */
		&.pnl_strc-4 {
			> [class*="mn_"] {

				[data-structureheader], [id*="Header"] {
					grid-area: 2 / 2 / 2 / 5;
					text-align: left;
				}

				[data-structurefeed] {
					grid-area: 1 / 5 / 5 / 12;
				}

				[data-structurebutton], [id*="Button"] {
					grid-area: 3 / 2 / 3 / 4;
					justify-self: start;
				}
			}

			&[data-role="scroller"] {
				[data-structurefeed] {
					grid-area: 1 / 5 / 5 / 13;

					&.grd, > .grd {
						flex-wrap: nowrap;
						padding-right: var(--shf-off-a);
					}
				}

				[data-role="arrows"] {
					grid-area: 5 / 5 / 5 / 13;
					justify-self: start;
				}
			}
		}

		/* Split Header/Button */
		&.pnl_strc-5 {
			> [class*="mn_"] {

				[data-structureheader], [id*="Header"] {
					grid-area: 1 / 1 / 1 / 5;
					text-align: left;

					header {
						margin-bottom: 0;
					}
				}

				[data-structurefeed] {
					grid-area: 2 / 1 / 2 / 9;
				}

				[data-role="arrows"] {
					grid-area: 3 / 1 / 3 / 9;
					justify-self: start;
					margin-top: 0;
				}

				[data-structurebutton], [id*="Button"] {
					grid-area: 1 / 5 / 1 / 9;
					justify-self: end;
					align-self: end;
				}
			}
		}

		/* Split Header/Button, Shifted-right Feed */
		&.pnl_strc-6 {
			> [class*="mn_"] {

				[data-structureheader], [id*="Header"] {
					grid-area: 1 / 2 / 1 / 7;
					text-align: left;

					header {
						margin-bottom: 0;
					}
				}

				[data-structurefeed] {
					grid-area: 2 / 2 / 2 / 12;
				}

				[data-structurebutton], [id*="Button"] {
					grid-area: 1 / 7 / 1 / 12;
					justify-self: end;
					align-self: center;
				}
			}

			&[data-role="scroller"] {
				[data-structurefeed] {
					grid-area: 2 / 2 / 2 / 13;

					&.grd, > .grd {
						flex-wrap: nowrap;
						padding-right: var(--shf-off-a);
					}
				}

				[data-role="arrows"] {
					grid-area: 3 / 2 / 3 / 13;
					justify-self: start;
					margin-top: 0;
				}
			}
		}

		/* Split Header/Button, Full View */
		&.pnl_strc-7 {
			> picture {
				grid-area: 2 / 1 / 2 / 13;
			}

			> [class*="mn_"] {
				column-gap: calc(var(--flx-gap) / 3);

				[data-structureheader], [id*="Header"] {
					grid-area: 1 / 2 / 1 / 8;
					text-align: left;

					header {
						margin-bottom: 0;
					}
				}

				[data-structurefeed] {
					grid-area: 2 / 1 / 2 / 13;

					&.grd, > .grd {
						--grd-sp-dyn: 1px;
						filter: none;

						li {
							align-items: stretch;

							.crd {
								border-radius: 0;

								display: flex;
								flex-direction: column;
								justify-content: flex-end;
							}
						}
					}
				}

				[data-role="arrows"] {
					grid-area: 1 / 9 / 1 / 10;
					margin-top: 0;
					justify-content: end;
				}

				[data-structurebutton], [id*="Button"] {
					grid-area: 1 / 10 / 1 / 12;
					justify-self: stretch;
					align-self: center;
				}
			}
		}

		/* Default Stacked Centered */
		&.pnl_strc-8 {
			> [class*="mn_"] {

				.flr_hd {
					margin-inline: auto;
				}

				[data-structureheader], [id*="Header"] {
					text-align: center;
					max-width: 65vw;
					margin-inline: auto;
				}

				[data-role="arrows"] {
					justify-content: center;
				}

				[data-structurebutton], [id*="Button"] {
					text-align: center;
				}
			}
		}

		/* Split Header/Stacked Feed */
		&.pnl_strc-9 {
			> [class*="mn_"] {

				[data-structureheader], [id*="Header"] {
					grid-area: 2 / 1 / 2 / 4;
					text-align: left;
				}

				[data-structurefeed] {
					grid-area: 1 / 5 / 5 / 9;

					&.grd, > .grd {
						--itm-val: 100;
					}
				}

				[data-role="arrows"] {
					grid-area: 5 / 5 / 5 / 9;

				}

				[data-structurebutton], [id*="Button"] {
					grid-area: 3 / 1 / 3 / 4;
					justify-self: start;
				}
			}
		}

		/* Flipped Split Header/Stacked Feed */
		&.pnl_strc-9-rev {
			> [class*="mn_"] {

				[data-structureheader], [id*="Header"] {
					grid-area: 2 / 5 / 2 / 9;
					text-align: left;
				}

				[data-structurefeed] {
					grid-area: 1 / 1 / 5 / 5;

					&.grd, > .grd {
						--itm-val: 100;
					}
				}

				[data-role="arrows"] {
					grid-area: 5 / 1 / 5 / 5;

				}

				[data-structurebutton], [id*="Button"] {
					grid-area: 3 / 5 / 3 / 9;
					justify-self: start;
				}
			}
		}

		/* Modifier: wd-fd (wide feed — 3 header cols + 5 feed cols) */
		&.wd-fd {

			&.pnl_strc-3 > [class*="mn_"] {
				[data-structureheader], [id*="Header"] { grid-area: 2 / 1 / 2 / 4; }
				[data-structurefeed]                   { grid-area: 1 / 4 / 5 / 9; }
				[data-role="arrows"]                   { grid-area: 5 / 4 / 5 / 9; }
				[data-structurebutton], [id*="Button"] { grid-area: 3 / 1 / 3 / 4; }
			}

			&.pnl_strc-3-rev > [class*="mn_"] {
				[data-structureheader], [id*="Header"] { grid-area: 2 / 6 / 2 / 9; }
				[data-structurefeed]                   { grid-area: 1 / 1 / 5 / 6; }
				[data-role="arrows"]                   { grid-area: 5 / 1 / 5 / 6; }
				[data-structurebutton], [id*="Button"] { grid-area: 3 / 6 / 3 / 9; }
			}
		}

		/* Modifier: wd-hd (wide header — 5 header cols + 3 feed cols) */
		&.wd-hd {

			&.pnl_strc-3 > [class*="mn_"] {
				[data-structureheader], [id*="Header"] { grid-area: 2 / 1 / 2 / 6; }
				[data-structurefeed]                   { grid-area: 1 / 6 / 5 / 9; }
				[data-role="arrows"]                   { grid-area: 5 / 6 / 5 / 9; }
				[data-structurebutton], [id*="Button"] { grid-area: 3 / 1 / 3 / 6; }
			}

			&.pnl_strc-3-rev > [class*="mn_"] {
				[data-structureheader], [id*="Header"] { grid-area: 2 / 4 / 2 / 9; }
				[data-structurefeed]                   { grid-area: 1 / 1 / 5 / 4; }
				[data-role="arrows"]                   { grid-area: 5 / 1 / 5 / 4; }
				[data-structurebutton], [id*="Button"] { grid-area: 3 / 4 / 3 / 9; }
			}
		}
	}
}