/**
 * Social Media Settings
 * Page-specific presentation. Shared colours, type, spacing, and buttons
 * come from marby-master.css.
 */

.soc-settings-page {
	color: var(--marby-color-black);
	white-space: normal;
}

.soc-settings-page * {
	min-width: 0;
}

.soc-settings-page--embedded {
	width: 100%;
	overflow: visible;
}

.soc-settings-page--embedded > .soc-platforms-stage,
.soc-settings-page--embedded > .soc-help-stage {
	width: 100%;
	margin: 0;
	padding: 54px 0;
	transform: none;
}

.soc-settings-page--embedded > .soc-platforms-stage {
	border-radius: var(--marby-radius-xl);
}

.soc-settings-page--embedded > .soc-platforms-stage > .marby-page-shell,
.soc-settings-page--embedded > .soc-help-stage > .marby-page-shell {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	padding-right: 30px;
	padding-left: 30px;
}

.soc-page-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 32px;
	align-items: end;
}

/* Master owns the eyebrow primitive. Retained for rollback only.
.soc-page-header .marby-eyebrow { margin: 0; }
*/

/* Master `.marby-public-page h1` owns headline font, size, weight and colour.
.soc-page-header h1 {
	margin: 20px 0 10px;
	color: var(--marby-color-black);
	font-size: clamp(42px, 5vw, 68px);
	font-weight: var(--marby-font-weight-bold);
	letter-spacing: -0.045em;
	line-height: 0.98;
}
*/

/*
.soc-page-subtitle {
	max-width: 820px;
	margin: 0;
	color: var(--marby-color-tan);
	font-size: clamp(21px, 2.3vw, 30px);
	font-weight: var(--marby-font-weight-light);
	line-height: 1.3;
}
*/
/* Master `.marby-btn` and its variants now own all Social action presentation.
.soc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 20px;
	border: 1px solid transparent;
	border-radius: var(--marby-radius-xs);
	font: var(--marby-font-weight-regular) 16px/1.2 var(--marby-font-body);
	letter-spacing: 0;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	transition:
		background var(--marby-transition-fast),
		border-color var(--marby-transition-fast),
		color var(--marby-transition-fast);
}

.soc-btn-tan {
	border-color: var(--marby-color-tan);
	background: var(--marby-color-tan);
	color: var(--marby-color-white) !important;
}

.soc-btn-tan:hover,
.soc-btn-tan:focus {
	border-color: var(--marby-color-black);
	background: var(--marby-color-black);
	color: var(--marby-color-white) !important;
}

.soc-btn-primary {
	border-color: var(--marby-color-marby-blue);
	background: var(--marby-color-marby-blue);
	color: var(--marby-color-white) !important;
}

.soc-btn-primary:hover,
.soc-btn-primary:focus {
	border-color: var(--marby-color-marby-blue-hover);
	background: var(--marby-color-marby-blue-hover);
	color: var(--marby-color-white) !important;
}

.soc-btn-secondary {
	border-color: var(--marby-color-tan);
	background: var(--marby-color-white);
	color: var(--marby-color-tan) !important;
}

.soc-btn-secondary:hover,
.soc-btn-secondary:focus {
	border-color: var(--marby-color-tan);
	background: var(--marby-color-tan);
	color: var(--marby-color-white) !important;
}

.soc-btn:disabled {
	border-color: var(--marby-color-border);
	background: var(--marby-color-soft);
	color: var(--marby-color-disabled-text) !important;
	cursor: not-allowed;
}
*/

.soc-metrics {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, 230px);
	margin-bottom: 26px;
	border: 1px solid var(--marby-color-border-light);
	background: var(--marby-color-white);
}

.soc-metric-main {
	padding: 25px 28px;
	background: var(--marby-color-light-tan);
}
/*
.soc-metric-main h2,
.soc-section-heading h2 {
	margin: 0;
	color: var(--marby-color-black);
	font-size: 26px;
	font-weight: var(--marby-font-weight-bold);
	line-height: 1.2;
}

.soc-metric-main p,
.soc-section-heading p {
	margin: 6px 0 0;
	color: var(--marby-color-muted);
	font-size: 16px;
	line-height: 1.55;
}
*/
.soc-metric-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 5px;
	margin: 0;
	padding: 25px 28px;
	background: var(--marby-color-soft-blue);
}

