.aict-social-divider {

			display: flex;

			align-items: center;

			gap: 0.75rem;

			margin: 1.25rem 0 1rem;

			/* [2026-09-01] Authored #64748b, not #94a3b8, and that is a fix rather
		   than a preference. mu-plugins/aict-dashboard-p1-bundle rewrote this
		   value in an output buffer (#94a3b8 -> #64748b, 2.56:1 -> 4.76:1 on the
		   white card, May) by searching the HTML for '.aict-social-divider'.
		   Adding the comment below grew this <style> block from 2,904 bytes to
		   4,180, past the MIN_BYTES = 3072 threshold in
		   mu-plugins/aict-inline-extract-20260824.php, so the block was moved out
		   of the HTML into a file - and the rewrite silently stopped finding it.
		   Measured: light-stamp went 4.76:1 -> 2.56:1. A CSS COMMENT disabled an
		   unrelated contrast fix. Stating the value here makes the size of this
		   block irrelevant and the buffer rewrite a no-op. */
			color: #64748b;

			font-size: 0.875rem;

			font-weight: 500;

			letter-spacing: .02em;

		}

		.aict-social-divider::before,

		.aict-social-divider::after {

			content: '';

			flex: 1;

			height: 1px;

			background: #e2e8f0;

		}

		/* [2026-09-01] The dark arm has to live HERE, in the same block as the
		   colour it overrides, and the reason is source order, not taste.

		   .aict-login-card goes dark in account-dashboard.css inside an UNGUARDED
		   @media (prefers-color-scheme: dark) block - deliberately, so a
		   system-dark visitor stamped light still gets a dark card. The ink in this
		   divider did not follow and measured 3.07:1 on it. The first attempt put
		   the matching ink rule next to that surface rule in account-dashboard.css;
		   it deployed and the number did not move, because BOTH rules are (0,1,0)
		   and this block is later in the document, so it wins the tie.
		   (mu-plugins/aict-dashboard-p1-bundle also rewrites the base colour here in
		   an output buffer, #94a3b8 -> #64748b - a correct LIGHT-theme fix from May
		   that made the dark case worse. It keys on #94a3b8 and leaves this alone.)

		   Unguarded on purpose, matching the surface rule it pairs with: the broken
		   state IS stamp="light" + OS dark, so an html:not([data-theme="light"])
		   guard would exclude exactly the state this fixes. The chosen-dark state is
		   already covered by mu-plugins/aict-dark-contrast-2026.php:317, which is why
		   it passes today. #cbd5e1 on #1e293b = 9.85:1. */
		@media (prefers-color-scheme: dark) {

			.aict-social-divider {

				color: #cbd5e1;

			}

			.aict-social-divider::before,

			.aict-social-divider::after {

				background: #334155;

			}

		}

		.aict-social-buttons {

			display: flex;

			flex-direction: column;

			gap: 0.625rem;

			width: 100%;

			margin-bottom: 1.25rem;

		}

		.aict-social-btn {

			display: flex;

			align-items: center;

			justify-content: center;

			gap: 0.625rem;

			width: 100%;

			padding: 0.6875rem 1rem;

			border-radius: 8px;

			font-size: 0.9375rem;

			font-weight: 500;

			text-decoration: none;

			transition: opacity var(--aict-transition-fast), transform var(--aict-transition-fast), box-shadow var(--aict-transition-fast);

			box-sizing: border-box;

			border: 1.5px solid transparent;

			cursor: pointer;

		}

		.aict-social-btn:hover {

			transform: translateY(-1px);

			box-shadow: 0 4px 12px rgba(0,0,0,.12);

		}

		.aict-social-btn:active {

			transform: translateY(0);

			box-shadow: none;

		}

		/* Google — white with border (Google brand guidelines) */

		.aict-social-btn-google {

			background: #ffffff;

			color: #3c4043;

			border-color: #dadce0;

		}

		.aict-social-btn-google:hover {

			background: #f8faff;

			border-color: #4285F4;

			color: #3c4043;

		}

		/* Apple — black */

		.aict-social-btn-apple {

			background: #000000;

			color: #ffffff;

			border-color: #000000;

		}

		.aict-social-btn-apple:hover {

			background: #1c1c1e;

			color: #ffffff;

			border-color: #1c1c1e;

		}

		/* GitHub — dark charcoal */

		.aict-social-btn-github {

			background: #24292e;

			color: #ffffff;

			border-color: #24292e;

		}

		.aict-social-btn-github:hover {

			background: #2f363d;

			color: #ffffff;

			border-color: #2f363d;

		}

		@media (max-width: 480px) {

			.aict-social-btn {

				font-size: 0.875rem;

				padding: 0.625rem 0.875rem;

			}

		}

		/* Loading state — click triggers opacity + spinner via JS */

		.aict-social-btn.aict-social-loading {

			opacity: 0.65;

			pointer-events: none;

			position: relative;

		}

		.aict-social-btn.aict-social-loading::after {

			content: '';

			display: inline-block;

			width: 14px;

			height: 14px;

			border: 2px solid currentColor;

			border-top-color: transparent;

			border-radius: 50%;

			animation: aict-spin var(--aict-animation-spin-dur, 0.8s) linear infinite;

			margin-left: 8px;

			vertical-align: middle;

			flex-shrink: 0;

		}

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