/* ============================================================
   GoWP app-mock visuals: compiled + namespaced from the Astro repo's
   src/components/mocks/*.astro scoped styles and the shared .au
   primitives from site.css. GENERATED — edit the Astro sources and
   re-run the conversion harvest to change these.
   ============================================================ */

/* The block wrapper is structural only. */
.gowp-mock { display: contents; }

/* ============================================================
   App UI recreations
   Shared primitives for the recreated product screens in
   src/components/mocks/. Tokens mirror the real platform app
   (apps/platform globals.css): slate ground, emerald primary,
   0.75rem/1.25rem radii, soft card shadow.
   ============================================================ */
.au {
	--au-fg: #0f172a;
	--au-muted: #64748b;
	--au-border: #e2e8f0;
	--au-surface: #f1f5f9;
	--au-bg: #f8fafc;
	--au-primary: #257e5e;
	--au-ok: #257e5e;
	--au-ok-soft: #edfaf3;
	--au-warn: #db7706;
	--au-warn-soft: #fffbeb;
	--au-bad: #ef4444;
	--au-bad-soft: #fef2f2;
	--au-info: #3b82f6;
	--au-info-soft: #eff6ff;
	background: #fff;
	color: var(--au-fg);
	font-size: 12px;
	line-height: 1.45;
}
.au-bar {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 11px 15px;
	border-bottom: 1px solid var(--au-border);
	background: #fff;
}
.au-bar .au-site { font-size: 12.5px; font-weight: 700; letter-spacing: -0.01em; min-width: 0; }
.au-bar .au-crumb { font-size: 11px; color: var(--au-muted); }
.au-bar .au-spacer { margin-left: auto; }
.au-body { padding: 15px; display: grid; gap: 14px; }
.au-h2 {
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: -0.01em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.au-h2 .au-note { font-size: 10.5px; font-weight: 500; color: var(--au-muted); }

/* hero panel: the app's big status card */
.au-hero {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	border: 1px solid var(--au-border);
	border-radius: 14px;
	padding: 14px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.au-hero .au-ico {
	flex: none;
	width: 34px; height: 34px;
	border-radius: 10px;
	display: grid; place-items: center;
	background: var(--au-ok-soft);
	color: var(--au-ok);
}
.au-hero .au-ico svg { width: 18px; height: 18px; }
.au-hero.warn .au-ico { background: var(--au-warn-soft); color: var(--au-warn); }
.au-hero.bad .au-ico { background: var(--au-bad-soft); color: var(--au-bad); }
.au-hero > span:last-child { display: block; min-width: 0; }
.au-hero .au-t { display: block; font-size: 13px; font-weight: 700; letter-spacing: -0.01em; }
.au-hero .au-s { display: block; font-size: 11.5px; color: var(--au-muted); margin-top: 3px; }

/* table */
.au-card { border: 1px solid var(--au-border); border-radius: 14px; overflow: hidden; background: #fff; }
.au-table { width: 100%; border-collapse: collapse; }
.au-table th {
	text-align: left;
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--au-muted);
	padding: 8px 11px;
	background: var(--au-bg);
	border-bottom: 1px solid var(--au-border);
	white-space: nowrap;
}
.au-table td {
	padding: 9px 11px;
	font-size: 11.5px;
	border-bottom: 1px solid var(--au-border);
	vertical-align: middle;
}
.au-table tr:last-child td { border-bottom: none; }
.au-table td.num { font-variant-numeric: tabular-nums; color: var(--au-muted); white-space: nowrap; }
.au-table td.strong { font-weight: 650; }
.au-mono { font-family: var(--mono); font-size: 10.5px; }

/* badges */
.au-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 10px;
	font-weight: 650;
	border-radius: 999px;
	padding: 3px 8px;
	white-space: nowrap;
	border: 1px solid transparent;
}
.au-badge svg { width: 10px; height: 10px; }
.au-badge.ok { background: var(--au-ok-soft); color: #14603f; }
.au-badge.warn { background: var(--au-warn-soft); color: #9a5b06; }
.au-badge.bad { background: var(--au-bad-soft); color: #b91c1c; }
.au-badge.info { background: var(--au-info-soft); color: #1d4ed8; }
.au-badge.plain { background: #fff; color: var(--au-muted); border-color: var(--au-border); }

@media (max-width: 620px) {
	.au-hide-sm { display: none; }
}

/* ---------- agency-portfolio ---------- */
.gowp-mock--agency-portfolio .mock { --brand: #0b8a62; border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-float); }
.gowp-mock--agency-portfolio .mock-chrome {
		display: flex; align-items: center; gap: 10px;
		padding: 9px 14px;
		background: #f1f5f9;
		border-bottom: 1px solid #e2e8f0;
	}
.gowp-mock--agency-portfolio .dots { display: flex; gap: 5px; }
.gowp-mock--agency-portfolio .dots i { width: 9px; height: 9px; border-radius: 50%; background: #d6dedb; display: block; }
.gowp-mock--agency-portfolio .mock-url {
		flex: 1; min-width: 0;
		background: #fff;
		border: 1px solid #e2e8f0;
		border-radius: 6px;
		padding: 4px 12px;
		font-family: var(--mono);
		font-size: 11px;
		color: #5c6b66;
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	}
.gowp-mock--agency-portfolio .mock-body { display: grid; grid-template-columns: 148px minmax(0, 1fr); }
.gowp-mock--agency-portfolio .mock-side { background: #f8fafc; border-right: 1px solid #e2e8f0; padding: 12px 10px; }
.gowp-mock--agency-portfolio .mock-brand {
		display: flex; align-items: center; gap: 7px;
		font-size: 12px; font-weight: 700;
		margin-bottom: 12px;
		letter-spacing: -0.01em;
	}
.gowp-mock--agency-portfolio .mock-brand .mark { width: 18px; height: 18px; border-radius: 5px; background: var(--brand); flex: none; }
.gowp-mock--agency-portfolio .mock-nav-item {
		display: flex; align-items: center; gap: 7px;
		font-size: 11.5px; font-weight: 550;
		color: #64748b;
		padding: 6px 8px;
		border-radius: 7px;
	}
.gowp-mock--agency-portfolio .mock-nav-item svg { width: 13px; height: 13px; }
.gowp-mock--agency-portfolio .mock-nav-item.active { background: color-mix(in srgb, var(--brand) 12%, #fff); color: var(--brand); font-weight: 650; }
.gowp-mock--agency-portfolio .mock-main { padding: 12px; display: grid; gap: 9px; align-content: start; }
.gowp-mock--agency-portfolio .mm-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.gowp-mock--agency-portfolio .mm-title { font-size: 13px; font-weight: 700; letter-spacing: -0.01em; }
.gowp-mock--agency-portfolio .mm-site { display: flex; align-items: center; gap: 8px; min-width: 0; }
.gowp-mock--agency-portfolio .mm-av {
		flex: none; width: 22px; height: 22px; border-radius: 6px;
		background: color-mix(in srgb, var(--brand) 14%, #fff);
		color: var(--brand);
		display: grid; place-items: center;
		font-size: 10px; font-weight: 700;
	}
.gowp-mock--agency-portfolio .mm-nm { display: grid; line-height: 1.25; min-width: 0; }
.gowp-mock--agency-portfolio .mm-nm b { font-size: 11.5px; font-weight: 650; }
.gowp-mock--agency-portfolio .mm-nm span { font-size: 9.5px; color: #94a3b8; }
.gowp-mock--agency-portfolio .mm-foot { font-size: 9.5px; color: #94a3b8; }
html.js .gowp-mock--agency-portfolio .tr {
		opacity: 0;
		animation: gowp-agency-portfolio-rise 0.45s ease calc(0.35s + var(--i) * 0.09s) forwards;
	}
@keyframes gowp-agency-portfolio-rise { to { opacity: 1; transform: none; } }
@media (max-width: 620px) {
.gowp-mock--agency-portfolio .mock-body { grid-template-columns: 118px minmax(0, 1fr); }

	}
@media (prefers-reduced-motion: reduce) {
html.js .gowp-mock--agency-portfolio .tr { opacity: 1; animation: none; }

	}


/* ---------- ai-visibility ---------- */
.gowp-mock--ai-visibility .au-dot-live {
		width: 7px; height: 7px; border-radius: 50%;
		background: #257e5e; flex: none;
		animation: gowp-ai-visibility-livePulse 2.6s ease-in-out infinite;
	}
@keyframes gowp-ai-visibility-livePulse {
		0%, 100% { box-shadow: 0 0 0 0 rgba(37, 126, 94, 0.45); }
		55% { box-shadow: 0 0 0 5px rgba(37, 126, 94, 0); }
	}
.gowp-mock--ai-visibility .av-top { display: flex; align-items: center; gap: 14px; }
.gowp-mock--ai-visibility .ring-wrap { display: grid; justify-items: center; gap: 4px; flex: none; }
.gowp-mock--ai-visibility .ring-cap { font-size: 8px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: #64748b; }
.gowp-mock--ai-visibility .ring { position: relative; width: 74px; height: 74px; flex: none; display: grid; place-items: center; }
.gowp-mock--ai-visibility .ring svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.gowp-mock--ai-visibility .r-track { fill: none; stroke: #eef2f6; stroke-width: 9; }
.gowp-mock--ai-visibility .r-fill {
		fill: none; stroke: #db7706; stroke-width: 9; stroke-linecap: round;
		stroke-dasharray: 270.2; stroke-dashoffset: 270.2;
	}
.gowp-mock--ai-visibility .r-center { display: flex; flex-direction: column; align-items: center; gap: 1px; line-height: 1; }
.gowp-mock--ai-visibility .r-num { font-family: var(--serif); font-size: 22px; font-weight: 600; letter-spacing: -0.02em; }
.gowp-mock--ai-visibility .r-den { font-size: 8.5px; color: #94a3b8; letter-spacing: 0.06em; }
.gowp-mock--ai-visibility .av-lead { display: grid; gap: 3px; min-width: 0; }
.gowp-mock--ai-visibility .av-eyebrow { font-size: 9.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #64748b; }
.gowp-mock--ai-visibility .av-head { font-size: 13.5px; font-weight: 700; letter-spacing: -0.015em; line-height: 1.3; }
.gowp-mock--ai-visibility .av-sub { font-size: 10.5px; color: #64748b; line-height: 1.45; }
.gowp-mock--ai-visibility .av-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.gowp-mock--ai-visibility .av-row {
		display: flex; align-items: center; justify-content: space-between; gap: 10px;
		padding: 9px 12px;
		border-bottom: 1px solid #e2e8f0;
	}
.gowp-mock--ai-visibility .av-row:last-child { border-bottom: none; }
.gowp-mock--ai-visibility .av-p { font-size: 11.5px; font-weight: 650; }
.gowp-mock--ai-visibility .av-miss { display: flex; align-items: flex-start; gap: 8px; padding: 9px 12px; border-bottom: 1px solid #e2e8f0; }
.gowp-mock--ai-visibility .av-miss:last-child { border-bottom: none; }
.gowp-mock--ai-visibility .av-x { color: #ef4444; font-weight: 700; line-height: 1.3; flex: none; }
.gowp-mock--ai-visibility .av-q { display: grid; gap: 1px; min-width: 0; }
.gowp-mock--ai-visibility .av-q b { font-size: 11.5px; font-weight: 650; }
.gowp-mock--ai-visibility .av-q span { font-size: 10px; color: #64748b; }
html.js .gowp-mock--ai-visibility .r { opacity: 0; transform: translateY(9px); }
html.js .gowp-mock--ai-visibility .tr { opacity: 0; }
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--ai-visibility .r,
.gowp-mock--ai-visibility .eager .r {
		animation: gowp-ai-visibility-rise 0.55s cubic-bezier(0.2, 0.7, 0.3, 1) var(--d) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--ai-visibility .tr,
.gowp-mock--ai-visibility .eager .tr {
		animation: gowp-ai-visibility-rise 0.45s ease calc(0.42s + var(--i) * 0.09s) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--ai-visibility .r-fill,
.gowp-mock--ai-visibility .eager .r-fill {
		animation: gowp-ai-visibility-drawVisibility 1.4s cubic-bezier(0.2, 0.8, 0.3, 1) 0.3s forwards;
	}
@keyframes gowp-ai-visibility-rise { to { opacity: 1; transform: none; } }
@keyframes gowp-ai-visibility-drawVisibility { to { stroke-dashoffset: 178.3; } }
@media (prefers-reduced-motion: reduce) {
.gowp-mock--ai-visibility .au-dot-live { animation: none; }
html.js .gowp-mock--ai-visibility .r,
html.js .gowp-mock--ai-visibility .tr { opacity: 1; transform: none; animation: none; }
.gowp-mock--ai-visibility .r-fill { animation: none; stroke-dashoffset: 178.3; }

	}


/* ---------- backup-history ---------- */
.gowp-mock--backup-history .au-dot-live {
		width: 7px; height: 7px; border-radius: 50%;
		background: #257e5e; flex: none;
		animation: gowp-backup-history-livePulse 2.6s ease-in-out infinite;
	}
@keyframes gowp-backup-history-livePulse {
		0%, 100% { box-shadow: 0 0 0 0 rgba(37, 126, 94, 0.45); }
		55% { box-shadow: 0 0 0 5px rgba(37, 126, 94, 0); }
	}
.gowp-mock--backup-history .thumb {
		display: block;
		width: 46px; height: 30px;
		border: 1px solid #e2e8f0;
		border-radius: 5px;
		background: #fff;
		padding: 3px;
		overflow: hidden;
	}
.gowp-mock--backup-history .th-bar { display: block; height: 5px; border-radius: 2px; background: #cfe4d9; margin-bottom: 3px; }
.gowp-mock--backup-history .th-line { display: block; height: 3px; border-radius: 2px; background: #eef2f6; margin-bottom: 2px; }
.gowp-mock--backup-history .th-line.short { width: 60%; }
html.js .gowp-mock--backup-history .r { opacity: 0; transform: translateY(9px); }
html.js .gowp-mock--backup-history .tr { opacity: 0; }
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--backup-history .r {
		animation: gowp-backup-history-rise 0.55s cubic-bezier(0.2, 0.7, 0.3, 1) var(--d) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--backup-history .tr {
		animation: gowp-backup-history-rise 0.45s ease calc(0.32s + var(--i) * 0.09s) forwards;
	}
@keyframes gowp-backup-history-rise { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
.gowp-mock--backup-history .au-dot-live { animation: none; }
html.js .gowp-mock--backup-history .r,
html.js .gowp-mock--backup-history .tr { opacity: 1; transform: none; animation: none; }

	}


/* ---------- editor-chat ---------- */
.gowp-mock--editor-chat .ec { background: #fff; color: #17241f; font-size: 12px; }
.gowp-mock--editor-chat .ec-top {
		display: flex; align-items: center; gap: 9px;
		padding: 12px 16px;
		border-bottom: 1px solid #eef2f0;
	}
.gowp-mock--editor-chat .ec-tico { color: #8fa099; display: grid; place-items: center; }
.gowp-mock--editor-chat .ec-tico svg { width: 16px; height: 16px; }
.gowp-mock--editor-chat .ec-tt { display: grid; line-height: 1.25; }
.gowp-mock--editor-chat .ec-t1 { font-size: 13px; font-weight: 700; letter-spacing: -0.01em; }
.gowp-mock--editor-chat .ec-t2 { font-size: 10.5px; color: #93a29c; }
.gowp-mock--editor-chat .ec-body {
		background: linear-gradient(180deg, #eef5f0 0%, #f6f9f7 60%, #fff 100%);
		padding: 22px 16px 26px;
		display: grid;
		justify-items: center;
		text-align: center;
	}
.gowp-mock--editor-chat .ec-badge {
		display: inline-flex; align-items: center; gap: 5px;
		font-size: 9.5px; font-weight: 800;
		letter-spacing: 0.12em;
		color: #1c8f66;
		background: rgba(28, 143, 102, 0.1);
		border-radius: 999px;
		padding: 4px 10px;
	}
.gowp-mock--editor-chat .ec-badge svg { width: 11px; height: 11px; }
.gowp-mock--editor-chat .ec-bot {
		width: 54px; height: auto;
		margin: 12px 0 10px;
		animation: gowp-editor-chat-bob 4.5s ease-in-out infinite;
	}
.gowp-mock--editor-chat .ec-q { font-size: 15px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.3; max-width: 24ch; }
.gowp-mock--editor-chat .ec-sub { font-size: 12px; color: #6d8078; line-height: 1.5; margin-top: 7px; max-width: 34ch; }
.gowp-mock--editor-chat .ec-sugs { width: 100%; display: grid; gap: 8px; margin-top: 18px; }
.gowp-mock--editor-chat .sug {
		display: flex; align-items: center; justify-content: space-between; gap: 10px;
		background: #fff;
		border: 1px solid #e6ece9;
		border-radius: 11px;
		padding: 11px 13px;
		font-size: 12px;
		font-weight: 550;
		text-align: left;
		box-shadow: 0 1px 2px rgba(11, 31, 27, 0.03);
	}
.gowp-mock--editor-chat .sug i { font-style: normal; color: #a9b7b2; }
.gowp-mock--editor-chat .ec-composer { padding: 14px 16px 16px; }
.gowp-mock--editor-chat .ec-input {
		border: 1px solid #dfe6e3;
		border-radius: 12px;
		padding: 13px 14px;
		font-size: 12.5px;
		line-height: 1.4;
		min-height: 44px;
		display: flex;
		align-items: baseline;
		white-space: nowrap;
		overflow: hidden;
	}
.gowp-mock--editor-chat .typed { display: inline-block; }
.gowp-mock--editor-chat .caret {
		width: 1.5px;
		height: 14px;
		background: var(--accent);
		margin-left: 2px;
		align-self: center;
		flex: none;
	}
.gowp-mock--editor-chat .ec-tools { display: flex; align-items: center; gap: 7px; margin-top: 10px; }
.gowp-mock--editor-chat .chip {
		display: inline-flex; align-items: center; gap: 5px;
		font-size: 11px; font-weight: 650;
		border: 1px solid #e2e9e6;
		border-radius: 999px;
		padding: 5px 11px;
		color: #4c5c56;
	}
.gowp-mock--editor-chat .chip svg { width: 11px; height: 11px; }
.gowp-mock--editor-chat .chip.apply { background: #14805c; border-color: #14805c; color: #fff; }
.gowp-mock--editor-chat .send {
		margin-left: auto;
		width: 30px; height: 30px;
		border-radius: 50%;
		background: #14805c;
		color: #fff;
		display: grid; place-items: center;
	}
.gowp-mock--editor-chat .send svg { width: 15px; height: 15px; }
.gowp-mock--editor-chat .ec-foot {
		display: flex; align-items: center; justify-content: space-between; gap: 10px;
		margin-top: 10px;
		font-size: 10px;
		color: #98a5a0;
	}
@keyframes gowp-editor-chat-bob { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-6px) rotate(1.5deg); } }
html.js .gowp-mock--editor-chat .sug { opacity: 0; transform: translateY(9px); }
html.js .gowp-mock--editor-chat .typed { clip-path: inset(0 100% 0 0); }
html.js .gowp-mock--editor-chat .caret { opacity: 0; }
html.js .gowp-mock--editor-chat .send { transform: scale(1); }
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--editor-chat .sug {
		animation: gowp-editor-chat-rise 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) calc(0.15s + var(--i) * 0.1s) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--editor-chat .typed {
		animation: gowp-editor-chat-type 1.9s steps(46, end) 0.85s forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--editor-chat .caret {
		animation: gowp-editor-chat-caretOn 0.01s linear 0.85s forwards, gowp-editor-chat-caretBlink 1.05s steps(1) 0.85s infinite;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--editor-chat .send {
		animation: gowp-editor-chat-nudge 1.6s ease-in-out 2.9s infinite;
	}
@keyframes gowp-editor-chat-rise { to { opacity: 1; transform: none; } }
@keyframes gowp-editor-chat-type { to { clip-path: inset(0 0 0 0); } }
@keyframes gowp-editor-chat-caretOn { to { opacity: 1; } }
@keyframes gowp-editor-chat-caretBlink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } }
@keyframes gowp-editor-chat-nudge {
		0%, 72%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(20, 128, 92, 0); }
		82% { transform: scale(1.08); box-shadow: 0 0 0 5px rgba(20, 128, 92, 0.12); }
	}
@media (prefers-reduced-motion: reduce) {
.gowp-mock--editor-chat .ec-bot { animation: none; }
html.js .gowp-mock--editor-chat .sug { opacity: 1; transform: none; animation: none; }
html.js .gowp-mock--editor-chat .typed { clip-path: none; animation: none; }
html.js .gowp-mock--editor-chat .caret { opacity: 1; animation: none; }
html.js .gowp-mock--editor-chat .send { animation: none; }

	}


/* ---------- editor-preview ---------- */
.gowp-mock--editor-preview .au-dot-live {
		width: 7px; height: 7px; border-radius: 50%;
		background: #257e5e; flex: none;
		animation: gowp-editor-preview-livePulse 2.6s ease-in-out infinite;
	}
@keyframes gowp-editor-preview-livePulse {
		0%, 100% { box-shadow: 0 0 0 0 rgba(37, 126, 94, 0.45); }
		55% { box-shadow: 0 0 0 5px rgba(37, 126, 94, 0); }
	}
.gowp-mock--editor-preview .ed-thread { padding: 14px 15px; display: grid; gap: 9px; background: #f8fafc; justify-items: start; }
.gowp-mock--editor-preview .ed-msg {
		font-size: 11.5px;
		line-height: 1.45;
		border-radius: 12px;
		padding: 9px 12px;
		max-width: 92%;
	}
.gowp-mock--editor-preview .ed-msg.user { background: #257e5e; color: #fff; justify-self: end; }
.gowp-mock--editor-preview .ed-msg.bot { background: #fff; border: 1px solid #e2e8f0; }
.gowp-mock--editor-preview .typed { display: inline-block; white-space: nowrap; overflow: hidden; }
.gowp-mock--editor-preview .ed-diff { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; }
.gowp-mock--editor-preview .ed-side {
		border: 1px solid #e2e8f0;
		border-radius: 10px;
		padding: 9px 11px;
		background: #fff;
		display: grid;
		gap: 3px;
	}
.gowp-mock--editor-preview .ed-side.after { border-color: #b9e3cf; background: #f4fcf8; }
.gowp-mock--editor-preview .ed-lab { font-size: 9px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #94a3b8; }
.gowp-mock--editor-preview .ed-side.after .ed-lab { color: #257e5e; }
.gowp-mock--editor-preview .ed-val { font-size: 11.5px; font-weight: 600; }
.gowp-mock--editor-preview .ed-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.gowp-mock--editor-preview .ed-btn {
		font-size: 10.5px; font-weight: 650;
		border-radius: 999px;
		padding: 5px 12px;
		border: 1px solid #e2e8f0;
		color: #475569;
		background: #fff;
	}
.gowp-mock--editor-preview .ed-btn.primary { background: #257e5e; border-color: #257e5e; color: #fff; }
.gowp-mock--editor-preview .ed-meta { font-size: 9.5px; color: #94a3b8; }
.gowp-mock--editor-preview .ed-composer {
		display: flex; align-items: center; gap: 9px;
		padding: 11px 15px;
		border-top: 1px solid #e2e8f0;
	}
.gowp-mock--editor-preview .ed-input {
		flex: 1; min-width: 0;
		font-size: 11px;
		color: #94a3b8;
		border: 1px solid #e2e8f0;
		border-radius: 999px;
		padding: 7px 12px;
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	}
.gowp-mock--editor-preview .ed-send {
		flex: none; width: 26px; height: 26px; border-radius: 50%;
		background: #257e5e; color: #fff;
		display: grid; place-items: center;
	}
.gowp-mock--editor-preview .ed-send svg { width: 13px; height: 13px; }
html.js .gowp-mock--editor-preview .r {
		opacity: 0;
		transform: translateY(8px);
		animation: gowp-editor-preview-rise 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) var(--d) forwards;
	}
html.js .gowp-mock--editor-preview .typed {
		clip-path: inset(0 100% 0 0);
		animation: gowp-editor-preview-type 1.05s steps(44, end) 0.25s forwards;
	}
@keyframes gowp-editor-preview-rise { to { opacity: 1; transform: none; } }
@keyframes gowp-editor-preview-type { to { clip-path: inset(0 0 0 0); } }
@media (prefers-reduced-motion: reduce) {
.gowp-mock--editor-preview .au-dot-live { animation: none; }
html.js .gowp-mock--editor-preview .r { opacity: 1; transform: none; animation: none; }
html.js .gowp-mock--editor-preview .typed { clip-path: none; animation: none; }

	}


/* ---------- helpdesk-ticket ---------- */
.gowp-mock--helpdesk-ticket .hd-back { color: #94a3b8; font-size: 16px; line-height: 1; flex: none; }
.gowp-mock--helpdesk-ticket .hd-subject { display: grid; line-height: 1.3; min-width: 0; }
.gowp-mock--helpdesk-ticket .hd-thread { padding: 14px 15px; display: grid; gap: 12px; background: #f8fafc; }
.gowp-mock--helpdesk-ticket .msg { display: flex; align-items: flex-start; gap: 9px; }
.gowp-mock--helpdesk-ticket .av {
		flex: none; width: 26px; height: 26px; border-radius: 50%;
		display: grid; place-items: center;
		font-size: 9.5px; font-weight: 700;
	}
.gowp-mock--helpdesk-ticket .av svg { width: 13px; height: 13px; }
.gowp-mock--helpdesk-ticket .sys-av { background: #fffbeb; color: #db7706; }
.gowp-mock--helpdesk-ticket .you-av { background: #eff6ff; color: #1d4ed8; }
.gowp-mock--helpdesk-ticket .agent-av { background: #edfaf3; color: #257e5e; }
.gowp-mock--helpdesk-ticket .bod {
		display: grid; gap: 4px; min-width: 0;
		background: #fff;
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		padding: 9px 11px;
	}
.gowp-mock--helpdesk-ticket .meta { font-size: 9.5px; color: #94a3b8; font-weight: 600; }
.gowp-mock--helpdesk-ticket .txt { font-size: 11.5px; line-height: 1.5; }
.gowp-mock--helpdesk-ticket .chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 2px; }
.gowp-mock--helpdesk-ticket .typing { display: flex; gap: 3px; padding-left: 35px; }
.gowp-mock--helpdesk-ticket .typing i { width: 5px; height: 5px; border-radius: 50%; background: #cbd5e1; display: block; }
.gowp-mock--helpdesk-ticket .hd-foot { padding: 10px 15px; border-top: 1px solid #e2e8f0; }
.gowp-mock--helpdesk-ticket .hd-note { font-size: 10px; color: #94a3b8; }
html.js .gowp-mock--helpdesk-ticket .r { opacity: 0; transform: translateY(8px); }
html.js .gowp-mock--helpdesk-ticket .typing { opacity: 0; }
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--helpdesk-ticket .r {
		animation: gowp-helpdesk-ticket-rise 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) var(--d) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--helpdesk-ticket .typing {
		animation: gowp-helpdesk-ticket-showHide 0.9s ease var(--d) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--helpdesk-ticket .typing i {
		animation: gowp-helpdesk-ticket-typingDot 1.05s ease-in-out calc(var(--d) + var(--n, 0s)) infinite;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--helpdesk-ticket .typing i:nth-child(2) { --n: 0.16s; }
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--helpdesk-ticket .typing i:nth-child(3) { --n: 0.32s; }
@keyframes gowp-helpdesk-ticket-rise { to { opacity: 1; transform: none; } }
@keyframes gowp-helpdesk-ticket-showHide { 0% { opacity: 0; } 15%, 80% { opacity: 1; } 100% { opacity: 0; height: 0; } }
@keyframes gowp-helpdesk-ticket-typingDot { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
html.js .gowp-mock--helpdesk-ticket .r { opacity: 1; transform: none; animation: none; }
html.js .gowp-mock--helpdesk-ticket .typing { display: none; }

	}


/* ---------- monitoring-panel ---------- */
.gowp-mock--monitoring-panel .au-dot-live {
		width: 7px; height: 7px;
		border-radius: 50%;
		background: #257e5e;
		flex: none;
		animation: gowp-monitoring-panel-livePulse 2.6s ease-in-out infinite;
	}
@keyframes gowp-monitoring-panel-livePulse {
		0%, 100% { box-shadow: 0 0 0 0 rgba(37, 126, 94, 0.45); }
		55% { box-shadow: 0 0 0 5px rgba(37, 126, 94, 0); }
	}
html.js .gowp-mock--monitoring-panel .r { opacity: 0; transform: translateY(9px); }
html.js .gowp-mock--monitoring-panel .tr { opacity: 0; }
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--monitoring-panel .r {
		animation: gowp-monitoring-panel-rise 0.55s cubic-bezier(0.2, 0.7, 0.3, 1) var(--d) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--monitoring-panel .tr {
		animation: gowp-monitoring-panel-rise 0.45s ease calc(0.34s + var(--i) * 0.1s) forwards;
	}
@keyframes gowp-monitoring-panel-rise { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
.gowp-mock--monitoring-panel .au-dot-live { animation: none; }
html.js .gowp-mock--monitoring-panel .r,
html.js .gowp-mock--monitoring-panel .tr { opacity: 1; transform: none; animation: none; }

	}


/* ---------- report-preview ---------- */
.gowp-mock--report-preview .rp-cover {
		display: flex; align-items: center; gap: 10px;
		padding: 12px 15px;
		background: linear-gradient(100deg, #123529 0%, #1a4534 100%);
		color: #fff;
	}
.gowp-mock--report-preview .rp-mark {
		width: 26px; height: 26px; border-radius: 7px;
		background: #d9f760; color: #123529;
		display: grid; place-items: center;
		font-weight: 800; font-size: 12px;
		flex: none;
	}
.gowp-mock--report-preview .rp-brand { display: grid; line-height: 1.25; }
.gowp-mock--report-preview .rp-name { font-size: 12.5px; font-weight: 700; }
.gowp-mock--report-preview .rp-from { font-size: 10px; color: rgba(255, 255, 255, 0.62); }
.gowp-mock--report-preview .rp-cover .au-badge.plain { background: rgba(255, 255, 255, 0.12); color: #fff; border-color: rgba(255, 255, 255, 0.2); }
.gowp-mock--report-preview .rp-title { padding: 14px 15px 0; }
.gowp-mock--report-preview .rp-h1 { font-family: var(--serif); font-size: 17px; font-weight: 600; letter-spacing: -0.02em; }
.gowp-mock--report-preview .rp-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 4px; font-size: 10.5px; color: #64748b; }
.gowp-mock--report-preview .rp-meta b { color: #0f172a; font-weight: 650; }
.gowp-mock--report-preview .rp-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.gowp-mock--report-preview .rp-card {
		border: 1px solid #e2e8f0;
		border-radius: 12px;
		padding: 11px 12px;
		display: grid;
		justify-items: start;
		gap: 3px;
		background: #fff;
	}
.gowp-mock--report-preview .rp-label { font-size: 9.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #64748b; }
.gowp-mock--report-preview .rp-value { font-family: var(--serif); font-size: 21px; font-weight: 600; line-height: 1.05; letter-spacing: -0.02em; }
.gowp-mock--report-preview .rp-row { display: flex; align-items: flex-start; gap: 9px; padding: 10px 12px; border-bottom: 1px solid #e2e8f0; }
.gowp-mock--report-preview .rp-row:last-child { border-bottom: none; }
.gowp-mock--report-preview .rp-tick {
		flex: none; width: 18px; height: 18px; border-radius: 50%;
		background: #edfaf3; color: #257e5e;
		display: grid; place-items: center;
	}
.gowp-mock--report-preview .rp-tick svg { width: 11px; height: 11px; }
.gowp-mock--report-preview .rp-sec { display: grid; line-height: 1.35; }
.gowp-mock--report-preview .rp-sec b { font-size: 11.5px; font-weight: 650; }
.gowp-mock--report-preview .rp-sec span { font-size: 10.5px; color: #64748b; }
.gowp-mock--report-preview .rp-note { font-size: 10px; color: #94a3b8; }
@media (max-width: 620px) {
.gowp-mock--report-preview .rp-cards { grid-template-columns: minmax(0, 1fr); }
 }
html.js .gowp-mock--report-preview .r { opacity: 0; transform: translateY(9px); }
html.js .gowp-mock--report-preview .tr { opacity: 0; transform: translateY(9px); }
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--report-preview .r {
		animation: gowp-report-preview-rise 0.55s cubic-bezier(0.2, 0.7, 0.3, 1) var(--d) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--report-preview .tr {
		animation: gowp-report-preview-rise 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) calc(0.2s + var(--i) * 0.1s) forwards;
	}
@keyframes gowp-report-preview-rise { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
html.js .gowp-mock--report-preview .r,
html.js .gowp-mock--report-preview .tr { opacity: 1; transform: none; animation: none; }

	}


/* ---------- security-panel ---------- */
.gowp-mock--security-panel .path {
		display: block;
		max-width: 22ch;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		direction: rtl;
		text-align: left;
	}
.gowp-mock--security-panel .au-dot-live {
		width: 7px; height: 7px; border-radius: 50%;
		background: #257e5e; flex: none;
		animation: gowp-security-panel-livePulse 2.6s ease-in-out infinite;
	}
@keyframes gowp-security-panel-livePulse {
		0%, 100% { box-shadow: 0 0 0 0 rgba(37, 126, 94, 0.45); }
		55% { box-shadow: 0 0 0 5px rgba(37, 126, 94, 0); }
	}
html.js .gowp-mock--security-panel .r { opacity: 0; transform: translateY(9px); }
html.js .gowp-mock--security-panel .tr { opacity: 0; }
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--security-panel .r {
		animation: gowp-security-panel-rise 0.55s cubic-bezier(0.2, 0.7, 0.3, 1) var(--d) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--security-panel .tr {
		animation: gowp-security-panel-rise 0.45s ease calc(0.34s + var(--i) * 0.1s) forwards;
	}
@keyframes gowp-security-panel-rise { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
.gowp-mock--security-panel .au-dot-live { animation: none; }
html.js .gowp-mock--security-panel .r,
html.js .gowp-mock--security-panel .tr { opacity: 1; transform: none; animation: none; }

	}


/* ---------- site-health ---------- */
.gowp-mock--site-health .hc {
		background: #fff;
		color: #17241f;
		padding: 22px 22px 24px;
		font-size: 12px;
		container-type: inline-size;
	}
.gowp-mock--site-health .hc-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 20px;
	}
.gowp-mock--site-health .hc-name { font-size: 17px; font-weight: 700; letter-spacing: -0.02em; }
.gowp-mock--site-health .hc-score { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; }
.gowp-mock--site-health .ring { position: relative; width: 92px; height: 92px; flex: none; display: grid; place-items: center; }
.gowp-mock--site-health .ring svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.gowp-mock--site-health .r-track { fill: none; stroke: #edf2ef; stroke-width: 8; }
.gowp-mock--site-health .r-fill {
		fill: none;
		stroke: #1c6b4d;
		stroke-width: 8;
		stroke-linecap: round;
		stroke-dasharray: 270.2;
		stroke-dashoffset: 270.2;
		animation: gowp-site-health-drawHealth 1.5s cubic-bezier(0.2, 0.8, 0.3, 1) 0.3s forwards;
	}
@keyframes gowp-site-health-drawHealth { to { stroke-dashoffset: 16.2; } }
.gowp-mock--site-health .r-center { display: flex; flex-direction: column; align-items: center; gap: 1px; line-height: 1; }
.gowp-mock--site-health .r-num {
		font-family: var(--serif);
		font-size: 27px;
		font-weight: 600;
		letter-spacing: -0.02em;
		line-height: 1;
		opacity: 0;
		animation: gowp-site-health-pop 0.5s cubic-bezier(0.2, 1.5, 0.4, 1) 0.55s forwards;
	}
.gowp-mock--site-health .r-den {
		font-size: 9px;
		color: #8fa099;
		letter-spacing: 0.06em;
		opacity: 0;
		animation: gowp-site-health-fade 0.4s ease 0.8s forwards;
	}
@keyframes gowp-site-health-pop { from { opacity: 0; transform: scale(0.7); } to { opacity: 1; transform: none; } }
.gowp-mock--site-health .hc-verdict { min-width: 0; }
.gowp-mock--site-health .v-head {
		font-size: 14px;
		font-weight: 700;
		color: #1c6b4d;
		margin-bottom: 3px;
		opacity: 0;
		animation: gowp-site-health-rise 0.5s ease 0.5s forwards;
	}
.gowp-mock--site-health .hc-verdict p {
		font-size: 12.5px;
		line-height: 1.5;
		color: #6d7d76;
		opacity: 0;
		animation: gowp-site-health-rise 0.5s ease 0.62s forwards;
	}
.gowp-mock--site-health .hc-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.gowp-mock--site-health .hc-tile {
		border: 1px solid #e8eeeb;
		border-radius: 13px;
		padding: 16px 12px 14px;
		text-align: center;
		display: grid;
		justify-items: center;
		gap: 2px;
		background: #fff;
		opacity: 0;
		animation: gowp-site-health-rise 0.55s cubic-bezier(0.2, 0.7, 0.3, 1) calc(0.6s + var(--i) * 0.11s) forwards;
	}
.gowp-mock--site-health .hc-tile.warn { border-color: #f4dfc0; background: #fffdf8; }
.gowp-mock--site-health .t-icon {
		width: 30px; height: 30px;
		border-radius: 50%;
		display: grid; place-items: center;
		background: #e9f4ef;
		color: #1c6b4d;
		margin-bottom: 6px;
	}
.gowp-mock--site-health .hc-tile.warn .t-icon { background: #fdf0dc; color: #b7791f; }
.gowp-mock--site-health .t-icon svg { width: 15px; height: 15px; }
.gowp-mock--site-health .t-name { font-size: 13px; font-weight: 700; letter-spacing: -0.01em; }
.gowp-mock--site-health .t-status { font-size: 12px; font-weight: 600; color: #1c9b6d; display: inline-flex; align-items: center; gap: 5px; }
.gowp-mock--site-health .hc-tile.warn .t-status { color: #c0821c; }
.gowp-mock--site-health .t-meta { font-size: 10.5px; color: #97a49e; }
.gowp-mock--site-health .dot {
		width: 5px; height: 5px;
		border-radius: 50%;
		background: currentColor;
		animation: gowp-site-health-blip 2.4s ease-in-out infinite;
	}
.gowp-mock--site-health .hc-tile.warn { animation-name: gowp-site-health-rise, gowp-site-health-breathe; animation-duration: 0.55s, 3.2s; animation-delay: calc(0.6s + var(--i) * 0.11s), 1.6s; animation-iteration-count: 1, infinite; }
@keyframes gowp-site-health-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes gowp-site-health-fade { to { opacity: 1; } }
@keyframes gowp-site-health-blip { 0%, 55%, 100% { opacity: 1; } 70% { opacity: 0.25; } }
@keyframes gowp-site-health-breathe {
		0%, 100% { box-shadow: 0 0 0 0 rgba(197, 138, 32, 0); }
		50% { box-shadow: 0 0 0 4px rgba(197, 138, 32, 0.09); }
	}
@container (max-width: 380px) {
.gowp-mock--site-health .hc-tiles { grid-template-columns: 1fr; }
.gowp-mock--site-health .hc-score { gap: 14px; }
.gowp-mock--site-health .ring { width: 78px; height: 78px; }
.gowp-mock--site-health .r-num { font-size: 24px; }

	}
@media (prefers-reduced-motion: reduce) {
.gowp-mock--site-health .r-fill { animation: none; stroke-dashoffset: 16.2; }
.gowp-mock--site-health .r-num,
.gowp-mock--site-health .r-den,
.gowp-mock--site-health .v-head,
.gowp-mock--site-health .hc-verdict p,
.gowp-mock--site-health .hc-tile { animation: none; opacity: 1; transform: none; }
.gowp-mock--site-health .dot { animation: none; }

	}


/* ---------- update-run ---------- */
.gowp-mock--update-run .ur {
		background: #fff;
		color: #17241f;
		padding: 20px 20px 22px;
		font-size: 12px;
	}
.gowp-mock--update-run .ur-head { margin-bottom: 18px; }
.gowp-mock--update-run .ur-title { font-size: 16px; font-weight: 700; letter-spacing: -0.02em; }
.gowp-mock--update-run .ur-head p { font-size: 12.5px; color: #6d7d76; margin-top: 3px; }
.gowp-mock--update-run .ur-label {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 12.5px;
		font-weight: 700;
		margin-bottom: 9px;
	}
.gowp-mock--update-run .ur-label.vc { margin-top: 20px; }
.gowp-mock--update-run .ur-expand { font-size: 11.5px; font-weight: 600; color: var(--accent); }
.gowp-mock--update-run .ur-count {
		display: inline-flex; align-items: center; gap: 5px;
		font-size: 11px; font-weight: 600;
		color: #1c9b6d;
	}
.gowp-mock--update-run .ur-count svg { width: 12px; height: 12px; }
.gowp-mock--update-run .ur-rows { display: grid; gap: 6px; }
.gowp-mock--update-run .row {
		display: flex;
		align-items: center;
		gap: 10px;
		border: 1px solid #e8eeeb;
		border-radius: 10px;
		padding: 9px 11px;
		background: #fff;
		position: relative;
		overflow: hidden;
	}
.gowp-mock--update-run .r-ico {
		flex: none;
		width: 26px; height: 26px;
		border-radius: 7px;
		background: #f3f7f5;
		color: #63756d;
		display: grid; place-items: center;
	}
.gowp-mock--update-run .r-ico svg { width: 14px; height: 14px; }
.gowp-mock--update-run .r-body { min-width: 0; flex: 1; display: grid; }
.gowp-mock--update-run .r-name {
		font-size: 12px; font-weight: 650;
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	}
.gowp-mock--update-run .r-ver { font-size: 10.5px; color: #93a29c; }
.gowp-mock--update-run .r-ver i { font-style: normal; color: #c2ccc8; }
.gowp-mock--update-run .pill {
		flex: none;
		display: inline-flex; align-items: center; gap: 4px;
		font-size: 10.5px; font-weight: 650;
		border-radius: 999px;
		padding: 4px 9px;
		white-space: nowrap;
	}
.gowp-mock--update-run .pill svg { width: 11px; height: 11px; }
.gowp-mock--update-run .pill.done { background: #e7f5ee; color: #14805c; }
.gowp-mock--update-run .pill.diff { background: #e7f5ee; color: #14805c; }
.gowp-mock--update-run .row.check { padding: 10px 11px; }
.gowp-mock--update-run .r-caret { color: #b3bfba; font-size: 15px; line-height: 1; flex: none; }
.gowp-mock--update-run .r-path { flex: 1; font-size: 12px; font-weight: 600; }
html.js .gowp-mock--update-run .row { opacity: 0; transform: translateY(8px); }
html.js .gowp-mock--update-run .pill { opacity: 0; transform: scale(0.82); }
html.js .gowp-mock--update-run .ur-count { opacity: 0; }
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--update-run .row {
		animation: gowp-update-run-deal 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) calc(0.1s + var(--i) * 0.09s) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--update-run .pill.done {
		animation: gowp-update-run-popin 0.4s cubic-bezier(0.2, 1.6, 0.4, 1) calc(0.34s + var(--i) * 0.09s) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--update-run .ur-count {
		animation: gowp-update-run-popin 0.45s cubic-bezier(0.2, 1.6, 0.4, 1) 0.72s forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--update-run .row.check {
		animation: gowp-update-run-deal 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) calc(0.75s + var(--i) * 0.12s) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--update-run .row.check .scan {
		position: absolute;
		inset: 0;
		background: linear-gradient(100deg, transparent 20%, rgba(28, 155, 109, 0.16) 50%, transparent 80%);
		transform: translateX(-100%);
		animation: gowp-update-run-sweep 0.85s ease-in-out calc(0.95s + var(--i) * 0.12s) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--update-run .pill.diff {
		animation: gowp-update-run-popin 0.42s cubic-bezier(0.2, 1.6, 0.4, 1) calc(1.5s + var(--i) * 0.12s) forwards;
	}
@keyframes gowp-update-run-deal { to { opacity: 1; transform: none; } }
@keyframes gowp-update-run-popin { to { opacity: 1; transform: none; } }
@keyframes gowp-update-run-sweep { to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) {
html.js .gowp-mock--update-run .row,
html.js .gowp-mock--update-run .pill,
html.js .gowp-mock--update-run .ur-count { opacity: 1; transform: none; animation: none; }
.gowp-mock--update-run .scan { display: none; }

	}


/* ---------- update-runs ---------- */
.gowp-mock--update-runs .au-foot { font-size: 10.5px; color: #64748b; }
.gowp-mock--update-runs .au-dot-live {
		width: 7px; height: 7px; border-radius: 50%;
		background: #257e5e; flex: none;
		animation: gowp-update-runs-livePulse 2.6s ease-in-out infinite;
	}
@keyframes gowp-update-runs-livePulse {
		0%, 100% { box-shadow: 0 0 0 0 rgba(37, 126, 94, 0.45); }
		55% { box-shadow: 0 0 0 5px rgba(37, 126, 94, 0); }
	}
html.js .gowp-mock--update-runs .r { opacity: 0; transform: translateY(9px); }
html.js .gowp-mock--update-runs .tr { opacity: 0; }
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--update-runs .r {
		animation: gowp-update-runs-rise 0.55s cubic-bezier(0.2, 0.7, 0.3, 1) var(--d) forwards;
	}
html.js :is(body, main, .wp-block-post-content) > section.in-view .gowp-mock--update-runs .tr {
		animation: gowp-update-runs-rise 0.45s ease calc(0.32s + var(--i) * 0.09s) forwards;
	}
@keyframes gowp-update-runs-rise { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
.gowp-mock--update-runs .au-dot-live { animation: none; }
html.js .gowp-mock--update-runs .r,
html.js .gowp-mock--update-runs .tr { opacity: 1; transform: none; animation: none; }

	}