.soc-metric-card[hidden] {
	display: none;
}

.soc-metric-label {
	color: var(--marby-color-tan);
	font-size: 11px;
	font-weight: var(--marby-font-weight-bold);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.soc-metric-value {
	color: var(--marby-color-black);
	font-size: 28px;
	font-weight: var(--marby-font-weight-bold);
	line-height: 1.1;
}

.soc-metric-value.is-limit-reached,
.soc-metric-value.is-inactive {
	color: var(--marby-color-danger);
	font-size: 18px;
}

.soc-setup-note {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
	margin-bottom: 38px;
	padding: 22px 24px;
	border: 1px solid var(--marby-color-border-light);
	background: var(--marby-color-white);
}

.soc-note-icon {
	display: inline-flex;
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--marby-color-marby-blue);
	color: var(--marby-color-white);
	font-size: 20px;
	font-weight: var(--marby-font-weight-bold);
	font-style: normal;
}

.soc-setup-note strong {
	display: block;
	margin-bottom: 3px;
	color: var(--marby-color-black);
	font-size: 19px;
	font-weight: var(--marby-font-weight-bold);
}

.soc-setup-note p {
	margin: 0;
	color: var(--marby-color-text);
	font-size: 16px;
	line-height: 1.6;
}

.soc-section-heading {
	margin-bottom: 18px;
}

.soc-platform-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.soc-platform-card {
	display: flex;
	min-height: 330px;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--marby-color-border-light);
	background: var(--marby-color-white);
	box-shadow: var(--marby-shadow-soft);
}

.soc-platform-card-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	padding: 22px;
	border-bottom: 1px solid var(--marby-color-border-light);
}

.soc-platform-title {
	display: flex;
	align-items: center;
	gap: 14px;
}

.soc-platform-icon {
	display: inline-flex;
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	align-items: center;
	justify-content: center;
	gap: 5px;
	border-radius: 50%;
	background: var(--marby-color-soft-blue);
	color: var(--marby-color-marby-blue);
	font-size: 20px;
}

.soc-platform-icon .fa-facebook-f,
.soc-platform-icon .fa-instagram {
	font-size: 17px;
}

.platform-title-text h3 {
	margin: 0;
	color: var(--marby-color-black);
	font-size: 23px;
	font-weight: var(--marby-font-weight-bold);
	line-height: 1.15;
}

.platform-sub {
	display: block;
	margin-top: 4px;
	color: var(--marby-color-tan);
	font-size: 13px;
	font-weight: var(--marby-font-weight-medium);
}

.soc-platform-status {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	padding: 7px 11px;
	border-radius: var(--marby-radius-pill);
	background: var(--marby-color-light-tan);
	color: var(--marby-color-tan);
	font-size: 10px;
	font-weight: var(--marby-font-weight-bold);
	letter-spacing: 0.1em;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
}

.soc-platform-status.status-connected {
	background: var(--marby-color-marby-blue);
	color: var(--marby-color-white);
}

.soc-platform-status.status-warning {
	background: var(--marby-color-soft-blue);
	color: var(--marby-color-marby-blue);
}

.soc-platform-status.status-coming-soon {
	background: var(--marby-color-light-tan);
	color: var(--marby-color-tan);
}

.soc-platform-card-body {
	flex: 1 1 auto;
	padding: 22px;
}

.soc-platform-description {
	margin: 0 0 18px;
	color: var(--marby-color-text);
	font-size: 16px;
	line-height: 1.6;
}

.kv {
	display: grid;
	grid-template-columns: minmax(110px, 0.4fr) minmax(0, 1fr);
	gap: 14px;
	padding: 8px 0;
	border-top: 1px solid var(--marby-color-border-light);
	font-size: 14px;
}

.kv span:first-child {
	color: var(--marby-color-tan);
	font-weight: var(--marby-font-weight-bold);
}

.kv span:last-child {
	overflow-wrap: anywhere;
	color: var(--marby-color-black);
}

.connected-channels {
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid var(--marby-color-border-light);
}

.connected-channels h4 {
	margin: 0 0 8px;
	color: var(--marby-color-tan);
	font-size: 11px;
	font-weight: var(--marby-font-weight-bold);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.connected-channel-row {
	padding: 4px 0;
	font-size: 14px;
}

.connected-channel-row a {
	color: var(--marby-color-marby-blue);
	text-decoration: none;
}

.connected-channel-row a:hover,
.connected-channel-row a:focus {
	text-decoration: underline;
}

.soc-card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: flex-end;
	padding: 0 22px 22px;
}

.soc-action-button {
	min-width: 180px;
	justify-content: center;
}

.soc-card-actions .soc-action-button:disabled {
	cursor: not-allowed;
	opacity: 0.58;
}

.platform-action-message {
	flex: 1 0 100%;
	color: var(--marby-color-muted);
	font-size: 13px;
	text-align: right;
}

.soc-platform-warning {
	margin: 0 22px 22px;
}

.soc-coming-soon,
.soc-inline-notice {
	margin: 0 22px 22px;
}

.soc-inline-notice .soc-coming-soon {
	margin: 0;
}

.soc-meta-selection {
	margin-top: 20px;
	padding: 18px;
	border: 1px solid var(--marby-color-border-light);
	border-radius: var(--marby-radius-card);
	background: var(--marby-color-soft-blue);
}

.soc-meta-selection h4,
.soc-meta-selection p {
	margin: 0 0 10px;
}

.soc-meta-selection-list {
	display: grid;
	gap: 8px;
	margin: 14px 0;
}

.soc-meta-choice {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border: 1px solid var(--marby-color-border-light);
	border-radius: 10px;
	background: var(--marby-color-white);
	cursor: pointer;
}

.soc-meta-choice input {
	width: 18px;
	height: 18px;
	margin: 0;
}

.soc-meta-choice span,
.soc-meta-choice small {
	display: block;
}

.soc-meta-choice small {
	margin-top: 2px;
	color: var(--marby-color-muted);
}

.soc-meta-selection-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.js-meta-selection-message {
	color: var(--marby-color-danger);
	font-size: 13px;
}

.settings-alert,
.social-connection-limit {
	padding: 14px 16px;
	border-left: 4px solid var(--marby-color-marby-blue);
	background: var(--marby-color-soft-blue);
	color: var(--marby-color-text);
	font-size: 14px;
	line-height: 1.5;
}

.settings-alert-error,
.social-connection-limit.is-limit-reached {
	border-left-color: var(--marby-color-danger);
	background: var(--marby-color-soft-tan);
	color: var(--marby-color-danger);
}

.settings-alert-error {
	grid-column: 1 / -1;
}

.social-connection-limit {
	margin: 0 0 18px;
}

.settings-loading {
	padding: 42px 20px;
	text-align: center;
}

.settings-loading p {
	margin: 14px 0 0;
	color: var(--marby-color-muted);
}

.settings-spinner {
	width: 36px;
	height: 36px;
	margin: 0 auto;
	border: 3px solid var(--marby-color-border-light);
	border-top-color: var(--marby-color-marby-blue);
	border-radius: 50%;
	animation: soc-spin 0.8s linear infinite;
}

@keyframes soc-spin {
	to {
		transform: rotate(360deg);
	}
}

.soc-bottom-bar {
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: space-between;
	margin-top: 28px;
	padding: 20px 22px;
	border: 1px solid var(--marby-color-border-light);
	background: var(--marby-color-light-tan);
}

.soc-bottom-bar p {
	margin: 0;
	color: var(--marby-color-muted);
	font-size: 14px;
}

.soc-bottom-actions {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	gap: 10px;
}

@media (max-width: 980px) {
	.soc-page-header h1 {
		font-size: clamp(42px, 7vw, 58px);
	}

	.soc-platform-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.soc-page-header,
	.soc-metrics {
		grid-template-columns: 1fr;
	}

	.soc-page-header {
		align-items: stretch;
	}

	.soc-page-header .marby-btn,
	.soc-bottom-actions,
	.soc-bottom-actions .marby-btn {
		width: 100%;
	}

	.soc-setup-note {
		grid-template-columns: 38px minmax(0, 1fr);
		padding: 19px;
	}

	.soc-platform-card-header {
		flex-direction: column;
	}

	.soc-platform-status {
		margin-left: 62px;
	}

	.soc-card-actions .marby-btn {
		width: 100%;
	}

	.platform-action-message {
		text-align: left;
	}

	.soc-bottom-bar {
		flex-direction: column;
		align-items: stretch;
	}
}

@media (max-width: 480px) {
	.soc-page-header h1 {
		font-size: 40px;
	}

	.soc-page-subtitle {
		font-size: 20px;
	}

	.soc-metric-main,
	.soc-metric-card,
	.soc-platform-card-header,
	.soc-platform-card-body {
		padding: 19px;
	}

	.soc-card-actions {
		padding: 0 19px 19px;
	}

	.soc-platform-status {
		margin-left: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.settings-spinner {
		animation-duration: 1.8s;
	}
}

/* Kim Social Settings first-pass composition. Master owns fonts, colours, gutters and controls. */
.soc-settings-page {
	overflow: visible;
}
.soc-page-header {
	padding: 0px;
	background: linear-gradient(
		180deg,
		var(--marby-color-white) 0%,
		var(--marby-color-soft-tan) 100%
	);
}
.soc-page-header-inner {
	display: block;
}
.soc-page-header h1 {
	margin: 18px 0;
}
/*
.soc-page-subtitle {
	max-width: none;
	color: var(--marby-color-tan);
}
*/
.soc-metric-card {
	min-height: 200px;
	padding: 30px;
	border: 1px solid var(--marby-color-border-light);
	border-radius: var(--marby-radius-lg);
	background: var(--marby-color-soft-blue);
	box-shadow: var(--marby-shadow-soft);
}
.soc-account-nav {
	background: var(--marby-color-black);
}
.soc-setup-stage[hidden] {
	display: none !important;
}
.soc-account-nav > div {
	display: flex;
	justify-content: center;
	gap: 8px;
	align-items: center;
	overflow-x: auto;
	padding: 20px var(--marby-page-gutter);
}
.soc-account-nav a,
.soc-account-nav button {
	padding: 8px 12px;
	border: 1px solid var(--marby-color-marby-blue);
	border-radius: var(--marby-radius-pill);
	background: transparent;
	color: var(--marby-color-white);
	font-size: 12px;
	font-weight: var(--marby-font-weight-bold);
	line-height: 1.2;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
}
.soc-account-nav .is-active,
.soc-account-nav a:hover,
.soc-account-nav a:focus,
.soc-account-nav a:focus-visible,
.soc-account-nav button:hover,
.soc-account-nav button:focus,
.soc-account-nav button:focus-visible {
	background: var(--marby-color-marby-blue);
	border-color: var(--marby-color-marby-blue);
	color: var(--marby-color-white);
	outline: 0;
}
.soc-nav-divider {
	color: var(--marby-color-white);
	font-weight: var(--marby-font-weight-bold);
}
.soc-setup-stage,
.soc-platforms-stage,
.soc-help-stage {
	padding: 82px 0;
}
.soc-platforms-stage {
	background: var(--marby-color-soft-blue);
}
.soc-section-heading {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 26px;
	align-items: start;
	margin: 0 0 38px;
}
.soc-section-number {
	display: grid;
	width: 58px;
	height: 58px;
	place-items: center;
	border: 1px solid var(--marby-color-border-light);
	border-radius: 50%;
	background: var(--marby-color-white);
	color: var(--marby-color-marby-blue);
	box-shadow: var(--marby-shadow-soft);
	font-weight: var(--marby-font-weight-bold);
}
/* Master owns `.marby-eyebrow`; this local spacing override is retained for rollback only.
.soc-section-heading .marby-eyebrow { margin: 3px 0 12px; }
*/
/* Master `.marby-public-page h2` owns heading typography; page CSS retains only composition spacing. */
.soc-section-heading h2,
.soc-bottom-bar h2 {
	margin: 0;
}
.soc-setup-note {
	grid-template-columns: 52px minmax(0, 1fr) auto;
	align-items: center;
	margin: 0;
	padding: 32px;
	border-radius: var(--marby-radius-lg);
	background: var(--marby-color-soft-tan);
	box-shadow: var(--marby-shadow-soft);
}
.soc-setup-note h3,
.soc-platforms-summary h3,
.soc-help-intro h3,
.soc-support-card h3 {
	margin: 0 0 8px;
}
.soc-note-icon,
.soc-platforms-summary > span,
.soc-help-intro > span,
.soc-support-card > span {
	width: 52px;
	height: 52px;
	border-radius: var(--marby-radius-md);
	background: var(--marby-color-black);
}
.soc-platforms-summary {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 18px;
	align-items: center;
	margin-bottom: 20px;
	padding: 24px;
	border: 1px solid var(--marby-color-border-light);
	border-radius: var(--marby-radius-md);
	background: var(--marby-color-white);
	box-shadow: var(--marby-shadow-soft);
}
.soc-platforms-summary > span {
	display: grid;
	place-items: center;
	background: var(--marby-color-marby-blue);
	color: var(--marby-color-white);
	font-size: 26px;
}
.soc-platform-card {
	border-radius: var(--marby-radius-lg);
	box-shadow: var(--marby-shadow-soft);
}
.soc-platform-card:nth-child(2n) {
	background: var(--marby-color-soft-tan);
}
.soc-platform-card:nth-child(3n) {
	background: var(--marby-color-black);
}
.soc-platform-card:nth-child(3n) .platform-title-text h3,
.soc-platform-card:nth-child(3n) .soc-platform-description,
.soc-platform-card:nth-child(3n) .kv span:last-child {
	color: var(--marby-color-white);
}
.soc-platform-card:nth-child(3n) .soc-platform-card-header,
.soc-platform-card:nth-child(3n) .kv,
.soc-platform-card:nth-child(3n) .connected-channels {
	border-color: rgba(255, 255, 255, 0.16);
}
/* Kim revision: TikTok and LinkedIn use the master light-blue surface. */
.soc-platform-card:nth-child(2),
.soc-platform-card:nth-child(3) {
	background: var(--marby-color-soft-blue);
}
.soc-platform-card:nth-child(3) .platform-title-text h3,
.soc-platform-card:nth-child(3) .soc-platform-description,
.soc-platform-card:nth-child(3) .kv span:last-child {
	color: var(--marby-color-black);
}
.soc-platform-card:nth-child(3) .soc-platform-card-header,
.soc-platform-card:nth-child(3) .kv,
.soc-platform-card:nth-child(3) .connected-channels {
	border-color: var(--marby-color-border-light);
}
.soc-connection-note {
	margin: 20px 0 0;
	padding: 20px 24px;
	border-radius: var(--marby-radius-md);
	background: var(--marby-color-white);
	color: var(--marby-color-muted);
}
.soc-help-intro,
.soc-support-card {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 20px;
	align-items: center;
	margin-bottom: 22px;
	padding: 28px;
	border: 1px solid var(--marby-color-border-light);
	border-radius: var(--marby-radius-lg);
	background: var(--marby-color-soft-tan);
	box-shadow: var(--marby-shadow-soft);
}
.soc-help-intro > span,
.soc-support-card > span {
	display: grid;
	place-items: center;
	color: var(--marby-color-white);
	font-size: 22px;
	font-weight: var(--marby-font-weight-bold);
}
.soc-faq-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}
.soc-faq-card {
	overflow: hidden;
	border: 1px solid var(--marby-color-border-light);
	border-radius: var(--marby-radius-lg);
	background: var(--marby-color-white);
	box-shadow: var(--marby-shadow-soft);
}
.soc-faq-card:nth-child(2) {
	background: var(--marby-color-soft-blue);
}
.soc-faq-card:nth-child(3) {
	background: var(--marby-color-soft-blue);
	color: var(--marby-color-black);
}
.soc-faq-card:nth-child(4) {
	background: var(--marby-color-soft-tan);
}
.soc-faq-card h3 {
	margin: 0;
	padding: 24px 28px;
}
.soc-faq-card details {
	border-top: 1px solid var(--marby-color-border-light);
	padding: 0 28px;
}
.soc-faq-card:nth-child(3) details {
	border-color: var(--marby-color-border-light);
}
.soc-faq-card summary {
	padding: 19px 0;
	font-weight: var(--marby-font-weight-bold);
	cursor: pointer;
}
.soc-faq-card details p {
	margin: 0 0 20px;
	color: var(--marby-color-muted);
}
.soc-faq-card:nth-child(3) details p {
	color: var(--marby-color-muted);
}
.soc-support-card {
	grid-template-columns: 56px minmax(0, 1fr) auto;
	margin-top: 22px;
	background: var(--marby-color-soft-blue);
}
.soc-support-card > span {
	border-radius: 50%;
	background: var(--marby-color-marby-blue);
}
.soc-bottom-bar {
	margin: 0;
	padding: 76px 0;
	border: 0;
	background: var(--marby-color-tan);
	color: var(--marby-color-white);
}
.soc-bottom-bar > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 30px;
	align-items: center;
}
.soc-bottom-bar,
.soc-bottom-bar .marby-eyebrow,
.soc-bottom-bar h2,
.soc-bottom-bar h2 strong {
	color: var(--marby-color-white);
}
/* Footer composition follows the shared Forms save-panel layout. Button
   colours and interaction states remain owned by master.css. */
.soc-bottom-bar .soc-footer-actions {
	display: grid;
	width: 100%;
	grid-template-columns: minmax(0, 1fr) 300px;
	grid-template-areas:
		"copy save"
		"back next";
	gap: 18px 24px;
	align-items: center;
	margin: 0;
	padding: 0;
	background: transparent;
}
.soc-bottom-bar .marby-form {
	width: 100%;
}
.soc-footer-actions .marby-forms-save-actions-copy {
	grid-area: copy;
}
.soc-footer-actions .save-mai-btn,
.soc-footer-actions .page-nav-btn {
	box-sizing: border-box;
	width: 300px;
	min-height: 46px;
	padding: 12px 18px;
	border: 1px solid;
	border-radius: var(--marby-radius-sm);
	font: inherit;
	font-weight: var(--marby-font-weight-bold);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.soc-footer-actions .save-mai-btn {
	grid-area: save;
	justify-self: end;
}
.soc-footer-actions .page-nav-btn.is-previous {
	grid-area: back;
	justify-self: start;
}
.soc-footer-actions .page-nav-btn.is-next {
	grid-area: next;
	justify-self: end;
}
@media (max-width: 980px) {
	.soc-page-header-inner,
	.soc-bottom-bar > div {
		grid-template-columns: 1fr;
	}
	.soc-faq-grid {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 760px) {
	.soc-page-header,
	.soc-setup-stage,
	.soc-platforms-stage,
	.soc-help-stage,
	.soc-bottom-bar {
		padding: 58px 0;
	}
	.soc-section-heading {
		grid-template-columns: 1fr;
	}
	.soc-setup-note,
	.soc-support-card {
		grid-template-columns: 1fr;
	}
	.soc-support-card .marby-btn {
		width: 100%;
	}
	.soc-bottom-bar .soc-footer-actions {
		grid-template-columns: 1fr;
		grid-template-areas:
			"copy"
			"save"
			"back"
			"next";
	}
	.soc-footer-actions .save-mai-btn,
	.soc-footer-actions .page-nav-btn {
		justify-self: stretch;
		width: 100%;
	}
}