/**
 * Searqo Core: tool interfaces.
 *
 * Loaded only on pages that render a tool. This file styles the parts that
 * belong to the tools themselves; shared components such as buttons, inputs,
 * badges, and tables come from the active theme. Every custom property carries
 * a literal fallback so the tools stay usable under a theme that does not
 * define the Searqo design tokens.
 *
 * Layout width fallbacks (2.5.57): use var(--sq-container-wide, 1440px) etc.
 * so tools align with theme 1.7.0 / AW workspace without overriding theme :root.
 */

/* -------------------------------------------------------------------------
 * 0. Primary auth CTAs (anchor .sq-btn)
 *
 * Theme owns the design-system button. Tool pages restate primary link-button
 * colours so Sign in notices stay white-on-#2563EB even when global `a` styles
 * or an older theme stylesheet would recolour them.
 * ---------------------------------------------------------------------- */

a.sq-btn.sq-btn--primary,
a.sq-btn.sq-btn--primary:link,
a.sq-btn.sq-btn--primary:visited,
a.sq-btn.sq-btn--primary:hover,
a.sq-btn.sq-btn--primary:focus,
a.sq-btn.sq-btn--primary:active {
	background-color: #2563eb;
	color: #ffffff;
	text-decoration: none;
}

a.sq-btn.sq-btn--primary:hover,
a.sq-btn.sq-btn--primary:focus {
	background-color: #1d4ed8;
	color: #ffffff;
}

a.sq-btn.sq-btn--primary:active {
	background-color: #1e40af;
	color: #ffffff;
}

a.sq-btn.sq-btn--primary:focus-visible {
	outline: 2px solid #93c5fd;
	outline-offset: 2px;
	color: #ffffff;
}

/* -------------------------------------------------------------------------
 * 1. Tool shell
 * ---------------------------------------------------------------------- */

.sq-tool {
	margin-bottom: var(--sq-space-8, 2rem);
}

.sq-tool__heading {
	margin-top: var(--sq-space-8, 2rem);
	margin-bottom: var(--sq-space-3, 0.75rem);
	font-size: var(--sq-h4, 1.15rem);
}

.sq-tool__status {
	margin: 0 0 var(--sq-space-3, 0.75rem);
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	font-weight: 600;
	min-height: 1.25rem;
}

.sq-tool__allowance {
	margin: 0 0 var(--sq-space-4, 1rem);
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
}

.sq-tool__error[hidden],
.sq-tool__results[hidden],
.sq-tool__skeleton[hidden] {
	display: none;
}

.sq-tool__results {
	margin-top: var(--sq-space-6, 1.5rem);
}

/*
 * Where a finished report comes to rest when the runtime scrolls to it.
 *
 * The document already reserves the header in `scroll-padding-top`, which is
 * what keeps in-page anchors clear of it, and that reservation applies here too.
 * So this only adds the breathing room on top of it — using the full header
 * height again would leave the report sitting most of a header below the fold.
 *
 * The header is the same height at every width, and the WordPress admin bar
 * overlays the top of it rather than pushing it down, so the clearance below the
 * header does not change for an administrator or on a phone. If the header ever
 * gains a second row, raise `--sq-header-height` and both rules follow.
 */
.sq-tool__results,
.sq-tool__error,
.sq-audit-progress {
	scroll-margin-top: var(--sq-space-4, 1rem);
}

/*
 * A report and its heading are scrolled to, so they can take focus. The heading
 * is off screen, which leaves nothing to outline, and the report outlines its
 * own panels — a ring around the whole region would only be noise. Keyboard
 * focus stays visible everywhere it can be seen, because this removes the ring
 * for two regions rather than for the controls inside them.
 */
.sq-tool__results:focus,
.sq-tool__error:focus,
.sq-audit-progress:focus,
[data-searqo-results-heading]:focus {
	outline: none;
}

.sq-tool__final {
	margin: 0;
	word-break: break-word;
}

.sq-tool__extra {
	margin-top: var(--sq-space-6, 1.5rem);
}

.sq-tool__extra-title {
	margin-bottom: var(--sq-space-2, 0.5rem);
	font-size: var(--sq-h4, 1.15rem);
}

.sq-tool__notices {
	margin-bottom: var(--sq-space-4, 1rem);
}

.sq-tool__skeleton {
	display: grid;
	gap: var(--sq-space-2, 0.5rem);
	margin-bottom: var(--sq-space-4, 1rem);
}

.sq-tool__skeleton-brand {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin-bottom: 0.15rem;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	font-weight: 600;
}

.sq-tool__skeleton-brand img {
	display: block;
	border-radius: 5px;
}

/*
 * Repeated from the theme so a loading state still reads as one under a theme
 * that does not ship the Searqo components.
 */
.sq-tool__skeleton .sq-skeleton {
	height: 0.85rem;
	border-radius: var(--sq-radius-sm, 6px);
	background-color: var(--sq-bg-alt, #eef2f9);
	background-image: linear-gradient(90deg, var(--sq-bg-alt, #eef2f9) 0%, #f4f7fb 50%, var(--sq-bg-alt, #eef2f9) 100%);
	background-size: 200% 100%;
	animation: sq-shimmer 1.4s ease-in-out infinite;
}

.sq-skeleton--short {
	width: 60%;
}

@keyframes sq-shimmer {
	from {
		background-position: 200% 0;
	}

	to {
		background-position: -200% 0;
	}
}

/* -------------------------------------------------------------------------
 * 2. Forms
 * ---------------------------------------------------------------------- */

/*
 * Layout safety for tool surfaces only (do not bleed into WP admin).
 */
.sq-tool,
.sq-tool *,
.sq-tool *::before,
.sq-tool *::after {
	box-sizing: border-box;
}

.sq-tool img,
.sq-tool svg {
	max-width: 100%;
	height: auto;
}

.sq-tool input,
.sq-tool select,
.sq-tool textarea,
.sq-tool button {
	max-width: 100%;
}

.sq-tool .sq-field,
.sq-tool .sq-form-row > * {
	min-width: 0;
}

.sq-form {
	margin: 0 0 var(--sq-space-5, 1.25rem);
	padding: var(--sq-space-5, 1.25rem);
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: var(--sq-radius-lg, 14px);
	background-color: var(--sq-surface, #fff);
	box-shadow: var(--sq-shadow-xs, 0 1px 2px rgba(11, 18, 32, 0.05));
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.sq-form > :last-child {
	margin-bottom: 0;
}

.sq-form-row {
	display: grid;
	gap: var(--sq-space-4, 1rem);
	margin-bottom: var(--sq-space-4, 1rem);
	grid-template-columns: minmax(0, 1fr);
	width: 100%;
	min-width: 0;
}

.sq-form-row .sq-field,
.sq-form-row > .sq-field,
.sq-form-row > .sq-checkbox-row,
.sq-form-row > .searqo-checkbox-row,
.sq-form-row > .searqo-file,
.sq-form-row > .sq-disclosure {
	margin-bottom: 0;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	grid-column: 1 / -1;
}

.sq-form__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--sq-space-3, 0.75rem);
}

.sq-form__actions .sq-btn {
	min-width: 11rem;
	min-height: 52px;
}

.sq-form__actions .sq-hint,
.sq-form__actions [data-searqo-auth-hint] {
	flex: 1 1 100%;
	width: 100%;
	text-align: center;
	overflow-wrap: anywhere;
}

/* Author display on .sq-btn outranks UA [hidden]; keep CTA hide reliable. */
.sq-form__actions .sq-btn[hidden],
.sq-tool .sq-btn[hidden] {
	display: none !important;
}

.sq-form__actions .sq-btn:disabled,
.sq-form__actions .sq-btn[disabled] {
	opacity: 0.72;
	color: #1e3a8a;
	background-color: #93b4f6;
	border-color: #93b4f6;
	cursor: not-allowed;
}

.sq-alert--compact {
	padding: var(--sq-space-3, 0.75rem) var(--sq-space-4, 1rem);
	margin-bottom: var(--sq-space-4, 1rem);
}

.sq-alert--compact .sq-alert__title {
	font-size: var(--sq-text-sm, 0.8125rem);
}

.sq-field--grow,
.sq-field--full {
	grid-column: 1 / -1;
	width: 100%;
	min-width: 0;
}

/* The submit button in a single-row form lines up with the inputs beside it. */
.sq-field--action {
	display: flex;
	align-items: flex-end;
}

.sq-field--action .sq-btn {
	width: 100%;
}

.sq-field--narrow {
	max-width: 18rem;
	margin-bottom: 0;
}

.sq-field--inline {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: var(--sq-space-3, 0.75rem);
}

.sq-fieldset {
	margin: 0 0 var(--sq-space-4, 1rem);
	padding: 0;
	border: 0;
}

.sq-fieldset__legend {
	margin-bottom: var(--sq-space-2, 0.5rem);
	padding: 0;
	font-size: var(--sq-text-sm, 0.8125rem);
	font-weight: 700;
}

.sq-textarea--tall {
	min-height: 14rem;
}

.sq-textarea--code {
	font-family: var(--sq-font-mono, ui-monospace, Menlo, Consolas, monospace);
	font-size: var(--sq-text-sm, 0.8125rem);
	white-space: pre;
	overflow-wrap: normal;
	overflow-x: auto;
}

/* Accessible disclosure (filters, optional panels). Collapsed = no reserved height. */
.sq-disclosure {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 0 0 var(--sq-space-4, 1rem);
}

.sq-disclosure__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--sq-space-3, 0.75rem);
	width: 100%;
	min-height: var(--sq-tap, 44px);
	padding: 0.75rem 0.9rem;
	border: 1px solid var(--sq-border-strong, #cbd4e2);
	border-radius: var(--sq-radius, 10px);
	background: var(--sq-surface-sunken, #f4f7fb);
	color: var(--sq-text, #111827);
	font: inherit;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}

.sq-disclosure__toggle:focus-visible {
	outline: 2px solid var(--sq-focus, #1d4ed8);
	outline-offset: 2px;
}

.sq-disclosure__chevron {
	flex: none;
	width: 1.1rem;
	height: 1.1rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%235b6474' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: transform 150ms ease;
}

.sq-disclosure__toggle[aria-expanded="true"] .sq-disclosure__chevron {
	transform: rotate(180deg);
}

.sq-disclosure__panel {
	margin-top: var(--sq-space-3, 0.75rem);
	width: 100%;
	min-width: 0;
}

.sq-disclosure__panel[hidden] {
	display: none !important;
}

/* Full-width checkbox row used across tool forms. */
.sq-checkbox-row {
	display: grid;
	grid-template-columns: 1.25rem minmax(0, 1fr);
	gap: 0.75rem;
	align-items: center;
	justify-items: start;
	width: 100%;
	min-width: 0;
	min-height: var(--sq-tap, 44px);
	padding: 0.85rem 1rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: var(--sq-radius, 10px);
	background: var(--sq-surface-sunken, #f4f7fb);
	cursor: pointer;
	box-sizing: border-box;
}

.sq-checkbox-row input[type="checkbox"] {
	width: 1.15rem;
	height: 1.15rem;
	margin: 0;
	accent-color: var(--sq-blue, #2563eb);
}

.sq-checkbox-row__label {
	min-width: 0;
	font-size: var(--sq-text-base, 1rem);
	font-weight: 600;
	color: var(--sq-text, #111827);
	line-height: 1.35;
}

.sq-form-row--pair > .sq-checkbox-row:only-child,
.sq-form-row--pair > .sq-field:only-child {
	grid-column: 1 / -1;
}

@media (min-width: 768px) {
	.sq-form-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sq-form-row > .sq-field,
	.sq-form-row > .sq-checkbox-row,
	.sq-form-row > .searqo-checkbox-row,
	.sq-form-row > .searqo-file,
	.sq-form-row > .sq-disclosure {
		grid-column: auto;
	}

	.sq-field--grow,
	.sq-field--full,
	.sq-form-row > .sq-field--grow,
	.sq-form-row > .sq-field--full,
	.sq-form-row--stack > .sq-field,
	.sq-form-row--stack > .searqo-file {
		grid-column: 1 / -1;
	}

	.sq-form-row--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Pair checkbox + project on one row when both present. */
	.sq-form-row--pair > .sq-checkbox-row,
	.sq-form-row--pair > .sq-field {
		grid-column: auto;
	}

	.sq-form-row--pair > .sq-checkbox-row:only-child,
	.sq-form-row--pair > .sq-field:only-child {
		grid-column: 1 / -1;
	}
}

@media (min-width: 1024px) {
	.sq-form-row--4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.sq-form__actions .sq-btn {
		width: 100%;
		min-width: 0;
		min-height: 54px;
	}

	.sq-form-row > .sq-field,
	.sq-form-row > .sq-checkbox-row,
	.sq-form-row > .searqo-checkbox-row,
	.sq-form-row > .searqo-file,
	.sq-form-row > .sq-disclosure,
	.sq-field--grow,
	.sq-field--full,
	.sq-field--narrow {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		grid-column: 1 / -1;
	}

	.sq-field--narrow {
		max-width: none;
	}

	.sq-form,
	.sq-tool .sq-card,
	.sq-backlink-explorer .sq-blex-cards,
	.sq-tool__results {
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 479px) {
	.sq-form {
		padding: 20px;
	}

	.sq-form-row {
		gap: 1.25rem;
	}
}

/* -------------------------------------------------------------------------
 * 3. Metrics, findings, and lists
 * ---------------------------------------------------------------------- */

.sq-metrics {
	display: grid;
	gap: var(--sq-space-3, 0.75rem);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
	margin-bottom: var(--sq-space-6, 1.5rem);
}

.sq-metrics--compact .sq-metric {
	padding: var(--sq-space-3, 0.75rem);
}

.sq-metric__value--text {
	font-size: var(--sq-text-lg, 1.125rem);
	line-height: 1.3;
}

.sq-findings {
	margin: 0 0 var(--sq-space-6, 1.5rem);
	padding: 0;
	list-style: none;
}

.sq-finding {
	padding: var(--sq-space-3, 0.75rem) var(--sq-space-4, 1rem);
	border: 1px solid var(--sq-border, #e3e8f0);
	border-left-width: 4px;
	border-radius: var(--sq-radius, 10px);
	background-color: var(--sq-surface, #fff);
}

.sq-finding + .sq-finding {
	margin-top: var(--sq-space-2, 0.5rem);
}

.sq-finding--error {
	border-left-color: var(--sq-error, #dc2626);
}

.sq-finding--warning {
	border-left-color: var(--sq-warning, #d97706);
}

.sq-finding--ok {
	border-left-color: var(--sq-success, #16a34a);
}

.sq-finding__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sq-space-2, 0.5rem);
	margin: 0 0 var(--sq-space-1, 0.25rem);
}

.sq-finding__label {
	font-weight: 700;
	word-break: break-word;
}

.sq-finding__message {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
}

.sq-list {
	margin: 0 0 var(--sq-space-6, 1.5rem);
	padding: 0;
	list-style: none;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: var(--sq-radius, 10px);
	background-color: var(--sq-surface, #fff);
}

.sq-list__item {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--sq-space-2, 0.5rem);
	margin: 0;
	padding: var(--sq-space-3, 0.75rem) var(--sq-space-4, 1rem);
	word-break: break-word;
}

.sq-list__item + .sq-list__item {
	border-top: 1px solid var(--sq-border, #e3e8f0);
}

.sq-list__primary {
	flex: 1 1 18rem;
}

.sq-list__meta,
.sq-list__secondary {
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
}

.sq-list--numbered {
	counter-reset: sq-list;
}

.sq-badges {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sq-space-2, 0.5rem);
	margin: 0 0 var(--sq-space-6, 1.5rem);
	padding: 0;
	list-style: none;
}

.sq-badges li {
	margin: 0;
}

.sq-badge--success {
	border-color: #bfe6cd;
	background-color: var(--sq-success-soft, #e8f8ee);
	color: var(--sq-success-strong, #0f7a37);
}

.sq-badge--warning {
	border-color: #f0d8ad;
	background-color: var(--sq-warning-soft, #fdf3e3);
	color: var(--sq-warning-strong, #a85c04);
}

/*
 * The failure and unavailable variants are declared here as well as in the
 * theme, so a saved report shows its state correctly under any theme.
 */
.sq-badge--error {
	border-color: #f5c4c4;
	background-color: var(--sq-error-soft, #fdecec);
	color: var(--sq-error-strong, #b91c1c);
}

.sq-badge--neutral {
	border-color: var(--sq-border, #e3e8f0);
	background-color: var(--sq-bg-alt, #eef2f9);
	color: var(--sq-text-muted, #5b6474);
}

/* Repeated from the theme so status badges stay small under any theme. */
.sq-badge--quiet {
	padding: 0.05rem 0.4rem;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0;
}

/* Organic KD from the SEO data provider — restrained tones, not Ads competition. */
.sq-kd {
	display: inline-block;
	min-width: 1.75rem;
	font-variant-numeric: tabular-nums;
	font-weight: 600;
}

.sq-kd--low,
.sq-kd--easy {
	color: #2f6b4f;
}

.sq-kd--mid,
.sq-kd--moderate {
	color: #8a6a2f;
}

.sq-kd--difficult {
	color: #c2410c;
}

.sq-kd--high,
.sq-kd--very-difficult {
	color: #8a3f3f;
}

.sq-kd--na {
	color: var(--sq-text-muted, #5b6474);
}

.sq-comp--low {
	color: #2f6b4f;
	font-weight: 600;
}

.sq-comp--medium {
	color: #8a6a2f;
	font-weight: 600;
}

.sq-comp--high {
	color: #8a3f3f;
	font-weight: 600;
}

.sq-comp--na {
	color: var(--sq-text-muted, #5b6474);
}

/*
 * Keyword metric cards — shared across KD / report surfaces.
 * Accents: volume blue, CPC teal, competition & difficulty by band.
 */
.sq-metrics--keyword {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
	margin: 0 0 1.25rem;
}

@media (min-width: 640px) {
	.sq-metrics--keyword {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.sq-metrics--keyword {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.sq-metrics--keyword .sq-metric {
	position: relative;
	gap: 0.4rem;
	min-height: 7rem;
	padding: 1rem 1rem 0.95rem;
	border-top-width: 3px;
	transition: border-top-color 0.2s ease, box-shadow 0.2s ease;
}

.sq-metrics--keyword .sq-metric__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	margin-bottom: 0.1rem;
	border-radius: 999px;
	font-size: 0.72rem;
	line-height: 1;
	font-weight: 700;
}

.sq-metrics--keyword .sq-metric__icon::before {
	font-weight: 700;
}

.sq-metrics--keyword .sq-metric__icon[data-icon="volume"]::before { content: "≡"; }
.sq-metrics--keyword .sq-metric__icon[data-icon="cpc"]::before { content: "$"; }
.sq-metrics--keyword .sq-metric__icon[data-icon="competition"]::before { content: "◎"; }
.sq-metrics--keyword .sq-metric__icon[data-icon="difficulty"]::before { content: "▲"; }

/* Volume — blue */
.sq-metrics--keyword .sq-metric--volume {
	border-top-color: #2563eb;
}
.sq-metrics--keyword .sq-metric--volume .sq-metric__icon {
	color: #1d4ed8;
	background: #eff4ff;
}

/* CPC — teal */
.sq-metrics--keyword .sq-metric--cpc {
	border-top-color: #0f766e;
}
.sq-metrics--keyword .sq-metric--cpc .sq-metric__icon {
	color: #0f766e;
	background: #ecfdf8;
}

/* Competition — band-driven */
.sq-metrics--keyword .sq-metric--competition[data-band="low"],
.sq-metrics--keyword .sq-metric--competition[data-band="easy"] {
	border-top-color: #16a34a;
}
.sq-metrics--keyword .sq-metric--competition[data-band="low"] .sq-metric__icon,
.sq-metrics--keyword .sq-metric--competition[data-band="easy"] .sq-metric__icon {
	color: #15803d;
	background: #e8f8ee;
}

.sq-metrics--keyword .sq-metric--competition[data-band="medium"],
.sq-metrics--keyword .sq-metric--competition[data-band="moderate"],
.sq-metrics--keyword .sq-metric--competition[data-band="na"] {
	border-top-color: #d97706;
}
.sq-metrics--keyword .sq-metric--competition[data-band="medium"] .sq-metric__icon,
.sq-metrics--keyword .sq-metric--competition[data-band="moderate"] .sq-metric__icon,
.sq-metrics--keyword .sq-metric--competition[data-band="na"] .sq-metric__icon {
	color: #a85c04;
	background: #fdf3e3;
}

.sq-metrics--keyword .sq-metric--competition[data-band="high"],
.sq-metrics--keyword .sq-metric--competition[data-band="very-difficult"],
.sq-metrics--keyword .sq-metric--competition[data-band="very_difficult"] {
	border-top-color: #dc2626;
}
.sq-metrics--keyword .sq-metric--competition[data-band="high"] .sq-metric__icon,
.sq-metrics--keyword .sq-metric--competition[data-band="very-difficult"] .sq-metric__icon,
.sq-metrics--keyword .sq-metric--competition[data-band="very_difficult"] .sq-metric__icon {
	color: #b91c1c;
	background: #fdecec;
}

/* Difficulty — band-driven */
.sq-metrics--keyword .sq-metric--difficulty[data-band="easy"],
.sq-metrics--keyword .sq-metric--difficulty[data-band="low"] {
	border-top-color: #16a34a;
}
.sq-metrics--keyword .sq-metric--difficulty[data-band="easy"] .sq-metric__icon,
.sq-metrics--keyword .sq-metric--difficulty[data-band="low"] .sq-metric__icon {
	color: #15803d;
	background: #e8f8ee;
}

.sq-metrics--keyword .sq-metric--difficulty[data-band="moderate"],
.sq-metrics--keyword .sq-metric--difficulty[data-band="mid"] {
	border-top-color: #d97706;
}
.sq-metrics--keyword .sq-metric--difficulty[data-band="moderate"] .sq-metric__icon,
.sq-metrics--keyword .sq-metric--difficulty[data-band="mid"] .sq-metric__icon {
	color: #a85c04;
	background: #fdf3e3;
}

.sq-metrics--keyword .sq-metric--difficulty[data-band="difficult"] {
	border-top-color: #ea580c;
}
.sq-metrics--keyword .sq-metric--difficulty[data-band="difficult"] .sq-metric__icon {
	color: #c2410c;
	background: #fff4ed;
}

.sq-metrics--keyword .sq-metric--difficulty[data-band="very_difficult"],
.sq-metrics--keyword .sq-metric--difficulty[data-band="very-difficult"],
.sq-metrics--keyword .sq-metric--difficulty[data-band="high"],
.sq-metrics--keyword .sq-metric--difficulty[data-band="na"] {
	border-top-color: #dc2626;
}
.sq-metrics--keyword .sq-metric--difficulty[data-band="very_difficult"] .sq-metric__icon,
.sq-metrics--keyword .sq-metric--difficulty[data-band="very-difficult"] .sq-metric__icon,
.sq-metrics--keyword .sq-metric--difficulty[data-band="high"] .sq-metric__icon,
.sq-metrics--keyword .sq-metric--difficulty[data-band="na"] .sq-metric__icon {
	color: #b91c1c;
	background: #fdecec;
}

.sq-metric__value--split {
	display: flex;
	align-items: baseline;
	gap: 0.1rem;
	flex-wrap: nowrap;
}

.sq-metric__score {
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}

.sq-metric__suffix {
	font-size: 0.72em;
	font-weight: 600;
	color: var(--sq-text-muted, #5b6474);
	letter-spacing: 0;
}

.sq-metric-badge {
	display: inline-flex;
	align-items: center;
	margin-top: 0.15rem;
	padding: 0.15rem 0.5rem;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.3;
	text-transform: none;
}

.sq-metric-badge[hidden] {
	display: none !important;
}

.sq-metric-badge--low,
.sq-metric-badge--easy {
	border-color: #bfe6cd;
	background: #e8f8ee;
	color: #0f7a37;
}

.sq-metric-badge--medium,
.sq-metric-badge--moderate {
	border-color: #f0d8ad;
	background: #fdf3e3;
	color: #a85c04;
}

.sq-metric-badge--difficult {
	border-color: #fdba8c;
	background: #fff4ed;
	color: #c2410c;
}

.sq-metric-badge--high,
.sq-metric-badge--very-difficult,
.sq-metric-badge--very_difficult {
	border-color: #f5c4c4;
	background: #fdecec;
	color: #b91c1c;
}

.sq-metric-badge--na {
	border-color: var(--sq-border, #e3e8f0);
	background: var(--sq-surface-sunken, #f3f5f8);
	color: var(--sq-text-muted, #5b6474);
}

.sq-metric-info {
	margin: 0;
	padding: 0.75rem 0.9rem;
	border: 1px solid var(--sq-border, #e2e8f0);
	border-radius: var(--sq-report-card-radius, 12px);
	background: var(--sq-surface-sunken, #f4f7fb);
}

.sq-metric-info__text {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.45;
}

.sq-metric-info__tip {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.05rem;
	height: 1.05rem;
	margin: 0 0 0 0.2rem;
	padding: 0;
	border: 1px solid var(--sq-border-strong, #cbd4e2);
	border-radius: 999px;
	background: #fff;
	color: var(--sq-text-muted, #5b6474);
	font-size: 0.65rem;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	vertical-align: middle;
	cursor: help;
}

.sq-metric-info__tip:focus-visible {
	outline: 2px solid var(--sq-focus, #2563eb);
	outline-offset: 2px;
}

/* KD results shell — spacing + enter transition */
.sq-kd-results {
	margin-top: var(--sq-space-8, 2rem);
	padding: 1.15rem 1.15rem 1.25rem;
	border: 1px solid var(--sq-border, #e2e8f0);
	border-radius: var(--sq-report-card-radius, 12px);
	background: var(--sq-surface, #fff);
	box-shadow: var(--sq-report-card-shadow, 0 1px 2px rgba(15, 23, 42, 0.05));
	scroll-margin-top: 5.5rem;
}

.sq-kd-results__header {
	margin-bottom: 1.15rem;
}

.sq-kd-results .sq-report-header__title {
	margin: 0 0 0.3rem;
	font-size: clamp(1.2rem, 1.05rem + 0.6vw, 1.5rem);
	font-weight: 700;
	line-height: 1.25;
	color: var(--sq-text, #0f172a);
}

.sq-tool[data-searqo-tool="keyword-difficulty-checker"] .sq-tool__allowance {
	margin-bottom: var(--sq-space-5, 1.25rem);
}

.sq-tool__results.is-entering,
.sq-kd-results.is-entering {
	animation: sq-results-enter 0.38s ease both;
}

@keyframes sq-results-enter {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sq-tool__results.is-entering,
	.sq-kd-results.is-entering {
		animation: none;
	}
}

/* Mobile keyword cards — metric badges */
.searqo-keyword-card__metrics .sq-metric-badge {
	margin-top: 0;
}

.sq-intent {
	text-transform: none;
}

/* Intent labels keep text; colours are supplementary and high-contrast. */
.sq-intent--informational {
	color: #0b3d91;
	background-color: #e8f0fe;
}

.sq-intent--navigational {
	color: #5b21b6;
	background-color: #f3e8ff;
}

.sq-intent--commercial {
	color: #92400e;
	background-color: #fef3c7;
}

.sq-intent--transactional {
	color: #065f46;
	background-color: #d1fae5;
}

.sq-intent--unknown {
	color: var(--sq-text-muted, #5b6474);
	background-color: var(--sq-surface-sunken, #f3f5f8);
}

.sq-table__sort {
	appearance: none;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 600;
	padding: 0;
	margin: 0;
	cursor: pointer;
	text-align: inherit;
}

.sq-table__sort:hover,
.sq-table__sort:focus-visible {
	color: var(--sq-text, #152033);
	outline: 2px solid var(--sq-focus, #2563eb);
	outline-offset: 2px;
	border-radius: 2px;
}

.sq-table__sort[aria-sort="ascending"]::after {
	content: " \2191";
	font-weight: 700;
}

.sq-table__sort[aria-sort="descending"]::after {
	content: " \2193";
	font-weight: 700;
}

/* Keyword Intelligence tabs — match Backlink Explorer / theme sq-tabs pattern. */
.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs {
	margin-top: var(--sq-space-4, 1rem);
}

.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__list {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.25rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	padding-bottom: 0.35rem;
	border-bottom: 1px solid var(--sq-border, #e3e8f0);
	margin-bottom: var(--sq-space-4, 1rem);
}

.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__tab {
	appearance: none;
	border: 0;
	background: transparent;
	color: var(--sq-text-muted, #5b6474);
	font: inherit;
	font-weight: 600;
	font-size: var(--sq-text-sm, 0.8125rem);
	padding: 0.55rem 0.85rem;
	border-radius: var(--sq-radius-sm, 8px) var(--sq-radius-sm, 8px) 0 0;
	cursor: pointer;
	white-space: nowrap;
	flex: 0 0 auto;
}

.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__tab:hover,
.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__tab:focus-visible {
	color: var(--sq-text, #152033);
	outline: 2px solid var(--sq-focus, #2563eb);
	outline-offset: 2px;
}

.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__tab[aria-selected="true"] {
	color: var(--sq-text, #152033);
	box-shadow: inset 0 -2px 0 var(--sq-accent, #2563eb);
}

.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__panel {
	min-width: 0;
}

.sq-outline {
	margin: 0 0 var(--sq-space-6, 1.5rem);
	padding: 0;
	list-style: none;
	counter-reset: sq-outline;
}

.sq-outline__item {
	display: flex;
	align-items: baseline;
	gap: var(--sq-space-3, 0.75rem);
	padding: var(--sq-space-2, 0.5rem) 0;
	border-bottom: 1px solid var(--sq-border, #e3e8f0);
}

.sq-outline__item--h2 {
	padding-left: var(--sq-space-5, 1.25rem);
}

.sq-outline__level {
	flex: none;
	min-width: 2.25rem;
	color: var(--sq-text-muted, #5b6474);
	font-family: var(--sq-font-mono, monospace);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 700;
	text-transform: uppercase;
}

.sq-outline__text {
	word-break: break-word;
}

/* -------------------------------------------------------------------------
 * 4. Result tables
 * ---------------------------------------------------------------------- */

.sq-table__code {
	font-family: var(--sq-font-mono, monospace);
	font-size: var(--sq-text-sm, 0.8125rem);
	word-break: break-all;
}

.sq-table__title {
	display: block;
	font-weight: 600;
}

.sq-table__url-text {
	word-break: break-all;
}

.sq-table__sub {
	display: block;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
}

/*
 * The highlighted row also carries a badge, so the colour is reinforcement
 * rather than the only signal.
 */
.sq-table__row--highlight > * {
	background-color: var(--sq-blue-soft, #eff4ff);
}

.sq-table--definition th[scope="row"] {
	width: 32%;
	min-width: 9rem;
}

/* -------------------------------------------------------------------------
 * 5. Snippet preview
 * ---------------------------------------------------------------------- */

.sq-snippet {
	display: grid;
	gap: var(--sq-space-5, 1.25rem);
}

@media (min-width: 62em) {
	.sq-snippet {
		grid-template-columns: 1fr 1fr;
		align-items: start;
	}

	.sq-snippet__previews {
		position: sticky;
		top: calc(var(--sq-header-height, 68px) + 1rem);
	}
}

.sq-serp {
	padding: var(--sq-space-4, 1rem);
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: var(--sq-radius, 10px);
	background-color: var(--sq-surface, #fff);
	font-family: arial, sans-serif;
}

.sq-serp + .sq-serp {
	margin-top: var(--sq-space-4, 1rem);
}

.sq-serp--mobile {
	max-width: 24rem;
}

.sq-serp__breadcrumb {
	margin: 0 0 var(--sq-space-1, 0.25rem);
	color: #202124;
	font-size: 0.875rem;
	line-height: 1.3;
	word-break: break-all;
}

.sq-serp__title {
	margin: 0 0 var(--sq-space-1, 0.25rem);
	color: #1a0dab;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.3;
}

.sq-serp--mobile .sq-serp__title {
	font-size: 1.125rem;
}

.sq-serp__description {
	margin: 0;
	color: #4d5156;
	font-size: 0.875rem;
	line-height: 1.58;
}

.sq-meter {
	margin-top: var(--sq-space-2, 0.5rem);
}

.sq-meter__track {
	height: 6px;
	overflow: hidden;
	border-radius: var(--sq-radius-pill, 999px);
	background-color: var(--sq-bg-alt, #eef2f9);
}

.sq-meter__fill {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background-color: var(--sq-blue, #2563eb);
	transition: width var(--sq-transition, 150ms ease);
}

.sq-meter__fill[data-state="over"] {
	background-color: var(--sq-warning, #d97706);
}

.sq-meter__text {
	display: block;
	margin-top: var(--sq-space-1, 0.25rem);
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
	font-variant-numeric: tabular-nums;
}

/* -------------------------------------------------------------------------
 * 6. Verdict block
 * ---------------------------------------------------------------------- */

.sq-verdict {
	display: flex;
	flex-direction: column;
	gap: var(--sq-space-1, 0.25rem);
	padding: var(--sq-space-4, 1rem) var(--sq-space-5, 1.25rem);
	border: 1px solid var(--sq-border, #e3e8f0);
	border-left-width: 4px;
	border-radius: var(--sq-radius, 10px);
	background-color: var(--sq-surface, #fff);
	margin-bottom: var(--sq-space-6, 1.5rem);
}

.sq-verdict[data-state="allowed"] {
	border-left-color: var(--sq-success, #16a34a);
	background-color: var(--sq-success-soft, #e8f8ee);
}

.sq-verdict[data-state="blocked"] {
	border-left-color: var(--sq-error, #dc2626);
	background-color: var(--sq-error-soft, #fdecec);
}

/*
 * Severity states shared by the tools that report a single overall outcome. The
 * outcome is always spelled out in the label as well, so the tint is never the
 * only carrier of meaning.
 */
.sq-verdict[data-state="ok"] {
	border-left-color: var(--sq-success, #16a34a);
	background-color: var(--sq-success-soft, #e8f8ee);
}

.sq-verdict[data-state="warning"] {
	border-left-color: var(--sq-warning, #d97706);
	background-color: var(--sq-warning-soft, #fef4e6);
}

.sq-verdict[data-state="error"] {
	border-left-color: var(--sq-error, #dc2626);
	background-color: var(--sq-error-soft, #fdecec);
}

.sq-verdict[data-state="info"] {
	border-left-color: var(--sq-border-strong, #cbd5e1);
	background-color: var(--sq-bg-alt, #eef2f9);
}

.sq-verdict__label {
	margin: 0;
	font-size: var(--sq-h4, 1.15rem);
	font-weight: 700;
}

.sq-verdict__detail {
	margin: 0;
	color: var(--sq-text, #111827);
	font-size: var(--sq-text-sm, 0.8125rem);
}

/* -------------------------------------------------------------------------
 * 6b. Grouped checks (On-Page SEO Checker)
 * ---------------------------------------------------------------------- */

.sq-checks {
	margin-bottom: var(--sq-space-6, 1.5rem);
}

.sq-check-group + .sq-check-group {
	margin-top: var(--sq-space-6, 1.5rem);
}

.sq-check-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: var(--sq-space-2, 0.5rem);
}

.sq-check {
	padding: var(--sq-space-3, 0.75rem) var(--sq-space-4, 1rem);
	border: 1px solid var(--sq-border, #e3e8f0);
	border-left-width: 4px;
	border-radius: var(--sq-radius, 10px);
	background-color: var(--sq-surface, #fff);
}

.sq-check--error {
	border-left-color: var(--sq-error, #dc2626);
}

.sq-check--warning {
	border-left-color: var(--sq-warning, #d97706);
}

.sq-check--ok {
	border-left-color: var(--sq-success, #16a34a);
}

.sq-check--na,
.sq-check--info {
	border-left-color: var(--sq-border-strong, #cbd5e1);
}

.sq-check__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sq-space-2, 0.5rem);
	margin: 0 0 var(--sq-space-1, 0.25rem);
}

.sq-check__label {
	font-weight: 700;
	word-break: break-word;
}

/*
 * The observed value can be a whole title or a long URL, so it wraps at any
 * point rather than pushing the layout wider than the viewport.
 */
.sq-check__value {
	margin: 0 0 var(--sq-space-1, 0.25rem);
	font-family: var(--sq-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
	font-size: var(--sq-text-sm, 0.8125rem);
	overflow-wrap: anywhere;
}

.sq-check__message {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
}

/* -------------------------------------------------------------------------
 * 6c. Structured data blocks (Schema Markup Validator)
 * ---------------------------------------------------------------------- */

.sq-blocks {
	display: grid;
	gap: var(--sq-space-4, 1rem);
	margin-bottom: var(--sq-space-6, 1.5rem);
}

.sq-block {
	padding: var(--sq-space-4, 1rem);
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: var(--sq-radius, 10px);
	background-color: var(--sq-surface, #fff);
}

.sq-block__heading {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sq-space-2, 0.5rem);
	margin: 0 0 var(--sq-space-3, 0.75rem);
	font-size: var(--sq-text-base, 0.9375rem);
	font-weight: 700;
}

.sq-block__label {
	margin: var(--sq-space-3, 0.75rem) 0 var(--sq-space-1, 0.25rem);
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.sq-block__entities,
.sq-block__problems {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: var(--sq-space-2, 0.5rem);
}

.sq-block__entity {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sq-space-2, 0.5rem);
}

.sq-block__entity-name {
	overflow-wrap: anywhere;
}

.sq-block__problem {
	padding-left: var(--sq-space-3, 0.75rem);
	border-left: 3px solid var(--sq-border, #e3e8f0);
}

/*
 * A path such as "@graph[2] > author > name" has no spaces to break at, so it
 * is allowed to break anywhere rather than force the page to scroll.
 */
.sq-block__path {
	font-family: var(--sq-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
	font-size: var(--sq-text-xs, 0.75rem);
	overflow-wrap: anywhere;
}

/* -------------------------------------------------------------------------
 * 7. Crawling tools: score, filters, progress, briefs
 * ---------------------------------------------------------------------- */

.sq-score {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--sq-space-2, 0.5rem) var(--sq-space-4, 1rem);
	margin: 0 0 var(--sq-space-6, 1.5rem);
	padding: var(--sq-space-4, 1rem);
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: var(--sq-radius, 10px);
	background-color: var(--sq-surface, #fff);
}

.sq-score__value {
	margin: 0;
	font-size: var(--sq-h1, 2.25rem);
	font-weight: 700;
	line-height: 1;
}

.sq-score__label {
	margin: 0;
	font-weight: 600;
}

.sq-score__method {
	flex: 1 1 100%;
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
}

/*
 * Filter chips. The active state is driven by aria-pressed as well as the
 * class so the styling can never disagree with what a screen reader is told.
 */
.sq-chip {
	padding: 0.35rem 0.75rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: var(--sq-radius-pill, 999px);
	background-color: var(--sq-surface, #fff);
	color: inherit;
	font: inherit;
	font-size: var(--sq-text-sm, 0.8125rem);
	font-weight: 600;
	cursor: pointer;
}

.sq-chip:hover {
	border-color: var(--sq-accent, #1d4ed8);
}

.sq-chip[aria-pressed="true"] {
	border-color: var(--sq-accent, #1d4ed8);
	background-color: var(--sq-accent, #1d4ed8);
	color: #fff;
}

.sq-tool__subheading {
	margin: var(--sq-space-5, 1.25rem) 0 var(--sq-space-2, 0.5rem);
	font-size: var(--sq-text-base, 1rem);
}

.sq-finding__detail,
.sq-finding__advice,
.sq-finding__evidence,
.sq-finding__page {
	margin: 0 0 var(--sq-space-1, 0.25rem);
}

.sq-finding__advice {
	font-weight: 600;
}

.sq-finding__evidence,
.sq-finding__page {
	font-family: var(--sq-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
	font-size: var(--sq-text-xs, 0.75rem);
	color: var(--sq-text-muted, #5b6474);
	overflow-wrap: anywhere;
}

.sq-finding__pages {
	margin: var(--sq-space-2, 0.5rem) 0 0;
	padding-left: var(--sq-space-4, 1rem);
	font-size: var(--sq-text-sm, 0.8125rem);
}

.sq-finding__pages li {
	overflow-wrap: anywhere;
}

.sq-audit-progress {
	margin: 0 0 var(--sq-space-6, 1.5rem);
	padding: var(--sq-space-4, 1rem);
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: var(--sq-radius, 10px);
	background-color: var(--sq-surface, #fff);
}

.sq-audit-progress[hidden] {
	display: none;
}

.sq-audit-progress__state {
	margin: 0 0 var(--sq-space-2, 0.5rem);
	font-weight: 600;
}

.sq-audit-progress__counts {
	margin: var(--sq-space-2, 0.5rem) 0 var(--sq-space-3, 0.75rem);
}

.sq-progress {
	height: 8px;
	overflow: hidden;
	border-radius: var(--sq-radius-pill, 999px);
	background-color: var(--sq-bg-alt, #eef2f9);
}

.sq-progress__fill {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background-color: var(--sq-accent, #1d4ed8);
	transition: width 0.3s ease;
}

.sq-brief__section {
	margin-bottom: var(--sq-space-6, 1.5rem);
}

.sq-brief__section .sq-tool__heading {
	margin-top: 0;
}

.sq-outline__item--h3 {
	padding-left: var(--sq-space-8, 2rem);
}

.sq-outline__body {
	display: grid;
	gap: var(--sq-space-1, 0.25rem);
}

.sq-outline__body p {
	margin: 0;
}

.sq-form-row--options {
	align-items: center;
}

.sq-field--check {
	display: flex;
	align-items: center;
}

@media print {
	.sq-tool > .sq-form,
	.sq-tool__allowance,
	.sq-audit-progress,
	.sq-cluster {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sq-progress__fill {
		transition: none;
	}
}

/* -------------------------------------------------------------------------
 * 8. Utilities the plugin adds to the theme scale
 * ---------------------------------------------------------------------- */

.sq-label__note {
	margin-left: 0.35rem;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 400;
}

.sq-cluster--tight {
	gap: var(--sq-space-2, 0.5rem);
}

.sq-text-sm {
	font-size: var(--sq-text-sm, 0.8125rem);
}

.sq-mt-2 {
	margin-top: var(--sq-space-2, 0.5rem);
}

.sq-mt-3 {
	margin-top: var(--sq-space-3, 0.75rem);
}

.sq-mb-3 {
	margin-bottom: var(--sq-space-3, 0.75rem);
}

.sq-mb-4 {
	margin-bottom: var(--sq-space-4, 1rem);
}

/*
 * A theme without the Searqo tokens still needs a focus ring and a shimmer
 * that respects a reduced-motion preference.
 */
.sq-tool :focus-visible {
	outline: 2px solid var(--sq-focus, #1d4ed8);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.sq-skeleton,
	.sq-meter__fill {
		animation: none;
		transition: none;
	}
}

/* -------------------------------------------------------------------------
 * 9. Backlink risk monitor
 * ---------------------------------------------------------------------- */

/*
 * Google's own advice sits at the top of this tool and has to read as advice
 * rather than as decoration, so it keeps full-width padding and a heavier rule
 * than the compact alerts around it.
 */
.sq-backlinks__warning {
	border-left-width: 4px;
}

/*
 * The select-all box in a table header must not carry the boxed treatment the
 * rest of the form's checkboxes use, or the header row grows a card in it.
 */
.sq-check--bare {
	padding: 0;
	border: 0;
	background: none;
}

.sq-input--sm {
	padding: 0.35rem 0.5rem;
	font-size: var(--sq-text-sm, 0.8125rem);
}

.sq-mb-2 {
	margin-bottom: var(--sq-space-2, 0.5rem);
}

.sq-backlinks__empty {
	padding: var(--sq-space-4, 1rem);
	border: 1px dashed var(--sq-border, #d7dbe3);
	border-radius: var(--sq-radius, 8px);
	margin-bottom: var(--sq-space-4, 1rem);
	color: var(--sq-text-muted, #5b6474);
}

/* Project selector + primary load/sync control */
.searqo-project-card {
	margin-bottom: var(--sq-space-5, 1.25rem);
	padding: 1.5rem 1.75rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 16px;
	background: var(--sq-surface, #fff);
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

.searqo-project-card__row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 1rem 1.25rem;
}

.searqo-project-card__row .sq-field {
	flex: 1 1 16rem;
	min-width: 0;
	margin-bottom: 0;
}

.searqo-project-card__action {
	flex: 0 0 auto;
}

.searqo-project-card__status {
	margin: 0.85rem 0 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.5;
}

.searqo-project-card__status:empty {
	display: none;
}

/* Compact empty-state banner above data options */
.searqo-empty-banner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 1.25rem;
	margin: 0 0 1.5rem;
	padding: 1rem 1.25rem;
	border: 1px solid #c7dbf5;
	border-radius: 14px;
	background: #f3f8ff;
	color: var(--sq-text, #111827);
}

.searqo-empty-banner__body {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	min-width: 0;
	flex: 1 1 18rem;
}

.searqo-empty-banner__icon {
	flex: none;
	display: inline-flex;
	color: var(--sq-blue, #2563eb);
	margin-top: 0.1rem;
}

.searqo-empty-banner__title {
	margin: 0 0 0.25rem;
	font-size: var(--sq-text-md, 1rem);
	font-weight: 700;
	line-height: 1.35;
	color: var(--sq-navy, #0b1220);
}

.searqo-empty-banner__text {
	margin: 0;
	max-width: 48rem;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.55;
}

.searqo-empty-banner .sq-btn {
	flex: none;
}

.searqo-empty-banner[hidden] {
	display: none !important;
}

/*
 * Legacy no-source panel kept for older fixtures.
 */
.sq-backlinks__no-source {
	padding: var(--sq-space-5, 1.25rem);
	border: 1px solid var(--sq-border, #d7dbe3);
	border-radius: var(--sq-radius, 8px);
	margin-bottom: var(--sq-space-6, 1.5rem);
	background-color: var(--sq-bg-alt, #eef2f9);
}

.sq-backlinks__no-source-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sq-space-3, 0.75rem);
	margin-bottom: var(--sq-space-3, 0.75rem);
}

/* The ways to add data, which are needed most when there is no report yet. */
.sq-backlinks__panel,
.searqo-data-panel {
	margin-bottom: var(--sq-space-6, 1.5rem);
}

.searqo-data-panel__header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--sq-space-3, 0.75rem) var(--sq-space-4, 1rem);
	margin-bottom: var(--sq-space-5, 1.25rem);
}

.searqo-data-panel__title {
	margin-bottom: var(--sq-space-2, 0.5rem);
}

.searqo-data-panel__lede {
	margin: 0;
	max-width: 42rem;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.55;
}

.searqo-source-notice__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--sq-space-2, 0.5rem) var(--sq-space-3, 0.75rem);
	margin-bottom: var(--sq-space-2, 0.5rem);
}

.searqo-source-notice__badge {
	flex: none;
	position: static;
}

.searqo-data-panel__badge {
	flex: none;
	align-self: flex-start;
}

/* Compact equal-width option cards + full-width form panel underneath */
.searqo-data-actions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	align-items: stretch;
	margin-bottom: 1.25rem;
}

.searqo-data-action-card {
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.65rem;
	padding: 1.75rem;
	border: 1.5px solid var(--sq-border, #e3e8f0);
	border-radius: 16px;
	background: var(--sq-surface, #fff);
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
	text-align: left;
	cursor: pointer;
	font: inherit;
	color: inherit;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.searqo-data-action-card:hover,
.searqo-data-action-card:focus-visible {
	border-color: #93c5fd;
	outline: none;
}

.searqo-data-action-card.is-active {
	border-color: var(--sq-blue, #2563eb);
	box-shadow: 0 0 0 1px var(--sq-blue, #2563eb), 0 8px 22px rgba(37, 99, 235, 0.12);
	background: #f8fbff;
}

.searqo-data-action-card__body {
	display: flex;
	flex-direction: column;
	gap: var(--sq-space-3, 0.75rem);
	flex: 1 1 auto;
	min-width: 0;
}

.searqo-data-action-card__footer {
	margin-top: auto;
	padding-top: var(--sq-space-5, 1.25rem);
}

.searqo-data-action-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 12px;
	color: var(--sq-blue, #2563eb);
	background: var(--sq-blue-soft, #eff4ff);
}

.searqo-data-action-card--sync .searqo-data-action-card__icon {
	color: var(--sq-blue, #2563eb);
	background: var(--sq-blue-soft, #eff4ff);
}

.searqo-data-action-card--import .searqo-data-action-card__icon {
	color: var(--sq-cyan, #06b6d4);
	background: var(--sq-cyan-soft, #e6fbff);
}

.searqo-data-action-card--rescore .searqo-data-action-card__icon {
	color: var(--sq-violet, #7c3aed);
	background: var(--sq-violet-soft, #f3e8ff);
}

.searqo-data-action-card__title {
	margin: 0;
	color: var(--sq-navy, #0b1220);
	font-size: var(--sq-text-md, 1rem);
	font-weight: 700;
	line-height: 1.35;
}

.searqo-data-action-card__text,
.searqo-data-action-card__estimate,
.searqo-data-action-card__meta {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.55;
	overflow-wrap: anywhere;
}

.searqo-data-option-panels {
	margin-top: 0.25rem;
}

.searqo-data-option-panel {
	display: grid;
	gap: 1rem;
	padding: 1.5rem 1.75rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 16px;
	background: var(--sq-surface, #fff);
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
	min-width: 0;
	overflow: visible;
	position: relative;
	z-index: 1;
}

.searqo-data-option-panel .sq-select-control {
	position: relative;
	z-index: 2;
	max-width: 40rem;
}

.searqo-data-option-panel .sq-select-menu {
	z-index: 30;
}

.searqo-data-option-panel[hidden] {
	display: none !important;
}

.searqo-data-option-panel .sq-field,
.searqo-data-option-panel .searqo-file,
.searqo-data-option-panel .searqo-complete-option,
.searqo-data-option-panel .searqo-confirmation {
	max-width: 40rem;
}

.searqo-data-option-panel .sq-btn--primary,
.searqo-data-option-panel .sq-btn--secondary {
	justify-self: start;
}

.searqo-data-option-panel .sq-btn.is-disabled,
.searqo-data-option-panel .sq-btn[disabled] {
	opacity: 0.55;
	cursor: not-allowed;
	box-shadow: none;
}

/* Full-width Import backlink data panel */
.searqo-import-panel {
	gap: 1.5rem;
	padding: 1.75rem 2rem;
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}

.searqo-import-panel .sq-field,
.searqo-import-panel .searqo-file,
.searqo-import-panel .searqo-complete-option,
.searqo-import-panel .searqo-confirmation,
.searqo-import-panel .sq-select-control {
	max-width: none;
	width: 100%;
}

.csv-import-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem;
	align-items: start;
	width: 100%;
	min-width: 0;
}

.csv-import-grid__main,
.csv-import-grid__settings {
	min-width: 0;
	display: grid;
	gap: 1.25rem;
	align-content: start;
}

.searqo-import-source {
	width: 100%;
}

.searqo-import-settings {
	padding: 1.25rem 1.35rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 14px;
	background: var(--sq-surface-sunken, #f4f7fb);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.searqo-import-settings__title {
	margin: 0;
	color: var(--sq-navy, #0b1220);
	font-size: var(--sq-text-md, 1rem);
	font-weight: 700;
	line-height: 1.35;
}

.searqo-import-settings__profile {
	display: grid;
	gap: 0.65rem;
}

.searqo-import-settings__help {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.5;
}

.searqo-import-requirements {
	display: grid;
	gap: 0.55rem;
	margin: 0;
	padding: 0.85rem 0 0;
	border-top: 1px solid var(--sq-border, #e3e8f0);
}

.searqo-import-requirements > div {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 0.75rem;
	align-items: baseline;
}

.searqo-import-requirements dt {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 600;
	line-height: 1.4;
}

.searqo-import-requirements dd {
	margin: 0;
	color: var(--sq-text, #111827);
	font-size: var(--sq-text-sm, 0.8125rem);
	font-weight: 500;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.searqo-import-privacy {
	margin: 0;
	padding-top: 0.85rem;
	border-top: 1px solid var(--sq-border, #e3e8f0);
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
	line-height: 1.5;
}

.searqo-import-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--sq-border, #e3e8f0);
	width: 100%;
	min-width: 0;
}

.searqo-import-footer__status {
	margin: 0;
	flex: 1 1 14rem;
	min-width: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.searqo-import-footer__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.75rem;
	margin-left: auto;
}

.searqo-import-footer__actions .sq-btn {
	min-height: 44px;
}

.searqo-import-panel .sq-btn--primary,
.searqo-import-panel .sq-btn--secondary {
	justify-self: auto;
}

@media (min-width: 1100px) {
	.csv-import-grid {
		grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
		gap: 32px;
	}
}

@media (min-width: 900px) and (max-width: 1099px) {
	.csv-import-grid {
		grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
		gap: 1.5rem;
	}
}

@media (max-width: 719px) {
	.searqo-import-panel {
		padding: 1.25rem;
		gap: 1.25rem;
	}

	.csv-import-grid {
		gap: 1.25rem;
	}

	.searqo-import-footer {
		flex-direction: column;
		align-items: stretch;
	}

	.searqo-import-footer__actions {
		width: 100%;
		margin-left: 0;
	}

	.searqo-import-footer__actions .sq-btn {
		flex: 1 1 auto;
		width: 100%;
		justify-content: center;
	}

	.searqo-import-requirements > div {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.15rem;
	}
}

.searqo-data-action-card__meta--muted:empty,
.searqo-data-action-card__estimate:empty {
	display: none;
}

.searqo-data-action-card__empty {
	margin: 0;
	padding: var(--sq-space-3, 0.75rem);
	border: 1px dashed var(--sq-border-strong, #cbd4e2);
	border-radius: var(--sq-radius-sm, 6px);
	background: var(--sq-surface-sunken, #f4f7fb);
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.5;
}

.searqo-data-action-card .sq-field {
	margin-bottom: 0;
}

.searqo-data-action-card .sq-btn--secondary {
	align-self: flex-start;
}

.searqo-confirmation {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	width: 100%;
}

.searqo-confirmation input[type="checkbox"] {
	width: 1.15rem;
	height: 1.15rem;
	margin-top: 0.15rem;
	accent-color: var(--sq-blue, #2563eb);
	flex: none;
}

.searqo-confirmation label {
	min-width: 0;
	color: var(--sq-text, #111827);
	font-size: var(--sq-text-sm, 0.8125rem);
	font-weight: 500;
	line-height: 1.45;
	cursor: pointer;
	overflow-wrap: anywhere;
}

.searqo-complete-option {
	width: 100%;
	padding: var(--sq-space-3, 0.75rem);
	border: 1px solid #f3d9a8;
	border-radius: var(--sq-radius, 10px);
	background: var(--sq-warning-soft, #fdf3e3);
}

.searqo-complete-option--compact {
	margin: 0;
	padding: 0.55rem 0.75rem;
	border-radius: 8px;
	border-color: #f0d7a6;
	background: #fff8eb;
	color: #8a5a12;
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 500;
	line-height: 1.45;
}

.searqo-complete-option__help {
	margin: var(--sq-space-2, 0.5rem) 0 0;
	color: var(--sq-warning-strong, #a85c04);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.searqo-file {
	display: grid;
	gap: var(--sq-space-2, 0.5rem);
	min-width: 0;
	width: 100%;
}

.searqo-file__drop {
	display: grid;
	justify-items: center;
	align-content: center;
	gap: 0.65rem;
	padding: 2rem 1.5rem;
	min-height: 12.5rem;
	border: 1.5px dashed var(--sq-border-strong, #cbd4e2);
	border-radius: 14px;
	background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
	transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
}

.searqo-file__drop:hover,
.searqo-file__drop:focus-visible {
	border-color: #93c5fd;
	outline: none;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.searqo-file__drop.is-dragover {
	border-color: var(--sq-blue, #2563eb);
	background: var(--sq-blue-soft, #eff4ff);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
}

.searqo-file__glyph {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--sq-blue, #2563eb);
}

.searqo-file__glyph--selected {
	flex: none;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 12px;
	background: var(--sq-blue-soft, #eff4ff);
	color: var(--sq-blue, #2563eb);
}

.searqo-file__drop-title {
	margin: 0;
	color: var(--sq-navy, #0b1220);
	font-size: var(--sq-text-md, 1rem);
	font-weight: 650;
	line-height: 1.35;
	max-width: 22rem;
	overflow-wrap: anywhere;
}

.searqo-file__hint {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.45;
}

.searqo-file__status {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.searqo-file__drop .sq-btn {
	width: auto;
	min-width: 8.5rem;
	min-height: 44px;
	justify-content: center;
	margin-top: 0.25rem;
}

.searqo-file__actions .sq-btn {
	width: auto;
	min-height: 44px;
	justify-content: center;
}

.searqo-file__selected {
	display: grid;
	gap: 1rem;
	padding: 1.1rem 1.2rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 14px;
	background: var(--sq-surface, #fff);
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
	min-width: 0;
}

.searqo-file__selected-body {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	min-width: 0;
}

.searqo-file__selected-meta {
	display: grid;
	gap: 0.2rem;
	min-width: 0;
	flex: 1 1 auto;
}

.searqo-file__selected[hidden],
.searqo-file__drop[hidden] {
	display: none !important;
}

.searqo-file__name {
	margin: 0;
	color: var(--sq-text, #111827);
	font-size: var(--sq-text-sm, 0.875rem);
	font-weight: 650;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.searqo-file__meta {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
	line-height: 1.45;
}

/* CSV import card — single column, full usable width */
.csv-import-form {
	width: 100%;
	min-width: 0;
}

.csv-import-form .csv-import-form__fields {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	width: 100%;
	min-width: 0;
}

.csv-import-form .sq-form-row {
	margin-bottom: 0;
}

.csv-import-form .csv-upload-zone,
.csv-import-form .csv-upload-button,
.csv-import-form .csv-domain-field,
.csv-import-form .searqo-file,
.csv-import-form .searqo-file__drop .sq-btn {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}

.csv-import-form .sq-form__actions {
	width: 100%;
}

@media (max-width: 767px) {
	.csv-import-form .sq-form__actions .sq-btn {
		width: 100%;
	}
}

/* Accessible custom select (Scope listbox) — menu width = trigger */
.sq-select-control,
.scope-control {
	position: relative;
	width: 100%;
	min-width: 0;
}

.sq-select-trigger,
.scope-trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	width: 100%;
	min-width: 0;
	min-height: var(--sq-control-height, 56px);
	padding: 0.75rem 0.9rem;
	border: 1px solid var(--sq-border-strong, #cbd4e2);
	border-radius: var(--sq-radius, 10px);
	background-color: var(--sq-surface, #fff);
	color: var(--sq-text, #111827);
	font: inherit;
	font-size: var(--sq-text-base, 1rem);
	line-height: 1.4;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box;
}

.sq-select-trigger:focus-visible,
.scope-trigger:focus-visible {
	border-color: var(--sq-blue, #2563eb);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
	outline: none;
}

.sq-select-trigger[aria-expanded="true"],
.scope-trigger[aria-expanded="true"] {
	border-color: var(--sq-blue, #2563eb);
}

.sq-select-trigger [data-sq-select-label] {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sq-select-trigger__chevron {
	flex: none;
	width: 1.15rem;
	height: 1.15rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%235b6474' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: transform 150ms ease;
}

.sq-select-trigger[aria-expanded="true"] .sq-select-trigger__chevron {
	transform: rotate(180deg);
}

.sq-select-menu,
.scope-menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
	margin: 0;
	padding: 0.35rem 0;
	list-style: none;
	border: 1px solid var(--sq-border-strong, #cbd4e2);
	border-radius: var(--sq-radius, 10px);
	background: var(--sq-surface, #fff);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12), 0 2px 6px rgba(15, 23, 42, 0.06);
	box-sizing: border-box;
	max-height: min(16rem, 45vh);
	overflow-x: hidden;
	overflow-y: auto;
}

.sq-select-menu.is-above,
.scope-menu.is-above {
	top: auto;
	bottom: calc(100% + 8px);
}

.sq-select-menu[hidden],
.scope-menu[hidden] {
	display: none !important;
}

.sq-select-menu [role="option"],
.scope-menu [role="option"] {
	display: block;
	width: 100%;
	min-width: 0;
	padding: 0.7rem 0.9rem;
	color: var(--sq-text, #111827);
	font-size: var(--sq-text-base, 1rem);
	line-height: 1.4;
	cursor: pointer;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sq-select-menu [role="option"]:hover,
.sq-select-menu [role="option"].is-active,
.scope-menu [role="option"]:hover,
.scope-menu [role="option"].is-active {
	background: var(--sq-blue-soft, #eff4ff);
}

.sq-select-menu [role="option"][aria-selected="true"],
.scope-menu [role="option"][aria-selected="true"] {
	background: var(--sq-blue-soft, #eff4ff);
	font-weight: 600;
	color: var(--sq-blue-hover, #1d4ed8);
}

.searqo-file__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sq-space-2, 0.5rem);
}

.searqo-import-panel .searqo-file__actions .sq-btn {
	flex: 0 1 auto;
}

.searqo-data-action-card .sq-btn.is-success {
	box-shadow: inset 0 0 0 1px var(--sq-success-strong, #0f7a37);
}

.searqo-data-action-card .sq-btn.is-error {
	box-shadow: inset 0 0 0 1px var(--sq-error-strong, #b91c1c);
}

.searqo-data-action-card .sq-btn:focus-visible {
	outline: 2px solid var(--sq-focus, #2563eb);
	outline-offset: 2px;
}

@media (max-width: 1050px) {
	.searqo-data-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.searqo-data-actions .searqo-data-action-card:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}

@media (max-width: 720px) {
	.searqo-data-actions {
		grid-template-columns: minmax(0, 1fr);
	}

	.searqo-data-actions .searqo-data-action-card:last-child:nth-child(odd) {
		grid-column: auto;
	}

	.searqo-project-card__action,
	.searqo-project-card__action .sq-btn,
	.searqo-empty-banner .sq-btn,
	.searqo-data-option-panel .sq-btn,
	.searqo-data-option-panel .sq-btn--secondary {
		width: 100%;
		justify-content: center;
	}

	.searqo-empty-banner {
		flex-direction: column;
		align-items: stretch;
	}

	.searqo-file__actions .sq-btn {
		flex: 1 1 auto;
	}

	.sq-tabs__list {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.sq-table-wrap {
		overflow-x: auto;
		max-width: 100%;
	}
}

/* Legacy class names kept for older fixtures / partials. */
.sq-backlinks__sources {
	display: grid;
	gap: var(--sq-space-4, 1rem);
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
	margin-bottom: var(--sq-space-6, 1.5rem);
}

.sq-backlinks__source {
	padding: var(--sq-space-4, 1rem);
	border: 1px solid var(--sq-border, #d7dbe3);
	border-radius: var(--sq-radius, 8px);
}

.sq-backlinks__source > :last-child {
	margin-bottom: 0;
}

/* Charts ---------------------------------------------------------------- */

.sq-backlinks__charts {
	display: grid;
	gap: var(--sq-space-4, 1rem);
	grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.sq-backlinks__chart {
	margin: 0;
	padding: var(--sq-space-4, 1rem);
	border: 1px solid var(--sq-border, #d7dbe3);
	border-radius: var(--sq-radius, 8px);
}

.sq-backlinks__chart figcaption {
	margin-bottom: var(--sq-space-3, 0.75rem);
	font-size: var(--sq-text-sm, 0.8125rem);
	font-weight: 600;
}

/*
 * Bars are drawn from stored day totals and nothing is interpolated, so a
 * period with no rows simply has no bar. The list keeps its own baseline rather
 * than stretching, which is what makes a gap read as a gap.
 */
.sq-backlinks__bars {
	display: flex;
	align-items: flex-end;
	gap: 2px;
	height: 5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sq-backlinks__bar {
	position: relative;
	display: flex;
	align-items: flex-end;
	flex: 1 1 0;
	min-width: 2px;
	height: 100%;
}

.sq-backlinks__bar-fill {
	width: 100%;
	border-radius: 2px 2px 0 0;
	background-color: var(--sq-accent, #1d4ed8);
}

.sq-backlinks__bars--up .sq-backlinks__bar-fill {
	background-color: var(--sq-success, #15803d);
}

.sq-backlinks__bars--down .sq-backlinks__bar-fill {
	background-color: var(--sq-error, #dc2626);
}

.sq-backlinks__ranked {
	display: grid;
	gap: var(--sq-space-2, 0.5rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.sq-backlinks__ranked li {
	display: grid;
	align-items: center;
	gap: var(--sq-space-2, 0.5rem);
	grid-template-columns: minmax(6rem, 10rem) 1fr auto;
}

.sq-backlinks__ranked-name {
	overflow: hidden;
	font-size: var(--sq-text-sm, 0.8125rem);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sq-backlinks__ranked-track {
	height: 0.5rem;
	border-radius: 999px;
	background-color: var(--sq-surface-alt, #eef1f6);
}

.sq-backlinks__ranked-fill {
	display: block;
	height: 100%;
	border-radius: 999px;
	background-color: var(--sq-accent, #1d4ed8);
}

.sq-backlinks__ranked-total {
	font-size: var(--sq-text-sm, 0.8125rem);
	font-variant-numeric: tabular-nums;
}

/* Review table --------------------------------------------------------- */

.sq-backlinks__filters {
	display: grid;
	gap: var(--sq-space-3, 0.75rem);
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	margin-bottom: var(--sq-space-3, 0.75rem);
}

.sq-backlinks__filters .sq-field {
	margin-bottom: 0;
}

.sq-backlinks__select {
	width: 2.5rem;
}

.sq-backlinks__decision {
	display: grid;
	gap: 0.25rem;
	min-width: 12rem;
}

.sq-backlinks__decision select {
	width: 100%;
}

/*
 * The bulk bar is the one control here that a stray click could make expensive,
 * so it is visually separated from the table and reads as a distinct step
 * rather than as another row of filters.
 */
.sq-backlinks__bulk {
	display: grid;
	gap: var(--sq-space-3, 0.75rem);
	padding: var(--sq-space-4, 1rem);
	border: 1px solid var(--sq-border, #d7dbe3);
	border-radius: var(--sq-radius, 8px);
	background-color: var(--sq-surface-sunken, #f4f7fb);
	margin-bottom: var(--sq-space-4, 1rem);
}

.sq-backlinks__bulk.is-active {
	border: 2px solid var(--sq-warning, #b45309);
	background-color: var(--sq-warning-soft, #fdf6e7);
}

.sq-backlinks__bulk.is-idle .sq-btn[disabled],
.sq-backlinks__bulk.is-idle select:disabled,
.sq-backlinks__bulk.is-idle textarea:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.sq-backlinks__bulk .sq-field {
	margin-bottom: 0;
}

.sq-backlinks__detail {
	margin-top: var(--sq-space-4, 1rem);
	padding: var(--sq-space-4, 1rem);
	border: 1px solid var(--sq-border, #d7dbe3);
	border-radius: var(--sq-radius, 8px);
	scroll-margin-top: var(--sq-space-4, 1rem);
}

.sq-backlinks__detail:focus {
	outline: none;
}

.sq-backlinks__preview {
	max-height: 22rem;
	overflow: auto;
	padding: var(--sq-space-3, 0.75rem);
	border: 1px solid var(--sq-border, #d7dbe3);
	border-radius: var(--sq-radius, 8px);
	background-color: var(--sq-surface-alt, #eef1f6);
	font-family: var(--sq-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
	font-size: var(--sq-text-xs, 0.75rem);
	line-height: 1.6;
	white-space: pre-wrap;
	word-break: break-all;
}

/* -------------------------------------------------------------------------
 * Disavow generate card (2.5.38)
 * ---------------------------------------------------------------------- */

.disavow-previous {
	margin: 0 0 1.5rem;
	padding: 0.85rem 1rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 12px;
	background: var(--sq-surface, #fff);
}

.disavow-previous__summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--sq-navy, #0b1220);
}

.disavow-generate-card {
	display: grid;
	gap: 1.25rem;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 1.25rem 1.35rem 1.35rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 16px;
	background: var(--sq-surface, #fff);
	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
}

.disavow-generate-card__intro {
	display: grid;
	gap: 0.35rem;
	min-width: 0;
}

.disavow-generate-card__title {
	margin: 0;
	color: var(--sq-navy, #0b1220);
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
}

.disavow-generate-card__lede {
	margin: 0;
	max-width: 46rem;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.5;
}

.disavow-generate-warning {
	display: grid;
	gap: 0.35rem;
	padding: 0.75rem 0.9rem;
	border: 1px solid #f0d9a8;
	border-radius: 10px;
	background: var(--sq-warning-soft, #fdf6e7);
}

.disavow-generate-warning__text {
	margin: 0;
	color: var(--sq-warning-strong, #92400e);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.45;
}

.disavow-generate-warning__link {
	margin: 0;
	font-size: var(--sq-text-sm, 0.8125rem);
}

.disavow-generate-warning__link a {
	color: var(--sq-warning-strong, #92400e);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.disavow-review-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem;
	align-items: start;
	width: 100%;
	min-width: 0;
}

.disavow-review-grid__preview,
.disavow-review-grid__safety {
	min-width: 0;
	display: grid;
	gap: 1rem;
	align-content: start;
}

.disavow-metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65rem;
}

.disavow-metric {
	display: grid;
	gap: 0.15rem;
	min-width: 0;
	padding: 0.7rem 0.8rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 10px;
	background: var(--sq-surface-sunken, #f4f7fb);
}

.disavow-metric__value {
	color: var(--sq-navy, #0b1220);
	font-size: 1.25rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 1.2;
}

.disavow-metric__label {
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 600;
	line-height: 1.35;
}

.disavow-preview-panel {
	min-width: 0;
}

.disavow-preview-code {
	display: block;
	width: 100%;
	min-height: 20rem;
	max-height: 32.5rem;
	margin: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.disavow-preview-empty {
	display: grid;
	gap: 0.85rem;
	justify-items: start;
	min-height: 12rem;
	padding: 1.25rem 1.1rem;
	border: 1px dashed var(--sq-border-strong, #cbd4e2);
	border-radius: 12px;
	background: var(--sq-surface-sunken, #f4f7fb);
}

.disavow-preview-empty[hidden],
.disavow-preview-code[hidden],
.disavow-preview-actions[hidden] {
	display: none !important;
}

.disavow-preview-empty__text {
	margin: 0;
	max-width: 36rem;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.5;
}

.disavow-preview-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
}

.disavow-safety {
	display: grid;
	gap: 0.85rem;
	padding: 1.15rem 1.2rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 14px;
	background: var(--sq-surface-sunken, #f4f7fb);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.disavow-safety__title {
	margin: 0;
	color: var(--sq-navy, #0b1220);
	font-size: var(--sq-text-md, 1rem);
	font-weight: 700;
	line-height: 1.35;
}

.disavow-safety__lede {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.5;
}

.disavow-safety__list {
	display: grid;
	gap: 0.55rem;
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}

.disavow-safety__row {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.7rem;
	align-items: start;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 0.7rem 0.8rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 10px;
	background: var(--sq-surface, #fff);
	cursor: pointer;
	line-height: 1.45;
}

.disavow-safety__row:focus-within {
	outline: 2px solid var(--sq-focus, #2563eb);
	outline-offset: 2px;
}

.disavow-safety__row input {
	width: 1.15rem;
	height: 1.15rem;
	margin: 0.15rem 0 0;
	flex-shrink: 0;
	accent-color: var(--sq-blue, #2563eb);
}

.disavow-safety__row-text {
	color: var(--sq-text, #111827);
	font-size: var(--sq-text-sm, 0.8125rem);
}

.disavow-safety__progress {
	display: grid;
	gap: 0.45rem;
}

.disavow-safety__progress-label {
	margin: 0;
	color: var(--sq-text, #111827);
	font-size: var(--sq-text-sm, 0.8125rem);
	font-weight: 600;
}

.disavow-safety__bar {
	height: 0.4rem;
	overflow: hidden;
	border-radius: 999px;
	background: var(--sq-border, #e3e8f0);
}

.disavow-safety__bar-fill {
	display: block;
	height: 100%;
	width: 0;
	border-radius: inherit;
	background: var(--sq-blue, #2563eb);
	transition: width 0.2s ease;
}

.disavow-generate-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem 1rem;
	align-items: center;
	justify-content: space-between;
	padding-top: 0.35rem;
	border-top: 1px solid var(--sq-border, #e3e8f0);
	min-width: 0;
}

.disavow-generate-footer__status {
	margin: 0;
	flex: 1 1 12rem;
	min-width: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.45;
}

.disavow-generate-footer__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	align-items: center;
	justify-content: flex-end;
}

.disavow-generate-saved {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.45;
}

.disavow-generate-saved a {
	font-weight: 600;
}

@media (min-width: 960px) {
	.disavow-review-grid {
		grid-template-columns: minmax(0, 1.35fr) minmax(380px, 0.65fr);
		gap: 32px;
	}

	.disavow-metrics {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 959px) {
	.disavow-review-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.disavow-generate-warning { order: 1; }
	.disavow-review-grid { order: 2; }
	.disavow-generate-footer { order: 3; }
	.disavow-generate-saved { order: 4; }

	.disavow-generate-card > .disavow-generate-card__intro { order: 0; }
	.disavow-generate-card > [data-searqo-disavow-error],
	.disavow-generate-card > [data-searqo-generated] { order: 5; }
}

@media (max-width: 640px) {
	.disavow-generate-card {
		padding: 1rem;
	}

	.disavow-metrics {
		grid-template-columns: 1fr 1fr;
	}

	.disavow-preview-code {
		min-height: 16rem;
		max-height: 24rem;
	}

	.disavow-generate-footer {
		flex-direction: column;
		align-items: stretch;
	}

	.disavow-generate-footer__actions {
		width: 100%;
	}

	.disavow-generate-footer__actions .sq-btn {
		flex: 1 1 auto;
		width: 100%;
	}

	.disavow-generate-footer__actions .sq-btn--danger {
		order: 2;
	}

	.disavow-generate-footer__actions .sq-btn--secondary {
		order: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.disavow-safety__bar-fill {
		transition: none;
	}
}

/*
 * Generating a disavow file is the destructive-looking action on this screen and
 * is styled to say so. It is disabled until every check passes, and the disabled
 * state stays legible rather than fading to nothing.
 */
.sq-btn--danger {
	border-color: var(--sq-error-strong, #b91c1c);
	background-color: var(--sq-error, #dc2626);
	color: #fff;
}

.sq-btn--danger:hover,
.sq-btn--danger:focus-visible {
	background-color: var(--sq-error-strong, #b91c1c);
}

.sq-btn--danger[disabled] {
	border-color: var(--sq-border, #d7dbe3);
	background-color: var(--sq-surface-alt, #eef1f6);
	color: var(--sq-text-muted, #5b6474);
	cursor: not-allowed;
}

@media (max-width: 640px) {
	/*
	 * The tables scroll sideways inside their region rather than being crushed:
	 * a referring URL and a target path both need their width to stay readable.
	 * Everything a person taps is stacked so no control is cut off.
	 */
	.sq-backlinks__table {
		min-width: 44rem;
	}

	.sq-backlinks__filters {
		grid-template-columns: 1fr;
	}

	.sq-backlinks__ranked li {
		grid-template-columns: 1fr auto;
	}

	.sq-backlinks__ranked-track {
		grid-column: 1 / -1;
	}

	.sq-backlinks__bulk .sq-btn {
		width: 100%;
	}

	.sq-backlinks__decision {
		min-width: 0;
	}
}

/*
 * Stacked report tables on small screens. Each cell keeps a data-label so the
 * column name is still readable when thead is hidden.
 */
.sq-table--report {
	width: 100%;
}

@media (max-width: 40em) {
	.sq-table--report,
	.sq-table--report tbody,
	.sq-table--report tr,
	.sq-table--report th,
	.sq-table--report td {
		display: block;
		width: 100%;
	}

	.sq-table--report thead {
		display: none;
	}

	.sq-table--report tr {
		padding: 0.75rem 0;
		border-bottom: 1px solid var(--sq-border, #d7dbe3);
	}

	.sq-table--report td {
		display: flex;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.25rem 0;
		white-space: normal;
		word-break: break-word;
	}

	.sq-table--report td::before {
		content: attr(data-label);
		flex: 0 0 40%;
		color: var(--sq-text-muted, #5b6474);
		font-size: var(--sq-text-xs, 0.75rem);
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: var(--sq-tracking-wide, 0.04em);
	}
}


/* -------------------------------------------------------------------------
 * Backlink Explorer
 * ---------------------------------------------------------------------- */

.sq-backlink-explorer .sq-blex-header {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sq-space-4, 1rem);
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: var(--sq-space-4, 1rem);
}

.sq-backlink-explorer .sq-blex-header__target {
	margin: 0 0 0.25rem;
	font-size: var(--sq-text-lg, 1.125rem);
	font-weight: 700;
	word-break: break-word;
}

.sq-backlink-explorer .sq-blex-header__line {
	margin: 0;
	font-size: var(--sq-text-sm, 0.8125rem);
}

.sq-backlink-explorer .sq-blex-metrics {
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.sq-backlink-explorer .sq-tabs {
	margin-top: var(--sq-space-4, 1rem);
}

.sq-backlink-explorer .sq-tabs__list {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.25rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	padding-bottom: 0.35rem;
	border-bottom: 1px solid var(--sq-border, #e3e8f0);
	margin-bottom: var(--sq-space-4, 1rem);
}

.sq-backlink-explorer .sq-tabs__tab {
	appearance: none;
	border: 0;
	background: transparent;
	color: var(--sq-text-muted, #5b6474);
	font: inherit;
	font-weight: 600;
	font-size: var(--sq-text-sm, 0.8125rem);
	padding: 0.55rem 0.85rem;
	border-radius: var(--sq-radius-sm, 8px) var(--sq-radius-sm, 8px) 0 0;
	cursor: pointer;
	white-space: nowrap;
	flex: 0 0 auto;
}

.sq-backlink-explorer .sq-tabs__tab:hover,
.sq-backlink-explorer .sq-tabs__tab:focus-visible {
	color: var(--sq-text, #152033);
	outline: 2px solid var(--sq-focus, #2563eb);
	outline-offset: 2px;
}

.sq-backlink-explorer .sq-tabs__tab[aria-selected="true"] {
	color: var(--sq-text, #152033);
	box-shadow: inset 0 -2px 0 var(--sq-accent, #2563eb);
}

.sq-backlink-explorer .sq-tabs__tab:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.sq-backlink-explorer .sq-tabs__panel {
	min-width: 0;
}

.sq-backlink-explorer .sq-table-wrap {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.sq-backlink-explorer .sq-blex-overview .sq-hint + .sq-hint {
	margin-top: 0.5rem;
}

.sq-backlink-explorer .sq-blex-summary-line {
	margin: 0 0 0.75rem;
	font-size: var(--sq-text-base, 1rem);
	font-weight: 600;
	line-height: 1.45;
}

.sq-backlink-explorer .sq-blex-url {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	max-width: 100%;
	min-width: 0;
}

.sq-backlink-explorer .sq-blex-url a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: min(100%, 28rem);
}

.sq-backlink-explorer .sq-blex-copy {
	flex: 0 0 auto;
	padding: 0.15rem 0.45rem;
}

.sq-backlink-explorer .sq-blex-pagination {
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	max-width: 100%;
}

.sq-backlink-explorer .sq-blex-pagination__nav {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.sq-backlink-explorer .sq-blex-page-status:focus {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
}

.sq-backlink-explorer .sq-blex-page-error {
	margin: 0.5rem 0 0;
	color: #b91c1c;
	font-size: var(--sq-text-sm, 0.8125rem);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.sq-backlink-explorer .sq-blex-panel--paging .sq-table-wrap {
	opacity: 0.72;
	transition: opacity 0.15s ease;
}

.sq-backlink-explorer .sq-blex-jump {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: var(--sq-text-sm, 0.8125rem);
	flex-wrap: wrap;
}

.sq-backlink-explorer .sq-blex-jump .sq-input {
	width: 4.5rem;
	min-width: 0;
}

@media (max-width: 640px) {
	.sq-backlink-explorer .sq-blex-pagination {
		flex-direction: column;
		align-items: flex-start;
	}
}

.sq-backlink-explorer .sq-blex-disavow {
	margin-top: var(--sq-space-6, 1.5rem);
	padding-top: var(--sq-space-4, 1rem);
	border-top: 1px solid var(--sq-border, #e3e8f0);
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
}

.sq-backlink-explorer .sq-blex-disavow__confirmations {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	margin: 1rem 0;
	width: 100%;
	max-width: 40rem;
}

.sq-backlink-explorer .sq-blex-disavow__confirm {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.65rem;
	align-items: start;
	margin: 0;
	padding: 0.75rem 0.85rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: var(--sq-radius-sm, 8px);
	background: var(--sq-surface, #fff);
	line-height: 1.45;
	word-break: break-word;
}

.sq-backlink-explorer .sq-blex-disavow__confirm input {
	margin-top: 0.2rem;
}

.sq-backlink-explorer .sq-blex-disavow__list {
	display: grid;
	gap: 0.5rem;
	margin-top: 0.75rem;
	max-width: 100%;
}

.sq-backlink-explorer .sq-blex-disavow__item {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 0.5rem;
	align-items: start;
	min-width: 0;
}

.sq-backlink-explorer .sq-blex-disavow__item code {
	display: block;
	overflow-wrap: anywhere;
	word-break: break-word;
	font-size: var(--sq-text-xs, 0.75rem);
}

.sq-backlink-explorer .sq-blex-disavow__file {
	max-width: 100%;
	overflow: auto;
}

/* Dashboard cards */
.sq-backlink-explorer .sq-blex-cards {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0 0 1rem;
}

.sq-backlink-explorer .sq-blex-overview-heading {
	margin: 0 0 0.75rem;
	color: #0f172a;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
}

.sq-backlink-explorer .sq-blex-card {
	appearance: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
	width: 100%;
	min-height: 5.5rem;
	padding: 0.85rem 0.9rem 0.9rem;
	border: 2px solid var(--sq-border, #e2e8f0);
	border-top-width: 3px;
	border-radius: 12px;
	background: var(--sq-surface, #fff);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
	color: var(--sq-text, #0f172a);
	text-align: left;
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.sq-backlink-explorer .sq-blex-card:hover:not(:disabled):not([aria-pressed="true"]) {
	border-color: #94a3b8;
	background: #f8fafc;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.sq-backlink-explorer .sq-blex-card:focus {
	outline: none;
}

.sq-backlink-explorer .sq-blex-card:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.2);
}

.sq-backlink-explorer .sq-blex-card.is-active,
.sq-backlink-explorer .sq-blex-card[aria-pressed="true"] {
	border-color: #2563eb;
	background: #eff6ff;
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.14);
}

.sq-backlink-explorer .sq-blex-card.is-active:focus-visible,
.sq-backlink-explorer .sq-blex-card[aria-pressed="true"]:focus-visible {
	outline: 2px solid #1d4ed8;
	outline-offset: 2px;
}

.sq-backlink-explorer .sq-blex-card:disabled,
.sq-backlink-explorer .sq-blex-card[aria-disabled="true"] {
	opacity: 0.55;
	cursor: not-allowed;
	box-shadow: none;
}

.sq-backlink-explorer .sq-blex-card.is-loading {
	opacity: 0.72;
	pointer-events: none;
}

.sq-backlink-explorer .sq-blex-card--blue { border-top-color: #2563eb; }
.sq-backlink-explorer .sq-blex-card--cyan { border-top-color: #06b6d4; }
.sq-backlink-explorer .sq-blex-card--green { border-top-color: #16a34a; }
.sq-backlink-explorer .sq-blex-card--amber { border-top-color: #d97706; }
.sq-backlink-explorer .sq-blex-card--red { border-top-color: #dc2626; }
.sq-backlink-explorer .sq-blex-card--violet { border-top-color: #7c3aed; }
.sq-backlink-explorer .sq-blex-card--slate { border-top-color: #64748b; }

.sq-backlink-explorer .sq-blex-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 6px;
	font-size: 0.75rem;
	font-weight: 700;
	background: #f1f5f9;
	color: #334155;
}

.sq-backlink-explorer .sq-blex-card--blue .sq-blex-card__icon { background: #dbeafe; color: #1d4ed8; }
.sq-backlink-explorer .sq-blex-card--cyan .sq-blex-card__icon { background: #cffafe; color: #0e7490; }
.sq-backlink-explorer .sq-blex-card--green .sq-blex-card__icon { background: #dcfce7; color: #15803d; }
.sq-backlink-explorer .sq-blex-card--amber .sq-blex-card__icon { background: #fef3c7; color: #b45309; }
.sq-backlink-explorer .sq-blex-card--red .sq-blex-card__icon { background: #fee2e2; color: #b91c1c; }
.sq-backlink-explorer .sq-blex-card--violet .sq-blex-card__icon { background: #ede9fe; color: #6d28d9; }

.sq-backlink-explorer .sq-blex-card__icon::before {
	content: '';
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 2px;
	background: currentColor;
}

.sq-backlink-explorer .sq-blex-card__icon[data-icon="links"]::before { content: '↗'; width: auto; height: auto; background: none; }
.sq-backlink-explorer .sq-blex-card__icon[data-icon="domains"]::before { content: '◉'; width: auto; height: auto; background: none; }
.sq-backlink-explorer .sq-blex-card__icon[data-icon="pages"]::before { content: '▤'; width: auto; height: auto; background: none; }
.sq-backlink-explorer .sq-blex-card__icon[data-icon="new"]::before { content: '+'; width: auto; height: auto; background: none; }
.sq-backlink-explorer .sq-blex-card__icon[data-icon="lost"]::before { content: '−'; width: auto; height: auto; background: none; }
.sq-backlink-explorer .sq-blex-card__icon[data-icon="best"]::before { content: '★'; width: auto; height: auto; background: none; }
.sq-backlink-explorer .sq-blex-card__icon[data-icon="follow"]::before { content: '✓'; width: auto; height: auto; background: none; }
.sq-backlink-explorer .sq-blex-card__icon[data-icon="nofollow"]::before { content: '⊘'; width: auto; height: auto; background: none; }
.sq-backlink-explorer .sq-blex-card__icon[data-icon="broken"]::before { content: '!'; width: auto; height: auto; background: none; }
.sq-backlink-explorer .sq-blex-card__icon[data-icon="anchor"]::before { content: '⚓'; width: auto; height: auto; background: none; font-size: 0.7rem; }
.sq-backlink-explorer .sq-blex-card__icon[data-icon="target"]::before { content: '◎'; width: auto; height: auto; background: none; }
.sq-backlink-explorer .sq-blex-card__icon[data-icon="risk"]::before { content: '?'; width: auto; height: auto; background: none; }

.sq-backlink-explorer .sq-blex-card__label {
	color: #64748b;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.3;
}

.sq-backlink-explorer .sq-blex-card__value {
	color: #0f172a;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.2;
	word-break: break-word;
}

.sq-backlink-explorer .sq-blex-meta-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
	margin: 0 0 1rem;
	padding: 0.65rem 0.85rem;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	background: #f8fafc;
	color: #475569;
	font-size: 0.8125rem;
}

.sq-backlink-explorer .sq-blex-meta-strip strong {
	color: #0f172a;
	font-weight: 700;
}

.sq-backlink-explorer .sq-blex-view-label {
	margin: 0.5rem 0 0;
	color: #0f172a;
	font-size: 1rem;
	font-weight: 700;
}

.sq-backlink-explorer .sq-blex-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.15rem 0.45rem;
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
}

.sq-backlink-explorer .sq-blex-badges {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.25rem;
}

.sq-backlink-explorer .sq-blex-badge--low { background: #dcfce7; color: #166534; }
.sq-backlink-explorer .sq-blex-badge--review { background: #fef3c7; color: #92400e; }
.sq-backlink-explorer .sq-blex-badge--higher { background: #fee2e2; color: #991b1b; }
.sq-backlink-explorer .sq-blex-badge--unknown { background: #f1f5f9; color: #475569; }
.sq-backlink-explorer .sq-blex-badge--new { background: #dcfce7; color: #166534; }
.sq-backlink-explorer .sq-blex-badge--lost { background: #fee2e2; color: #991b1b; }
.sq-backlink-explorer .sq-blex-badge--broken { background: #ffedd5; color: #9a3412; }

.sq-backlink-explorer .sq-blex-url__link {
	color: #2563eb;
	text-decoration: none;
}

.sq-backlink-explorer .sq-blex-url__link:hover,
.sq-backlink-explorer .sq-blex-url__link:focus-visible {
	text-decoration: underline;
}

.sq-backlink-explorer .sq-blex-url__ext,
.sq-backlink-explorer .sq-blex-url__ext-link {
	color: #64748b;
	text-decoration: none;
	font-weight: 700;
}

.sq-backlink-explorer .sq-blex-domain-btn {
	appearance: none;
	border: 0;
	padding: 0;
	background: transparent;
	color: #2563eb;
	font: inherit;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	text-decoration: underline;
}

.sq-backlink-explorer .sq-blex-domain-btn:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
}

.sq-backlink-explorer .sq-blex-chart-wrap {
	margin: 0.75rem 0 1rem;
	padding: 0.75rem;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #fff;
}

.sq-backlink-explorer .sq-blex-chart {
	display: block;
	width: 100%;
	height: auto;
	max-height: 180px;
}

.sq-backlink-explorer .sq-blex-chart-legend {
	margin: 0.5rem 0 0;
}

.sq-backlink-explorer .sq-blex-dot {
	display: inline-block;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 999px;
	vertical-align: middle;
}

.sq-backlink-explorer .sq-blex-dot--new { background: #16a34a; }
.sq-backlink-explorer .sq-blex-dot--lost { background: #dc2626; }

.sq-backlink-explorer .sq-blex-skeleton,
.sq-backlink-explorer .sq-blex-panel--loading .sq-table-wrap {
	position: relative;
}

.sq-backlink-explorer .sq-blex-skeleton:not([hidden]) {
	display: block;
	height: 4rem;
	margin-bottom: 0.75rem;
	border-radius: 10px;
	background: linear-gradient(90deg, #eef2f7 0%, #f8fafc 50%, #eef2f7 100%);
	background-size: 200% 100%;
	animation: sq-blex-shimmer 1.2s ease-in-out infinite;
}

@keyframes sq-blex-shimmer {
	0% { background-position: 100% 0; }
	100% { background-position: -100% 0; }
}

.sq-backlink-explorer .sq-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.sq-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* -------------------------------------------------------------------------
 * Backlink Insights table redesign (1.7.3) + details refinements (1.7.4)
 * Compact primary columns + expandable details. No body overflow-x:hidden.
 * ---------------------------------------------------------------------- */

.searqo-report-container {
	width: min(calc(100% - 32px), var(--sq-container-wide, 1440px));
	margin-inline: auto;
	min-width: 0;
}

.sq-section--tight:has(.sq-backlink-explorer) > .sq-container {
	max-width: min(100%, var(--sq-container-wide, 1440px));
}

.searqo-report,
.searqo-report-panel,
.searqo-table-wrap {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.sq-backlink-explorer .searqo-table-wrap {
	overflow-x: visible;
}

.searqo-backlinks-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	align-items: flex-end;
	margin: 0 0 var(--sq-space-3, 0.75rem);
	min-width: 0;
}

.searqo-backlinks-controls .sq-field {
	flex: 1 1 9rem;
	min-width: 0;
	margin: 0;
}

.searqo-backlinks-controls__search {
	flex: 2 1 14rem;
}

.searqo-backlinks-controls__actions {
	flex: 1 1 100%;
	margin: 0;
}

.searqo-backlink-row[hidden],
.searqo-backlink-details-row[hidden] {
	display: none !important;
}

.searqo-backlinks-table {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
}

.searqo-backlinks-table th,
.searqo-backlinks-table td {
	min-width: 0;
	vertical-align: top;
	overflow: hidden;
}

.searqo-backlinks-table .searqo-col-referring { width: 32%; }
.searqo-backlinks-table .searqo-col-target { width: 23%; }
.searqo-backlinks-table .searqo-col-anchor { width: 15%; }
.searqo-backlinks-table .searqo-col-status { width: 15%; }
.searqo-backlinks-table .searqo-col-rank { width: 7%; }
.searqo-backlinks-table .searqo-col-details { width: 8%; }

.searqo-backlink-row:hover > td {
	background: var(--sq-surface-sunken, #f4f7fb);
}

.searqo-backlink-row.is-expanded > td {
	background: var(--sq-blue-soft, #eff4ff);
}

.searqo-referring-page {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	min-width: 0;
}

.searqo-referring-page__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	font-weight: 600;
	color: var(--sq-navy, #0b1220);
	line-height: 1.35;
	word-break: break-word;
}

.searqo-referring-page__domain {
	font-size: var(--sq-text-xs, 0.75rem);
	color: var(--sq-text-muted, #5b6474);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.searqo-referring-page__url,
.searqo-col-target .sq-blex-url {
	max-width: 100%;
}

.searqo-backlinks-table .sq-blex-url {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	max-width: 100%;
	min-width: 0;
}

.searqo-backlinks-table .sq-blex-url__link {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: none;
	color: var(--sq-blue, #2563eb);
}

.searqo-anchor-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	word-break: break-word;
}

.searqo-rank {
	font-weight: 700;
	color: var(--sq-violet, #7c3aed);
}

.sq-blex-copy--icon {
	padding: 0.2rem 0.35rem;
	line-height: 1;
	min-width: 1.75rem;
}

.sq-blex-badge--dofollow,
.sq-blex-badge--live {
	background: #dcfce7;
	color: #166534;
}

.sq-blex-badge--nofollow {
	background: #fef3c7;
	color: #92400e;
}

.searqo-row-details-toggle {
	appearance: none;
	border: 1px solid var(--sq-border, #e3e8f0);
	background: var(--sq-surface, #fff);
	color: var(--sq-blue, #2563eb);
	font: inherit;
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 600;
	padding: 0.35rem 0.55rem;
	border-radius: var(--sq-radius-sm, 8px);
	cursor: pointer;
	white-space: nowrap;
}

.searqo-row-details-toggle:hover {
	border-color: var(--sq-blue-border, #c7d8fd);
	background: var(--sq-blue-soft, #eff4ff);
}

.searqo-row-details-toggle:focus-visible {
	outline: 2px solid var(--sq-focus, #2563eb);
	outline-offset: 2px;
}

.searqo-backlink-details-row > td {
	padding: 0;
	background: transparent;
	overflow: visible;
}

.searqo-backlink-details-cell {
	padding: 0.75rem 0.85rem 1rem !important;
}

.searqo-backlink-details-panel {
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 12px;
	background: var(--sq-surface, #fff);
	padding: 1rem;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.searqo-backlink-details-section + .searqo-backlink-details-section {
	margin-top: 1rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--sq-border, #e3e8f0);
}

.searqo-backlink-details-section__title {
	margin: 0 0 0.65rem;
	font-size: var(--sq-text-sm, 0.8125rem);
	font-weight: 700;
	color: var(--sq-navy, #0b1220);
}

.searqo-backlink-details-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
}

.searqo-backlink-detail {
	min-width: 0;
	margin: 0;
}

.searqo-backlink-detail__label {
	margin: 0 0 0.2rem;
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--sq-slate, #475569);
}

.searqo-backlink-detail__value {
	margin: 0;
	font-size: var(--sq-text-sm, 0.8125rem);
	color: var(--sq-text, #152033);
	word-break: break-word;
	overflow-wrap: anywhere;
}

.searqo-spam-meter {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	max-width: 14rem;
}

.searqo-spam-meter__label {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.searqo-spam-meter__track {
	height: 0.5rem;
	border-radius: 999px;
	background: #e2e8f0;
	overflow: hidden;
}

.searqo-spam-meter__fill {
	height: 100%;
	border-radius: 999px;
	min-width: 0;
}

.searqo-spam-meter__fill--low {
	background: #166534;
}

.searqo-spam-meter__fill--review {
	background: #92400e;
}

.searqo-spam-meter__fill--higher {
	background: #991b1b;
}

.searqo-spam-meter:focus-visible {
	outline: 2px solid var(--sq-focus, #2563eb);
	outline-offset: 2px;
}

.searqo-risk-reasons {
	margin: 0;
	padding-left: 1.1rem;
}

.searqo-risk-reasons li + li {
	margin-top: 0.2rem;
}

.searqo-rank-value {
	font-variant-numeric: tabular-nums;
	cursor: help;
}

.searqo-humanized {
	cursor: help;
}

.searqo-detail-url .sq-blex-url__link {
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
	word-break: break-all;
}

@media (max-width: 1100px) and (min-width: 769px) {
	.searqo-backlinks-table .searqo-col-anchor,
	.searqo-backlinks-table th.searqo-col-anchor,
	.searqo-backlinks-table td.searqo-col-anchor {
		display: none;
	}

	.searqo-backlinks-table .searqo-col-referring { width: 36%; }
	.searqo-backlinks-table .searqo-col-target { width: 28%; }
	.searqo-backlinks-table .searqo-col-status { width: 18%; }
	.searqo-backlinks-table .searqo-col-rank { width: 8%; }
	.searqo-backlinks-table .searqo-col-details { width: 10%; }

	.searqo-backlink-details-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.searqo-backlinks-table,
	.searqo-backlinks-table tbody,
	.searqo-backlinks-table tr.searqo-backlink-row,
	.searqo-backlinks-table tr.searqo-backlink-details-row,
	.searqo-backlinks-table th,
	.searqo-backlinks-table td {
		display: block;
		width: 100% !important;
	}

	.searqo-backlinks-table thead,
	.searqo-backlinks-table colgroup {
		display: none;
	}

	.searqo-backlinks-table tr.searqo-backlink-row {
		margin: 0 0 0.85rem;
		padding: 0.85rem;
		border: 1px solid var(--sq-border, #e3e8f0);
		border-radius: 12px;
		background: var(--sq-surface, #fff);
		box-sizing: border-box;
	}

	.searqo-backlinks-table tr.searqo-backlink-row > td {
		display: block;
		padding: 0.35rem 0;
		border: 0;
		overflow: visible;
	}

	.searqo-backlinks-table tr.searqo-backlink-row > td::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 0.2rem;
		color: var(--sq-text-muted, #5b6474);
		font-size: var(--sq-text-xs, 0.75rem);
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.04em;
	}

	.searqo-backlinks-table tr.searqo-backlink-row > td.searqo-col-referring::before {
		display: none;
	}

	.searqo-backlinks-table .sq-blex-url__link {
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: unset !important;
		overflow-wrap: anywhere;
		word-break: break-all;
		max-width: none !important;
	}

	.searqo-backlinks-table .sq-blex-url {
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.searqo-backlink-details-row {
		margin: -0.55rem 0 0.85rem;
	}

	.searqo-backlink-details-cell {
		padding: 0 !important;
	}

	.searqo-backlink-details-grid {
		grid-template-columns: 1fr 1fr;
	}

	.searqo-backlinks-controls .sq-field {
		flex: 1 1 calc(50% - 0.5rem);
	}

	.searqo-backlinks-controls__search {
		flex: 1 1 100%;
	}
}

@media (max-width: 520px) {
	.searqo-backlink-details-grid {
		grid-template-columns: 1fr;
	}

	.searqo-backlinks-controls .sq-field {
		flex: 1 1 100%;
	}

	.searqo-report-container {
		width: min(calc(100% - 16px), 1600px);
	}
}

@media (max-width: 90em) {
	.sq-backlink-explorer .sq-blex-cards {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 64em) {
	.sq-backlink-explorer .sq-blex-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 48em) {
	.sq-backlink-explorer .sq-blex-header__actions {
		width: 100%;
	}

	.sq-backlink-explorer .sq-blex-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sq-backlink-explorer .sq-blex-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}

	.sq-backlink-explorer .sq-blex-table,
	.sq-backlink-explorer .sq-blex-table tbody,
	.sq-backlink-explorer .sq-blex-table tr,
	.sq-backlink-explorer .sq-blex-table td {
		display: block;
		width: 100%;
	}

	.sq-backlink-explorer .sq-blex-table tr {
		margin-bottom: 0.85rem;
		padding: 0.75rem;
		border: 1px solid var(--sq-border, #e3e8f0);
		border-radius: var(--sq-radius-sm, 8px);
	}

	.sq-backlink-explorer .sq-blex-table td {
		display: grid;
		grid-template-columns: minmax(6rem, 34%) 1fr;
		gap: 0.5rem;
		padding: 0.35rem 0;
		border: 0;
	}

	.sq-backlink-explorer .sq-blex-table td::before {
		content: attr(data-label);
		font-weight: 600;
		color: var(--sq-text-muted, #5b6474);
	}

	/* Keep the redesigned Backlinks table on the 1.7.3 card layout. */
	.sq-backlink-explorer .searqo-backlinks-table tr.searqo-backlink-row {
		margin: 0 0 0.85rem;
		padding: 0.85rem;
		border: 1px solid var(--sq-border, #e3e8f0);
		border-radius: 12px;
		background: var(--sq-surface, #fff);
	}

	.sq-backlink-explorer .searqo-backlinks-table tr.searqo-backlink-details-row {
		margin: -0.55rem 0 0.85rem;
		padding: 0;
		border: 0;
		background: transparent;
	}

	.sq-backlink-explorer .searqo-backlinks-table tr.searqo-backlink-row > td {
		display: block;
		grid-template-columns: none;
		padding: 0.35rem 0;
	}

	.sq-backlink-explorer .searqo-backlinks-table tr.searqo-backlink-row > td::before {
		display: block;
		margin-bottom: 0.2rem;
		font-size: var(--sq-text-xs, 0.75rem);
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.04em;
	}

	.sq-backlink-explorer .searqo-backlinks-table tr.searqo-backlink-row > td.searqo-col-referring::before {
		display: none;
		content: none;
	}

	.sq-backlink-explorer .searqo-backlinks-table .searqo-backlink-details-cell {
		display: block;
		padding: 0 !important;
	}

	.sq-backlink-explorer .searqo-backlinks-table .searqo-backlink-details-cell::before {
		display: none;
		content: none;
	}
}

@media (max-width: 30em) {
	.sq-backlink-explorer .sq-blex-cards {
		grid-template-columns: 1fr 1fr;
	}

	.sq-backlink-explorer .sq-blex-card {
		min-height: 4.75rem;
		padding: 0.7rem;
	}

	.sq-backlink-explorer .sq-blex-card__value {
		font-size: 1.1rem;
	}
}


/* -------------------------------------------------------------------------
 * Shared report chrome (1.7.0) — aligns every tool with Backlink Insights.
 * ---------------------------------------------------------------------- */

.searqo-report {
	margin-top: var(--sq-space-2, 0.5rem);
}

.sq-report-header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--sq-space-3, 0.75rem) var(--sq-space-4, 1rem);
	margin: 0 0 var(--sq-space-4, 1rem);
	padding-bottom: var(--sq-space-3, 0.75rem);
	border-bottom: 1px solid var(--sq-border, #e3e8f0);
}

.sq-report-header__meta {
	min-width: 0;
	flex: 1 1 14rem;
}

.sq-report-header__title {
	margin: 0 0 0.25rem;
	font-size: var(--sq-text-lg, 1.125rem);
	font-weight: 700;
	word-break: break-word;
}

.sq-report-header__line {
	margin: 0;
	font-size: var(--sq-text-sm, 0.8125rem);
	color: var(--sq-text-muted, #5b6474);
}

.sq-report-header__actions {
	flex: 0 0 auto;
}

.searqo-report .sq-metrics,
.sq-metrics--report {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr));
	margin-bottom: var(--sq-space-4, 1rem);
}

/* Keyword metric grids prefer fixed 1 / 2 / 4 columns over auto-fit. */
.searqo-report .sq-metrics--keyword,
.sq-metrics--report.sq-metrics--keyword {
	gap: 1rem;
	grid-template-columns: 1fr;
	margin-bottom: 1.25rem;
}

@media (min-width: 640px) {
	.searqo-report .sq-metrics--keyword,
	.sq-metrics--report.sq-metrics--keyword {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.searqo-report .sq-metrics--keyword,
	.sq-metrics--report.sq-metrics--keyword {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.searqo-report .sq-metric,
.sq-metrics--report .sq-metric {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
	min-height: 5.25rem;
	padding: 0.85rem 0.9rem 0.9rem;
	border: 2px solid var(--sq-border, #e2e8f0);
	border-top-width: 3px;
	border-radius: var(--sq-report-card-radius, 12px);
	background: var(--sq-surface, #fff);
	box-shadow: var(--sq-report-card-shadow, 0 1px 2px rgba(15, 23, 42, 0.05));
}

.searqo-report .sq-metric__label,
.sq-metrics--report .sq-metric__label {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.searqo-report .sq-metric__value,
.sq-metrics--report .sq-metric__value {
	margin: 0;
	font-size: var(--sq-report-metric-value, clamp(1.25rem, 1.1rem + 0.55vw, 1.625rem));
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.02em;
	font-variant-numeric: tabular-nums;
	color: var(--sq-text, #0f172a);
	word-break: break-word;
}

.searqo-report .sq-metric__value--text,
.sq-metrics--report .sq-metric__value--text {
	font-size: var(--sq-text-lg, 1.125rem);
	line-height: 1.3;
}

.searqo-report .sq-metric__meta,
.sq-metrics--report .sq-metric__meta {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
}

.sq-report-card {
	margin: 0 0 var(--sq-space-4, 1rem);
	padding: 0.9rem 1rem;
	border: 2px solid var(--sq-border, #e2e8f0);
	border-radius: var(--sq-report-card-radius, 12px);
	background: var(--sq-surface, #fff);
	box-shadow: var(--sq-report-card-shadow, 0 1px 2px rgba(15, 23, 42, 0.05));
}

.sq-report-card__label {
	margin: 0 0 0.35rem;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.sq-report-card__body {
	margin: 0;
	word-break: break-word;
}

.sq-report-card__body a {
	font-weight: 600;
}

.sq-usage-status {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
	margin: 0 0 var(--sq-space-4, 1rem);
	padding: 0.65rem 0.85rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: var(--sq-radius, 10px);
	background: var(--sq-surface-sunken, #f4f7fb);
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
}

.sq-usage-status strong {
	color: var(--sq-text, #111827);
	font-variant-numeric: tabular-nums;
}

.sq-provider-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	padding: 0.2rem 0.55rem;
	border: 1px solid var(--sq-blue-border, #c7d8fd);
	border-radius: var(--sq-radius-sm, 6px);
	background: var(--sq-blue-soft, #eff4ff);
	color: var(--sq-blue-active, #1e40af);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 700;
	line-height: 1.4;
	white-space: nowrap;
}

.sq-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sq-serp-badge,
.sq-badge.sq-serp-badge {
	border-color: var(--sq-blue-border, #c7d8fd);
	background: var(--sq-blue-soft, #eff4ff);
	color: var(--sq-blue-active, #1e40af);
	text-transform: capitalize;
}

.sq-chart {
	width: 100%;
	max-width: 40rem;
	margin: 0 0 var(--sq-space-3, 0.75rem);
	overflow: hidden;
}

.sq-chart svg {
	display: block;
	width: 100%;
	height: auto;
}

.sq-chart__empty {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
}

@media (prefers-reduced-motion: reduce) {
	.searqo-report .sq-metric,
	.sq-metrics--report .sq-metric,
	.sq-report-card,
	.sq-blex-card {
		transition: none;
	}
}

/* Keyword Intelligence / Backlink: use shared report tabs (theme .sq-tabs--report). */
.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs,
.sq-backlink-explorer .sq-tabs {
	margin-top: var(--sq-space-4, 1rem);
}

.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__list,
.sq-backlink-explorer .sq-tabs__list {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.25rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	padding: 0 0 0.35rem;
	border: 0;
	border-bottom: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 0;
	background: transparent;
	margin-bottom: var(--sq-space-4, 1rem);
}

.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__tab,
.sq-backlink-explorer .sq-tabs__tab {
	appearance: none;
	flex: 0 0 auto;
	min-height: 0;
	border: 0;
	background: transparent;
	color: var(--sq-text-muted, #5b6474);
	font: inherit;
	font-weight: 600;
	font-size: var(--sq-text-sm, 0.8125rem);
	padding: 0.55rem 0.85rem;
	border-radius: var(--sq-radius-sm, 8px) var(--sq-radius-sm, 8px) 0 0;
	cursor: pointer;
	white-space: nowrap;
	box-shadow: none;
}

.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__tab:hover,
.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__tab:focus-visible,
.sq-backlink-explorer .sq-tabs__tab:hover,
.sq-backlink-explorer .sq-tabs__tab:focus-visible {
	color: var(--sq-text, #152033);
	background: transparent;
	outline: 2px solid var(--sq-focus, #2563eb);
	outline-offset: 2px;
}

.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__tab[aria-selected="true"],
.sq-backlink-explorer .sq-tabs__tab[aria-selected="true"] {
	background: transparent;
	color: var(--sq-text, #152033);
	box-shadow: inset 0 -2px 0 var(--sq-accent, #2563eb);
}

.sq-backlink-explorer .sq-tabs__tab:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.sq-backlink-explorer .sq-tabs__panel,
.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__panel {
	min-width: 0;
}

.sq-form__actions .sq-btn.sq-btn--primary,
.sq-form__actions .sq-btn:not(.sq-btn--secondary):not(.sq-btn--ghost) {
	background-color: #2563eb;
	color: #ffffff;
}

.sq-form__actions .sq-btn.sq-btn--primary:hover,
.sq-form__actions .sq-btn:not(.sq-btn--secondary):not(.sq-btn--ghost):hover {
	background-color: #1d4ed8;
	color: #ffffff;
}

.sq-form__actions .sq-btn.sq-btn--primary:active,
.sq-form__actions .sq-btn:not(.sq-btn--secondary):not(.sq-btn--ghost):active {
	background-color: #1e40af;
	color: #ffffff;
}

.sq-form__actions .sq-btn.sq-btn--primary:focus-visible,
.sq-form__actions .sq-btn:not(.sq-btn--secondary):not(.sq-btn--ghost):focus-visible {
	outline: 2px solid #93c5fd;
	outline-offset: 2px;
	color: #ffffff;
}

/* -------------------------------------------------------------------------
 * Mobile keyword results cards (1.7.5)
 * Dedicated card list under 768px. Desktop table stays unchanged.
 * ---------------------------------------------------------------------- */

.searqo-mobile-results {
	width: 100%;
	max-width: 100%;
	padding-inline: 16px;
	box-sizing: border-box;
	min-width: 0;
	display: none;
}

.searqo-results-container,
.searqo-report.searqo-results-container,
.sq-tool__results.searqo-results-container {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.searqo-results-container {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow: visible;
	}

	.searqo-has-mobile-cards .searqo-desktop-keyword-table,
	.searqo-has-mobile-cards .searqo-desktop-keyword-filter {
		display: none !important;
	}

	.searqo-has-mobile-cards .searqo-mobile-results {
		display: block;
	}

	/* Prefer purpose-built cards over stacked-label table conversion. */
	.searqo-has-mobile-cards .sq-table--report.searqo-keyword-table,
	.searqo-has-mobile-cards .sq-table--report.searqo-keyword-table tbody,
	.searqo-has-mobile-cards .sq-table--report.searqo-keyword-table tr,
	.searqo-has-mobile-cards .sq-table--report.searqo-keyword-table th,
	.searqo-has-mobile-cards .sq-table--report.searqo-keyword-table td {
		display: none;
	}

	.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__list,
	.sq-tool[data-searqo-tool="keyword-gap"] .sq-tabs__list {
		display: flex;
		flex-wrap: nowrap;
		gap: 0.25rem;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		max-width: 100%;
		min-width: 0;
	}

	.sq-tool[data-searqo-tool="keyword-research"] .sq-tabs__tab,
	.sq-tool[data-searqo-tool="keyword-gap"] .sq-tabs__tab {
		flex: 0 0 auto;
		white-space: nowrap;
	}
}

.searqo-mobile-toolbar {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin: 0 0 1rem;
	min-width: 0;
}

.searqo-mobile-toolbar__search {
	min-width: 0;
}

.searqo-mobile-toolbar__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
	min-width: 0;
}

.searqo-mobile-toolbar__btn,
.searqo-mobile-toolbar__sort {
	min-height: 44px;
	min-width: 44px;
}

.searqo-mobile-toolbar__sort {
	flex: 1 1 8rem;
	max-width: 100%;
}

.searqo-mobile-toolbar__count {
	margin: 0;
	flex: 1 1 100%;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
}

.searqo-mobile-filter-drawer {
	margin: 0 0 1rem;
	padding: 1rem;
	border: 1px solid #dbe3ef;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

.searqo-mobile-filter-drawer[hidden] {
	display: none !important;
}

.searqo-mobile-empty[hidden],
.searqo-mobile-pagination[hidden],
.searqo-mobile-action-bar[hidden] {
	display: none !important;
}

.searqo-mobile-filter-drawer__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
}

.searqo-mobile-filter-drawer__footer {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.85rem;
}

.searqo-keyword-card-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}

.searqo-keyword-card {
	padding: 16px;
	border: 1px solid #dbe3ef;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
	transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.searqo-keyword-card.is-selected {
	border-color: #2563eb;
	background: #eff6ff;
	box-shadow: 0 6px 18px rgba(37, 99, 235, 0.12);
}

.searqo-keyword-card__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 12px;
}

.searqo-keyword-card__title {
	flex: 1 1 auto;
	min-width: 0;
}

.searqo-keyword-card__title h3 {
	margin: 0 0 0.4rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--sq-navy, #0b1220);
	word-break: break-word;
	overflow-wrap: anywhere;
}

.searqo-intent-badge {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
}

.searqo-keyword-card__select {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 44px;
	height: 44px;
	margin: -4px -4px 0 0;
	border-radius: 10px;
	cursor: pointer;
}

.searqo-keyword-card__select input {
	width: 20px;
	height: 20px;
	margin: 0;
	accent-color: #2563eb;
}

.searqo-keyword-card__select:focus-within {
	outline: 2px solid var(--sq-focus, #2563eb);
	outline-offset: 2px;
}

.searqo-keyword-card__metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.searqo-keyword-metric {
	min-width: 0;
	padding: 12px;
	border-radius: 12px;
	background: #f6f8fc;
}

.searqo-keyword-metric__label {
	display: block;
	margin: 0 0 0.25rem;
	color: var(--sq-text-muted, #5b6474);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.searqo-keyword-metric__value {
	display: block;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--sq-text, #152033);
	word-break: break-word;
}

.searqo-keyword-card__footer {
	margin-top: 12px;
	padding-top: 4px;
}

.searqo-keyword-card__details-toggle {
	appearance: none;
	min-height: 44px;
	padding: 0.4rem 0.75rem;
	border: 1px solid #dbe3ef;
	border-radius: 10px;
	background: #fff;
	color: #2563eb;
	font: inherit;
	font-size: 0.8125rem;
	font-weight: 600;
	cursor: pointer;
}

.searqo-keyword-card__details-toggle:hover {
	background: #eff4ff;
	border-color: #c7d8fd;
}

.searqo-keyword-card__details-toggle:focus-visible {
	outline: 2px solid var(--sq-focus, #2563eb);
	outline-offset: 2px;
}

.searqo-keyword-card__details {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e3e8f0;
}

.searqo-keyword-card__details-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.65rem;
	margin: 0;
}

.searqo-keyword-card__detail dt {
	margin: 0 0 0.15rem;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--sq-text-muted, #5b6474);
}

.searqo-keyword-card__detail dd {
	margin: 0;
	font-size: 0.875rem;
	color: var(--sq-text, #152033);
	word-break: break-word;
	overflow-wrap: anywhere;
}

.searqo-mobile-empty {
	padding: 1.25rem;
	border: 1px dashed #dbe3ef;
	border-radius: 16px;
	background: #f8fafc;
	text-align: center;
}

.searqo-mobile-pagination {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.75rem;
	margin: 1rem 0 0;
}

.searqo-mobile-pagination__showing {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
}

.searqo-mobile-pagination__more {
	min-height: 44px;
	width: 100%;
}

.searqo-mobile-action-bar {
	position: sticky;
	bottom: 0;
	z-index: 30;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	margin-top: 1rem;
	padding: 0.85rem 0 calc(0.85rem + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid #dbe3ef;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(8px);
	box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08);
}

.searqo-mobile-action-bar__count {
	font-weight: 700;
	color: var(--sq-navy, #0b1220);
}

.searqo-mobile-action-bar__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.searqo-mobile-action-bar__actions .sq-btn {
	min-height: 44px;
}

.searqo-mobile-results.has-sticky-selection .searqo-keyword-card-list,
.searqo-mobile-results.has-sticky-selection .searqo-mobile-pagination {
	padding-bottom: 0.5rem;
}

.searqo-keyword-card--skeleton {
	min-height: 168px;
	background: linear-gradient(90deg, #f1f5f9 0%, #e8eef6 50%, #f1f5f9 100%);
	background-size: 200% 100%;
	animation: searqo-kw-skeleton 1.2s ease-in-out infinite;
	border: 0;
	box-shadow: none;
}

.searqo-keyword-card-skeletons {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.searqo-keyword-card-skeletons[hidden] {
	display: none !important;
}

@keyframes searqo-kw-skeleton {
	0% { background-position: 100% 0; }
	100% { background-position: -100% 0; }
}

@media (prefers-reduced-motion: reduce) {
	.searqo-keyword-card,
	.searqo-keyword-card--skeleton {
		transition: none;
		animation: none;
	}
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

@media (min-width: 768px) {
	.searqo-mobile-results {
		display: none !important;
	}
}

/* -------------------------------------------------------------------------
 * Keyword Intelligence — related keywords option (1.7.6)
 *
 * Do NOT reuse .sq-check here: that selector is the On-Page SEO result card
 * (padded white rounded box) and collides with form checkbox labels.
 * ---------------------------------------------------------------------- */

.searqo-related-keywords-option {
	position: relative;
	width: 100%;
	min-width: 0;
	margin-top: 16px;
	margin-bottom: 16px;
	overflow: visible;
	z-index: auto;
}

.searqo-checkbox-row {
	position: relative;
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	width: 100%;
	min-width: 0;
	min-height: var(--sq-tap, 44px);
	padding: 16px;
	box-sizing: border-box;
	border: 1px solid var(--searqo-border, var(--sq-border, #e3e8f0));
	border-radius: 14px;
	background: #f8fafc;
	overflow: visible;
	cursor: pointer;
}

.searqo-checkbox-row input[type="checkbox"] {
	position: relative;
	z-index: 1;
	width: 20px;
	height: 20px;
	margin: 2px 0 0;
	flex: none;
	accent-color: var(--searqo-blue, var(--sq-blue, #2563eb));
}

.searqo-checkbox-row__content {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.searqo-checkbox-row__content strong {
	color: var(--sq-text, #111827);
	font-size: var(--sq-text-base, 1rem);
	font-weight: 700;
	line-height: 1.35;
}

.searqo-checkbox-row__summary {
	display: block;
	color: var(--searqo-slate, var(--sq-slate, #475569));
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

@media (max-width: 767px) {
	.searqo-related-keywords-option {
		margin-top: 14px;
	}

	.searqo-checkbox-row {
		padding: 14px;
		border-radius: 12px;
	}

	.searqo-checkbox-row__summary {
		font-size: 14px;
	}
}

/* -------------------------------------------------------------------------
 * Keyword Intelligence — Clusters / Questions / Related (1.7.7)
 * ---------------------------------------------------------------------- */

.searqo-report .sq-metrics,
.searqo-report .sq-tabs__panel,
.searqo-report [data-searqo-attribution],
.searqo-report .searqo-ki-panel,
.searqo-ki-cluster-card h3,
.searqo-ki-question-card h3 {
	scroll-margin-top: calc(var(--searqo-mobile-header-height, var(--sq-header-height, 76px)) + 16px);
}

.searqo-ki-tabs__list {
	max-width: 100%;
}

.searqo-ki-tabs__tab {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	max-width: 100%;
}

.searqo-ki-tabs__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.4rem;
	padding: 0.1rem 0.4rem;
	border-radius: 999px;
	background: #e8eef8;
	color: var(--sq-text, #152033);
	font-size: 0.7rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.searqo-ki-tabs__tab[aria-selected="true"] .searqo-ki-tabs__count {
	background: #dbeafe;
	color: #1d4ed8;
}

.searqo-ki-toolbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.75rem;
	margin-bottom: 1rem;
	min-width: 0;
}

.searqo-ki-toolbar__count {
	margin: 0;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-sm, 0.8125rem);
}

.searqo-ki-explain {
	margin: 0 0 1rem;
	font-size: var(--sq-text-sm, 0.8125rem);
	line-height: 1.5;
}

.searqo-ki-empty {
	padding: 1.25rem;
	border: 1px dashed #dbe3ef;
	border-radius: 16px;
	background: #f8fafc;
	text-align: center;
}

.searqo-ki-empty__title {
	margin: 0 0 0.5rem;
	font-weight: 700;
	color: var(--sq-text, #152033);
}

.searqo-ki-empty .sq-btn {
	margin-top: 0.75rem;
	min-height: 44px;
}

.searqo-ki-cluster-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	min-width: 0;
}

.searqo-ki-cluster-card {
	min-width: 0;
	padding: 16px;
	border: 1px solid #dbe3ef;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.searqo-ki-cluster-card__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.85rem;
}

.searqo-ki-cluster-card__title {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.35rem 0.65rem;
	align-items: start;
	min-width: 0;
}

.searqo-ki-cluster-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 10px;
	background: #ecfeff;
	color: #0e7490;
	font-weight: 700;
}

.searqo-ki-cluster-card__title h3 {
	margin: 0;
	grid-column: 2;
	font-size: 1.05rem;
	line-height: 1.3;
	color: var(--sq-navy, #0b1220);
	overflow-wrap: anywhere;
}

.searqo-ki-cluster-card__count {
	margin: 0;
	grid-column: 2;
	color: var(--sq-text-muted, #5b6474);
	font-size: 0.8125rem;
}

.searqo-ki-cluster-card__toggle {
	flex: none;
	min-height: 44px;
}

.searqo-ki-cluster-card__metrics,
.searqo-ki-question-card__metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 0.85rem;
}

.searqo-ki-metric {
	min-width: 0;
	padding: 12px;
	border-radius: 12px;
	background: #f6f8fc;
}

.searqo-ki-metric__label {
	display: block;
	margin: 0 0 0.25rem;
	color: var(--sq-text-muted, #5b6474);
	font-size: 0.72rem;
	font-weight: 700;
}

.searqo-ki-metric__value {
	display: block;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--sq-text, #152033);
	word-break: break-word;
}

.searqo-ki-cluster-card__reason {
	margin: 0 0 0.85rem;
	font-size: 0.8125rem;
	line-height: 1.45;
}

.searqo-ki-cluster-card__body {
	display: grid;
	gap: 0.65rem;
	margin-bottom: 0.85rem;
}

.searqo-ki-cluster-row {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 0.5rem;
	align-items: start;
	padding: 0.65rem 0.75rem;
	border: 1px solid #e8eef6;
	border-radius: 12px;
	background: #fbfcfe;
	min-width: 0;
}

.searqo-ki-cluster-row.is-selected {
	border-color: #93c5fd;
	background: #eff6ff;
}

.searqo-ki-cluster-row__select {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	margin: 0;
	cursor: pointer;
}

.searqo-ki-cluster-row__select input {
	width: 20px;
	height: 20px;
	accent-color: #2563eb;
}

.searqo-ki-cluster-row__keyword {
	margin: 0 0 0.25rem;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.searqo-ki-cluster-row__meta {
	margin: 0 0 0.35rem;
	color: var(--sq-text-muted, #5b6474);
	font-size: 0.8125rem;
}

.searqo-ki-cluster-row__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	align-items: center;
}

.searqo-ki-cluster-row__cpc {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--sq-text, #152033);
}

.searqo-ki-cluster-card__actions,
.searqo-ki-question-card__footer {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.searqo-ki-cluster-card__actions .sq-btn,
.searqo-ki-question-card__footer .sq-btn,
.searqo-ki-cluster-card__more {
	min-height: 44px;
}

.searqo-ki-question-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	min-width: 0;
}

.searqo-ki-question-card {
	min-width: 0;
	padding: 16px;
	border: 1px solid #c7d8fd;
	border-radius: 16px;
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 48%);
	box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06);
	border-left: 4px solid #60a5fa;
}

.searqo-ki-question-card.is-selected {
	box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
}

.searqo-ki-question-card__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.85rem;
}

.searqo-ki-question-card__title {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.35rem 0.65rem;
	min-width: 0;
}

.searqo-ki-question-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	background: #dbeafe;
	color: #1d4ed8;
	font-weight: 800;
}

.searqo-ki-question-card__title h3 {
	margin: 0;
	grid-column: 2;
	font-size: 1.02rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.searqo-ki-question-type {
	grid-column: 2;
	display: inline-flex;
	width: fit-content;
	padding: 0.15rem 0.5rem;
	border-radius: 999px;
	background: #eff6ff;
	color: #1d4ed8;
	font-size: 0.72rem;
	font-weight: 700;
}

.searqo-ki-question-card__select {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	flex: none;
	cursor: pointer;
}

.searqo-ki-question-card__select input {
	width: 20px;
	height: 20px;
	accent-color: #2563eb;
}

.searqo-ki-selection-bar {
	position: sticky;
	bottom: 0;
	z-index: 60;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	margin-top: 1rem;
	padding: 0.85rem 0 calc(0.85rem + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid #dbe3ef;
	background: rgba(255, 255, 255, 0.98);
	backdrop-filter: blur(8px);
	box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08);
	pointer-events: auto;
}

.searqo-ki-selection-bar__count {
	font-weight: 700;
	color: var(--sq-navy, #0b1220);
}

.searqo-ki-selection-bar__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: stretch;
}

.searqo-ki-selection-bar__actions .sq-btn,
.searqo-kw-action {
	min-height: 44px;
	border-radius: 12px;
	pointer-events: auto;
}

.searqo-kw-action:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
}

.searqo-kw-action:disabled,
.searqo-kw-action[aria-disabled="true"] {
	opacity: 0.55;
	cursor: not-allowed;
}

.searqo-kw-action--clear {
	color: #64748b;
	background: transparent;
	border-color: transparent;
}

.searqo-kw-action--clear:hover:not(:disabled):not([aria-disabled="true"]) {
	color: #b91c1c;
	background: #fef2f2;
}

.sq-btn--outline,
.searqo-kw-action--export {
	background: #fff;
	border: 1px solid #93c5fd;
	color: #1d4ed8;
}

.sq-btn--outline:hover:not(:disabled):not([aria-disabled="true"]),
.searqo-kw-action--export:hover:not(:disabled):not([aria-disabled="true"]) {
	background: #eff6ff;
	border-color: #60a5fa;
}

.searqo-kw-export {
	position: relative;
	display: inline-flex;
}

.searqo-kw-export__chevron {
	margin-left: 0.35rem;
	font-size: 0.75rem;
}

.searqo-kw-export__menu {
	position: absolute;
	left: 0;
	bottom: calc(100% + 0.35rem);
	z-index: 70;
	min-width: 14rem;
	max-width: min(20rem, calc(100vw - 1.5rem));
	padding: 0.35rem;
	border: 1px solid #dbe3ef;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
}

.searqo-kw-export__menu.is-align-end {
	left: auto;
	right: 0;
}

.searqo-kw-export__item {
	display: block;
	width: 100%;
	min-height: 40px;
	padding: 0.55rem 0.75rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #0f172a;
	text-align: left;
	cursor: pointer;
	font: inherit;
}

.searqo-kw-export__item:hover:not(:disabled),
.searqo-kw-export__item:focus-visible {
	background: #eff6ff;
	color: #1d4ed8;
	outline: none;
}

.searqo-kw-export__item:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.searqo-kw-modal__dialog--brief {
	max-width: 32rem;
}

.searqo-kw-brief-summary {
	display: grid;
	gap: 0.75rem;
	margin: 1rem 0;
}

.searqo-kw-brief-summary__row {
	display: grid;
	gap: 0.25rem;
}

.searqo-kw-brief-summary__label {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #64748b;
}

.searqo-kw-brief-summary__list {
	margin: 0;
	padding-left: 1.1rem;
}

.searqo-kw-modal__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: flex-end;
}

.searqo-ki-keywords-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: end;
	margin-bottom: 0.75rem;
}

.searqo-ki-keywords-toolbar__filter {
	flex: 1 1 14rem;
	min-width: 0;
}

.sq-tool.has-ki-selection [data-searqo-actions] {
	padding-bottom: 0.25rem;
}

@media (max-width: 767px) {
	.searqo-ki-selection-bar__actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.searqo-ki-selection-bar__actions .searqo-kw-export {
		grid-column: 1 / -1;
	}

	.searqo-ki-selection-bar__actions .searqo-kw-action--clear {
		grid-column: 1 / -1;
	}

	.searqo-kw-export {
		width: 100%;
	}

	.searqo-kw-export .sq-btn {
		width: 100%;
		justify-content: center;
	}

	.searqo-kw-export__menu {
		left: 0;
		right: 0;
		min-width: 0;
		width: 100%;
	}
}

.searqo-ki-skeletons {
	display: grid;
	gap: 0.85rem;
}

.searqo-ki-skeleton-card {
	min-height: 140px;
	border-radius: 16px;
	background: linear-gradient(90deg, #f1f5f9 0%, #e8eef6 50%, #f1f5f9 100%);
	background-size: 200% 100%;
	animation: searqo-kw-skeleton 1.2s ease-in-out infinite;
}

@media (min-width: 768px) {
	.searqo-ki-toolbar {
		grid-template-columns: minmax(0, 1.4fr) repeat(auto-fit, minmax(140px, 0.7fr)) auto;
		align-items: end;
	}

	.searqo-ki-cluster-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.searqo-ki-cluster-card--wide {
		grid-column: 1 / -1;
	}

	.searqo-ki-question-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.searqo-ki-selection-bar {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.searqo-desktop-related-toolbar {
		display: grid;
	}
}

@media (max-width: 767px) {
	.searqo-ki-tabs__tab {
		padding: 0.45rem 0.65rem;
		font-size: 0.75rem;
	}

	.searqo-ki-tabs__count {
		font-size: 0.65rem;
		padding: 0.05rem 0.32rem;
	}

	[data-searqo-related-desktop] {
		display: none !important;
	}

	.searqo-desktop-related-toolbar {
		display: grid;
	}
}

@media (min-width: 768px) {
	[data-searqo-related-mobile-mount] {
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.searqo-ki-skeleton-card {
		animation: none;
	}
}

/* -------------------------------------------------------------------------
 * SEO Article Writer — premium step wizard (2.2)
 * ---------------------------------------------------------------------- */

.sq-article-writer {
	--sq-aw-blue: var(--sq-accent, #2563eb);
	--sq-aw-blue-soft: #eff6ff;
	--sq-aw-ink: var(--sq-text, #111827);
	--sq-aw-muted: var(--sq-text-muted, #6b7280);
	--sq-aw-border: var(--sq-border, #e5e7eb);
	--sq-aw-surface: var(--sq-surface, #fff);
	--sq-aw-radius: var(--sq-radius-lg, 14px);
}

.sq-aw-wizard-head {
	margin-bottom: 1.25rem;
}

.sq-aw-progress-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.5rem 1rem;
	margin-bottom: 0.65rem;
}

.sq-aw-step-of {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--sq-aw-blue);
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.sq-aw-step-name {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--sq-aw-ink);
}

.sq-aw-steps {
	display: flex;
	gap: 0.4rem;
	overflow-x: auto;
	padding: 0.25rem 0 0.75rem;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scroll-snap-type: x proximity;
}

.sq-aw-step {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 40px;
	padding: 0.4rem 0.7rem;
	border: 1px solid var(--sq-aw-border);
	border-radius: 999px;
	background: var(--sq-aw-surface);
	color: var(--sq-aw-muted);
	font: inherit;
	font-size: 0.8125rem;
	cursor: pointer;
	scroll-snap-align: center;
	transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.sq-aw-step:hover {
	border-color: #bfdbfe;
	color: #1e40af;
}

.sq-aw-step:focus-visible {
	outline: 2px solid var(--sq-aw-blue);
	outline-offset: 2px;
}

.sq-aw-step.is-active {
	border-color: var(--sq-aw-blue);
	background: var(--sq-aw-blue-soft);
	color: #1e40af;
	box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}

.sq-aw-step.is-complete {
	border-color: #86efac;
	color: #166534;
	background: #f0fdf4;
}

.sq-aw-step.is-complete .sq-aw-step__check {
	display: inline;
	color: #15803d;
}

.sq-aw-step.is-pending {
	border-color: #e2e8f0;
	color: #475569;
	background: #fff;
}

.sq-aw-step.is-skipped {
	border-color: #cbd5e1;
	color: #64748b;
	background: #f8fafc;
}

.sq-aw-step.is-warning {
	border-color: #f59e0b;
	color: #92400e;
	background: #fffbeb;
}

.sq-aw-step.is-failed {
	border-color: #f87171;
	color: #991b1b;
	background: #fef2f2;
}

.sq-aw-step.is-locked {
	/* Soft gray only — never dim the whole step with opacity */
	opacity: 1;
	cursor: not-allowed;
	pointer-events: none;
	color: #64748b;
	background: #f8fafc;
	border-color: #e2e8f0;
}

.sq-aw-step.is-attention,
.sq-aw-step.is-warning {
	border-color: #f59e0b;
	color: #92400e;
	background: #fffbeb;
	pointer-events: auto;
	cursor: pointer;
}

.sq-aw-step.is-failed {
	pointer-events: auto;
	cursor: pointer;
}

.sq-aw-step__lock,
.sq-aw-step__skip,
.sq-aw-step__alert {
	display: none;
	font-size: 0.7rem;
	line-height: 1;
	font-weight: 700;
}

.sq-aw-step.is-skipped .sq-aw-step__n {
	display: none;
}

.sq-aw-step.is-skipped .sq-aw-step__skip {
	display: inline;
}

.sq-aw-step.is-warning .sq-aw-step__n,
.sq-aw-step.is-failed .sq-aw-step__n {
	display: none;
}

.sq-aw-step.is-warning .sq-aw-step__alert,
.sq-aw-step.is-failed .sq-aw-step__alert {
	display: inline;
}

.sq-aw-step.is-locked .sq-aw-step__n {
	display: inline;
}

.sq-aw-step.is-locked .sq-aw-step__lock {
	display: none;
}

.sq-aw-gate-notice {
	margin: 0.5rem 0 0;
}

.sq-aw-gate-notice[hidden] {
	display: none !important;
}

.sq-aw-step__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.35rem;
	height: 1.35rem;
	border-radius: 999px;
	background: #e5e7eb;
	font-size: 0.7rem;
	font-weight: 700;
	position: relative;
}

.sq-aw-step__check {
	display: none;
}

.sq-aw-step.is-complete .sq-aw-step__n {
	display: none;
}

.sq-aw-step.is-complete .sq-aw-step__check {
	display: inline;
	color: #1e40af;
}

.sq-aw-step.is-active .sq-aw-step__mark {
	background: var(--sq-aw-blue);
	color: #fff;
}

.sq-aw-step.is-active .sq-aw-step__check {
	display: none;
}

.sq-aw-step.is-active .sq-aw-step__n {
	display: inline;
	color: #fff;
}

.sq-aw-mobile-nav {
	display: none;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.5rem;
}

.sq-aw-mobile-select {
	flex: 1 1 auto;
	min-width: 0;
}

.sq-aw-mobile-select select {
	width: 100%;
	min-height: 44px;
}

.sq-aw-layout {
	display: block;
	width: 100%;
	max-width: 100%;
}

.sq-aw-layout--full .sq-aw-main {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.sq-aw-panel[hidden] {
	display: none !important;
}

.sq-aw-panel.is-active {
	animation: sq-aw-panel-in 0.22s ease;
}

@keyframes sq-aw-panel-in {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: none; }
}

.sq-aw-form-section {
	margin: 0 0 1.5rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #f3f4f6;
}

.sq-aw-form-section:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}

.sq-aw-form-section__title {
	margin: 0 0 0.85rem;
	font-size: 0.95rem;
	font-weight: 650;
	color: var(--sq-aw-ink);
}

.sq-aw-brief .sq-field label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #374151;
}

.sq-aw-brief .sq-field input,
.sq-aw-brief .sq-field select,
.sq-aw-brief .sq-field textarea,
.sq-aw-serp-filters .sq-field input,
.sq-aw-serp-filters .sq-field select {
	width: 100%;
	min-height: 44px;
	padding: 0.55rem 0.75rem;
	border: 1px solid var(--sq-aw-border);
	border-radius: 10px;
	background: #fff;
	font: inherit;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.sq-aw-brief .sq-field textarea {
	min-height: 88px;
	resize: vertical;
}

.sq-aw-brief .sq-field input:focus,
.sq-aw-brief .sq-field select:focus,
.sq-aw-brief .sq-field textarea:focus,
.sq-aw-serp-filters .sq-field input:focus,
.sq-aw-serp-filters .sq-field select:focus {
	outline: none;
	border-color: var(--sq-aw-blue);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.sq-aw-brief .sq-field input.is-invalid {
	border-color: #dc2626;
}

.sq-field__error {
	display: block;
	margin-top: 0.35rem;
	font-size: 0.75rem;
	color: #b91c1c;
}

.sq-aw-ymyl-card {
	display: flex;
	gap: 0.85rem;
	align-items: flex-start;
	padding: 1rem 1.1rem;
	border: 1px solid #fde68a;
	border-radius: var(--sq-aw-radius);
	background: linear-gradient(180deg, #fffbeb 0%, #fff 100%);
	cursor: pointer;
}

.sq-aw-ymyl-card__copy {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
}

.sq-aw-ymyl-card__toggle {
	position: relative;
	flex: 0 0 auto;
	width: 2.75rem;
	height: 1.55rem;
	margin-top: 0.15rem;
}

.sq-aw-ymyl-card__toggle input {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	cursor: pointer;
}

.sq-aw-ymyl-card__switch {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 999px;
	background: #d1d5db;
	transition: background 0.15s ease;
}

.sq-aw-ymyl-card__switch::after {
	content: '';
	position: absolute;
	top: 0.15rem;
	left: 0.15rem;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	transition: transform 0.15s ease;
}

.sq-aw-ymyl-card__toggle input:checked + .sq-aw-ymyl-card__switch {
	background: var(--sq-aw-blue);
}

.sq-aw-ymyl-card__toggle input:checked + .sq-aw-ymyl-card__switch::after {
	transform: translateX(1.2rem);
}

.sq-aw-ymyl-card__toggle input:focus-visible + .sq-aw-ymyl-card__switch {
	outline: 2px solid var(--sq-aw-blue);
	outline-offset: 2px;
}

.sq-aw-ymyl-callout {
	margin-top: 0.75rem;
	padding: 0.85rem 1rem;
	border-left: 3px solid #f59e0b;
	border-radius: 0 10px 10px 0;
	background: #fffbeb;
	font-size: 0.875rem;
	color: #92400e;
}

.sq-aw-setup-callout {
	margin-bottom: 1rem;
}

.sq-aw-actionbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1rem;
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid #f3f4f6;
}

.sq-aw-actionbar__left,
.sq-aw-actionbar__right {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.sq-aw-actionbar__status {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	font-size: 0.8125rem;
	color: var(--sq-aw-muted);
	min-width: 8rem;
}

.sq-aw-actionbar__right {
	margin-left: auto;
}

.sq-aw-actionbar .sq-btn[aria-busy="true"] {
	opacity: 0.7;
	pointer-events: none;
}

.sq-aw-side {
	position: sticky;
	top: calc(var(--sq-header-height, 76px) + 1rem);
}

.sq-aw-summary-toggle {
	display: none;
	width: 100%;
	margin-bottom: 0.65rem;
}

.sq-aw-side-card + .sq-aw-side-card {
	margin-top: 0.85rem;
}

.sq-aw-draft-title {
	margin: 0 0 0.25rem;
	font-weight: 650;
	font-size: 1.05rem;
	word-break: break-word;
}

.sq-aw-side-metrics {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.65rem;
	margin-top: 0.85rem;
}

.sq-aw-side-metrics > div {
	padding: 0.65rem 0.75rem;
	border: 1px solid var(--sq-aw-border);
	border-radius: 10px;
	background: #fafbfc;
}

.sq-aw-side-metrics strong {
	display: block;
	margin-top: 0.2rem;
	font-size: 1.1rem;
}

.sq-aw-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 1rem;
}

.sq-aw-actions .sq-btn {
	min-height: 44px;
}

.sq-aw-toolbar-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.sq-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem 1rem;
}

.sq-field--full {
	grid-column: 1 / -1;
}

.sq-aw-write-layout {
	display: grid;
	grid-template-columns: minmax(140px, 180px) minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
}

.sq-aw-outline-nav {
	position: sticky;
	top: 1rem;
	padding: 0.75rem;
	border: 1px solid var(--sq-aw-border);
	border-radius: 12px;
	background: #fafbfc;
	max-height: 70vh;
	overflow: auto;
}

.sq-aw-nav-sec {
	display: block;
	width: 100%;
	text-align: left;
	padding: 0.45rem 0.5rem;
	margin: 0 0 0.25rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	font: inherit;
	font-size: 0.8125rem;
	color: #374151;
	cursor: pointer;
}

.sq-aw-nav-sec:hover,
.sq-aw-nav-sec:focus-visible {
	background: var(--sq-aw-blue-soft);
	color: #1e40af;
}

.sq-aw-editor {
	min-height: 280px;
	padding: 1rem;
	border: 1px solid var(--sq-aw-border);
	border-radius: 0.75rem;
	background: #fff;
	line-height: 1.65;
}

.sq-aw-editor:focus {
	outline: none;
}

.sq-aw-editor:focus-visible {
	outline: none;
}

.sq-aw-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0.75rem 0;
}

.sq-aw-toolbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 0.35rem 0.5rem;
	border: 1px solid var(--sq-aw-border);
	border-radius: 8px;
	background: #fff;
	color: #374151;
	cursor: pointer;
}

.sq-aw-toolbtn:hover,
.sq-aw-toolbtn:focus-visible {
	border-color: #93c5fd;
	background: var(--sq-aw-blue-soft);
	color: #1e40af;
	outline: none;
}

.sq-aw-toolbtn__txt {
	font-size: 0.75rem;
	font-weight: 700;
}

.sq-aw-editor-meta {
	font-size: 0.8125rem;
	color: var(--sq-aw-muted);
}

.sq-aw-export-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 0.75rem;
}

.sq-aw-export-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25rem;
	min-height: 110px;
	padding: 1rem;
	border: 1px solid var(--sq-aw-border);
	border-radius: var(--sq-aw-radius);
	background: #fff;
	text-align: left;
	font: inherit;
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.sq-aw-export-card:hover,
.sq-aw-export-card:focus-visible {
	border-color: #93c5fd;
	box-shadow: 0 4px 14px rgba(37, 99, 235, 0.08);
	outline: none;
}

.sq-aw-export-card--primary {
	border-color: #93c5fd;
	background: linear-gradient(180deg, #eff6ff 0%, #fff 70%);
}

.sq-aw-export-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin-bottom: 0.35rem;
	border-radius: 8px;
	background: var(--sq-aw-blue-soft);
	color: #1e40af;
	font-size: 0.75rem;
	font-weight: 700;
}

.sq-aw-review-block {
	padding: 1rem;
	border: 1px solid var(--sq-aw-border);
	border-radius: var(--sq-aw-radius);
	background: #fff;
}

.sq-aw-review-block h3 {
	margin: 0 0 0.5rem;
	font-size: 1rem;
}

.sq-aw-disclaimer {
	padding: 0.75rem 0.9rem;
	margin: 0 0 0.85rem;
	border-radius: 10px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	font-size: 0.875rem;
	color: #475569;
}

.sq-aw-metrics {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 0.75rem;
}

.sq-metric-card {
	padding: 0.85rem;
	border: 1px solid var(--sq-aw-border);
	border-radius: 0.75rem;
	background: #fff;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sq-metric-card__label {
	display: block;
	font-size: 0.75rem;
	color: #6b7280;
}

.sq-metric-card__value {
	display: block;
	margin-top: 0.25rem;
	font-weight: 600;
	color: #111827;
}

.sq-aw-list {
	margin: 0.5rem 0 0;
	padding-left: 1.1rem;
}

.sq-aw-outline-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto auto;
	gap: 0.5rem;
	align-items: center;
	padding: 0.5rem 0;
	border-bottom: 1px solid #f3f4f6;
}

.sq-aw-heading-input {
	width: 100%;
	min-height: 44px;
}

.sq-aw-score {
	display: flex;
	align-items: baseline;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.sq-aw-score__n {
	font-size: 2rem;
	font-weight: 700;
	color: var(--sq-aw-blue);
}

.sq-aw-checks {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sq-aw-checks li {
	padding: 0.55rem 0;
	border-bottom: 1px solid #f3f4f6;
}

.sq-aw-checks .is-pass .sq-badge { background: #ecfdf5; color: #065f46; }
.sq-aw-checks .is-fail .sq-badge { background: #fff7ed; color: #9a3412; }

.sq-article-writer.is-distraction-free .sq-aw-side,
.sq-article-writer.is-distraction-free .sq-aw-steps,
.sq-article-writer.is-distraction-free .sq-aw-wizard-head,
.sq-article-writer.is-distraction-free [data-aw-sections],
.sq-article-writer.is-distraction-free .sq-aw-outline-nav {
	display: none !important;
}

.sq-article-writer.is-distraction-free .sq-aw-layout,
.sq-article-writer.is-distraction-free .sq-aw-write-layout {
	grid-template-columns: 1fr;
}

.sq-aw-opt-toggle {
	display: none;
	width: 100%;
	margin: 0.75rem 0;
}

.sq-aw-cluster {
	padding: 1rem 0;
	border-bottom: 1px solid #f3f4f6;
}

.sq-aw-cluster__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.35rem;
}

.sq-aw-cluster__head h3 {
	margin: 0;
	font-size: 1.05rem;
}

.sq-aw-intent--informational { background: #eff6ff; color: #1e40af; }
.sq-aw-intent--commercial_investigation,
.sq-aw-intent--transactional { background: #fef3c7; color: #92400e; }
.sq-aw-intent--local { background: #ecfdf5; color: #065f46; }
.sq-aw-intent--navigational,
.sq-aw-intent--mixed { background: #f3f4f6; color: #374151; }

.sq-aw-topic-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 0.75rem;
}

.sq-aw-topic-card {
	padding: 0.85rem;
	border: 1px solid #e5e7eb;
	border-radius: 0.75rem;
	background: #fff;
}

.sq-aw-topic-card--pillar {
	border-color: #93c5fd;
	background: #eff6ff;
}

.sq-aw-serp-cards {
	display: grid;
	gap: 0.75rem;
}

.sq-aw-serp-card {
	padding: 0.9rem 1rem;
	border: 1px solid #e5e7eb;
	border-radius: 0.75rem;
	background: #fff;
}

.sq-aw-serp-card.is-unavailable {
	opacity: 0.85;
	background: #f9fafb;
}

.sq-aw-serp-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.sq-aw-serp-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
}

.sq-aw-serp-table th,
.sq-aw-serp-table td {
	padding: 0.55rem 0.65rem;
	border-bottom: 1px solid #f3f4f6;
	text-align: left;
	vertical-align: top;
}

.sq-aw-serp-mobile {
	display: none;
}

.sq-aw-serp-mcard {
	padding: 0.75rem 0;
	border-bottom: 1px solid #f3f4f6;
}

.sq-aw-skeleton > div {
	height: 4.5rem;
	margin-bottom: 0.65rem;
	border-radius: 0.75rem;
	background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
	background-size: 200% 100%;
	animation: sq-aw-shimmer 1.2s ease-in-out infinite;
}

@keyframes sq-aw-shimmer {
	0% { background-position: 100% 0; }
	100% { background-position: -100% 0; }
}

.sq-aw-empty {
	padding: 1.25rem;
	border: 1px dashed #d1d5db;
	border-radius: 0.75rem;
	text-align: center;
}

.sq-aw-article-ready {
	margin-top: 1rem;
	padding: 1.25rem 0 0;
	border-top: 1px solid var(--sq-aw-border, #e5e7eb);
}

.sq-aw-article-ready__title {
	margin: 0 0 0.85rem;
	font-size: 1.35rem;
	font-weight: 700;
}

.sq-aw-editor-tabs {
	display: flex;
	gap: 0.35rem;
	margin-bottom: 0.75rem;
}

.sq-aw-editor-tab {
	appearance: none;
	border: 1px solid var(--sq-aw-border, #e5e7eb);
	background: #fff;
	border-radius: 8px;
	padding: 0.45rem 0.9rem;
	font: inherit;
	cursor: pointer;
}

.sq-aw-editor-tab.is-active {
	border-color: var(--sq-aw-blue, #2563eb);
	color: var(--sq-aw-blue, #2563eb);
	font-weight: 600;
}

.sq-aw-editor--spacious {
	min-height: 28rem;
	padding: 1.25rem 1.35rem;
	line-height: 1.7;
}

.sq-aw-article-preview {
	min-height: 28rem;
	padding: 1.25rem 1.35rem;
	border: 1px solid var(--sq-aw-border, #e5e7eb);
	border-radius: 12px;
	background: #fff;
	line-height: 1.7;
}

.sq-aw-write-progress {
	height: 6px;
	margin: 0.65rem 0 1rem;
	border-radius: 999px;
	background: #e5e7eb;
	overflow: hidden;
}

.sq-aw-write-progress__fill {
	display: block;
	height: 100%;
	width: 0;
	background: var(--sq-aw-blue, #2563eb);
	transition: width 0.25s ease;
}

.sq-aw-export-grid[hidden],
.sq-aw-empty[hidden],
.sq-aw-article-ready[hidden] {
	display: none !important;
}

.sq-aw-gaps-block {
	margin-top: 1rem;
}

.sq-aw-gaps-block h3 {
	margin: 0 0 0.35rem;
	font-size: 1rem;
}

@media (max-width: 1100px) {
	.sq-aw-layout {
		display: block;
		width: 100%;
	}
}

@media (max-width: 900px) {
	.sq-aw-steps {
		display: none;
	}

	.sq-aw-mobile-nav {
		display: flex;
	}

	.sq-aw-layout {
		display: block;
		grid-template-columns: none;
	}

	.sq-aw-side {
		display: none !important;
	}

	.sq-aw-main {
		order: 1;
		min-width: 0;
		overflow-x: hidden;
		width: 100%;
	}

	.sq-aw-summary-toggle {
		display: none;
	}

	.sq-form-grid {
		grid-template-columns: 1fr;
	}

	.sq-aw-write-layout {
		grid-template-columns: 1fr;
	}

	.sq-aw-outline-nav {
		position: static;
		max-height: none;
		display: flex;
		flex-wrap: wrap;
		gap: 0.35rem;
	}

	.sq-aw-nav-sec {
		width: auto;
	}

	.sq-aw-outline-row {
		grid-template-columns: 1fr;
	}

	.sq-aw-actionbar {
		flex-direction: column;
		align-items: stretch;
	}

	.sq-aw-actionbar__left,
	.sq-aw-actionbar__right {
		width: 100%;
	}

	.sq-aw-actionbar__right {
		margin-left: 0;
	}

	.sq-aw-actionbar__right .sq-btn,
	.sq-aw-actionbar__left .sq-btn {
		flex: 1 1 auto;
		justify-content: center;
	}

	.sq-aw-actionbar__status {
		order: 3;
		text-align: center;
	}

	.sq-aw-opt-toggle {
		display: inline-flex;
	}

	.sq-aw-opt-slide:not(.is-open) {
		display: none;
	}

	.sq-aw-opt-slide.is-open {
		position: fixed;
		inset: auto 0 0 0;
		z-index: 40;
		max-height: 70vh;
		overflow: auto;
		padding: 1rem;
		background: #fff;
		border-radius: 1rem 1rem 0 0;
		box-shadow: 0 -8px 30px rgba(15, 23, 42, 0.15);
	}
}

@media (max-width: 700px) {
	.sq-aw-serp-table-wrap {
		display: none;
	}

	.sq-aw-serp-mobile {
		display: block;
	}

	.sq-aw-export-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 430px) {
	.sq-aw-step-name {
		font-size: 1rem;
	}

	.sq-aw-editor {
		min-height: 220px;
	}

	.sq-aw-export-grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sq-aw-panel.is-active,
	.sq-aw-skeleton > div {
		animation: none;
	}
}

/* -------------------------------------------------------------------------
 * SEO Article Writer — balanced page layout (2.5.23) + lower info (2.5.24)
 * Scoped under .sq-article-writer so other tools are unaffected.
 * ---------------------------------------------------------------------- */

.sq-article-writer.sq-aw-wizard {
	/* 2.5.59 premium AW tokens — map to brand blue; do not invent a competing primary */
	--aw-page: var(--sq-bg, #f5f7fb);
	--aw-surface: var(--sq-surface, #ffffff);
	--aw-soft: #f8fafc;
	--aw-hover: #f3f6fb;
	--aw-border: var(--sq-border, #e3e8f0);
	--aw-border-strong: #d0d7e2;
	--aw-text: var(--sq-text, #111827);
	--aw-text-secondary: #374151;
	--aw-text-muted: var(--sq-text-muted, #5b6474);
	--aw-primary: var(--sq-blue, var(--sq-accent, #2563eb));
	--aw-primary-hover: var(--sq-blue-hover, #1d4ed8);
	--aw-primary-soft: var(--sq-blue-soft, #eff4ff);
	--aw-primary-border: var(--sq-blue-border, #c7d8fd);
	--aw-success: #15803d;
	--aw-success-soft: #f0fdf4;
	--aw-warning: #b45309;
	--aw-warning-soft: #fffbeb;
	--aw-danger: #b91c1c;
	--aw-danger-soft: #fef2f2;
	--aw-ring: 0 0 0 3px rgba(37, 99, 235, 0.16);
	--aw-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
	--aw-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.04);
	--aw-shadow-menu: 0 10px 28px rgba(15, 23, 42, 0.14);
	--aw-radius: 12px;
	--aw-motion: 160ms;
	--aw-control-h: 48px;

	--sq-aw-blue: var(--aw-primary);
	--sq-aw-blue-hover: var(--aw-primary-hover);
	--sq-aw-blue-soft: var(--aw-primary-soft);
	--sq-aw-blue-border: var(--aw-primary-border);
	--sq-aw-ink: var(--aw-text);
	--sq-aw-muted: var(--aw-text-muted);
	--sq-aw-border: var(--aw-border);
	--sq-aw-surface: var(--aw-surface);
	--sq-aw-bg: transparent;
	--sq-aw-radius: var(--aw-radius);
	--sq-aw-control-h: var(--aw-control-h);
	--sq-aw-shadow: var(--aw-shadow);
	background: transparent;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	overflow-x: visible; /* allow More dropdown; steps scroll themselves */
	max-width: 100%;
	width: 100%;
}

.sq-article-writer .sq-aw-shell {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.sq-article-writer[data-aw-ui-mode="advanced"] .sq-aw-shell,
.sq-article-writer[data-aw-ui-mode="quick"] .sq-aw-shell {
	max-width: 100%;
}

/* Mode workflows must differ by content, not tab color alone.
 * Attribute + [hidden] both enforce visibility (sq-card display:flex can fight UA [hidden]). */
.sq-article-writer [data-aw-quick-landing][hidden],
.sq-article-writer [data-aw-advanced-workspace][hidden],
.sq-article-writer [data-aw-progress-panel][hidden],
.sq-article-writer [data-aw-complete-panel][hidden],
.sq-article-writer [data-aw-ymyl-wrap][hidden],
.sq-article-writer [data-aw-vehicle-market-wrap][hidden] {
	display: none !important;
}

.sq-article-writer[data-aw-ui-mode="quick"] [data-aw-advanced-workspace] {
	display: none !important;
}

.sq-article-writer[data-aw-ui-mode="advanced"] [data-aw-quick-landing] {
	display: none !important;
}

.sq-article-writer[data-aw-ui-mode="advanced"] [data-aw-progress-panel] {
	display: none !important;
}

.sq-article-writer .sq-aw-shell > .sq-card,
.sq-article-writer .sq-aw-shell .sq-aw-quick,
.sq-article-writer .sq-aw-shell .sq-aw-progress-panel,
.sq-article-writer .sq-aw-shell .sq-aw-complete-panel {
	background: var(--sq-aw-surface);
	border: 1px solid var(--sq-aw-border);
	border-radius: 14px;
	box-shadow: var(--sq-aw-shadow);
	padding: 28px 32px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.sq-article-writer .sq-aw-shell .sq-aw-quick {
	padding: 28px 32px 32px;
}

.sq-article-writer .sq-aw-segment {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 0 0 24px;
	padding: 6px;
	background: var(--sq-aw-surface);
	border: 1px solid var(--sq-aw-border);
	border-radius: 14px;
	box-shadow: var(--sq-aw-shadow);
	width: 100%;
	box-sizing: border-box;
}

.sq-article-writer .sq-aw-segment .sq-aw-mode {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0.2rem;
	min-height: 96px;
	width: 100%;
	min-width: 0;
	padding: 1rem 1.15rem;
	border: 0;
	border-radius: 10px;
	background: transparent;
	font: inherit;
	color: var(--sq-aw-muted);
	cursor: pointer;
	text-align: left;
	transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.sq-article-writer .sq-aw-segment .sq-aw-mode:hover {
	background: rgba(15, 23, 42, 0.04);
	color: var(--sq-aw-ink);
}

.sq-article-writer .sq-aw-segment .sq-aw-mode__title {
	font-weight: 650;
	font-size: 1rem;
	color: inherit;
}

.sq-article-writer .sq-aw-segment .sq-aw-mode__hint {
	font-size: 0.8125rem;
	font-weight: 600;
	opacity: 0.95;
}

.sq-article-writer .sq-aw-segment .sq-aw-mode__desc {
	font-size: 0.8125rem;
	line-height: 1.4;
	opacity: 0.9;
	max-width: none;
}

.sq-article-writer .sq-aw-segment .sq-aw-mode.is-active {
	background: var(--sq-aw-blue-soft);
	color: var(--sq-aw-blue-hover);
	box-shadow: inset 0 0 0 1.5px var(--sq-aw-blue);
}

.sq-article-writer .sq-aw-segment .sq-aw-mode.is-active:hover {
	background: var(--sq-aw-blue-soft);
	color: var(--sq-aw-blue-hover);
}

.sq-article-writer .sq-aw-segment .sq-aw-mode:focus-visible {
	outline: 2px solid var(--sq-aw-blue);
	outline-offset: 2px;
}

.sq-article-writer .sq-aw-advanced-intro {
	margin: 0 0 0.35rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--sq-aw-blue-hover);
}

.sq-article-writer .sq-aw-diagnostics {
	margin: 1rem 0 0;
	padding: 0;
	border: 1px dashed var(--sq-aw-border);
	border-radius: 10px;
	background: var(--sq-aw-surface);
	font-size: 0.8125rem;
	overflow: hidden;
}

.sq-article-writer .sq-aw-diagnostics__toggle {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	min-height: 52px;
	height: 52px;
	margin: 0;
	padding: 0 0.9rem;
	border: 0;
	background: transparent;
	font: inherit;
	font-weight: 600;
	color: var(--sq-aw-muted);
	cursor: pointer;
	text-align: left;
	box-sizing: border-box;
}

.sq-article-writer .sq-aw-diagnostics__toggle:hover {
	color: var(--sq-aw-ink);
	background: rgba(15, 23, 42, 0.03);
}

.sq-article-writer .sq-aw-diagnostics__toggle:focus-visible {
	outline: 2px solid var(--sq-aw-blue);
	outline-offset: -2px;
}

.sq-article-writer .sq-aw-diagnostics__chevron {
	display: inline-block;
	width: 0.45rem;
	height: 0.45rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	flex: none;
	transition: transform 0.15s ease;
}

.sq-article-writer .sq-aw-diagnostics.is-open .sq-aw-diagnostics__chevron,
.sq-article-writer .sq-aw-diagnostics__toggle[aria-expanded="true"] .sq-aw-diagnostics__chevron {
	transform: rotate(45deg);
}

.sq-article-writer .sq-aw-diagnostics__panel {
	padding: 0 0.9rem 0.85rem;
	border-top: 1px solid var(--sq-aw-border);
}

.sq-article-writer .sq-aw-diagnostics__panel[hidden] {
	display: none !important;
	padding: 0;
	border: 0;
	height: 0;
	overflow: hidden;
}

.sq-article-writer .sq-aw-diagnostics.is-open .sq-aw-diagnostics__toggle,
.sq-article-writer .sq-aw-diagnostics__toggle[aria-expanded="true"] {
	color: var(--sq-aw-ink);
}

.sq-article-writer .sq-aw-quick__header {
	padding: 0 0 20px;
	margin: 0;
}

.sq-article-writer .sq-aw-quick-form .sq-field {
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	min-width: 0;
}

.sq-article-writer .sq-aw-quick-form .sq-field[hidden],
.sq-article-writer [data-aw-vehicle-market-wrap][hidden] {
	display: none !important;
}

.sq-article-writer .sq-aw-quick-form .sq-field label {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--sq-aw-ink);
	margin: 0;
}

.sq-article-writer .sq-aw-field-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin-bottom: 24px;
}

.sq-article-writer .sq-aw-quick-form > .sq-field.sq-field--full,
.sq-article-writer .sq-aw-quick-form > .sq-aw-auto-settings {
	margin-bottom: 24px;
	min-width: 0;
	width: 100%;
}

.sq-article-writer .sq-aw-quick-form input[type="text"],
.sq-article-writer .sq-aw-quick-form input[type="number"],
.sq-article-writer .sq-aw-quick-form input[type="url"],
.sq-article-writer .sq-aw-quick-form select {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: var(--sq-aw-control-h);
	height: var(--sq-aw-control-h);
	padding: 0 1rem;
	border: 1px solid var(--sq-aw-border);
	border-radius: 11px;
	background: #fff;
	color: var(--sq-aw-ink);
	font: inherit;
	font-size: 0.9375rem;
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.sq-article-writer .sq-aw-quick-form input:focus,
.sq-article-writer .sq-aw-quick-form select:focus,
.sq-article-writer .sq-aw-quick-form input:focus-visible,
.sq-article-writer .sq-aw-quick-form select:focus-visible {
	outline: none;
	border-color: var(--sq-aw-blue);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
}

.sq-article-writer .sq-aw-quick-form input.is-invalid,
.sq-article-writer .sq-aw-quick-form .sq-aw-tags.is-invalid {
	border-color: #dc2626;
	box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
}

.sq-article-writer .sq-aw-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	align-items: center;
	min-height: var(--sq-aw-control-h);
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding: 0.45rem 0.65rem;
	border: 1px solid var(--sq-aw-border);
	border-radius: 11px;
	background: #fff;
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.sq-article-writer .sq-aw-tags:focus-within {
	border-color: var(--sq-aw-blue);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
}

.sq-article-writer .sq-aw-tags__list {
	display: contents;
}

.sq-article-writer .sq-aw-tag {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	max-width: 100%;
	padding: 0.28rem 0.55rem 0.28rem 0.7rem;
	border-radius: 999px;
	background: var(--sq-aw-blue-soft);
	border: 1px solid var(--sq-aw-blue-border);
	color: #1e40af;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.3;
}

.sq-article-writer .sq-aw-tag__x {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1;
	min-width: 22px;
	min-height: 22px;
	border-radius: 999px;
	opacity: 0.75;
}

.sq-article-writer .sq-aw-tag__x:hover,
.sq-article-writer .sq-aw-tag__x:focus-visible {
	opacity: 1;
	background: rgba(37, 99, 235, 0.12);
}

.sq-article-writer .sq-aw-tags__input {
	flex: 1 1 180px;
	min-width: 0;
	width: auto;
	border: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	min-height: 36px;
	height: auto !important;
	padding: 0.25rem 0.35rem !important;
	background: transparent !important;
}

.sq-article-writer .sq-aw-suggest__list {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin: 0.5rem 0;
}

.sq-article-writer .sq-aw-auto-settings {
	margin: 0 0 24px;
	border: 1px solid var(--sq-aw-border);
	border-radius: 14px;
	background: var(--sq-surface-sunken, #f4f7fb);
	overflow: hidden;
}

.sq-article-writer .sq-aw-auto-settings__toggle {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.35rem 1rem;
	width: 100%;
	margin: 0;
	padding: 0.85rem 1rem;
	border: 0;
	background: transparent;
	text-align: left;
	cursor: pointer;
	font: inherit;
	color: inherit;
	transition: background-color 0.15s ease;
}

.sq-article-writer .sq-aw-auto-settings__toggle:hover {
	background: rgba(15, 23, 42, 0.04);
}

.sq-article-writer .sq-aw-auto-settings__toggle:focus-visible {
	outline: 2px solid var(--sq-aw-blue, #2563eb);
	outline-offset: -2px;
}

.sq-article-writer .sq-aw-auto-settings__title {
	font-weight: 650;
	color: var(--sq-aw-ink);
}

.sq-article-writer .sq-aw-auto-settings__meta {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.5rem;
	font-size: 0.8125rem;
	color: var(--sq-aw-muted);
}

.sq-article-writer .sq-aw-auto-settings__change {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	color: var(--sq-aw-blue, #2563eb);
	font-weight: 600;
}

.sq-article-writer .sq-aw-auto-settings__icon {
	flex-shrink: 0;
	color: currentColor;
}

.sq-article-writer .sq-aw-auto-settings__icon--chevron {
	transition: transform 0.2s ease;
}

.sq-article-writer .sq-aw-auto-settings.is-open .sq-aw-auto-settings__icon--chevron {
	transform: rotate(180deg);
}

.sq-article-writer .sq-aw-auto-settings__hint {
	margin: 0;
	padding: 0 1rem 0.75rem;
	font-size: 0.8125rem;
	line-height: 1.45;
}

.sq-article-writer .sq-aw-auto-settings.is-open .sq-aw-auto-settings__hint {
	padding-bottom: 0.35rem;
}

.sq-article-writer .sq-aw-auto-settings__body {
	padding: 0 1rem 1rem;
	margin-top: 0 !important;
}

.sq-article-writer .sq-aw-auto-settings__body[hidden] {
	display: none !important;
}

.sq-article-writer .sq-aw-length {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.sq-article-writer .sq-aw-length__label {
	font-weight: 650;
	color: var(--sq-aw-ink);
}

.sq-article-writer .sq-aw-length__presets {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.5rem;
	width: 100%;
}

.sq-article-writer .sq-aw-length__preset {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0.1rem;
	min-height: 44px;
	padding: 0.55rem 0.7rem;
	border: 1px solid var(--sq-aw-border, #e3e8f0);
	border-radius: 10px;
	background: #fff;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.sq-article-writer .sq-aw-length__preset:hover {
	border-color: var(--sq-aw-blue, #2563eb);
}

.sq-article-writer .sq-aw-length__preset:focus-visible {
	outline: 2px solid var(--sq-aw-blue, #2563eb);
	outline-offset: 2px;
}

.sq-article-writer .sq-aw-length__preset.is-active,
.sq-article-writer .sq-aw-length__preset[aria-pressed="true"] {
	border-color: var(--sq-aw-blue, #2563eb);
	background: var(--sq-aw-blue-soft, #eff6ff);
	box-shadow: inset 0 0 0 1px var(--sq-aw-blue, #2563eb);
}

.sq-article-writer .sq-aw-length__preset-name {
	font-size: 0.8125rem;
	font-weight: 650;
	line-height: 1.2;
}

.sq-article-writer .sq-aw-length__preset-words {
	font-size: 0.75rem;
	color: var(--sq-aw-muted);
}

.sq-article-writer .sq-aw-length__custom-label {
	margin-top: 0.25rem;
	font-weight: 600;
	font-size: 0.875rem;
}

.sq-article-writer .sq-aw-length__custom {
	width: 100%;
	min-height: 44px;
	box-sizing: border-box;
}

.sq-article-writer .sq-aw-length__custom.is-invalid {
	border-color: #dc2626;
}

.sq-article-writer .sq-aw-length__slider-wrap {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	width: 100%;
}

.sq-article-writer .sq-aw-length__slider {
	width: 100%;
	min-height: 44px;
	margin: 0;
	accent-color: var(--sq-aw-blue, #2563eb);
}

.sq-article-writer .sq-aw-length__slider-labels {
	display: flex;
	justify-content: space-between;
	font-size: 0.75rem;
	color: var(--sq-aw-muted);
}

.sq-article-writer .sq-aw-length__notice {
	margin: 0.15rem 0 0;
	padding: 0.55rem 0.7rem;
	border: 1px solid var(--sq-aw-border, #e3e8f0);
	border-radius: 10px;
	background: #fff;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--sq-aw-muted);
}

.sq-article-writer .sq-aw-length__notice[hidden] {
	display: none !important;
}

@media (max-width: 640px) {
	.sq-article-writer .sq-aw-length__presets {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sq-article-writer .sq-aw-auto-settings__toggle {
		align-items: flex-start;
	}

	.sq-article-writer .sq-aw-auto-settings__meta {
		width: 100%;
	}
}

.sq-article-writer .sq-aw-checklist {
	margin: 0 0 1.15rem;
	padding: 0.95rem 1.05rem;
	border: 1px solid var(--sq-aw-blue-border);
	border-radius: 14px;
	background: linear-gradient(180deg, var(--sq-aw-blue-soft) 0%, #fff 100%);
}

.sq-article-writer .sq-aw-checklist__title {
	margin: 0 0 0.55rem;
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--sq-aw-ink);
}

.sq-article-writer .sq-aw-checklist__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.4rem;
}

.sq-article-writer .sq-aw-checklist__list li {
	position: relative;
	padding-left: 1.45rem;
	font-size: 0.875rem;
	color: var(--sq-aw-muted);
	line-height: 1.4;
}

.sq-article-writer .sq-aw-checklist__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.28rem;
	width: 0.95rem;
	height: 0.95rem;
	border-radius: 999px;
	background: var(--sq-aw-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.2l2.8 2.8 6.2-6.2' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 0.7rem no-repeat;
}

.sq-article-writer .sq-aw-estimate {
	margin: 0 0 0;
	min-height: 1.25em;
}

.sq-article-writer .sq-aw-cta {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.75rem;
	margin-top: 28px;
	margin-bottom: 0.25rem;
}

.sq-article-writer .sq-aw-create-btn {
	width: auto;
	min-width: 260px;
	max-width: 100%;
	min-height: 52px;
	justify-content: center;
	font-weight: 700;
	font-size: 1rem;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(37, 99, 235, 0.2);
}

.sq-article-writer .sq-aw-create-btn:focus-visible {
	outline: 2px solid var(--sq-aw-blue, #2563eb);
	outline-offset: 2px;
}

.sq-article-writer .sq-aw-create-btn[aria-busy="true"],
.sq-article-writer .sq-aw-create-btn:disabled {
	opacity: 0.72;
	cursor: not-allowed;
	pointer-events: none;
}

.sq-article-writer .sq-aw-create-btn.is-error {
	box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.18);
}

.sq-article-writer .sq-btn--lg {
	min-height: 48px;
	padding: 0.75rem 1.25rem;
	font-weight: 600;
}

.sq-article-writer .sq-aw-recent {
	margin-top: 1.75rem;
	padding-top: 1.35rem;
	border-top: 1px solid var(--sq-aw-border);
}

.sq-article-writer .sq-aw-recent__head {
	margin-bottom: 0.85rem;
}

.sq-article-writer .sq-aw-recent-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.875rem;
}

.sq-article-writer .sq-aw-recent-table th,
.sq-article-writer .sq-aw-recent-table td {
	padding: 0.7rem 0.55rem;
	text-align: left;
	border-bottom: 1px solid var(--sq-aw-border);
	vertical-align: middle;
}

.sq-article-writer .sq-aw-recent-table th {
	font-size: 0.75rem;
	font-weight: 650;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--sq-aw-muted);
}

.sq-article-writer .sq-aw-recent-table__title {
	font-weight: 600;
	color: var(--sq-aw-ink);
	word-break: break-word;
}

.sq-article-writer .sq-aw-status {
	display: inline-flex;
	align-items: center;
	padding: 0.15rem 0.5rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	background: #f1f5f9;
	color: #334155;
	text-transform: capitalize;
}

.sq-article-writer .sq-aw-status--draft {
	background: var(--sq-aw-blue-soft);
	color: #1e40af;
}

.sq-article-writer .sq-aw-status--ready,
.sq-article-writer .sq-aw-status--published {
	background: #e8f8ee;
	color: #0f7a37;
}

.sq-article-writer .sq-aw-recent-cards {
	display: none;
	gap: 0.75rem;
}

.sq-article-writer .sq-aw-recent-card {
	padding: 0.9rem 1rem;
	border: 1px solid var(--sq-aw-border);
	border-radius: 12px;
	background: #fff;
}

.sq-article-writer .sq-aw-recent-card__title {
	margin: 0 0 0.45rem;
	font-weight: 650;
	font-size: 0.9375rem;
	color: var(--sq-aw-ink);
	word-break: break-word;
}

.sq-article-writer .sq-aw-recent-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.75rem;
	margin: 0 0 0.65rem;
	font-size: 0.8125rem;
	color: var(--sq-aw-muted);
}

.sq-article-writer .sq-aw-usage {
	margin-top: 1rem;
}

/* -------------------------------------------------------------------------
 * Article Writer — generation progress panel (2.5.20)
 * Wave bar + compact stage timeline. Motion mirrors genuine job status only.
 * ---------------------------------------------------------------------- */

.sq-article-writer .sq-aw-progress-panel {
	box-shadow: var(--sq-aw-shadow, 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.04));
}

.sq-article-writer .sq-aw-progress-head {
	padding-bottom: 0.35rem;
}

.sq-article-writer .sq-aw-progress-head__row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

.sq-article-writer .sq-aw-progress-head__main {
	min-width: 0;
	flex: 1;
}

.sq-article-writer .sq-aw-progress-head__title-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
	margin-bottom: 0.35rem;
}

.sq-article-writer .sq-aw-progress-heading {
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.3;
}

.sq-article-writer .sq-aw-status-badge {
	display: inline-flex;
	align-items: center;
	min-height: 1.5rem;
	padding: 0.15rem 0.55rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 650;
	letter-spacing: 0.01em;
	border: 1px solid transparent;
	white-space: nowrap;
}

.sq-article-writer .sq-aw-status-badge.is-running {
	color: #1e40af;
	background: #eff6ff;
	border-color: #bfdbfe;
}

.sq-article-writer .sq-aw-status-badge.is-done {
	color: #065f46;
	background: #ecfdf5;
	border-color: #a7f3d0;
}

.sq-article-writer .sq-aw-status-badge.is-failed {
	color: #991b1b;
	background: #fef2f2;
	border-color: #fecaca;
}

.sq-article-writer .sq-aw-status-badge.is-cancelled {
	color: #4b5563;
	background: #f3f4f6;
	border-color: #e5e7eb;
}

.sq-article-writer .sq-aw-progress-times {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 1rem;
	font-size: 0.8125rem;
	color: var(--sq-aw-muted, #5b6474);
}

.sq-article-writer .sq-aw-progress-times__elapsed {
	display: inline-flex;
	gap: 0.35rem;
	align-items: baseline;
}

.sq-article-writer .sq-aw-progress-times__label {
	font-weight: 600;
	color: #6b7280;
}

.sq-article-writer .sq-aw-progress-pct {
	flex-shrink: 0;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.02em;
	color: #1e3a8a;
	font-variant-numeric: tabular-nums;
	min-width: 3.25rem;
	text-align: right;
}

.sq-article-writer .sq-aw-progress-panel.is-complete .sq-aw-progress-pct,
.sq-article-writer .sq-aw-progress-panel.is-done .sq-aw-progress-pct {
	color: #065f46;
}

.sq-article-writer .sq-aw-progress-panel.is-failed .sq-aw-progress-pct {
	color: #991b1b;
}

.sq-article-writer .sq-aw-progress-bar {
	position: relative;
	height: 11px;
	background: #e8ecf1;
	border-radius: 999px;
	overflow: hidden;
	margin-top: 0.85rem;
	box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.04);
}

.sq-article-writer .sq-aw-progress-bar__fill {
	position: relative;
	display: block;
	height: 100%;
	width: 0%;
	border-radius: 999px;
	background: linear-gradient(90deg, #1d4ed8 0%, #2563eb 45%, #3b82f6 100%);
	background-size: 200% 100%;
	transition: width 0.45s ease;
	overflow: hidden;
	will-change: width;
}

.sq-article-writer .sq-aw-progress-bar.is-running .sq-aw-progress-bar__fill {
	box-shadow: 2px 0 10px rgba(37, 99, 235, 0.35);
	animation: sq-aw-progress-shift 2.8s linear infinite;
}

.sq-article-writer .sq-aw-progress-bar__wave {
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	background: linear-gradient(
		105deg,
		transparent 0%,
		transparent 35%,
		rgba(255, 255, 255, 0.28) 50%,
		transparent 65%,
		transparent 100%
	);
	background-size: 220% 100%;
}

.sq-article-writer .sq-aw-progress-bar.is-running .sq-aw-progress-bar__wave {
	opacity: 1;
	animation: sq-aw-progress-wave 1.8s ease-in-out infinite;
}

.sq-article-writer .sq-aw-progress-bar.is-complete .sq-aw-progress-bar__fill,
.sq-article-writer .sq-aw-progress-bar.is-done .sq-aw-progress-bar__fill {
	background: linear-gradient(90deg, #059669 0%, #2563eb 100%);
	background-size: 100% 100%;
	box-shadow: none;
	animation: none;
}

.sq-article-writer .sq-aw-progress-bar.is-failed .sq-aw-progress-bar__fill,
.sq-article-writer .sq-aw-progress-bar.is-cancelled .sq-aw-progress-bar__fill {
	background: #94a3b8;
	background-size: 100% 100%;
	box-shadow: none;
	animation: none;
}

.sq-article-writer .sq-aw-progress-bar.is-complete .sq-aw-progress-bar__wave,
.sq-article-writer .sq-aw-progress-bar.is-done .sq-aw-progress-bar__wave,
.sq-article-writer .sq-aw-progress-bar.is-failed .sq-aw-progress-bar__wave,
.sq-article-writer .sq-aw-progress-bar.is-cancelled .sq-aw-progress-bar__wave,
.sq-article-writer .sq-aw-progress-bar:not(.is-running) .sq-aw-progress-bar__wave {
	opacity: 0;
	animation: none;
}

@keyframes sq-aw-progress-wave {
	0% { background-position: 120% 0; }
	100% { background-position: -120% 0; }
}

@keyframes sq-aw-progress-shift {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}

.sq-article-writer .sq-aw-progress-stage-msg {
	margin: 0.65rem 0 0;
	font-size: 0.9375rem;
	font-weight: 600;
	color: #1e3a8a;
	min-height: 1.35em;
}

.sq-article-writer .sq-aw-progress-label {
	margin: 0.5rem 0 0;
	font-size: 0.9rem;
	font-weight: 600;
	color: #111827;
}

.sq-article-writer .sq-aw-research-alert {
	display: flex;
	gap: 0.65rem;
	align-items: flex-start;
	padding: 0.7rem 0.85rem;
	margin: 0 0 1rem;
	border-radius: 10px;
	border: 1px solid #fcd34d;
	background: #fffbeb;
	color: #92400e;
	box-shadow: none;
}

.sq-article-writer .sq-aw-research-alert[hidden] {
	display: none !important;
}

.sq-article-writer .sq-aw-research-alert__icon {
	flex-shrink: 0;
	display: inline-flex;
	color: #d97706;
	margin-top: 0.1rem;
}

.sq-article-writer .sq-aw-research-alert__title {
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	margin-bottom: 0.15rem;
	color: #92400e;
}

.sq-article-writer .sq-aw-research-alert__text {
	font-size: 0.8125rem;
	line-height: 1.45;
	color: #a16207;
}

.sq-article-writer .sq-aw-pipe-error {
	margin: 0 0 0.85rem;
	padding: 0.65rem 0.85rem;
	border-radius: 10px;
	border: 1px solid #fecaca;
	background: #fef2f2;
	color: #991b1b;
	font-size: 0.875rem;
	font-weight: 550;
}

.sq-article-writer .sq-aw-pipe-error[hidden] {
	display: none !important;
}

.sq-article-writer .sq-aw-btn-cancel {
	color: #b91c1c;
	border-color: #fecaca;
	background: #fff;
	min-height: 44px;
}

.sq-article-writer .sq-aw-btn-cancel:hover,
.sq-article-writer .sq-aw-btn-cancel:focus-visible {
	background: #fef2f2;
	border-color: #f87171;
	color: #991b1b;
}

.sq-article-writer .sq-aw-btn-cancel[disabled],
.sq-article-writer .sq-aw-btn-cancel.is-busy {
	opacity: 0.65;
	cursor: wait;
	pointer-events: none;
}

.sq-article-writer .sq-aw-progress-actions .sq-btn {
	min-height: 44px;
}

.sq-article-writer .sq-aw-timeline {
	list-style: none;
	margin: 0 0 1.1rem;
	padding: 0;
}

.sq-article-writer .sq-aw-timeline__item {
	position: relative;
	display: grid;
	grid-template-columns: 1.5rem minmax(0, 1fr);
	column-gap: 0.75rem;
	padding: 0 0 0.85rem;
	color: #6b7280;
}

.sq-article-writer .sq-aw-timeline__item:last-child {
	padding-bottom: 0;
}

.sq-article-writer .sq-aw-timeline__item:not(:last-child)::before {
	content: '';
	position: absolute;
	left: 0.68rem;
	top: 1.35rem;
	bottom: 0;
	width: 2px;
	background: #e5e7eb;
	border-radius: 1px;
}

.sq-article-writer .sq-aw-timeline__item.is-completed:not(:last-child)::before,
.sq-article-writer .sq-aw-timeline__item.is-done:not(:last-child)::before,
.sq-article-writer .sq-aw-timeline__item.is-completed_with_fallback:not(:last-child)::before {
	background: #34d399;
}

.sq-article-writer .sq-aw-timeline__item.is-active:not(:last-child)::before {
	background: #60a5fa;
}

.sq-article-writer .sq-aw-timeline__mark {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 999px;
	border: 1.5px solid #d1d5db;
	background: #fff;
	font-size: 0.7rem;
	line-height: 1;
	color: #9ca3af;
	box-sizing: border-box;
}

.sq-article-writer .sq-aw-timeline__body {
	min-width: 0;
	padding-top: 0.1rem;
}

.sq-article-writer .sq-aw-timeline__label {
	display: block;
	font-size: 0.9rem;
	font-weight: 550;
	color: inherit;
}

.sq-article-writer .sq-aw-timeline__desc {
	display: block;
	margin-top: 0.2rem;
	font-size: 0.8125rem;
	font-weight: 450;
	color: #6b7280;
	line-height: 1.4;
}

.sq-article-writer .sq-aw-timeline__item.is-waiting .sq-aw-timeline__label,
.sq-article-writer .sq-aw-timeline__item.is-pending .sq-aw-timeline__label {
	color: #9ca3af;
	font-weight: 500;
}

.sq-article-writer .sq-aw-timeline__item.is-active {
	color: #1e40af;
}

.sq-article-writer .sq-aw-timeline__item.is-active .sq-aw-timeline__mark {
	border-color: #2563eb;
	color: #2563eb;
	background: #eff6ff;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
	animation: sq-aw-stage-pulse 1.6s ease-in-out infinite;
}

.sq-article-writer .sq-aw-timeline__item.is-active .sq-aw-timeline__label {
	font-weight: 700;
	color: #1e40af;
}

.sq-article-writer .sq-aw-timeline__item.is-completed .sq-aw-timeline__mark,
.sq-article-writer .sq-aw-timeline__item.is-done .sq-aw-timeline__mark,
.sq-article-writer .sq-aw-timeline__item.is-completed_with_fallback .sq-aw-timeline__mark {
	border-color: #10b981;
	background: #ecfdf5;
	color: #059669;
	animation: none;
}

.sq-article-writer .sq-aw-timeline__item.is-completed .sq-aw-timeline__label,
.sq-article-writer .sq-aw-timeline__item.is-done .sq-aw-timeline__label,
.sq-article-writer .sq-aw-timeline__item.is-completed_with_fallback .sq-aw-timeline__label {
	color: #065f46;
	font-weight: 600;
}

.sq-article-writer .sq-aw-timeline__item.is-failed .sq-aw-timeline__mark {
	border-color: #ef4444;
	background: #fef2f2;
	color: #dc2626;
	animation: none;
}

.sq-article-writer .sq-aw-timeline__item.is-failed .sq-aw-timeline__label {
	color: #b91c1c;
	font-weight: 650;
}

.sq-article-writer .sq-aw-timeline__item.is-skipped .sq-aw-timeline__mark {
	border-color: #f59e0b;
	background: #fffbeb;
	color: #d97706;
	animation: none;
}

.sq-article-writer .sq-aw-timeline__item.is-skipped .sq-aw-timeline__label {
	color: #92400e;
	font-weight: 600;
}

.sq-article-writer .sq-aw-timeline__spinner {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 999px;
	background: currentColor;
	box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.35);
}

@keyframes sq-aw-stage-pulse {
	0%, 100% { box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); }
	50% { box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.18); }
}

.sq-article-writer .sq-aw-complete-head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
}

.sq-article-writer .sq-aw-complete-check {
	display: inline-flex;
	color: #059669;
	margin-bottom: 0.15rem;
}

.sq-article-writer .sq-aw-complete-panel.is-reveal .sq-aw-complete-check__tick {
	stroke-dasharray: 24;
	stroke-dashoffset: 24;
	animation: sq-aw-check-draw 0.55s ease forwards 0.1s;
}

.sq-article-writer .sq-aw-complete-panel .sq-aw-complete-title {
	font-size: 1.15rem;
	font-weight: 650;
	margin: 0 0 0.35rem;
}

@keyframes sq-aw-check-draw {
	to { stroke-dashoffset: 0; }
}

@media (max-width: 640px) {
	.sq-article-writer .sq-aw-progress-head__row {
		flex-direction: column;
		align-items: stretch;
		gap: 0.5rem;
	}

	.sq-article-writer .sq-aw-progress-pct {
		align-self: flex-end;
		font-size: 1.55rem;
	}

	.sq-article-writer .sq-aw-progress-times {
		flex-direction: column;
		gap: 0.2rem;
	}

	.sq-article-writer .sq-aw-progress-bar {
		width: 100%;
	}

	.sq-article-writer .sq-aw-progress-actions {
		display: flex;
		flex-direction: column;
	}

	.sq-article-writer .sq-aw-progress-actions .sq-btn {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sq-article-writer .sq-aw-progress-bar.is-running .sq-aw-progress-bar__fill,
	.sq-article-writer .sq-aw-progress-bar.is-running .sq-aw-progress-bar__wave,
	.sq-article-writer .sq-aw-timeline__item.is-active .sq-aw-timeline__mark,
	.sq-article-writer .sq-aw-complete-panel.is-reveal .sq-aw-complete-check__tick {
		animation: none !important;
	}

	.sq-article-writer .sq-aw-progress-bar__fill {
		transition: none;
	}

	.sq-article-writer .sq-aw-progress-bar.is-running .sq-aw-progress-bar__wave {
		opacity: 0;
	}

	.sq-article-writer .sq-aw-progress-bar.is-running .sq-aw-progress-bar__fill {
		box-shadow: none;
		background-size: 100% 100%;
	}
}

.sq-article-writer .sq-aw-dialog {
	border: 0;
	border-radius: 16px;
	padding: 0;
	max-width: min(520px, 94vw);
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);
}

.sq-article-writer .sq-aw-dialog::backdrop {
	background: rgba(15, 23, 42, 0.45);
}

.sq-article-writer .sq-aw-dialog__inner {
	padding: 1.25rem 1.35rem 1.5rem;
}

/* 2.5.60 — Confirm article generation (premium, compact) */
.sq-article-writer {
	--aw-dialog-bg: var(--aw-surface, #fff);
	--aw-dialog-radius: 20px;
	--aw-dialog-pad: 28px;
	--aw-dialog-shadow: 0 8px 16px rgba(15, 23, 42, 0.08), 0 24px 48px rgba(15, 23, 42, 0.16);
	--aw-dialog-backdrop: rgba(15, 23, 42, 0.54);
	--aw-dialog-soft: var(--aw-soft, #f8fafc);
	--aw-dialog-features: #eff6ff;
	--aw-dialog-features-border: #bfdbfe;
}

.sq-article-writer .sq-aw-confirm-dialog.aw-confirm-dialog,
.sq-article-writer dialog.aw-confirm-dialog {
	width: min(calc(100vw - 32px), 720px);
	max-width: min(calc(100vw - 32px), 720px);
	max-height: min(88vh, 780px);
	margin: auto;
	padding: 0;
	border: 0;
	border-radius: var(--aw-dialog-radius, 20px);
	background: var(--aw-dialog-bg, #fff);
	color: var(--aw-text, #111827);
	box-shadow: var(--aw-dialog-shadow);
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}

.sq-article-writer .sq-aw-confirm-dialog.aw-confirm-dialog::backdrop,
.sq-article-writer dialog.aw-confirm-dialog::backdrop {
	background: var(--aw-dialog-backdrop, rgba(15, 23, 42, 0.54));
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.sq-article-writer .sq-aw-confirm-dialog__inner {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: var(--aw-dialog-pad, 28px);
	box-sizing: border-box;
	min-width: 0;
}

.sq-article-writer .sq-aw-confirm-dialog__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 16px;
}

.sq-article-writer .sq-aw-confirm-dialog__titles {
	min-width: 0;
	flex: 1;
}

.sq-article-writer .sq-aw-confirm-dialog__title {
	margin: 0;
	font-size: clamp(1.625rem, 1.4rem + 0.7vw, 2.125rem); /* 26–34px */
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--aw-text, #111827);
}

.sq-article-writer .sq-aw-confirm-dialog__subtitle {
	margin: 0.35rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--aw-text-muted, #5b6474);
}

.sq-article-writer .sq-aw-confirm-dialog__close {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	margin: -4px -4px 0 0;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 10px;
	background: transparent;
	color: var(--aw-text-muted, #5b6474);
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	transition: background var(--aw-motion, 160ms) ease, color var(--aw-motion, 160ms) ease, border-color var(--aw-motion, 160ms) ease;
}

.sq-article-writer .sq-aw-confirm-dialog__close:hover {
	background: var(--aw-hover, #f3f6fb);
	color: var(--aw-text, #111827);
}

.sq-article-writer .sq-aw-confirm-dialog__close:focus-visible {
	outline: none;
	box-shadow: var(--aw-ring, 0 0 0 3px rgba(37, 99, 235, 0.16));
	border-color: var(--aw-primary-border, #c7d8fd);
}

.sq-article-writer .sq-aw-confirm-dialog__body {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}

.sq-article-writer .sq-aw-confirm-section__label,
.sq-article-writer .sq-aw-confirm-features__title {
	margin: 0 0 8px;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--aw-text-muted, #5b6474);
}

.sq-article-writer .sq-aw-confirm-article {
	display: grid;
	gap: 6px;
}

.sq-article-writer .sq-aw-confirm-card {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 8px 12px;
	border-radius: 12px;
	background: var(--aw-dialog-soft, #f8fafc);
	border: 1px solid var(--aw-border, #e3e8f0);
	min-width: 0;
}

.sq-article-writer .sq-aw-confirm-card__label {
	font-size: 0.75rem;
	color: var(--aw-text-muted, #5b6474);
}

.sq-article-writer .sq-aw-confirm-card__value {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--aw-text, #111827);
	word-break: break-word;
}

.sq-article-writer .sq-aw-confirm-keywords {
	margin-top: 6px;
}

.sq-article-writer .sq-aw-confirm-keywords summary {
	cursor: pointer;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--aw-primary, #2563eb);
	list-style: none;
}

.sq-article-writer .sq-aw-confirm-keywords summary::-webkit-details-marker {
	display: none;
}

.sq-article-writer .sq-aw-confirm-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
}

.sq-article-writer .sq-aw-confirm-chips li {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 0.25rem 0.65rem;
	border-radius: 999px;
	background: var(--aw-primary-soft, #eff4ff);
	border: 1px solid var(--aw-primary-border, #c7d8fd);
	color: var(--aw-primary-hover, #1d4ed8);
	font-size: 0.8125rem;
	font-weight: 500;
	word-break: break-word;
}

.sq-article-writer .sq-aw-confirm-settings {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
}

.sq-article-writer .sq-aw-confirm-tile {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 8px 12px;
	border-radius: 12px;
	background: var(--aw-surface, #fff);
	border: 1px solid var(--aw-border, #e3e8f0);
	min-width: 0;
}

.sq-article-writer .sq-aw-confirm-tile__label {
	font-size: 0.75rem;
	color: var(--aw-text-muted, #5b6474);
}

.sq-article-writer .sq-aw-confirm-tile__value {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--aw-text, #111827);
	word-break: break-word;
}

.sq-article-writer .sq-aw-confirm-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}

.sq-article-writer .sq-aw-confirm-summary-card {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 10px 12px;
	border-radius: 12px;
	background: var(--aw-dialog-soft, #f8fafc);
	border: 1px solid var(--aw-border, #e3e8f0);
	min-width: 0;
}

.sq-article-writer .sq-aw-confirm-summary-card__label {
	font-size: 0.75rem;
	color: var(--aw-text-muted, #5b6474);
}

.sq-article-writer .sq-aw-confirm-summary-card__value {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--aw-text, #111827);
	word-break: break-word;
}

.sq-article-writer .sq-aw-confirm-features {
	padding: 10px 12px;
	border-radius: 12px;
	background: var(--aw-dialog-features, #eff6ff);
	border: 1px solid var(--aw-dialog-features-border, #bfdbfe);
}

.sq-article-writer .sq-aw-confirm-features__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px 12px;
}

.sq-article-writer .sq-aw-confirm-features__list li {
	position: relative;
	padding-left: 1.15rem;
	font-size: 0.8125rem;
	line-height: 1.4;
	color: var(--aw-text-secondary, #374151);
}

.sq-article-writer .sq-aw-confirm-features__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.35em;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: var(--aw-primary, #2563eb);
	box-shadow: inset 0 0 0 2px var(--aw-dialog-features, #eff6ff);
}

.sq-article-writer .sq-aw-confirm-error {
	margin: 0;
	padding: 10px 12px;
	border-radius: 10px;
	background: var(--aw-danger-soft, #fef2f2);
	border: 1px solid #fecaca;
	color: var(--aw-danger, #b91c1c);
	font-size: 0.875rem;
}

.sq-article-writer .sq-aw-confirm-dialog__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin: 14px 0 0;
	padding-top: 14px;
	border-top: 1px solid var(--aw-border, #e3e8f0);
}

.sq-article-writer .sq-aw-confirm-dialog__footer .sq-btn {
	min-height: 44px;
}

.sq-article-writer .sq-aw-confirm-dialog__footer .sq-btn--ghost {
	margin-right: auto;
}

.sq-article-writer .sq-aw-confirm-create__loading {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.sq-article-writer .sq-aw-confirm-spinner {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	animation: sq-aw-confirm-spin 0.7s linear infinite;
}

@keyframes sq-aw-confirm-spin {
	to { transform: rotate(360deg); }
}

.sq-article-writer .sq-aw-confirm-dialog.is-starting .sq-aw-confirm-dialog__close,
.sq-article-writer .sq-aw-confirm-dialog.is-starting [data-aw-confirm-cancel],
.sq-article-writer .sq-aw-confirm-dialog.is-starting [data-aw-confirm-edit] {
	opacity: 0.55;
	pointer-events: none;
}

.sq-article-writer .sq-aw-confirm-dialog [data-aw-confirm-create][aria-busy="true"],
.sq-article-writer .sq-aw-confirm-dialog [data-aw-confirm-create]:disabled {
	cursor: wait;
}

@media (max-width: 560px) {
	.sq-article-writer .sq-aw-confirm-settings {
		grid-template-columns: 1fr;
	}

	.sq-article-writer .sq-aw-confirm-summary {
		grid-template-columns: 1fr;
	}

	.sq-article-writer .sq-aw-confirm-features__list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.sq-article-writer .sq-aw-confirm-dialog.aw-confirm-dialog,
	.sq-article-writer dialog.aw-confirm-dialog {
		width: calc(100vw - 20px);
		max-width: calc(100vw - 20px);
		max-height: calc(100dvh - 20px);
		border-radius: 16px;
	}

	.sq-article-writer .sq-aw-confirm-dialog__inner {
		padding: 20px;
	}

	.sq-article-writer .sq-aw-confirm-dialog__footer {
		flex-direction: column-reverse;
		align-items: stretch;
	}

	.sq-article-writer .sq-aw-confirm-dialog__footer .sq-btn--ghost {
		margin-right: 0;
	}

	.sq-article-writer .sq-aw-confirm-dialog__footer .sq-btn {
		width: 100%;
		justify-content: center;
	}

	.sq-article-writer .sq-aw-confirm-summary {
		display: flex;
		flex-direction: row;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		gap: 8px;
		padding-bottom: 2px;
	}

	.sq-article-writer .sq-aw-confirm-summary-card {
		flex: 0 0 min(72%, 220px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.sq-article-writer .sq-aw-confirm-spinner {
		animation: none;
		border-top-color: #fff;
		opacity: 0.85;
	}
}

.sq-article-writer .sq-opt {
	font-size: 0.75rem;
	font-weight: 500;
	color: #6b7280;
}

.sq-article-writer .sq-req {
	color: #b91c1c;
}

@media (max-width: 1439px) and (min-width: 1024px) {
	.sq-article-writer .sq-aw-shell > .sq-card,
	.sq-article-writer .sq-aw-shell .sq-aw-quick,
	.sq-article-writer .sq-aw-shell .sq-aw-progress-panel,
	.sq-article-writer .sq-aw-shell .sq-aw-complete-panel {
		padding: 28px;
	}

	.sq-article-writer .sq-aw-segment .sq-aw-mode {
		min-height: 88px;
	}
}

@media (max-width: 1023px) and (min-width: 768px) {
	.sq-article-writer .sq-aw-shell > .sq-card,
	.sq-article-writer .sq-aw-shell .sq-aw-quick,
	.sq-article-writer .sq-aw-shell .sq-aw-progress-panel,
	.sq-article-writer .sq-aw-shell .sq-aw-complete-panel {
		padding: 24px;
	}

	.sq-article-writer .sq-aw-field-grid {
		gap: 20px;
	}

	.sq-article-writer .sq-aw-segment .sq-aw-mode {
		min-height: 88px;
		padding: 0.85rem 1rem;
	}

	.sq-article-writer .sq-aw-create-btn {
		min-width: 240px;
	}
}

@media (max-width: 767px) {
	.sq-article-writer.sq-aw-wizard {
		padding: 0;
		margin: 0;
	}

	.sq-article-writer .sq-aw-shell {
		padding: 0;
		max-width: 100%;
	}

	.sq-article-writer .sq-aw-shell > .sq-card,
	.sq-article-writer .sq-aw-shell .sq-aw-quick,
	.sq-article-writer .sq-aw-shell .sq-aw-progress-panel,
	.sq-article-writer .sq-aw-shell .sq-aw-complete-panel {
		padding: 20px 16px;
		border-radius: 12px;
	}

	.sq-article-writer .sq-aw-field-grid {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-bottom: 16px;
	}

	.sq-article-writer .sq-aw-quick-form > .sq-field.sq-field--full,
	.sq-article-writer .sq-aw-quick-form > .sq-aw-auto-settings {
		margin-bottom: 16px;
	}

	.sq-article-writer .sq-aw-segment {
		grid-template-columns: 1fr;
		margin-bottom: 16px;
	}

	.sq-article-writer .sq-aw-segment .sq-aw-mode {
		min-height: 72px;
		padding: 0.75rem 0.9rem;
	}

	.sq-article-writer .sq-aw-cta {
		justify-content: stretch;
		margin-top: 20px;
	}

	.sq-article-writer .sq-aw-create-btn {
		width: 100%;
		min-width: 0;
	}

	.sq-article-writer .sq-aw-recent-table-wrap {
		display: none;
	}

	.sq-article-writer .sq-aw-recent-cards {
		display: grid;
	}

	.sq-article-writer .sq-aw-dialog:not(.aw-confirm-dialog) {
		max-width: 100%;
		width: 100%;
		margin: 0;
		border-radius: 16px 16px 0 0;
	}
}

@media (max-width: 390px) {
	.sq-article-writer .sq-aw-shell > .sq-card,
	.sq-article-writer .sq-aw-shell .sq-aw-quick,
	.sq-article-writer .sq-aw-shell .sq-aw-progress-panel,
	.sq-article-writer .sq-aw-shell .sq-aw-complete-panel {
		padding: 16px 12px;
	}

	.sq-article-writer .sq-aw-segment .sq-aw-mode {
		padding: 0.65rem 0.75rem;
		min-height: 68px;
	}

	.sq-article-writer .sq-aw-quick-form input[type="text"],
	.sq-article-writer .sq-aw-quick-form input[type="number"],
	.sq-article-writer .sq-aw-quick-form select {
		font-size: 16px; /* avoid iOS zoom */
		min-height: 52px;
		height: 52px;
	}

	.sq-article-writer {
		--sq-aw-control-h: 52px;
	}
}

/* Legacy modebar fallback (if segment class missing) */
.sq-aw-modebar:not(.sq-aw-segment) {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 1.25rem;
}

.sq-aw-modebar:not(.sq-aw-segment) .sq-aw-mode {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 44px;
	padding: 0.55rem 1rem;
	border: 1px solid var(--sq-aw-border, #e5e7eb);
	border-radius: 999px;
	background: #fff;
	font: inherit;
	cursor: pointer;
}

.sq-aw-modebar:not(.sq-aw-segment) .sq-aw-mode.is-active {
	border-color: var(--sq-aw-blue, #2563eb);
	background: var(--sq-aw-blue-soft, #eff6ff);
	color: #1e40af;
	box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}

.sq-alert--warning {
	background: #fffbeb;
	border: 1px solid #fcd34d;
	color: #92400e;
	border-radius: 10px;
	padding: 0.75rem 1rem;
}

/* SEO Article Writer 2.5.23 — wide editor panel, readable prose measure */
.sq-article-writer .sq-aw-article-ready,
.sq-article-writer .sq-aw-article-preview,
.sq-article-writer .sq-aw-editor--spacious,
.sq-article-writer #searqo-generated-article,
.sq-article-writer .searqo-generated-article {
	width: 100%;
	max-width: none;
	box-sizing: border-box;
}

.sq-article-writer #searqo-generated-article > *:not(table):not(.sq-aw-table-wrap):not(.searqo-article-toc):not(.sq-aw-toc):not(.searqo-article-faq):not(.sq-aw-faq),
.sq-article-writer .searqo-generated-article > *:not(table):not(.sq-aw-table-wrap):not(.searqo-article-toc):not(.sq-aw-toc):not(.searqo-article-faq):not(.sq-aw-faq),
.sq-article-writer .sq-aw-article-preview > *:not(table):not(.sq-aw-table-wrap):not(.searqo-article-toc):not(.sq-aw-toc):not(.searqo-article-faq):not(.sq-aw-faq) {
	max-width: 820px;
}

.sq-article-writer #searqo-generated-article table,
.sq-article-writer .searqo-generated-article table,
.sq-article-writer .sq-aw-article-preview table,
.sq-article-writer .sq-aw-table-wrap,
.sq-article-writer .searqo-article-toc,
.sq-article-writer .sq-aw-toc,
.sq-article-writer .searqo-article-faq,
.sq-article-writer .sq-aw-faq {
	max-width: 100%;
	width: 100%;
}

/* SEO Article Writer 2.5.12 — always-visible TOC/FAQ (no collapse) */
.sq-aw-takeaways,
.sq-aw-sources,
.sq-aw-faq,
.searqo-article-faq,
.sq-aw-proscons {
	margin: 1.25rem 0;
	padding: 1rem 1.1rem;
	border: 1px solid var(--sq-border, #e5e7eb);
	border-radius: 12px;
	background: var(--sq-surface, #fff);
}
.searqo-article-toc,
.sq-aw-toc {
	margin: 1.25rem 0;
	padding: 1rem 1.1rem;
	border: 1px solid var(--sq-border, #e5e7eb);
	border-radius: 12px;
	background: var(--sq-surface-2, #f8fafc);
	scroll-margin-top: 5.5rem;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.searqo-article-toc__heading {
	margin: 0 0 0.65rem;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.3;
}
.searqo-article-toc__list,
.sq-aw-toc__list {
	margin: 0;
	padding-left: 1.35rem;
}
.searqo-article-toc__list li,
.sq-aw-toc__list li {
	margin: 0.35rem 0;
	line-height: 1.45;
}
.searqo-article-toc a,
.sq-aw-toc a {
	color: var(--sq-link, #0f766e);
	text-decoration: underline;
	text-underline-offset: 2px;
	scroll-margin-top: 5.5rem;
	outline-offset: 2px;
}
.searqo-article-toc a:hover,
.searqo-article-toc a:focus-visible,
.sq-aw-toc a:hover,
.sq-aw-toc a:focus-visible {
	color: var(--sq-link-hover, #115e59);
	outline: 2px solid var(--sq-focus, #0d9488);
	outline-offset: 2px;
}
.sq-aw-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1rem 0;
}
.searqo-faq-item,
.sq-aw-faq__item {
	margin: 0 0 1rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid var(--sq-border, #e5e7eb);
}
.searqo-faq-item:last-child,
.sq-aw-faq__item:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.searqo-faq-question,
.sq-aw-faq__q {
	margin: 0 0 0.4rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--sq-text, #111827);
	cursor: default;
}
.searqo-faq-answer,
.sq-aw-faq__a {
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.55;
	color: var(--sq-text-muted, #374151);
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
}
#searqo-generated-article h2,
#searqo-generated-article h3,
.searqo-generated-article h2,
.searqo-generated-article h3 {
	scroll-margin-top: 5.5rem;
}
@media (max-width: 640px) {
	.searqo-faq-question,
	.sq-aw-faq__q {
		font-size: 1.05rem;
		font-weight: 700;
	}
	.searqo-faq-answer,
	.sq-aw-faq__a {
		font-size: 16px;
	}
	.searqo-article-toc,
	.sq-aw-toc,
	.searqo-article-faq,
	.sq-aw-faq {
		padding: 0.85rem 0.9rem;
	}
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
@media print {
	.searqo-article-toc,
	.searqo-article-faq,
	.searqo-faq-answer,
	.sq-aw-faq__a {
		display: block !important;
		visibility: visible !important;
	}
}
.sq-aw-proscons__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	align-items: stretch;
}
.sq-aw-proscons__col {
	padding: 0.85rem 1rem;
	border-radius: 10px;
	border: 1px solid var(--sq-border, #e5e7eb);
	min-width: 0;
	overflow-wrap: anywhere;
}
.sq-aw-proscons__col--pros {
	background: #f0fdf4;
	border-color: #bbf7d0;
}
.sq-aw-proscons__col--cons {
	background: #fff7ed;
	border-color: #fed7aa;
}
.sq-aw-proscons__col h3 {
	margin: 0 0 0.65rem;
	font-size: 1.05rem;
	font-weight: 700;
}
.sq-aw-proscons__col--pros h3 {
	color: #166534;
}
.sq-aw-proscons__col--cons h3 {
	color: #9a3412;
}
.sq-aw-proscons__list {
	margin: 0;
	padding-left: 1.2rem;
}
.sq-aw-proscons__item {
	margin: 0.4rem 0;
	line-height: 1.45;
	position: relative;
	padding-right: 0.25rem;
}
.sq-aw-proscons__cite {
	display: inline-block;
	margin-left: 0.35rem;
	font-size: 0.8rem;
	color: #6b7280;
}
.sq-aw-proscons__cite a {
	color: var(--sq-link, #0f766e);
}
.sq-aw-proscons__toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 0.75rem;
}
.sq-aw-proscons__item-actions {
	display: inline-flex;
	gap: 0.25rem;
	margin-left: 0.35rem;
	vertical-align: middle;
}
.sq-aw-proscons__iconbtn {
	font: inherit;
	font-size: 0.75rem;
	line-height: 1.2;
	padding: 0.15rem 0.4rem;
	border: 1px solid var(--sq-border, #e5e7eb);
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	color: #374151;
}
.sq-aw-proscons__item[data-aw-locked="1"] .sq-aw-proscons__text {
	box-shadow: inset 2px 0 0 #0f766e;
	padding-left: 0.4rem;
}
.sq-aw-proscons-recommend {
	margin: 0.75rem 0;
}
.sq-aw-proscons-settings .sq-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}
.sq-aw-quality-gate {
	font-weight: 600;
	color: #1e40af;
}
.sq-aw-quality-gate.is-blocked {
	color: #b91c1c;
}
.sq-aw-seo-results__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sq-aw-seo-item {
	display: block;
	width: 100%;
	text-align: left;
	border: 1px solid var(--sq-border, #e5e7eb);
	border-radius: 10px;
	background: #fff;
	padding: 0.65rem 0.85rem;
	margin: 0.35rem 0;
	font: inherit;
	cursor: pointer;
	min-height: 44px;
}
.sq-aw-seo-item:hover,
.sq-aw-seo-item:focus-visible {
	border-color: #2563eb;
	outline: 2px solid #93c5fd;
}
@media (max-width: 640px) {
	.sq-aw-proscons__grid {
		grid-template-columns: 1fr;
	}
	.sq-aw-proscons__col--cons {
		order: 2;
	}
	.sq-aw-proscons__col--pros {
		order: 1;
	}
	.sq-aw-table.sq-table--report thead {
		display: none;
	}
	.sq-aw-table.sq-table--report tr {
		display: block;
		border: 1px solid var(--sq-border, #e5e7eb);
		border-radius: 10px;
		margin-bottom: 0.65rem;
		padding: 0.5rem;
	}
	.sq-aw-table.sq-table--report td,
	.sq-aw-table.sq-table--report th {
		display: block;
		border: 0;
		padding: 0.25rem 0;
	}
	.sq-aw-table.sq-table--report td::before,
	.sq-aw-table.sq-table--report th::before {
		content: attr(data-label);
		display: block;
		font-size: 0.75rem;
		font-weight: 600;
		color: #6b7280;
	}
}

/* SEO Article Writer 2.5.0 — strategy (editor only) */
.sq-aw-strategy-summary {
	padding: 0.75rem 1rem;
	border: 1px dashed var(--sq-border, #e5e7eb);
	border-radius: 10px;
	background: #f9fafb;
}
.sq-aw-strategy-summary h3 {
	margin: 0 0 0.35rem;
	font-size: 0.95rem;
}

/* Backlink Insights professional overview (2.5.29) */
.sq-backlink-explorer .sq-blex-context {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin: 0 0 1.25rem;
	padding: 1rem 1.1rem;
	border: 1px solid var(--sq-border, #e2e8f0);
	border-radius: 12px;
	background: linear-gradient(180deg, #f8fafc 0%, #fff 70%);
}

.sq-backlink-explorer .sq-blex-context__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem 1rem;
}

.sq-backlink-explorer .sq-blex-context__label {
	display: block;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #64748b;
}

.sq-backlink-explorer .sq-blex-context__value {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.95rem;
	font-weight: 600;
	color: #0f172a;
	overflow-wrap: anywhere;
}

.sq-backlink-explorer .sq-blex-context__item--target .sq-blex-context__value {
	font-size: 1.05rem;
}

.sq-backlink-explorer .sq-blex-cards--primary {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sq-backlink-explorer .sq-blex-card__change {
	font-size: 0.8rem;
	font-weight: 600;
	color: #475569;
}

.sq-backlink-explorer .sq-blex-card__change[data-direction="up"] { color: #16a34a; }
.sq-backlink-explorer .sq-blex-card__change[data-direction="down"] { color: #dc2626; }

.sq-backlink-explorer .sq-blex-card__period {
	font-size: 0.7rem;
}

.sq-backlink-explorer .sq-blex-card [data-metric-state="unavailable"],
.sq-backlink-explorer .sq-blex-card [data-metric-state="error"] {
	font-size: 0.85rem;
	font-weight: 600;
	color: #64748b;
}

.sq-backlink-explorer .sq-blex-overview-panels {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 0.5rem;
}

.sq-backlink-explorer .sq-blex-panel {
	padding: 1rem;
	border: 1px solid var(--sq-border, #e2e8f0);
	border-radius: 12px;
	background: var(--sq-surface, #fff);
	min-width: 0;
}

.sq-backlink-explorer .sq-blex-panel--notes {
	grid-column: 1 / -1;
}

.sq-backlink-explorer .sq-blex-dist-list,
.sq-backlink-explorer .sq-blex-authority-list {
	list-style: none;
	margin: 0.5rem 0 0;
	padding: 0;
}

.sq-backlink-explorer .sq-blex-dist-list li,
.sq-backlink-explorer .sq-blex-authority-list li {
	display: flex;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.35rem 0;
	border-bottom: 1px solid #f1f5f9;
	font-size: 0.9rem;
}

.sq-backlink-explorer .sq-blex-authority-bucket {
	appearance: none;
	width: 100%;
	border: 0;
	background: transparent;
	padding: 0.25rem 0;
	text-align: left;
	font: inherit;
	color: #2563eb;
	cursor: pointer;
}

.sq-backlink-explorer .sq-blex-authority-bucket:hover,
.sq-backlink-explorer .sq-blex-authority-bucket:focus-visible {
	text-decoration: underline;
}

.sq-backlink-explorer .sq-tabs--scroll .sq-tabs__list {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	gap: 0.25rem;
}

.sq-backlink-explorer .sq-tabs--scroll .sq-tabs__tab {
	flex: 0 0 auto;
	white-space: nowrap;
}

@media (max-width: 1023px) {
	.sq-backlink-explorer .sq-blex-context__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.sq-backlink-explorer .sq-blex-cards--primary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.sq-backlink-explorer .sq-blex-context__grid,
	.sq-backlink-explorer .sq-blex-cards--primary,
	.sq-backlink-explorer .sq-blex-overview-panels {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ==========================================================================
   Searqo Signal Canvas (Backlink Intelligence Workspace 2.5.32)
   ========================================================================== */

.sq-signal-canvas {
	--sq-signal-radius: 18px;
	--sq-signal-shadow: 0 1px 2px rgba(11, 18, 32, 0.04), 0 8px 24px rgba(11, 18, 32, 0.04);
	--sq-emerald: var(--sq-emerald, #059669);
	--sq-coral: var(--sq-coral, #f43f5e);
	padding: 1.25rem;
	border-radius: var(--sq-signal-radius);
	background:
		radial-gradient(1200px 400px at 10% -10%, rgba(37, 99, 235, 0.07), transparent 55%),
		radial-gradient(900px 320px at 100% 0%, rgba(6, 182, 212, 0.06), transparent 50%),
		var(--sq-bg, #f7f9fc);
}

.sq-signal-command {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
	gap: 1rem 1.25rem;
	align-items: start;
	padding: 1.15rem 1.25rem;
	margin: 0 0 1.25rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: var(--sq-signal-radius);
	background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
	box-shadow: var(--sq-signal-shadow);
}

.sq-signal-command__identity {
	display: flex;
	gap: 0.75rem;
	align-items: flex-start;
	min-width: 0;
}

.sq-signal-command__favicon {
	width: 20px;
	height: 20px;
	margin-top: 0.2rem;
	border-radius: 4px;
	flex: 0 0 auto;
}

.sq-signal-command__domain {
	margin: 0;
	color: var(--sq-navy, #0b1220);
	font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	word-break: break-word;
}

.sq-signal-command__snapshot {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0.45rem 0 0;
}

.sq-signal-badge {
	display: inline-flex;
	align-items: center;
	min-height: 1.5rem;
	padding: 0.15rem 0.55rem;
	border: 1px solid var(--sq-blue-border, #c7d8fd);
	border-radius: 999px;
	background: var(--sq-blue-soft, #eff4ff);
	color: var(--sq-blue-active, #1e40af);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 600;
}

.sq-signal-badge--scope {
	border-color: var(--sq-border-strong, #cbd4e2);
	background: var(--sq-surface-sunken, #f4f7fb);
	color: var(--sq-navy, #0b1220);
}

.sq-signal-badge--db {
	border-color: #a5f3fc;
	background: var(--sq-cyan-soft, #e6fbff);
	color: #0e7490;
}

.sq-signal-command__meta {
	display: grid;
	gap: 0.55rem;
}

.sq-signal-command__label {
	display: block;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.sq-signal-command__value {
	color: var(--sq-navy, #0b1220);
	font-size: var(--sq-text-sm, 0.8125rem);
}

.sq-signal-command__actions {
	justify-content: flex-end;
}

.sq-signal-command__admin {
	grid-column: 1 / -1;
	margin: 0;
	font-size: var(--sq-text-xs, 0.75rem);
}

.sq-signal-pulse {
	padding: 1.15rem 1.25rem;
	margin: 0 0 1.25rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: var(--sq-signal-radius);
	background: #fff;
	box-shadow: var(--sq-signal-shadow);
}

.sq-signal-pulse__title,
.sq-signal-section-title {
	margin: 0 0 0.85rem;
	color: var(--sq-navy, #0b1220);
	font-size: var(--sq-h4, 1.125rem);
	font-weight: 700;
	letter-spacing: -0.01em;
}

.sq-signal-pulse__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
}

.sq-signal-pulse__chip {
	padding: 0.75rem 0.85rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 14px;
	background: linear-gradient(180deg, #fff, var(--sq-surface-sunken, #f4f7fb));
}

.sq-signal-pulse__chip--blue { border-top: 3px solid var(--sq-blue, #2563eb); }
.sq-signal-pulse__chip--cyan { border-top: 3px solid var(--sq-cyan, #06b6d4); }
.sq-signal-pulse__chip--violet { border-top: 3px solid var(--sq-violet, #7c3aed); }
.sq-signal-pulse__chip--emerald { border-top: 3px solid var(--sq-emerald, #059669); }
.sq-signal-pulse__chip--coral { border-top: 3px solid var(--sq-coral, #f43f5e); }

.sq-signal-pulse__chip-label {
	display: block;
	margin-bottom: 0.25rem;
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 600;
}

.sq-signal-pulse__chip-value {
	color: var(--sq-navy, #0b1220);
	font-size: var(--sq-text-sm, 0.8125rem);
	font-weight: 700;
	line-height: 1.35;
}

.sq-signal-pulse__first {
	grid-column: 1 / -1;
	margin: 0.25rem 0 0;
}

.sq-signal-metrics {
	display: grid;
	gap: 0.85rem;
	margin: 0 0 1rem;
}

.sq-signal-metrics--primary {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sq-signal-metrics--secondary {
	grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
}

.sq-signal-metrics--optional {
	grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
}

.sq-signal-metric {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.2rem;
	min-height: 5.5rem;
	padding: 1rem 1.05rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 16px;
	background: #fff;
	box-shadow: var(--sq-signal-shadow);
	text-align: left;
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.sq-signal-metric:hover:not(:disabled) {
	border-color: var(--sq-blue-border, #c7d8fd);
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08);
}

.sq-signal-metric:focus-visible {
	outline: 2px solid var(--sq-blue, #2563eb);
	outline-offset: 2px;
}

.sq-signal-metric.is-active,
.sq-signal-metric[aria-pressed="true"] {
	border-color: var(--sq-blue, #2563eb);
	background: var(--sq-blue-soft, #eff4ff);
	box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.25), var(--sq-signal-shadow);
}

.sq-follow-filter {
	margin: 0 0 1rem;
	padding: 1rem 1.1rem;
	border: 1px solid var(--sq-blue-border, #c7d8fd);
	border-radius: 14px;
	background: linear-gradient(180deg, #f5f8ff 0%, #fff 70%);
}

.sq-follow-filter__title {
	margin: 0 0 0.25rem;
}

.sq-follow-filter__totals {
	margin: 0 0 0.75rem;
	color: var(--sq-navy, #0b1220);
	font-weight: 650;
	font-size: var(--sq-text-sm, 0.8125rem);
}

.sq-follow-filter__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem 1rem;
}

.sq-follow-filter__toggles button[aria-pressed="true"] {
	border-color: var(--sq-blue, #2563eb);
	background: var(--sq-blue-soft, #eff4ff);
	color: var(--sq-blue-active, #1e40af);
}

@media (max-width: 767px) {
	.sq-follow-filter__actions {
		flex-direction: column;
		align-items: stretch;
	}
	.sq-follow-filter__toggles {
		width: 100%;
	}
	.sq-follow-filter__toggles .sq-btn,
	.sq-follow-filter__actions > .sq-btn {
		flex: 1 1 auto;
	}
}

.sq-signal-metric--primary .sq-signal-metric__value,
.sq-signal-metric--primary .sq-blex-card__value {
	color: var(--sq-navy, #0b1220);
	font-size: clamp(1.5rem, 1.25rem + 0.9vw, 2rem);
	font-weight: 750;
	letter-spacing: -0.03em;
	line-height: 1.1;
}

.sq-signal-metric--violet { border-top: 3px solid var(--sq-violet, #7c3aed); }
.sq-signal-metric--blue { border-top: 3px solid var(--sq-blue, #2563eb); }
.sq-signal-metric--cyan { border-top: 3px solid var(--sq-cyan, #06b6d4); }
.sq-signal-metric--emerald,
.sq-blex-card--emerald { border-top-color: var(--sq-emerald, #059669); }
.sq-signal-metric--coral,
.sq-blex-card--coral { border-top-color: var(--sq-coral, #f43f5e); }
.sq-signal-metric--amber { border-top: 3px solid var(--sq-amber, #d97706); }
.sq-signal-metric--slate { border-top: 3px solid var(--sq-slate, #475569); }

.sq-signal-metric__pct {
	color: var(--sq-text-muted, #5b6474);
	font-size: var(--sq-text-xs, 0.75rem);
}

.sq-signal-metric__load-hint {
	margin-top: auto;
	color: var(--sq-blue, #2563eb);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 600;
}

.sq-signal-metric--optional[data-metric-state="unavailable"] .sq-blex-card__value,
.sq-signal-metric--optional .sq-blex-card__value[data-metric-state="unavailable"] {
	color: var(--sq-text-muted, #5b6474);
}

.sq-signal-details,
.sq-signal-inspector {
	margin: 0 0 1rem;
	padding: 0.75rem 1rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 14px;
	background: #fff;
}

.sq-signal-details summary,
.sq-signal-inspector summary {
	cursor: pointer;
	color: var(--sq-navy, #0b1220);
	font-weight: 600;
}

.sq-signal-brief__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.5rem;
}

.sq-signal-brief__link {
	display: block;
	width: 100%;
	padding: 0.7rem 0.85rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 12px;
	background: var(--sq-blue-soft, #eff4ff);
	color: var(--sq-navy, #0b1220);
	text-align: left;
	font-size: var(--sq-text-sm, 0.8125rem);
	cursor: pointer;
}

.sq-signal-brief__link:hover {
	border-color: var(--sq-blue-border, #c7d8fd);
}

.sq-signal-chart-empty {
	padding: 1.25rem;
	border: 1px dashed var(--sq-border-strong, #cbd4e2);
	border-radius: 14px;
	background: var(--sq-surface-sunken, #f4f7fb);
	text-align: center;
}

.sq-signal-chart-empty__title {
	margin: 0 0 0.35rem;
	color: var(--sq-navy, #0b1220);
	font-weight: 700;
}

.sq-signal-chart-marker {
	margin: 0.5rem 0 0;
	color: var(--sq-navy, #0b1220);
	font-weight: 700;
}

.sq-signal-mini-timeline {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	min-height: 3.5rem;
	margin: 1.25rem auto 0.25rem;
	max-width: 28rem;
	padding: 0 0.5rem;
}

.sq-signal-mini-timeline__rail {
	position: absolute;
	left: 0.5rem;
	right: 0.5rem;
	top: 50%;
	height: 2px;
	background: linear-gradient(90deg, transparent, #93c5fd 30%, #2563eb);
	transform: translateY(-50%);
}

.sq-signal-mini-timeline__point {
	position: relative;
	z-index: 1;
	padding: 0.45rem 0.7rem;
	border-radius: 999px;
	background: #fff;
	border: 2px solid #2563eb;
	color: var(--sq-navy, #0b1220);
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 700;
	box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

.sq-signal-overview-panels {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	align-items: start;
}

.sq-signal-overview-panels .sq-blex-panel {
	border-radius: 16px;
	box-shadow: var(--sq-signal-shadow);
	align-self: start;
	height: auto;
	min-height: 0;
}

.sq-signal-overview-panels [data-overview-panel="trends"],
.sq-signal-overview-panels [data-overview-panel="brief"],
.sq-signal-overview-panels [data-overview-panel="notes"] {
	grid-column: 1 / -1;
}

/* Compact overview insight cards */
.sq-ov-card .sq-h5 {
	margin: 0 0 0.5rem;
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
}

.sq-ov-card .sq-h6 {
	margin: 0.85rem 0 0.4rem;
	font-size: 0.8125rem;
	font-weight: 650;
	color: #334155;
}

.sq-ov-unit {
	margin: 0.35rem 0 0.5rem;
	font-size: 0.75rem;
}

.sq-ov-credit {
	opacity: 0.9;
}

.sq-ov-empty {
	margin: 0.25rem 0;
}

.sq-ov-unload {
	display: grid;
	gap: 0.5rem;
}

.sq-ov-follow__bar {
	display: flex;
	width: 100%;
	height: 12px;
	border-radius: 999px;
	overflow: hidden;
	background: #e2e8f0;
	margin: 0.35rem 0 0.6rem;
}

.sq-ov-follow__seg {
	display: block;
	height: 100%;
	border: 0;
	padding: 0;
	cursor: pointer;
	min-width: 4px;
}

.sq-ov-follow__seg--dofollow { background: #059669; }
.sq-ov-follow__seg--nofollow { background: #64748b; }

.sq-ov-follow__seg:focus-visible {
	outline: 2px solid #1d4ed8;
	outline-offset: 2px;
	z-index: 1;
}

.sq-ov-follow__legend {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.85rem;
}

.sq-ov-follow__legend-item {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	border: 0;
	background: transparent;
	padding: 0;
	cursor: pointer;
	font: inherit;
	font-size: 0.8125rem;
	color: #0f172a;
}

.sq-ov-follow__swatch {
	width: 0.65rem;
	height: 0.65rem;
	border-radius: 2px;
	flex: 0 0 auto;
}

.sq-ov-follow__legend-item--dofollow .sq-ov-follow__swatch { background: #059669; }
.sq-ov-follow__legend-item--nofollow .sq-ov-follow__swatch { background: #64748b; }

.sq-ov-bars {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.4rem;
}

.sq-ov-bars__row {
	display: grid;
	grid-template-columns: minmax(4.5rem, 7rem) minmax(0, 1fr) auto;
	gap: 0.45rem;
	align-items: center;
	font-size: 0.8125rem;
}

.sq-ov-bars__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #334155;
}

.sq-ov-bars__track {
	display: block;
	height: 8px;
	border-radius: 999px;
	background: #eef2f7;
	overflow: hidden;
}

.sq-ov-bars__fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #38bdf8, #2563eb);
}

.sq-ov-bars__value {
	font-variant-numeric: tabular-nums;
	font-weight: 650;
	color: #0f172a;
	min-width: 3.25rem;
	text-align: right;
}

.sq-ov-mini-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.8125rem;
	margin: 0.5rem 0 0.75rem;
}

.sq-ov-mini-table th,
.sq-ov-mini-table td {
	padding: 0.35rem 0.4rem;
	border-bottom: 1px solid #e2e8f0;
	text-align: left;
	vertical-align: top;
}

.sq-ov-mini-table th {
	font-size: 0.75rem;
	color: #64748b;
	font-weight: 650;
}

.sq-ov-notes {
	background: #f8fafc;
	border-color: #e2e8f0;
}

.sq-ov-notes__list {
	margin: 0;
	padding-left: 1.1rem;
	display: grid;
	gap: 0.35rem;
	font-size: 0.8125rem;
	color: #475569;
	max-width: 72ch;
}

.sq-ov-notes__tech {
	margin-top: 0.65rem;
	font-size: 0.8125rem;
	color: #64748b;
}

.sq-ov-notes__tech summary {
	cursor: pointer;
	font-weight: 600;
}

@media (max-width: 900px) {
	.sq-signal-overview-panels {
		grid-template-columns: 1fr;
	}

	.sq-ov-bars__row {
		grid-template-columns: minmax(3.5rem, 5.5rem) minmax(0, 1fr) auto;
	}

	.sq-ov-mini-table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		max-width: 100%;
	}
}


/* Combined Backlink trends card */
.sq-backlink-trends {
	padding: 1.15rem 1.25rem 1.25rem;
	background: #fff;
}

.sq-backlink-trends__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.85rem 1.25rem;
	margin-bottom: 0.85rem;
}

.sq-backlink-trends__titles .sq-h5 {
	margin: 0 0 0.2rem;
}

.sq-backlink-trends__meta {
	margin: 0;
}

.sq-backlink-trends__controls {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.45rem;
	max-width: 100%;
}

.sq-backlink-trends__metrics,
.sq-backlink-trends__ranges {
	flex-wrap: nowrap;
	overflow-x: auto;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	padding-bottom: 0.15rem;
}

.sq-backlink-trends__metrics button[aria-pressed="true"],
.sq-backlink-trends__ranges button[aria-pressed="true"] {
	border-color: var(--sq-blue, #2563eb);
	background: var(--sq-blue-soft, #eff4ff);
	color: var(--sq-blue-active, #1e40af);
}

.sq-backlink-trends__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}

.sq-backlink-trends__chart {
	position: relative;
	min-height: 360px;
	margin: 0;
	padding: 0.75rem 0.5rem 0.35rem;
	border: 1px solid var(--sq-border, #e3e8f0);
	border-radius: 14px;
	background: linear-gradient(180deg, #fbfcff 0%, #fff 55%);
	overflow: hidden;
}

.sq-backlink-trend-chart {
	display: block;
	width: 100%;
	height: auto;
	max-height: 440px;
	min-height: 280px;
}

.sq-backlink-trend-tooltip {
	position: absolute;
	z-index: 3;
	max-width: min(220px, calc(100% - 16px));
	padding: 0.45rem 0.6rem;
	border-radius: 8px;
	background: rgba(11, 18, 32, 0.92);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.35;
	pointer-events: none;
	box-shadow: 0 6px 16px rgba(11, 18, 32, 0.18);
}

.sq-backlink-trends__divider {
	border: 0;
	border-top: 1px solid var(--sq-border, #e3e8f0);
	margin: 0.25rem 0 0.85rem;
}

.sq-backlink-trends__load {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1rem;
	margin-top: 1rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--sq-border, #e3e8f0);
}

.sq-backlink-trends__load[hidden] {
	display: none !important;
}

.sq-trend-skeleton {
	padding: 0.75rem 0.5rem 0.5rem;
	min-height: 280px;
}

.sq-trend-skeleton__label {
	margin: 0 0 0.65rem;
	text-align: center;
}

.sq-trend-skeleton__chart {
	border-radius: 12px;
	background: linear-gradient(180deg, #f8fafc, #fff);
	border: 1px dashed #dbe3f0;
	overflow: hidden;
}

.sq-trend-skeleton__svg {
	display: block;
	width: 100%;
	height: auto;
	max-height: 320px;
}

.sq-trend-skeleton__curve {
	stroke-dasharray: 6 6;
}

@media (prefers-reduced-motion: reduce) {
	.sq-trend-skeleton__curve {
		stroke-dasharray: none;
	}
}

.sq-authority-skeleton {
	padding: 0.15rem 0;
}

.sq-authority-bars {
	list-style: none;
	margin: 0.65rem 0 0;
	padding: 0;
	display: grid;
	gap: 0.45rem;
}

.sq-authority-bars__btn {
	appearance: none;
	display: grid;
	grid-template-columns: 4.5rem minmax(0, 1fr) 3.25rem 3.5rem;
	align-items: center;
	gap: 0.55rem;
	width: 100%;
	padding: 0.35rem 0.4rem;
	border: 1px solid transparent;
	border-radius: 10px;
	background: transparent;
	color: var(--sq-navy, #0b1220);
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.sq-authority-bars__btn:hover,
.sq-authority-bars__btn:focus-visible {
	border-color: var(--sq-blue-border, #c7d8fd);
	background: var(--sq-blue-soft, #eff4ff);
	outline: none;
}

.sq-authority-bars__label {
	font-size: var(--sq-text-sm, 0.8125rem);
	font-weight: 650;
}

.sq-authority-bars__track {
	display: block;
	height: 0.65rem;
	border-radius: 999px;
	background: #e8eef7;
	overflow: hidden;
}

.sq-authority-bars__fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #2563eb, #6366f1);
	width: 0;
	transition: width 0.55s ease;
}

.sq-authority-bars__fill--ghost {
	background: linear-gradient(90deg, #cbd5e1, #e2e8f0);
	opacity: 0.7;
}

.sq-authority-bars--preview .sq-authority-bars__fill {
	transition: none;
}

.sq-authority-bars__pct,
.sq-authority-bars__count {
	font-size: var(--sq-text-xs, 0.75rem);
	font-weight: 700;
	color: var(--sq-text-muted, #5b6474);
	text-align: right;
}

.sq-authority-bars__count {
	color: var(--sq-navy, #0b1220);
}

.sq-authority-preview {
	padding: 0.25rem 0;
}

.sq-tabs--sticky .sq-tabs__list {
	position: sticky;
	top: var(--sq-header-height, 68px);
	z-index: 5;
	padding: 0.35rem 0;
	background: rgba(247, 249, 252, 0.92);
	backdrop-filter: blur(8px);
}

.sq-tab-count {
	display: inline-block;
	margin-left: 0.3rem;
	padding: 0.05rem 0.4rem;
	border-radius: 999px;
	background: var(--sq-bg-alt, #eef2f9);
	color: var(--sq-text-muted, #5b6474);
	font-size: 0.7rem;
	font-weight: 700;
}

.sq-blex-chart {
	width: 100%;
	height: auto;
	max-height: 220px;
}

@media (min-width: 1400px) {
	.sq-backlink-trends__body {
		grid-template-columns: minmax(0, 2.2fr) minmax(16rem, 1fr);
		align-items: start;
		gap: 1.25rem;
	}
	.sq-backlink-trends__authority .sq-backlink-trends__divider {
		display: none;
	}
	.sq-backlink-trends__authority {
		padding-left: 0.25rem;
		border-left: 1px solid var(--sq-border, #e3e8f0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.sq-signal-metric,
	.sq-signal-brief__link,
	.sq-authority-bars__fill,
	.sq-backlink-trend-chart__line {
		transition: none !important;
	}
}

@media (max-width: 1023px) {
	.sq-signal-command {
		grid-template-columns: 1fr;
	}
	.sq-signal-pulse__grid,
	.sq-signal-metrics--primary,
	.sq-signal-overview-panels {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
	}
	.sq-signal-overview-panels [data-overview-panel="trends"],
	.sq-signal-overview-panels [data-overview-panel="brief"],
	.sq-signal-overview-panels [data-overview-panel="notes"] {
		grid-column: 1 / -1;
	}
	.sq-backlink-trends__controls {
		align-items: stretch;
		width: 100%;
	}
	.sq-backlink-trends__chart {
		min-height: 320px;
	}
}

@media (max-width: 767px) {
	.sq-signal-canvas {
		padding: 0.75rem;
	}
	.sq-signal-pulse__grid,
	.sq-signal-metrics--primary,
	.sq-signal-metrics--secondary,
	.sq-signal-overview-panels {
		grid-template-columns: minmax(0, 1fr);
	}
	.sq-signal-command__actions {
		justify-content: stretch;
	}
	.sq-signal-command__actions .sq-btn {
		flex: 1 1 auto;
	}
	.sq-backlink-trends {
		padding: 0.9rem;
	}
	.sq-backlink-trends__chart {
		min-height: 280px;
		max-height: 320px;
	}
	.sq-backlink-trend-chart {
		min-height: 260px;
		max-height: 320px;
	}
	.sq-authority-bars__btn {
		grid-template-columns: 3.75rem minmax(0, 1fr) 2.75rem 3rem;
		gap: 0.35rem;
		padding: 0.3rem 0.15rem;
	}
	.sq-backlink-trends__load {
		flex-direction: column;
		align-items: stretch;
	}
}

/* ==========================================================================
 * SEO Article Writer — full-width Write workspace (2.5.47)
 * Builds on article-first 2.5.46; removes remaining right sidebar column.
 * ========================================================================== */
.sq-article-writer {
	--sq-aw-ws-gap: 1.5rem;
	--sq-aw-editor-max: 920px; /* reading / article canvas (2.5.65) */
	--sq-aw-canvas-max: 920px;
	--sq-aw-form-max: 1120px; /* Create / step forms — inner rail */
	--sq-aw-shell-max: 100%; /* fill outer 1440 frame — no second wider max */
	--sq-aw-body-size: 1.125rem; /* 18px */
	--sq-aw-body-lh: 1.72;
	--sq-aw-canvas-pad: 52px 56px 64px;
	--sq-aw-stage-pad: 32px;
	--sq-aw-ink-body: #172033;
	--sq-aw-canvas-border: #e7ebf2;
	--sq-aw-stage-bg: #f6f8fc;
}

.sq-article-writer .sq-aw-shell {
	width: 100%;
	max-width: 100%;
	margin-inline: 0;
}

.sq-article-writer .sq-aw-side {
	display: none !important;
}

.sq-article-writer .sq-aw-layout,
.sq-article-writer .sq-aw-layout--full {
	display: block;
	width: 100%;
	max-width: 100%;
}

.sq-article-writer .sq-aw-main {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.sq-article-writer .sq-aw-workspace-header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem 1.25rem;
	padding: 0.85rem 1.1rem;
	margin-bottom: 0.5rem;
	border: 1px solid var(--sq-aw-border, #e5e7eb);
	border-radius: 12px;
	background: #fff;
}

.sq-article-writer .sq-aw-workspace-header__title {
	font-size: 1.125rem;
	font-weight: 650;
	margin: 0 0 0.2rem;
	line-height: 1.3;
}

.sq-article-writer .sq-aw-workspace-header__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.5rem;
	margin: 0;
	font-size: 0.8125rem;
	color: var(--sq-aw-muted, #6b7280);
}

.sq-article-writer .sq-aw-workspace-header__actions {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	flex-shrink: 0;
	flex-wrap: wrap;
}

.sq-article-writer .sq-aw-steps {
	display: flex;
	gap: 0.35rem;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	padding: 0.35rem 0 0.5rem;
	scrollbar-width: thin;
	margin: 0.35rem 0 0.75rem;
}

.sq-article-writer .sq-aw-step.is-complete:not(.is-active) .sq-aw-step__n { display: none; }
.sq-article-writer .sq-aw-step.is-complete:not(.is-active) .sq-aw-step__check { display: inline; }
.sq-article-writer .sq-aw-step:not(.is-complete) .sq-aw-step__check { display: none; }
.sq-article-writer .sq-aw-step.is-skipped .sq-aw-step__n { display: none; }
.sq-article-writer .sq-aw-step.is-skipped .sq-aw-step__skip { display: inline; }
.sq-article-writer .sq-aw-step.is-warning .sq-aw-step__n,
.sq-article-writer .sq-aw-step.is-failed .sq-aw-step__n { display: none; }
.sq-article-writer .sq-aw-step.is-warning .sq-aw-step__alert,
.sq-article-writer .sq-aw-step.is-failed .sq-aw-step__alert { display: inline; }
.sq-article-writer .sq-aw-step.is-locked { opacity: 1; } /* never charcoal-dim incomplete steps */

/* Single-column write stack — no permanent sidebars */
.sq-article-writer .sq-aw-write-stack,
.sq-article-writer .sq-aw-write-layout {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	align-items: stretch;
	width: 100%;
}

.sq-article-writer .sq-aw-write-headbar {
	position: sticky;
	top: 0;
	z-index: 6;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	padding: 0.65rem 0.85rem;
	border: 1px solid var(--sq-aw-border, #e5e7eb);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(8px);
}

.sq-article-writer .sq-aw-write-headbar__title {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 650;
	line-height: 1.3;
}

.sq-article-writer .sq-aw-article-toolbar,
.sq-article-writer .sq-aw-article-toolbar--inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.55rem 1rem;
	padding: 0;
	border: 0;
	background: transparent;
	backdrop-filter: none;
	position: static;
}

.sq-article-writer .sq-aw-article-toolbar__views {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	overflow-x: auto;
	max-width: 100%;
}

.sq-article-writer .sq-aw-article-toolbar__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 0.45rem;
	font-size: 0.8125rem;
	color: var(--sq-aw-muted, #6b7280);
	line-height: 1.4;
}

.sq-article-writer .sq-aw-article-toolbar__sep {
	opacity: 0.55;
	user-select: none;
}

.sq-article-writer .sq-aw-metric-link {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 2px;
}

.sq-article-writer .sq-aw-metric-link:hover,
.sq-article-writer .sq-aw-metric-link:focus-visible {
	color: #1d4ed8;
	text-decoration-color: currentColor;
	outline: none;
}

/* Stage / canvas / type superseded by 2.5.65 block at file end.
 * Keep structural hooks so older selectors still resolve. */
.sq-article-writer .sq-aw-article-stage {
	width: 100%;
	box-sizing: border-box;
}

.sq-article-writer .sq-aw-article-body,
.sq-article-writer .sq-aw-reading-canvas {
	max-width: var(--sq-aw-editor-max, 920px);
	margin-inline: auto;
	box-sizing: border-box;
}

.sq-article-writer .sq-aw-editor--spacious,
.sq-article-writer .sq-aw-article-preview {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	line-height: var(--sq-aw-body-lh, 1.72);
	font-size: var(--sq-aw-body-size, 1.125rem);
	color: var(--sq-aw-ink-body, #172033);
	box-sizing: border-box;
}

.sq-article-writer .sq-aw-proscons__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.sq-article-writer .sq-aw-proscons__col--pros {
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 10px;
	padding: 0.85rem 1rem;
}

.sq-article-writer .sq-aw-proscons__col--cons {
	background: #fffbeb;
	border: 1px solid #fde68a;
	border-radius: 10px;
	padding: 0.85rem 1rem;
}

.sq-article-writer .sq-aw-format-toolbar {
	position: sticky;
	top: 5.5rem;
	z-index: 5;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(6px);
	padding: 0.35rem 0;
	margin: 0 0 0.75rem;
	overflow-x: auto;
}

.sq-article-writer .sq-aw-below__title {
	margin: 0 0 0.85rem;
	font-size: 1.05rem;
	font-weight: 650;
}

.sq-article-writer .sq-aw-seo-panel,
.sq-article-writer .sq-aw-below-panel {
	padding: 1.15rem 1.25rem;
	border: 1px solid var(--sq-aw-border, #e5e7eb);
	border-radius: 14px;
	background: #fff;
}

.sq-article-writer .sq-aw-below-panel__actions {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	flex-wrap: wrap;
}

.sq-article-writer .sq-aw-actionbar {
	position: sticky;
	bottom: 0;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem 1rem;
	padding: 0.75rem 1rem;
	margin-top: 0.5rem;
	border: 1px solid var(--sq-aw-border, #e5e7eb);
	border-radius: 12px 12px 0 0;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 -6px 18px rgba(15, 23, 42, 0.06);
	padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
}

.sq-article-writer .sq-aw-actionbar__right {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.sq-article-writer .sq-aw-export-menu,
.sq-article-writer .sq-aw-more-menu {
	position: relative;
	overflow: visible;
	z-index: 30;
}

.sq-article-writer .sq-aw-export-menu__list,
.sq-article-writer .sq-aw-more-menu__list {
	position: absolute;
	right: 0;
	top: calc(100% + 0.35rem);
	bottom: auto;
	min-width: 220px;
	width: max-content;
	max-width: min(280px, calc(100vw - 1.5rem));
	padding: 0.35rem;
	border: 1px solid var(--aw-border, var(--sq-aw-border, #e5e7eb));
	border-radius: 12px;
	background: var(--aw-surface, #fff);
	box-shadow: var(--aw-shadow-menu, 0 10px 28px rgba(15, 23, 42, 0.14));
	z-index: 1000;
}

.sq-article-writer .sq-aw-more-menu__list.is-drop-up,
.sq-article-writer .sq-aw-export-menu__list.is-drop-up {
	top: auto;
	bottom: calc(100% + 0.35rem);
}

.sq-article-writer .sq-aw-export-menu__list button,
.sq-article-writer .sq-aw-more-menu__list button {
	display: block;
	width: 100%;
	min-height: 40px;
	text-align: left;
	border: 0;
	background: transparent;
	padding: 0.55rem 0.7rem;
	border-radius: 8px;
	font: inherit;
	color: var(--aw-text, #111827);
	cursor: pointer;
	transition: background var(--aw-motion, 160ms) ease;
}

.sq-article-writer .sq-aw-export-menu__list button:hover,
.sq-article-writer .sq-aw-more-menu__list button:hover {
	background: var(--aw-hover, #f3f6fb);
}

.sq-article-writer .sq-aw-export-menu__list button:focus-visible,
.sq-article-writer .sq-aw-more-menu__list button:focus-visible {
	outline: 2px solid var(--aw-primary, #2563eb);
	outline-offset: 1px;
}

.sq-article-writer .sq-aw-more-menu__item--danger,
.sq-article-writer .sq-aw-more-menu__list button[data-aw-delete-draft] {
	color: var(--aw-danger, #b91c1c);
}

.sq-article-writer .sq-aw-more-menu__item--danger:hover,
.sq-article-writer .sq-aw-more-menu__list button[data-aw-delete-draft]:hover {
	background: var(--aw-danger-soft, #fef2f2);
}

.sq-article-writer .sq-aw-more-menu__toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
}

.sq-article-writer .sq-aw-more-menu__chevron {
	display: inline-block;
	font-size: 0.7em;
	line-height: 1;
	opacity: 0.75;
	transition: transform var(--aw-motion, 160ms) ease;
}

.sq-article-writer .sq-aw-more-menu.is-open .sq-aw-more-menu__chevron,
.sq-article-writer .sq-aw-more-menu__toggle[aria-expanded="true"] .sq-aw-more-menu__chevron {
	transform: rotate(180deg);
}

/* Outline / readiness temporary drawers — never squeeze article */
.sq-article-writer .sq-aw-outline-drawer,
.sq-article-writer .sq-aw-readiness-drawer {
	position: fixed;
	inset: 0 auto 0 0;
	width: min(22rem, 90vw);
	max-height: none;
	z-index: 50;
	padding: 1rem 1.1rem;
	border-right: 1px solid var(--sq-aw-border, #e5e7eb);
	background: #fff;
	box-shadow: 8px 0 28px rgba(15, 23, 42, 0.14);
	overflow: auto;
	transform: translateX(-105%);
	transition: transform 0.2s ease;
}

.sq-article-writer .sq-aw-readiness-drawer {
	inset: 0 0 0 auto;
	border-right: 0;
	border-left: 1px solid var(--sq-aw-border, #e5e7eb);
	box-shadow: -8px 0 28px rgba(15, 23, 42, 0.14);
	transform: translateX(105%);
}

.sq-article-writer.is-outline-open .sq-aw-outline-drawer,
.sq-article-writer.is-readiness-open .sq-aw-readiness-drawer {
	transform: translateX(0);
	display: block;
}

.sq-article-writer .sq-aw-outline-drawer[hidden],
.sq-article-writer .sq-aw-readiness-drawer[hidden] { display: none !important; }
.sq-article-writer.is-outline-open .sq-aw-outline-drawer,
.sq-article-writer.is-readiness-open .sq-aw-readiness-drawer { display: block; }

.sq-article-writer .sq-aw-drawer-backdrop {
	position: fixed;
	inset: 0;
	z-index: 45;
	background: rgba(15, 23, 42, 0.35);
}

.sq-article-writer .sq-aw-drawer-close {
	border: 0;
	background: transparent;
	font-size: 1.25rem;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
}

.sq-article-writer .sq-aw-outline-nav__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.sq-article-writer .sq-aw-readiness__summary {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin-bottom: 0.85rem;
}

.sq-article-writer .sq-aw-readiness__gauge { color: #1d4ed8; flex-shrink: 0; }
.sq-article-writer .sq-aw-readiness__status { font-weight: 650; margin: 0 0 0.25rem; }

.sq-article-writer .sq-aw-readiness__counts {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem 1rem;
	list-style: none;
	padding: 0;
	margin: 0.5rem 0 0;
	font-size: 0.8125rem;
}

.sq-article-writer .sq-aw-readiness__group {
	margin: 0.5rem 0;
	border: 1px solid var(--sq-aw-border, #e5e7eb);
	border-radius: 10px;
	padding: 0.35rem 0.65rem;
	background: #fff;
}

.sq-article-writer .sq-aw-readiness__group > summary {
	cursor: pointer;
	font-weight: 600;
	padding: 0.45rem 0.15rem;
}

.sq-article-writer .sq-badge--passed { background: #ecfdf5; color: #047857; }
.sq-article-writer .sq-badge--improve { background: #fff7ed; color: #c2410c; }
.sq-article-writer .sq-badge--required { background: #fef2f2; color: #b91c1c; }
.sq-article-writer .sq-badge--not_applicable,
.sq-article-writer .sq-badge--not_checked { background: #f3f4f6; color: #4b5563; }

.sq-article-writer .sq-aw-complete-panel__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 1rem 1.25rem 0;
}

.sq-article-writer .sq-aw-complete-panel__intro {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.sq-article-writer .sq-aw-user-safe-error {
	margin: 0.75rem 0;
	padding: 0.9rem 1rem;
	border: 1px solid #fdba74;
	border-radius: 12px;
	background: #fff7ed;
}

.sq-article-writer .has-article [data-aw-gen-row] { display: none; }

.sq-article-writer [data-aw-save-state].is-error {
	color: #b91c1c;
	cursor: pointer;
	text-decoration: underline;
}

.sq-article-writer.is-distraction-free .sq-aw-write-headbar__title-row,
.sq-article-writer.is-distraction-free .sq-aw-seo-panel {
	display: none;
}

@media (max-width: 820px) {
	.sq-article-writer .sq-aw-outline-drawer,
	.sq-article-writer .sq-aw-readiness-drawer {
		inset: auto 0 0 0;
		width: 100%;
		max-height: min(78vh, 32rem);
		border-right: 0;
		border-left: 0;
		border-radius: 16px 16px 0 0;
		transform: translateY(105%);
		box-shadow: 0 -8px 28px rgba(15, 23, 42, 0.16);
	}
	.sq-article-writer.is-outline-open .sq-aw-outline-drawer,
	.sq-article-writer.is-readiness-open .sq-aw-readiness-drawer {
		transform: translateY(0);
	}
	.sq-article-writer .sq-aw-proscons__grid {
		grid-template-columns: 1fr;
	}
	.sq-article-writer .sq-aw-actionbar {
		flex-direction: column;
		align-items: stretch;
	}
	.sq-article-writer .sq-aw-actionbar__right {
		justify-content: stretch;
	}
	.sq-article-writer .sq-aw-actionbar__right .sq-btn {
		flex: 1 1 auto;
	}
	.sq-article-writer .sq-aw-workspace-header__meta,
	.sq-article-writer .sq-aw-article-toolbar__meta {
		font-size: 0.75rem;
	}
	.sq-article-writer .sq-aw-format-toolbar {
		top: 0;
	}
}

@media (max-width: 480px) {
	.sq-article-writer .sq-aw-complete-panel__bar {
		flex-direction: column;
		align-items: stretch;
	}
	.sq-article-writer {
		--sq-aw-body-size: 1.0625rem;
	}
	.sq-article-writer .sq-aw-article-toolbar--inline {
		flex-direction: column;
		align-items: stretch;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sq-article-writer .sq-aw-outline-drawer,
	.sq-article-writer .sq-aw-readiness-drawer,
	.sq-article-writer .sq-aw-drawer-backdrop {
		transition: none;
	}
}

/* ——— SEO Article Writer Optimize 2.5.48 ——— */
.sq-article-writer .sq-aw-panel--optimize {
	max-width: 100%; /* full outer column — no second wider max */
	margin-inline: 0;
	width: 100%;
	box-sizing: border-box;
}
.sq-article-writer .sq-aw-optimize {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	padding-bottom: 5.5rem;
}
.sq-article-writer .sq-aw-opt-header {
	position: sticky;
	top: 0;
	z-index: 5;
	background: linear-gradient(180deg, #f8fafc 70%, rgba(248, 250, 252, 0.92));
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 0.85rem 1rem;
}
.sq-article-writer .sq-aw-opt-header__row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75rem 1rem;
}
.sq-article-writer .sq-aw-opt-eyebrow {
	margin: 0;
	font-size: 0.75rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6b7280;
}
.sq-article-writer .sq-aw-opt-title {
	margin: 0.15rem 0 0.25rem;
	font-size: clamp(1.35rem, 2vw, 1.75rem);
	line-height: 1.2;
}
.sq-article-writer .sq-aw-opt-header__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}
.sq-article-writer .sq-aw-opt-save {
	margin: 0.5rem 0 0;
	font-size: 0.8125rem;
}
.sq-article-writer .sq-aw-opt-section {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 1rem 1.1rem 1.15rem;
}
.sq-article-writer .sq-aw-opt-section__head {
	margin-bottom: 0.85rem;
}
.sq-article-writer .sq-aw-opt-section__head h3 {
	margin: 0 0 0.25rem;
	font-size: 1.05rem;
}
.sq-article-writer .sq-aw-opt-scoregrid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
}
.sq-article-writer .sq-aw-opt-scorecard {
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	padding: 0.75rem 0.85rem;
	background: #f9fafb;
	min-width: 0;
}
.sq-article-writer .sq-aw-opt-scorecard__label {
	margin: 0;
	font-size: 0.75rem;
	color: #6b7280;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.sq-article-writer .sq-aw-opt-scorecard__score {
	margin: 0.2rem 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.1;
}
.sq-article-writer .sq-aw-opt-scorecard__status {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 600;
}
.sq-article-writer .sq-aw-opt-blockers {
	margin-top: 0.85rem;
	padding: 0.75rem 0.85rem;
	border-radius: 10px;
	border: 1px solid #fecaca;
	background: #fef2f2;
}
.sq-article-writer .sq-aw-opt-meta-fields,
.sq-article-writer .sq-aw-opt-social-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.85rem 1rem;
}
.sq-article-writer .sq-aw-opt-meta-fields .sq-field:nth-child(2),
.sq-article-writer .sq-aw-opt-meta-fields .sq-field:nth-child(3) {
	grid-column: 1 / -1;
}
.sq-article-writer .sq-aw-opt-chips {
	list-style: none;
	margin: 0.5rem 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}
.sq-article-writer .sq-aw-opt-chip {
	display: block;
	width: 100%;
	text-align: left;
	border: 1px solid #e5e7eb;
	background: #fff;
	border-radius: 8px;
	padding: 0.45rem 0.65rem;
	font-size: 0.875rem;
	cursor: pointer;
}
.sq-article-writer .sq-aw-opt-chip:hover,
.sq-article-writer .sq-aw-opt-chip:focus-visible {
	border-color: #93c5fd;
	outline: 2px solid #bfdbfe;
	outline-offset: 1px;
}
.sq-article-writer .sq-aw-opt-kwmap {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.4rem 0.75rem;
}
.sq-article-writer .sq-aw-opt-kwmap li {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.4rem 0.55rem;
	border-radius: 8px;
	border: 1px solid #e5e7eb;
	font-size: 0.875rem;
}
.sq-article-writer .sq-aw-opt-kwmap li.is-pass { background: #f0fdf4; border-color: #bbf7d0; }
.sq-article-writer .sq-aw-opt-kwmap li.is-fail { background: #fff7ed; border-color: #fed7aa; }
.sq-article-writer .sq-aw-opt-kwmap li.is-na { background: #f9fafb; color: #6b7280; }
.sq-article-writer .sq-aw-opt-serp-tabs {
	display: inline-flex;
	gap: 0.25rem;
	margin-bottom: 0.65rem;
	border: 1px solid #e5e7eb;
	border-radius: 999px;
	padding: 0.15rem;
	background: #f3f4f6;
}
.sq-article-writer .sq-aw-opt-serp-tab {
	border: 0;
	background: transparent;
	border-radius: 999px;
	padding: 0.35rem 0.85rem;
	font-size: 0.8125rem;
	cursor: pointer;
}
.sq-article-writer .sq-aw-opt-serp-tab.is-active {
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
	font-weight: 600;
}
.sq-article-writer .sq-aw-opt-serp-preview {
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	padding: 1rem 1.1rem;
	background: #fff;
	max-width: 40rem;
}
.sq-article-writer .sq-aw-opt-serp-preview.is-mobile {
	max-width: 22rem;
}
.sq-article-writer .sq-aw-opt-serp__crumb {
	margin: 0 0 0.2rem;
	font-size: 0.8125rem;
	color: #202124;
}
.sq-article-writer .sq-aw-opt-serp__title {
	margin: 0 0 0.25rem;
	font-size: 1.25rem;
	line-height: 1.3;
	color: #1a0dab;
	font-family: Arial, sans-serif;
}
.sq-article-writer .sq-aw-opt-serp-preview.is-mobile .sq-aw-opt-serp__title { font-size: 1.05rem; }
.sq-article-writer .sq-aw-opt-serp__desc {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.45;
	color: #4d5156;
	font-family: Arial, sans-serif;
}
.sq-article-writer .sq-aw-opt-priority {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}
.sq-article-writer .sq-aw-opt-priority__item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.65rem;
	padding: 0.75rem 0.85rem;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #fff;
}
.sq-article-writer .sq-aw-opt-priority__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	align-items: flex-start;
}
.sq-article-writer .sq-aw-opt-apply-preview {
	margin-top: 0.85rem;
	padding: 0.85rem;
	border: 1px dashed #93c5fd;
	border-radius: 10px;
	background: #eff6ff;
}
.sq-article-writer .sq-aw-opt-ba {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
}
.sq-article-writer .sq-aw-opt-ba pre {
	white-space: pre-wrap;
	word-break: break-word;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 0.65rem;
	font-size: 0.8125rem;
	max-height: 10rem;
	overflow: auto;
	margin: 0;
}
.sq-article-writer .sq-aw-opt-ba-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 0.65rem;
}
.sq-article-writer .sq-aw-opt-mod-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin-bottom: 0.75rem;
}
.sq-article-writer .sq-aw-opt-mod-tab {
	border: 1px solid #e5e7eb;
	background: #fff;
	border-radius: 999px;
	padding: 0.3rem 0.7rem;
	font-size: 0.8125rem;
	cursor: pointer;
}
.sq-article-writer .sq-aw-opt-mod-tab.is-active {
	background: #1d4ed8;
	border-color: #1d4ed8;
	color: #fff;
	font-weight: 600;
}
.sq-article-writer .sq-aw-opt-mod-body {
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	padding: 0.65rem 0.85rem;
	background: #fafafa;
	max-height: 22rem;
	overflow: auto;
}
.sq-article-writer .sq-aw-opt-og-card {
	margin-top: 0.85rem;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	padding: 0.85rem 1rem;
	background: #f8fafc;
	max-width: 28rem;
}
.sq-article-writer .sq-aw-opt-details > summary {
	cursor: pointer;
	font-weight: 650;
	padding: 0.25rem 0;
}
.sq-article-writer .sq-aw-opt-optional-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin-top: 0.75rem;
}
.sq-article-writer .sq-aw-opt-tools {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}
.sq-article-writer .sq-aw-panel--optimize .sq-aw-actionbar {
	position: sticky;
	bottom: 0;
	z-index: 6;
	margin-top: 0.5rem;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(6px);
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 0.65rem 0.85rem;
}
.sq-article-writer .sq-aw-opt-final,
.sq-article-writer .sq-aw-opt-brief,
.sq-article-writer .sq-aw-opt-quality {
	margin: 0;
	padding-left: 1.1rem;
}
@media (max-width: 1024px) {
	.sq-article-writer .sq-aw-opt-scoregrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.sq-article-writer .sq-aw-opt-meta-fields,
	.sq-article-writer .sq-aw-opt-social-grid,
	.sq-article-writer .sq-aw-opt-ba,
	.sq-article-writer .sq-aw-opt-optional-grid {
		grid-template-columns: 1fr;
	}
	.sq-article-writer .sq-aw-opt-kwmap {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 640px) {
	.sq-article-writer .sq-aw-opt-scoregrid {
		grid-template-columns: 1fr;
	}
	.sq-article-writer .sq-aw-opt-header {
		position: static;
	}
	.sq-article-writer .sq-aw-panel--optimize .sq-aw-actionbar {
		flex-wrap: wrap;
	}
	.sq-article-writer .sq-aw-panel--optimize .sq-aw-actionbar__right {
		width: 100%;
		justify-content: stretch;
	}
	.sq-article-writer .sq-aw-panel--optimize .sq-aw-actionbar__right .sq-btn {
		flex: 1 1 auto;
	}
}
@media (prefers-reduced-motion: reduce) {
	.sq-article-writer .sq-aw-opt-header,
	.sq-article-writer .sq-aw-panel--optimize .sq-aw-actionbar {
		backdrop-filter: none;
	}
}

/* Natural Writing Engine 2.5.50 */
.sq-article-writer .sq-aw-nwe-scores{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin-top:.5rem}
.sq-article-writer .sq-aw-nwe-score{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem .65rem;border:1px solid rgba(0,0,0,.08);border-radius:6px;background:#fafafa}
.sq-article-writer .sq-aw-nwe-score--good{border-color:rgba(22,120,70,.25)}
.sq-article-writer .sq-aw-nwe-score--fair{border-color:rgba(160,110,20,.25)}
.sq-article-writer .sq-aw-nwe-score--poor{border-color:rgba(160,40,40,.25)}
.sq-article-writer .sq-aw-nwe-score__val{font-weight:600}
.sq-article-writer .sq-aw-nwe-passage{margin:.4rem 0;padding:.5rem .65rem;background:#f5f5f5;border-left:3px solid #888;font-size:.9em}
.sq-article-writer .sq-aw-nwe-warnings li.is-ignored{opacity:.45;text-decoration:line-through}
.sq-article-writer .sq-aw-nwe-selection{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.75rem 0;padding:.65rem;border:1px dashed rgba(0,0,0,.12);border-radius:6px}
.sq-article-writer .sq-aw-export-checklist{margin-bottom:1.25rem;padding:1rem;border:1px solid rgba(0,0,0,.08);border-radius:8px}
.sq-article-writer .sq-aw-checks .is-pass::before{content:"✓ ";color:#167846}
.sq-article-writer .sq-aw-checks .is-fail::before{content:"!";color:#a02828;font-weight:700;margin-right:.25rem}

/* ==========================================================================
   SEO Article Writer — unified outer container 2.5.58
   Scoped under .sq-article-writer / .sq-aw-page so other tools stay untouched.
   One frame = site header / --sq-container-wide model (max 1440 + gutter pad).
   No 100vw, negative margins, translateX centering, or second wider max-widths.
   ========================================================================== */

/*
 * Authoritative wide token: --sq-aw-workspace-max: 1440px
 * (same value as --sq-container-wide). Frame uses max-width + padding-inline
 * so content edges match .sq-header__inner. Children fill the frame at 100%.
 * Inner rails: forms ~1120 · reading/canvas ~920 · cards 100% of parent.
 */
.sq-aw-page {
	--sq-aw-gutter: var(--sq-page-gutter, clamp(16px, 3vw, 40px));
	--sq-aw-workspace-max: 1440px;
	--sq-aw-workspace-width: min(
		calc(100% - (2 * var(--sq-aw-gutter))),
		var(--sq-aw-workspace-max)
	);
	--sq-aw-form-max: 1120px;
	--sq-aw-canvas-max: 920px;
	--sq-aw-reading-max: 920px;
}
@media (min-width: 1600px) {
	.sq-aw-page {
		--sq-aw-gutter: var(--sq-page-gutter, 40px);
	}
}
@media (max-width: 767.98px) {
	.sq-aw-page {
		--sq-aw-gutter: 16px;
	}
}
@media (max-width: 479.98px) {
	.sq-aw-page {
		--sq-aw-gutter: 12px;
	}
}

/* ONE outer container — matches header / .sq-container--wide */
.sq-aw-page .sq-tool-page__frame.sq-aw-page__frame,
.sq-aw-page .sq-aw-page__frame {
	width: 100%;
	max-width: var(--sq-aw-workspace-max);
	margin-inline: auto;
	padding-inline: var(--sq-aw-gutter);
	box-sizing: border-box;
}

/*
 * Major sections fill the frame — no competing max-width / margin tricks.
 * Mode selector, diagnostics, About, FAQs, related share these edges.
 */
.sq-aw-page .sq-page-header--aw,
.sq-aw-page .sq-aw-page__workspace,
.sq-article-writer.sq-aw-wizard,
.sq-article-writer .sq-aw-shell,
.sq-aw-page .sq-tool-page__frame .sq-tool-page__info.sq-aw-page__info,
.sq-aw-page .sq-tool-page__frame .sq-tool-page__faqs.sq-aw-page__faqs,
.sq-aw-page .sq-tool-page__frame .sq-tool-page__related.sq-aw-page__related,
.sq-aw-page .sq-aw-page__info,
.sq-aw-page .sq-aw-page__faqs,
.sq-aw-page .sq-aw-page__related {
	width: 100%;
	max-width: none;
	margin-inline: 0;
	padding-inline: 0;
	box-sizing: border-box;
	min-width: 0;
}

/* Compact hero — less blank under lede; tighten intro → mode */
.sq-aw-page .sq-page-header--aw {
	padding-top: clamp(1.75rem, 1.25rem + 1vw, 2.5rem);
	padding-bottom: 0;
	border-bottom: 0;
}
.sq-aw-page .sq-aw-page__frame > .sq-page-header + .sq-aw-page__workspace,
.sq-aw-page .sq-aw-page__frame > .sq-page-header + .sq-tool-page__workspace {
	margin-top: clamp(0.75rem, 0.5rem + 0.4vw, 1.25rem); /* beat theme 56–72px */
}
.sq-aw-page .sq-page-header--aw .sq-breadcrumbs {
	margin: 0 0 0.75rem;
}
.sq-aw-page .sq-aw-page__badge {
	margin: 0 0 0.75rem;
}
.sq-aw-page .sq-page-header--aw h1 {
	margin: 0 0 0.65rem;
}
.sq-aw-page .sq-page-header--aw .sq-page-header__lede {
	margin: 0 0 clamp(0.75rem, 0.5rem + 0.4vw, 1.15rem);
	padding-bottom: 0;
	max-width: var(--sq-aw-reading-max, 42rem);
}
.sq-aw-page .sq-aw-page__workspace {
	padding-top: 0;
	padding-bottom: 1rem;
}

/* Shell: fill outer column; tighter card gaps */
.sq-article-writer.sq-aw-wizard {
	--sq-aw-card-gap: clamp(0.75rem, 0.6rem + 0.4vw, 1.25rem); /* 12–20 */
	--sq-aw-shell-max: 100%;
	--sq-aw-editor-max: 920px;
	--sq-aw-form-max: 1120px;
	--sq-aw-canvas-max: 920px;
}

/*
 * About / lower sections — same outer edges as mode selector (2.5.58).
 * Higher specificity beats theme nested max-width escapes.
 */
.sq-aw-page .sq-tool-page__frame .sq-tool-page__info.sq-aw-page__info,
.sq-aw-page .sq-tool-page__frame .sq-tool-page__faqs.sq-aw-page__faqs,
.sq-aw-page .sq-tool-page__frame .sq-tool-page__related.sq-aw-page__related,
.sq-aw-page .sq-aw-page__info,
.sq-aw-page .sq-aw-page__faqs,
.sq-aw-page .sq-aw-page__related {
	padding-top: clamp(2.5rem, 5vw, 4rem);
	padding-bottom: 0;
}
.sq-aw-page .sq-aw-info,
.sq-aw-page .sq-aw-info.searqo-article-info,
.sq-aw-page .sq-aw-page__section-head {
	width: 100%;
	max-width: 100%;
	margin-inline: 0;
	padding-inline: 0;
	box-sizing: border-box;
	min-width: 0;
}
.sq-aw-page .sq-aw-info {
	margin-top: 0;
	margin-bottom: clamp(3rem, 6vw, 5rem);
}
.sq-aw-page .sq-aw-info__intro {
	margin: 0 0 2rem;
	max-width: 100%;
}
.sq-aw-page .sq-aw-info__intro h2,
.sq-aw-page .sq-aw-page__section-head h2 {
	margin: 0 0 0.5rem;
	padding-inline: 0;
	font-size: clamp(1.75rem, 2.4vw, 2.5rem); /* 28–40px */
	line-height: 1.25;
	font-weight: 700;
}
.sq-aw-page .sq-aw-info__intro > p {
	margin: 0;
	max-width: var(--sq-aw-reading-max, 760px);
	color: var(--sq-text-muted, #5b6474);
	font-size: 1.0625rem;
	line-height: 1.65;
}
.sq-aw-page .sq-aw-info__cards,
.sq-aw-page .sq-aw-info__cards--2,
.sq-aw-page .sq-aw-info__cards.sq-aw-info__cards--cols-2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem; /* 24px */
	align-items: stretch;
	width: 100%;
	min-width: 0;
}
.sq-aw-page .sq-aw-info-card {
	min-width: 0;
	width: 100%;
	padding: 1.25rem 1.35rem;
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	box-sizing: border-box;
}
.sq-aw-page .sq-aw-info-limitations {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}
@media (max-width: 900px) {
	.sq-aw-page .sq-aw-info__cards,
	.sq-aw-page .sq-aw-info__cards--2,
	.sq-aw-page .sq-aw-info__cards.sq-aw-info__cards--cols-2 {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 767.98px) {
	.sq-aw-page .sq-aw-info-card {
		padding: 1.15rem 1.2rem;
	}
}

/* Forms ~1120 centered inside outer frame; mode selector stays full width */
.sq-article-writer .sq-aw-shell > .sq-card:not(.sq-aw-segment),
.sq-article-writer .sq-aw-shell .sq-aw-quick,
.sq-article-writer .sq-aw-shell .sq-aw-progress-panel,
.sq-article-writer .sq-aw-shell .sq-aw-complete-panel {
	margin-bottom: var(--sq-aw-card-gap);
	padding: 1.25rem 1.5rem;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	width: 100%;
	max-width: var(--sq-aw-form-max, 1120px);
	margin-inline: auto;
	box-sizing: border-box;
}
.sq-article-writer .sq-aw-shell > .sq-aw-segment,
.sq-article-writer .sq-aw-shell > .sq-aw-segment.sq-card,
.sq-article-writer .sq-aw-shell > .sq-aw-modebar {
	width: 100%;
	max-width: 100%;
	margin-inline: 0;
}
.sq-article-writer .sq-aw-diagnostics {
	width: 100%;
	max-width: 100%;
	margin-inline: 0;
	box-sizing: border-box;
}
.sq-article-writer .sq-aw-panel.sq-card {
	border: 1px solid var(--sq-aw-border, #e3e8f0);
	box-shadow: none;
	background: #fff;
}
.sq-article-writer .sq-aw-panel .sq-card,
.sq-article-writer .sq-aw-opt-section .sq-card {
	box-shadow: none;
}

/* Mode selector — full outer width, 2-col, gap 12px; stack ≤767 */
.sq-article-writer .sq-aw-segment {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 0 var(--sq-aw-card-gap);
	padding: 0.35rem;
	gap: 12px;
	background: #fff;
	border: 1px solid var(--sq-aw-border, #e3e8f0);
	border-radius: 14px;
	box-shadow: none;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.sq-article-writer .sq-aw-segment .sq-aw-mode {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 0.75rem;
	min-height: 112px;
	max-height: none;
	padding: 24px 28px;
	border-radius: 12px;
	border: 1px solid var(--aw-border, #e3e8f0);
	background: var(--aw-surface, #fff);
	color: var(--aw-text-secondary, #374151);
	box-shadow: var(--aw-shadow-soft, 0 1px 2px rgba(15, 23, 42, 0.04));
	text-align: left;
	cursor: pointer;
	transition:
		background var(--aw-motion, 160ms) ease,
		border-color var(--aw-motion, 160ms) ease,
		box-shadow var(--aw-motion, 160ms) ease,
		color var(--aw-motion, 160ms) ease;
}
.sq-article-writer .sq-aw-segment .sq-aw-mode:hover {
	background: var(--aw-hover, #f3f6fb);
	border-color: var(--aw-border-strong, #d0d7e2);
	color: var(--aw-text, #111827);
	box-shadow: var(--aw-shadow, 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06));
}
.sq-article-writer .sq-aw-segment .sq-aw-mode__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	flex: none;
	border-radius: 8px;
	background: #eef2f7;
	color: #475569;
}
.sq-article-writer .sq-aw-segment .sq-aw-mode__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0.15rem;
	min-width: 0;
	flex: 0 1 auto;
	max-width: 100%;
}
.sq-article-writer .sq-aw-segment .sq-aw-mode__title {
	font-size: 0.9375rem;
	font-weight: 650;
	line-height: 1.25;
	color: var(--sq-aw-ink, #111827);
}
.sq-article-writer .sq-aw-segment .sq-aw-mode__hint {
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
}
.sq-article-writer .sq-aw-segment .sq-aw-mode__desc {
	font-size: 0.75rem;
	line-height: 1.35;
	opacity: 0.9;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.sq-article-writer .sq-aw-segment .sq-aw-mode.is-active {
	background: linear-gradient(180deg, var(--aw-primary-soft, #eff4ff) 0%, var(--aw-surface, #fff) 100%);
	border-color: var(--aw-primary, #2563eb);
	color: var(--aw-primary-hover, #1d4ed8);
	box-shadow: var(--aw-ring, 0 0 0 3px rgba(37, 99, 235, 0.16));
}
.sq-article-writer .sq-aw-segment .sq-aw-mode.is-active:hover {
	background: linear-gradient(180deg, var(--aw-primary-soft, #eff4ff) 0%, var(--aw-surface, #fff) 100%);
	border-color: var(--aw-primary, #2563eb);
	color: var(--aw-primary-hover, #1d4ed8);
}
.sq-article-writer .sq-aw-segment .sq-aw-mode.is-active::after {
	content: "";
	position: absolute;
	top: 0.85rem;
	right: 0.85rem;
	width: 1.15rem;
	height: 1.15rem;
	border-radius: 999px;
	background: var(--aw-primary, #2563eb);
	box-shadow: inset 0 0 0 2px var(--aw-surface, #fff);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 8.2l2.4 2.4L12 5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 0.7rem;
	background-repeat: no-repeat;
	background-position: center;
}
.sq-article-writer .sq-aw-segment .sq-aw-mode.is-active .sq-aw-mode__icon {
	background: #dbeafe;
	color: var(--aw-primary, #2563eb);
}
@media (max-width: 767.98px) {
	.sq-article-writer .sq-aw-segment {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.sq-article-writer .sq-aw-segment .sq-aw-mode {
		min-height: 0;
		padding: 1rem 1.1rem;
	}
}

/* Workflow header — one compact row + stepper */
.sq-article-writer .sq-aw-workspace-header {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.5rem;
	padding: 0.65rem 0.85rem 0.55rem;
	margin-bottom: 0.65rem;
	border: 1px solid var(--aw-border, #e5e7eb);
	border-radius: 12px;
	background: var(--aw-surface, #fff);
	box-shadow: var(--aw-shadow-soft, none);
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: visible;
}
.sq-article-writer .sq-aw-workspace-header__row {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	width: 100%;
}
.sq-article-writer .sq-aw-workspace-header__title {
	font-size: 1rem;
	margin: 0 0 0.1rem;
}
.sq-article-writer .sq-aw-workspace-header__meta {
	font-size: 0.75rem;
	gap: 0.25rem 0.4rem;
}
.sq-article-writer .sq-aw-workspace-header__actions {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.35rem;
	overflow: visible;
	flex-shrink: 0;
}
@media (max-width: 767.98px) {
	.sq-article-writer .sq-aw-workspace-header__row {
		flex-wrap: wrap;
	}
	.sq-article-writer .sq-aw-workspace-header__actions {
		flex-wrap: wrap;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 0.1rem;
	}
}
/* Steps: pack to start, gap 10px, scroll — never space-between / flex-grow */
.sq-article-writer .sq-aw-steps,
.sq-article-writer .sq-aw-workspace-header .sq-aw-steps {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	margin: 0;
	padding: 0.15rem 0 0.1rem;
	gap: 10px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}
.sq-article-writer .sq-aw-step {
	flex: 0 0 auto;
	min-width: 0;
	padding: 0.4rem 0.65rem;
	font-size: 0.75rem;
	border-radius: 8px;
	border: 1px solid var(--aw-border, #e3e8f0);
	background: var(--aw-surface, #fff);
	color: var(--aw-text-muted, #64748b);
	transition:
		background var(--aw-motion, 160ms) ease,
		border-color var(--aw-motion, 160ms) ease,
		box-shadow var(--aw-motion, 160ms) ease,
		color var(--aw-motion, 160ms) ease;
}
.sq-article-writer .sq-aw-step.is-complete:not(.is-active) {
	color: var(--aw-success, #15803d);
	background: var(--aw-success-soft, #f0fdf4);
	border-color: #bbf7d0;
}
.sq-article-writer .sq-aw-step.is-pending:not(.is-active) {
	color: var(--aw-text-muted, #64748b);
	background: var(--aw-surface, #fff);
	border-color: var(--aw-border, #e3e8f0);
}
.sq-article-writer .sq-aw-step.is-skipped:not(.is-active) {
	color: #64748b;
	background: #f8fafc;
	border-color: #cbd5e1;
}
.sq-article-writer .sq-aw-step.is-warning:not(.is-active),
.sq-article-writer .sq-aw-step.is-failed:not(.is-active) {
	color: #92400e;
	background: #fffbeb;
	border-color: #f59e0b;
}
.sq-article-writer .sq-aw-step.is-failed:not(.is-active) {
	color: #991b1b;
	background: #fef2f2;
	border-color: #f87171;
}
.sq-article-writer .sq-aw-step.is-active {
	color: var(--aw-primary-hover, #1d4ed8);
	background: var(--aw-primary-soft, #eff6ff);
	border-color: var(--aw-primary-border, #bfdbfe);
	box-shadow: var(--aw-ring, 0 0 0 3px rgba(37, 99, 235, 0.16));
	font-weight: 650;
}
.sq-article-writer .sq-aw-step.is-locked,
.sq-article-writer .sq-aw-step[disabled],
.sq-article-writer .sq-aw-step[aria-disabled="true"] {
	opacity: 1;
	color: var(--aw-text-muted, #64748b);
	background: var(--aw-soft, #f8fafc);
	border-color: var(--aw-border, #e3e8f0);
	cursor: not-allowed;
}
.sq-article-writer .sq-aw-step.is-warning[aria-disabled="false"],
.sq-article-writer .sq-aw-step.is-failed[aria-disabled="false"] {
	cursor: pointer;
	pointer-events: auto;
}
.sq-article-writer .sq-aw-step__l {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Forms ~1120 already on shell cards above; write/optimize/export use full column;
   article canvas ~860; tables/reports stay full width */
.sq-article-writer .sq-aw-panel.sq-card {
	width: 100%;
	max-width: var(--sq-aw-form-max, 1120px);
	margin-inline: auto;
	box-sizing: border-box;
}
.sq-article-writer .sq-aw-panel--write.sq-card,
.sq-article-writer .sq-aw-panel--optimize.sq-card,
.sq-article-writer .sq-aw-panel--export.sq-card,
.sq-article-writer .sq-aw-panel[data-aw-panel="write"].sq-card,
.sq-article-writer .sq-aw-panel[data-aw-panel="optimize"].sq-card,
.sq-article-writer .sq-aw-panel[data-aw-panel="export"].sq-card {
	max-width: 100%;
}
.sq-article-writer .sq-aw-article-body,
.sq-article-writer .sq-aw-reading-canvas {
	max-width: var(--sq-aw-canvas-max, var(--sq-aw-editor-max, 920px));
	margin-inline: auto;
}
.sq-article-writer .sq-aw-serp-table-wrap,
.sq-article-writer .sq-aw-kw-report,
.sq-article-writer .sq-aw-opt-kwmap,
.sq-article-writer .sq-aw-panel--optimize {
	max-width: 100%;
	width: 100%;
}
.sq-article-writer .sq-aw-opt-optional-grid,
.sq-article-writer .sq-aw-opt-meta-fields,
.sq-article-writer .sq-aw-opt-social-grid,
.sq-article-writer .sq-aw-opt-ba {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}
@media (max-width: 1024px) {
	.sq-article-writer .sq-aw-opt-optional-grid,
	.sq-article-writer .sq-aw-opt-meta-fields,
	.sq-article-writer .sq-aw-opt-social-grid,
	.sq-article-writer .sq-aw-opt-ba {
		grid-template-columns: 1fr;
	}
}

/* Write toolbar — compact, metrics as text */
.sq-article-writer .sq-aw-write-headbar {
	padding: 0.45rem 0.65rem;
	gap: 0.35rem;
	border-radius: 10px;
	box-shadow: none;
}
.sq-article-writer .sq-aw-write-headbar__title-row {
	display: none; /* keep chrome light; step name lives in workflow header */
}
.sq-article-writer .sq-aw-write-stack {
	gap: 0.85rem;
}
/* .sq-aw-article-stage padding/border owned by 2.5.65 reading-canvas block */

/* Natural Writing strip (Write) */
.sq-article-writer .sq-aw-nwe-strip {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	padding: 0.75rem 0.9rem;
	border: 1px solid var(--sq-aw-border, #e5e7eb);
	border-radius: 12px;
	background: #f8fafc;
}
.sq-article-writer .sq-aw-nwe-strip__main {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-width: 0;
	flex: 1 1 220px;
}
.sq-article-writer .sq-aw-nwe-strip__score {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.9375rem;
	background: #e2e8f0;
	color: #334155;
	flex: none;
}
.sq-article-writer .sq-aw-nwe-strip__score.is-strong { background: #dcfce7; color: #166534; }
.sq-article-writer .sq-aw-nwe-strip__score.is-good { background: #dbeafe; color: #1d4ed8; }
.sq-article-writer .sq-aw-nwe-strip__score.is-improve { background: #fef3c7; color: #b45309; }
.sq-article-writer .sq-aw-nwe-strip__score.is-weak { background: #fee2e2; color: #b91c1c; }
.sq-article-writer .sq-aw-nwe-strip__title {
	margin: 0 0 0.15rem;
	font-size: 0.9375rem;
	font-weight: 650;
}
.sq-article-writer .sq-aw-nwe-strip__reco {
	margin-top: 0.25rem;
	font-size: 0.8125rem;
	color: #334155;
}
.sq-article-writer .sq-aw-nwe-strip__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	align-items: center;
}

/* Optimize NWE summary + score cards */
.sq-article-writer .sq-aw-nwe-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1rem;
	padding: 0.75rem 0.9rem;
	border: 1px solid var(--sq-aw-border, #e5e7eb);
	border-radius: 12px;
	background: #f8fafc;
	margin-bottom: 0.75rem;
}
.sq-article-writer .sq-aw-nwe-summary__score {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: 1.05rem;
	background: #e2e8f0;
	color: #334155;
}
.sq-article-writer .sq-aw-nwe-summary__score.is-strong { background: #dcfce7; color: #166534; }
.sq-article-writer .sq-aw-nwe-summary__score.is-good { background: #dbeafe; color: #1d4ed8; }
.sq-article-writer .sq-aw-nwe-summary__score.is-improve { background: #fef3c7; color: #b45309; }
.sq-article-writer .sq-aw-nwe-summary__score.is-weak { background: #fee2e2; color: #b91c1c; }
.sq-article-writer .sq-aw-nwe-summary__meta { flex: 1 1 180px; min-width: 0; }
.sq-article-writer .sq-aw-nwe-summary__counts { margin: 0 0 0.2rem; font-weight: 600; }
.sq-article-writer .sq-aw-nwe-summary__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}
.sq-article-writer .sq-aw-nwe-category-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0 0 0.65rem;
}
.sq-article-writer .sq-aw-nwe-cat-tab {
	border: 1px solid #e5e7eb;
	background: #fff;
	border-radius: 999px;
	padding: 0.3rem 0.7rem;
	font-size: 0.8125rem;
	cursor: pointer;
	color: #475569;
}
.sq-article-writer .sq-aw-nwe-cat-tab.is-active {
	background: #1d4ed8;
	border-color: #1d4ed8;
	color: #fff;
	font-weight: 600;
}
.sq-article-writer .sq-aw-nwe-details {
	display: block;
}
.sq-article-writer .sq-aw-nwe-details:not(.is-open) .sq-aw-nwe-review-out {
	display: none;
}
.sq-article-writer .sq-aw-nwe-scores {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.65rem;
	margin: 0 0 0.85rem;
}
.sq-article-writer .sq-aw-nwe-score {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.2rem;
	min-width: 0;
	min-height: 5.5rem;
	padding: 0.7rem 0.75rem;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #fff;
	text-align: left;
	font: inherit;
	cursor: pointer;
	color: inherit;
}
.sq-article-writer .sq-aw-nwe-score__label {
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.25;
	color: #334155;
	white-space: normal;
	overflow-wrap: anywhere;
	hyphens: auto;
}
.sq-article-writer .sq-aw-nwe-score__val {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.1;
	color: #0f172a;
}
.sq-article-writer .sq-aw-nwe-score__status {
	font-size: 0.6875rem;
	font-weight: 650;
	letter-spacing: 0.01em;
	text-transform: none;
}
.sq-article-writer .sq-aw-nwe-score__note {
	font-size: 0.6875rem;
	color: #64748b;
	line-height: 1.3;
}
.sq-article-writer .sq-aw-nwe-score.is-strong {
	border-color: #86efac;
	background: #f0fdf4;
}
.sq-article-writer .sq-aw-nwe-score.is-strong .sq-aw-nwe-score__status { color: #166534; }
.sq-article-writer .sq-aw-nwe-score.is-good {
	border-color: #93c5fd;
	background: #eff6ff;
}
.sq-article-writer .sq-aw-nwe-score.is-good .sq-aw-nwe-score__status { color: #1d4ed8; }
.sq-article-writer .sq-aw-nwe-score.is-improve {
	border-color: #fcd34d;
	background: #fffbeb;
}
.sq-article-writer .sq-aw-nwe-score.is-improve .sq-aw-nwe-score__status { color: #b45309; }
.sq-article-writer .sq-aw-nwe-score.is-weak {
	border-color: #fca5a5;
	background: #fef2f2;
}
.sq-article-writer .sq-aw-nwe-score.is-weak .sq-aw-nwe-score__status { color: #b91c1c; }
.sq-article-writer .sq-aw-nwe-warn-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 0.5rem;
}
.sq-article-writer .sq-aw-nwe-prio-title {
	margin: 0.75rem 0 0.4rem;
	font-size: 0.9375rem;
}
.sq-article-writer .sq-aw-nwe-passage {
	margin: 0.4rem 0;
	padding: 0.5rem 0.65rem;
	background: #f8fafc;
	border-left: 3px solid #94a3b8;
	font-size: 0.875rem;
	border-radius: 0 6px 6px 0;
}
.sq-article-writer .sq-aw-nwe-warnings li.is-ignored {
	opacity: 0.45;
	text-decoration: line-through;
}
@media (max-width: 1199px) {
	.sq-article-writer .sq-aw-nwe-scores {
		grid-template-columns: repeat(3, minmax(180px, 1fr));
	}
}
@media (max-width: 767px) {
	.sq-article-writer .sq-aw-nwe-scores {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 419px) {
	.sq-article-writer .sq-aw-nwe-scores {
		grid-template-columns: 1fr;
	}
}

/* Optimize overview scorecards — status-colored */
.sq-article-writer .sq-aw-opt-scoregrid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.65rem;
}
.sq-article-writer .sq-aw-opt-scorecard {
	padding: 0.75rem 0.85rem;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #fff;
	min-width: 0;
}
.sq-article-writer .sq-aw-opt-scorecard__label {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 600;
	color: #64748b;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sq-article-writer .sq-aw-opt-scorecard__score {
	margin: 0.2rem 0;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.1;
}
.sq-article-writer .sq-aw-opt-scorecard__status {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 650;
}
.sq-article-writer .sq-aw-opt-scorecard__note {
	font-size: 0.6875rem;
	margin-top: 0.25rem;
}
.sq-article-writer .sq-aw-opt-scorecard.is-strong { border-color: #86efac; background: #f0fdf4; }
.sq-article-writer .sq-aw-opt-scorecard.is-strong .sq-aw-opt-scorecard__status { color: #166534; }
.sq-article-writer .sq-aw-opt-scorecard.is-good { border-color: #93c5fd; background: #eff6ff; }
.sq-article-writer .sq-aw-opt-scorecard.is-good .sq-aw-opt-scorecard__status { color: #1d4ed8; }
.sq-article-writer .sq-aw-opt-scorecard.is-improve { border-color: #fcd34d; background: #fffbeb; }
.sq-article-writer .sq-aw-opt-scorecard.is-improve .sq-aw-opt-scorecard__status { color: #b45309; }
.sq-article-writer .sq-aw-opt-scorecard.is-weak { border-color: #fca5a5; background: #fef2f2; }
.sq-article-writer .sq-aw-opt-scorecard.is-weak .sq-aw-opt-scorecard__status { color: #b91c1c; }
.sq-article-writer .sq-aw-opt-scorecard.is-na { background: #f8fafc; color: #64748b; }
.sq-article-writer .sq-aw-opt-section {
	padding: 0.85rem 0;
	margin: 0;
	border-top: 1px solid #eef2f7;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.sq-article-writer .sq-aw-opt-section:first-of-type {
	border-top: 0;
	padding-top: 0;
}
.sq-article-writer .sq-aw-optimize {
	padding: 0;
}

/* Pre-publish checklist — collapsed summary */
.sq-article-writer .sq-aw-checklist-panel,
.sq-article-writer .sq-aw-export-checklist {
	margin: 0 0 1rem;
	padding: 0;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
}
.sq-article-writer .sq-aw-checklist-details > summary {
	list-style: none;
}
.sq-article-writer .sq-aw-checklist-details > summary::-webkit-details-marker {
	display: none;
}
.sq-article-writer .sq-aw-checklist-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.75rem;
	padding: 0.75rem 0.9rem;
	cursor: pointer;
	font-size: 0.875rem;
}
.sq-article-writer .sq-aw-checklist-summary__label {
	font-weight: 650;
	color: #0f172a;
}
.sq-article-writer .sq-aw-checklist-summary__counts {
	color: #64748b;
	flex: 1 1 auto;
}
.sq-article-writer .sq-aw-checklist-summary__cta {
	color: #1d4ed8;
	font-weight: 600;
}
.sq-article-writer .sq-aw-checklist-disclaimer,
.sq-article-writer .sq-aw-checklist-groups {
	padding: 0 0.9rem 0.85rem;
}
.sq-article-writer .sq-aw-checklist-group + .sq-aw-checklist-group {
	margin-top: 0.65rem;
	padding-top: 0.65rem;
	border-top: 1px solid #eef2f7;
}
.sq-article-writer .sq-aw-checklist-group__title {
	margin: 0 0 0.35rem;
	font-size: 0.8125rem;
	font-weight: 650;
	color: #475569;
}
.sq-article-writer .sq-aw-checklist-rows {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sq-article-writer .sq-aw-checklist-rows li {
	display: flex;
	align-items: flex-start;
	gap: 0.4rem;
	padding: 0.25rem 0;
	font-size: 0.875rem;
}
.sq-article-writer .sq-aw-checklist-mark {
	flex: none;
	font-weight: 700;
}
.sq-article-writer .sq-aw-checklist-rows .is-pass .sq-aw-checklist-mark { color: #15803d; }
.sq-article-writer .sq-aw-checklist-rows .is-improve .sq-aw-checklist-mark { color: #b45309; }
.sq-article-writer .sq-aw-checklist-rows .is-fail .sq-aw-checklist-mark { color: #b91c1c; }

/* Publishing trust panel */
.sq-article-writer .sq-aw-trust-panel {
	padding: 0.85rem 0.95rem;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	background: #f8fafc;
}
.sq-article-writer .sq-aw-trust-panel__title {
	margin: 0 0 0.65rem;
	font-size: 0.9375rem;
}
.sq-article-writer .sq-aw-trust-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.55rem 1rem;
	margin: 0 0 0.65rem;
}
.sq-article-writer .sq-aw-trust-grid dt {
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 650;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
}
.sq-article-writer .sq-aw-trust-grid dd {
	margin: 0.1rem 0 0;
	font-size: 0.875rem;
	font-weight: 600;
	color: #0f172a;
}
.sq-article-writer .sq-aw-trust-ymyl {
	margin: 0 0 0.65rem;
	padding: 0.55rem 0.7rem;
	border-radius: 8px;
	background: #fff7ed;
	border: 1px solid #fed7aa;
	font-size: 0.8125rem;
	color: #9a3412;
}
.sq-article-writer .sq-aw-trust-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}
.sq-article-writer .sq-aw-trust-sources {
	margin: 0.65rem 0 0;
	padding-left: 1.1rem;
	font-size: 0.8125rem;
	color: #475569;
}

/* Final optimization summary card */
.sq-article-writer .sq-aw-opt-final-card {
	padding: 1rem 1.1rem;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	background: #fff;
}
.sq-article-writer .sq-aw-opt-final-card__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.35rem 1rem;
	margin-bottom: 0.75rem;
}
.sq-article-writer .sq-aw-opt-final-card__ready {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 700;
	color: #0f172a;
}
.sq-article-writer .sq-aw-opt-final-card__readiness {
	margin: 0;
	font-size: 0.875rem;
	color: #475569;
}
.sq-article-writer .sq-aw-opt-final-tiles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.55rem;
	margin-bottom: 0.75rem;
}
.sq-article-writer .sq-aw-opt-final-tile {
	padding: 0.65rem 0.75rem;
	border-radius: 10px;
	background: #f8fafc;
	border: 1px solid #eef2f7;
	text-align: center;
}
.sq-article-writer .sq-aw-opt-final-tile__n {
	display: block;
	font-size: 1.25rem;
	font-weight: 700;
	color: #0f172a;
}
.sq-article-writer .sq-aw-opt-final-tile__l {
	display: block;
	font-size: 0.6875rem;
	font-weight: 600;
	color: #64748b;
	margin-top: 0.15rem;
}
.sq-article-writer .sq-aw-opt-final-compare {
	padding: 0.65rem 0.75rem;
	border-radius: 10px;
	background: #f8fafc;
	border: 1px solid #eef2f7;
	margin-bottom: 0.65rem;
}
.sq-article-writer .sq-aw-opt-final-compare__label {
	display: block;
	font-size: 0.6875rem;
	font-weight: 650;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
	margin-bottom: 0.2rem;
}
.sq-article-writer .sq-aw-opt-final-card__disclaimer {
	margin: 0;
	font-size: 0.75rem;
}

/* Action bars */
.sq-article-writer .sq-aw-actionbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.55rem 0.85rem;
	padding: 0.65rem 0.85rem;
	margin-top: 0.75rem;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	background: #fff;
	box-shadow: none;
}
.sq-article-writer .sq-aw-actionbar .sq-btn {
	min-height: 2.5rem;
}
.sq-article-writer .sq-aw-actionbar__right {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	align-items: center;
}
.sq-article-writer .sq-aw-actionbar__status {
	font-size: 0.8125rem;
	color: #64748b;
}
.sq-article-writer .sq-aw-panel--write .sq-aw-actionbar,
.sq-article-writer .sq-aw-panel--optimize .sq-aw-actionbar {
	position: sticky;
	bottom: 0;
	z-index: 5;
	background: rgba(255, 255, 255, 0.97);
	backdrop-filter: blur(6px);
}

@media (max-width: 1024px) {
	.sq-article-writer .sq-aw-opt-scoregrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.sq-article-writer .sq-aw-trust-grid {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 640px) {
	.sq-article-writer .sq-aw-opt-scoregrid,
	.sq-article-writer .sq-aw-opt-final-tiles {
		grid-template-columns: 1fr;
	}
	.sq-article-writer .sq-aw-actionbar {
		flex-direction: column;
		align-items: stretch;
	}
	.sq-article-writer .sq-aw-actionbar__right,
	.sq-article-writer .sq-aw-actionbar__left {
		width: 100%;
	}
	.sq-article-writer .sq-aw-actionbar__right .sq-btn,
	.sq-article-writer .sq-aw-actionbar__left .sq-btn {
		flex: 1 1 auto;
	}
	.sq-article-writer .sq-aw-panel--write .sq-aw-actionbar,
	.sq-article-writer .sq-aw-panel--optimize .sq-aw-actionbar {
		position: static; /* avoid covering content on small screens */
	}
	.sq-article-writer .sq-aw-nwe-strip,
	.sq-article-writer .sq-aw-nwe-summary {
		flex-direction: column;
		align-items: stretch;
	}
}

/* -------------------------------------------------------------------------
 * SEO Article Writer — premium info cards / fields / chips (2.5.59)
 * ---------------------------------------------------------------------- */

.sq-article-writer .sq-card,
.sq-article-writer .sq-aw-panel,
.sq-article-writer .sq-aw-panel.sq-card,
.sq-article-writer .sq-aw-kw-report,
.sq-article-writer .sq-aw-recent-card,
.sq-article-writer .sq-aw-seo-panel,
.sq-article-writer .sq-aw-sources,
.sq-article-writer .sq-aw-proscons,
.sq-article-writer .sq-aw-opt-section,
.sq-article-writer .sq-aw-nwe-strip,
.sq-article-writer .sq-aw-nwe-score,
.sq-article-writer .sq-aw-score,
.sq-aw-page .sq-aw-info-card {
	background: var(--aw-surface, #fff);
	border: 1px solid var(--aw-border, #e3e8f0);
	border-radius: var(--aw-radius, 12px);
	box-shadow: var(--aw-shadow-soft, 0 1px 2px rgba(15, 23, 42, 0.04));
}

.sq-article-writer .sq-aw-panel .sq-card,
.sq-article-writer .sq-aw-opt-section .sq-card,
.sq-article-writer .sq-aw-kw-report__block,
.sq-article-writer .sq-aw-serp-table-wrap,
.sq-article-writer .sq-aw-outline-card,
.sq-article-writer .sq-aw-strategy-card,
.sq-article-writer .sq-aw-intent,
.sq-article-writer .sq-aw-nwe-passage,
.sq-article-writer .sq-aw-nwe-selection,
.sq-article-writer .sq-aw-length__presets,
.sq-article-writer .sq-aw-opt-meta-fields > *,
.sq-article-writer .sq-aw-soft {
	background: var(--aw-soft, #f8fafc);
	border-color: var(--aw-border, #e3e8f0);
}

.sq-article-writer .sq-aw-nwe-score--good,
.sq-article-writer .sq-aw-proscons__col--pros {
	background: var(--aw-success-soft, #f0fdf4);
	border-color: #bbf7d0;
}
.sq-article-writer .sq-aw-nwe-score--fair {
	background: var(--aw-warning-soft, #fffbeb);
	border-color: #fde68a;
}
.sq-article-writer .sq-aw-nwe-score--poor,
.sq-article-writer .sq-aw-proscons__col--cons {
	background: var(--aw-danger-soft, #fef2f2);
	border-color: #fecaca;
}

.sq-article-writer input[type="text"],
.sq-article-writer input[type="search"],
.sq-article-writer input[type="url"],
.sq-article-writer input[type="number"],
.sq-article-writer input[type="email"],
.sq-article-writer select,
.sq-article-writer textarea,
.sq-article-writer .sq-input,
.sq-article-writer .sq-select-trigger {
	min-height: var(--aw-control-h, 48px);
	border-radius: 10px;
	border-color: var(--aw-border, #e3e8f0);
	background: var(--aw-surface, #fff);
	color: var(--aw-text, #111827);
	transition:
		border-color var(--aw-motion, 160ms) ease,
		box-shadow var(--aw-motion, 160ms) ease;
}
.sq-article-writer textarea {
	min-height: 96px;
}
.sq-article-writer input:focus-visible,
.sq-article-writer select:focus-visible,
.sq-article-writer textarea:focus-visible,
.sq-article-writer .sq-input:focus-visible,
.sq-article-writer .sq-select-trigger:focus-visible,
.sq-article-writer .sq-aw-tags:focus-within {
	border-color: var(--aw-primary, #2563eb);
	box-shadow: var(--aw-ring, 0 0 0 3px rgba(37, 99, 235, 0.16));
	outline: none;
}

.sq-article-writer .sq-aw-tag,
.sq-article-writer .sq-aw-chip,
.sq-article-writer .sq-aw-suggest__chip {
	background: var(--aw-primary-soft, #eff4ff);
	border: 1px solid var(--aw-primary-border, #c7d8fd);
	color: var(--aw-primary-hover, #1e40af);
	border-radius: 999px;
}

.sq-article-writer .sq-btn,
.sq-article-writer .sq-aw-mode,
.sq-article-writer .sq-aw-step,
.sq-article-writer .sq-aw-more-menu__list,
.sq-article-writer .sq-aw-more-menu__chevron {
	transition-duration: var(--aw-motion, 160ms);
}

@media (prefers-reduced-motion: reduce) {
	.sq-article-writer .sq-btn,
	.sq-article-writer .sq-aw-mode,
	.sq-article-writer .sq-aw-step,
	.sq-article-writer .sq-aw-more-menu__list button,
	.sq-article-writer .sq-aw-more-menu__chevron,
	.sq-article-writer input,
	.sq-article-writer select,
	.sq-article-writer textarea,
	.sq-article-writer .sq-aw-tags {
		transition: none !important;
	}
}

/* -------------------------------------------------------------------------
 * SEO Article Writer — 2.5.62 top actions + NWE review/preview buttons
 * ---------------------------------------------------------------------- */

.sq-article-writer .aw-new-article-button,
.sq-article-writer [data-aw-new-article].aw-new-article-button,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-new-article] {
	min-height: 44px;
	padding: 0 18px;
	background: #2563eb;
	border: 1px solid #2563eb;
	border-radius: 10px;
	color: #ffffff;
	font-weight: 650;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.18);
	transition:
		background-color 160ms ease,
		border-color 160ms ease,
		box-shadow 160ms ease,
		transform 160ms ease;
}
.sq-article-writer .aw-new-article-button:hover,
.sq-article-writer [data-aw-new-article].aw-new-article-button:hover,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-new-article]:hover {
	background: #1d4ed8;
	border-color: #1d4ed8;
	color: #ffffff;
	box-shadow: 0 7px 18px rgba(37, 99, 235, 0.24);
}
.sq-article-writer .aw-new-article-button:active,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-new-article]:active {
	transform: translateY(1px);
}
.sq-article-writer .aw-new-article-button:focus-visible,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-new-article]:focus-visible {
	outline: 3px solid rgba(37, 99, 235, 0.24);
	outline-offset: 2px;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.18);
}

.sq-article-writer .aw-preview-button,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-cmd-preview],
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-editor-tab="preview"] {
	min-height: 44px;
	padding: 0 18px;
	background: #eff6ff;
	border: 1px solid #93c5fd;
	border-radius: 10px;
	color: #1d4ed8;
	font-weight: 650;
}
.sq-article-writer .aw-preview-button:hover,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-cmd-preview]:hover,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-editor-tab="preview"]:hover {
	background: #dbeafe;
	border-color: #60a5fa;
	color: #1d4ed8;
}
.sq-article-writer .aw-preview-button:focus-visible,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-cmd-preview]:focus-visible,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-editor-tab="preview"]:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
	box-shadow: none;
}

.sq-article-writer .aw-outline-button,
.sq-article-writer .aw-more-button,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-outline-drawer-toggle],
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-more-toggle] {
	min-height: 44px;
	padding: 0 14px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 10px;
	color: #0f172a;
	font-weight: 600;
}
.sq-article-writer .aw-outline-button:hover,
.sq-article-writer .aw-more-button:hover,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-outline-drawer-toggle]:hover,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-more-toggle]:hover {
	background: #f1f5f9;
	color: #0f172a;
}
.sq-article-writer .aw-outline-button:focus-visible,
.sq-article-writer .aw-more-button:focus-visible,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-outline-drawer-toggle]:focus-visible,
.sq-article-writer .sq-aw-workspace-header__actions [data-aw-more-toggle]:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
	box-shadow: none;
}

.sq-article-writer .aw-run-review-button,
.sq-article-writer [data-aw-run-review].aw-run-review-button,
.sq-article-writer .sq-aw-nwe-strip [data-aw-run-review],
.sq-article-writer .sq-aw-nwe-summary [data-aw-run-review] {
	min-height: 42px;
	padding: 0 16px;
	background: #eff6ff;
	border: 1px solid #93c5fd;
	border-radius: 10px;
	color: #1d4ed8;
	font-weight: 650;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}
.sq-article-writer .aw-run-review-button:hover,
.sq-article-writer .sq-aw-nwe-strip [data-aw-run-review]:hover,
.sq-article-writer .sq-aw-nwe-summary [data-aw-run-review]:hover {
	background: #dbeafe;
	border-color: #60a5fa;
	color: #1d4ed8;
}
.sq-article-writer .aw-run-review-button:focus-visible,
.sq-article-writer .sq-aw-nwe-strip [data-aw-run-review]:focus-visible,
.sq-article-writer .sq-aw-nwe-summary [data-aw-run-review]:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
	box-shadow: none;
}
.sq-article-writer .aw-run-review-button.is-loading,
.sq-article-writer [data-aw-run-review].is-loading,
.sq-article-writer .aw-run-review-button:disabled,
.sq-article-writer [data-aw-run-review]:disabled {
	opacity: 0.72;
	cursor: wait;
}

.sq-article-writer .aw-view-details-button,
.sq-article-writer [data-aw-nwe-view-details],
.sq-article-writer [data-aw-nwe-toggle-details].aw-view-details-button {
	min-height: 42px;
	padding: 0 14px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 10px;
	color: #334155;
	font-weight: 600;
}
.sq-article-writer .aw-view-details-button:hover,
.sq-article-writer [data-aw-nwe-view-details]:hover,
.sq-article-writer [data-aw-nwe-toggle-details].aw-view-details-button:hover {
	background: #f1f5f9;
	color: #334155;
}
.sq-article-writer .aw-view-details-button:focus-visible,
.sq-article-writer [data-aw-nwe-view-details]:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
	box-shadow: none;
}

.sq-article-writer .aw-preview-fix-button,
.sq-article-writer [data-aw-preview-fix],
.sq-article-writer [data-aw-nwe-strip-preview],
.sq-article-writer .sq-aw-nwe-warn-actions [data-nwe-apply] {
	min-height: 42px;
	padding: 0 17px;
	background: #2563eb;
	border: 1px solid #2563eb;
	border-radius: 10px;
	color: #ffffff;
	font-weight: 650;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.16);
}
.sq-article-writer .aw-preview-fix-button:hover,
.sq-article-writer [data-aw-preview-fix]:hover,
.sq-article-writer [data-aw-nwe-strip-preview]:hover,
.sq-article-writer .sq-aw-nwe-warn-actions [data-nwe-apply]:hover {
	background: #1d4ed8;
	border-color: #1d4ed8;
	color: #ffffff;
}
.sq-article-writer .aw-preview-fix-button:focus-visible,
.sq-article-writer [data-aw-preview-fix]:focus-visible,
.sq-article-writer [data-aw-nwe-strip-preview]:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
	box-shadow: 0 4px 12px rgba(37, 99, 235, 0.16);
}
.sq-article-writer .aw-preview-fix-button:disabled,
.sq-article-writer [data-aw-preview-fix][aria-disabled="true"],
.sq-article-writer [data-aw-nwe-strip-preview]:disabled {
	opacity: 0.55;
	cursor: not-allowed;
	box-shadow: none;
}

.sq-article-writer .aw-btn-spinner {
	width: 0.85rem;
	height: 0.85rem;
	border: 2px solid rgba(37, 99, 235, 0.25);
	border-top-color: #2563eb;
	border-radius: 50%;
	animation: sq-aw-spin 0.7s linear infinite;
	flex: none;
}
.sq-article-writer .aw-btn-spinner[hidden] {
	display: none !important;
}
@keyframes sq-aw-spin {
	to { transform: rotate(360deg); }
}

.sq-article-writer .sq-aw-nwe-strip__status {
	margin-top: 0.35rem;
	font-size: 0.8125rem;
	color: #1e40af;
	font-weight: 600;
}
.sq-article-writer .sq-aw-nwe-fix-dialog {
	z-index: 1200;
	max-width: min(720px, 96vw);
	width: 100%;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 0;
}
.sq-article-writer .sq-aw-nwe-fix-dialog::backdrop {
	background: rgba(15, 23, 42, 0.45);
}
.sq-article-writer .sq-aw-nwe-fix-dialog .sq-aw-dialog__inner {
	padding: 1.15rem 1.25rem 1.25rem;
}
.sq-article-writer .sq-aw-nwe-fix-issue {
	margin: 0.5rem 0;
	padding: 0.65rem 0.75rem;
	background: #f8fafc;
	border-radius: 10px;
	border: 1px solid #e2e8f0;
}

@media (max-width: 767.98px) {
	.sq-article-writer .aw-run-review-button,
	.sq-article-writer .aw-view-details-button,
	.sq-article-writer .aw-preview-fix-button,
	.sq-article-writer .sq-aw-nwe-strip [data-aw-run-review],
	.sq-article-writer .sq-aw-nwe-strip [data-aw-nwe-view-details],
	.sq-article-writer .sq-aw-nwe-strip [data-aw-preview-fix],
	.sq-article-writer .sq-aw-workspace-header__actions [data-aw-new-article],
	.sq-article-writer .sq-aw-workspace-header__actions [data-aw-cmd-preview],
	.sq-article-writer .sq-aw-workspace-header__actions [data-aw-outline-drawer-toggle],
	.sq-article-writer .sq-aw-workspace-header__actions [data-aw-more-toggle] {
		min-height: 44px;
	}
}

/* ===== SEO publishing workspace 2.5.63 ===== */
.sq-article-writer .aw-seo-workspace {
	--aw-page: #f6f8fc;
	--aw-card: #ffffff;
	--aw-soft: #f8fafc;
	--aw-border: #e2e8f0;
	--aw-text: #0f172a;
	--aw-muted: #64748b;
	--aw-primary: #2563eb;
	--aw-primary-soft: #eff6ff;
	--aw-success: #15803d;
	--aw-success-soft: #f0fdf4;
	--aw-warning: #b45309;
	--aw-warning-soft: #fffbeb;
	--aw-danger: #b91c1c;
	--aw-danger-soft: #fef2f2;
	padding: 1.15rem 1.15rem 0.85rem;
	background: var(--aw-page);
	border: 1px solid var(--aw-border);
	border-radius: 16px;
}

.sq-article-writer .aw-seo-workspace__header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.85rem 1.25rem;
	margin-bottom: 1rem;
}

.sq-article-writer .aw-seo-workspace__intro .sq-aw-below__title {
	margin-bottom: 0.25rem;
}

.sq-article-writer .aw-seo-workspace__readiness {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem;
	justify-content: flex-end;
}

.sq-article-writer .aw-seo-pill {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0.2rem 0.65rem;
	border-radius: 999px;
	border: 1px solid var(--aw-border);
	background: var(--aw-card);
	color: var(--aw-text);
	font-size: 0.75rem;
	font-weight: 600;
}

.sq-article-writer .aw-seo-pill--score,
.sq-article-writer .aw-seo-pill--info {
	background: var(--aw-primary-soft);
	border-color: #bfdbfe;
	color: #1d4ed8;
}

.sq-article-writer .aw-seo-pill--warn {
	background: var(--aw-warning-soft);
	border-color: #fde68a;
	color: var(--aw-warning);
}

.sq-article-writer .aw-seo-pill--muted {
	background: var(--aw-soft);
	color: var(--aw-muted);
}

.sq-article-writer .aw-seo-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
	gap: 18px;
}

.sq-article-writer .aw-seo-card {
	min-width: 0;
	padding: 22px;
	background: var(--aw-card);
	border: 1px solid var(--aw-border);
	border-radius: 14px;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.03),
		0 8px 22px rgba(15, 23, 42, 0.025);
}

.sq-article-writer .aw-seo-card--trust {
	grid-column: 1 / -1;
}

.sq-article-writer .aw-seo-card__head {
	margin-bottom: 0.9rem;
}

.sq-article-writer .aw-seo-card__head h4 {
	margin: 0 0 0.25rem;
	font-size: 1rem;
	font-weight: 650;
	color: var(--aw-text);
}

.sq-article-writer .aw-seo-card__foot {
	margin-top: 0.85rem;
}

.sq-article-writer .aw-seo-serp {
	padding: 0.85rem 1rem;
	margin-bottom: 1rem;
	border-radius: 12px;
	background: var(--aw-soft);
	border: 1px solid var(--aw-border);
}

.sq-article-writer .aw-seo-serp__crumb {
	margin: 0 0 0.35rem;
	font-size: 0.8125rem;
	color: #0f766e;
}

.sq-article-writer .aw-seo-serp__title {
	margin: 0 0 0.35rem;
	font-size: 1.125rem;
	line-height: 1.35;
	color: #1a0dab;
	font-weight: 500;
}

.sq-article-writer .aw-seo-serp__desc {
	margin: 0 0 0.45rem;
	font-size: 0.875rem;
	line-height: 1.45;
	color: #4d5156;
}

.sq-article-writer .aw-seo-serp__note {
	margin: 0;
	font-size: 0.75rem;
}

.sq-article-writer .aw-seo-field {
	margin-bottom: 0.95rem;
}

.sq-article-writer .aw-seo-field__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.35rem 0.75rem;
	margin-bottom: 0.35rem;
}

.sq-article-writer .aw-seo-field__meta {
	font-size: 0.75rem;
	color: var(--aw-muted);
}

.sq-article-writer .aw-seo-field__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 0.45rem;
}

.sq-article-writer .aw-seo-empty {
	padding: 0.65rem 0.75rem;
	margin-bottom: 0.45rem;
	border-radius: 10px;
	background: var(--aw-soft);
	border: 1px dashed var(--aw-border);
}

.sq-article-writer .aw-seo-badge {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 0.1rem 0.5rem;
	border-radius: 999px;
	font-size: 0.6875rem;
	font-weight: 650;
	border: 1px solid transparent;
}

.sq-article-writer .aw-seo-badge--ok {
	background: var(--aw-success-soft);
	color: var(--aw-success);
}

.sq-article-writer .aw-seo-badge--warn {
	background: var(--aw-warning-soft);
	color: var(--aw-warning);
}

.sq-article-writer .aw-seo-badge--missing {
	background: var(--aw-soft);
	color: var(--aw-muted);
	border-color: var(--aw-border);
}

.sq-article-writer .aw-seo-badge--intent,
.sq-article-writer .aw-seo-badge--schema {
	background: var(--aw-primary-soft);
	color: #1d4ed8;
	border-color: #bfdbfe;
	font-size: 0.8125rem;
	min-height: 28px;
	padding: 0.2rem 0.7rem;
}

.sq-article-writer .aw-seo-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.3rem 0.65rem;
	border-radius: 999px;
	background: var(--aw-soft);
	border: 1px solid var(--aw-border);
	color: var(--aw-text);
	font-size: 0.8125rem;
	font-weight: 550;
}

.sq-article-writer .aw-seo-chip--primary {
	background: var(--aw-primary-soft);
	border-color: #bfdbfe;
	color: #1d4ed8;
	font-weight: 650;
}

.sq-article-writer .aw-seo-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 0.4rem;
}

.sq-article-writer .aw-seo-kw-block {
	margin-bottom: 0.95rem;
}

.sq-article-writer .aw-seo-kw-block__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.35rem;
}

.sq-article-writer .aw-seo-intent {
	margin-top: 0.35rem;
}

.sq-article-writer .aw-seo-checks {
	margin: 0.65rem 0 0.85rem;
	padding: 0;
	list-style: none;
}

.sq-article-writer .aw-seo-checks li {
	display: flex;
	gap: 0.45rem;
	margin: 0.3rem 0;
	font-size: 0.8125rem;
	color: var(--aw-text);
}

.sq-article-writer .aw-seo-checks li span {
	color: var(--aw-success);
	font-weight: 700;
}

.sq-article-writer .aw-seo-jsonld {
	margin: 0.65rem 0 0;
	padding: 0.75rem;
	max-height: 220px;
	overflow: auto;
	border-radius: 10px;
	background: #0f172a;
	color: #e2e8f0;
	font-size: 0.75rem;
}

.sq-article-writer .aw-seo-og {
	margin-bottom: 1rem;
	border: 1px solid var(--aw-border);
	border-radius: 12px;
	overflow: hidden;
	background: var(--aw-card);
}

.sq-article-writer .aw-seo-og__media {
	height: 120px;
	background:
		linear-gradient(135deg, #e2e8f0 0%, #f8fafc 55%, #dbeafe 100%);
}

.sq-article-writer .aw-seo-og__body {
	padding: 0.75rem 0.9rem 0.95rem;
}

.sq-article-writer .aw-seo-og__host {
	margin: 0 0 0.25rem;
	font-size: 0.6875rem;
	letter-spacing: 0.04em;
	color: var(--aw-muted);
	font-weight: 650;
}

.sq-article-writer .aw-seo-og__title {
	margin: 0 0 0.25rem;
	font-size: 0.9375rem;
	font-weight: 650;
	color: var(--aw-text);
}

.sq-article-writer .aw-seo-og__desc {
	margin: 0;
	font-size: 0.8125rem;
	color: var(--aw-muted);
	line-height: 1.4;
}

.sq-article-writer .aw-seo-slug-preview {
	margin: 0 0 0.35rem;
	font-size: 0.8125rem;
}

.sq-article-writer .aw-seo-trust-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
}

.sq-article-writer .aw-seo-trust-item {
	padding: 0.75rem 0.85rem;
	border-radius: 12px;
	border: 1px solid var(--aw-border);
	background: var(--aw-soft);
}

.sq-article-writer .aw-seo-trust-item__label {
	margin: 0 0 0.25rem;
	font-size: 0.6875rem;
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--aw-muted);
}

.sq-article-writer .aw-seo-trust-item__value {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 650;
	color: var(--aw-text);
}

.sq-article-writer .aw-seo-trust-item--ok {
	background: var(--aw-success-soft);
	border-color: #bbf7d0;
}

.sq-article-writer .aw-seo-trust-item--info {
	background: var(--aw-primary-soft);
	border-color: #bfdbfe;
}

.sq-article-writer .aw-seo-trust-item--warn {
	background: var(--aw-warning-soft);
	border-color: #fde68a;
}

.sq-article-writer .aw-seo-trust-item--muted {
	background: var(--aw-soft);
}

.sq-article-writer .aw-seo-trust-ymyl {
	margin: 0.75rem 0 0;
	padding: 0.65rem 0.75rem;
	border-radius: 10px;
	background: var(--aw-warning-soft);
	border: 1px solid #fde68a;
	font-size: 0.8125rem;
	color: #92400e;
}

.sq-article-writer .aw-seo-footer {
	position: sticky;
	bottom: 0;
	z-index: 4;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem 1rem;
	margin-top: 1rem;
	padding: 0.75rem 0.15rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid var(--aw-border);
	background: linear-gradient(180deg, rgba(246, 248, 252, 0.65), var(--aw-page) 40%);
}

.sq-article-writer .aw-seo-footer__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

.sq-article-writer .aw-seo-footer__actions .sq-btn {
	min-height: 40px;
}

.sq-article-writer .aw-seo-live.sq-visually-hidden,
.sq-article-writer .sq-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.sq-article-writer .aw-seo-workspace .sq-input:focus-visible,
.sq-article-writer .aw-seo-workspace .sq-btn:focus-visible {
	outline: 2px solid var(--aw-primary);
	outline-offset: 2px;
}

@media (max-width: 899.98px) {
	.sq-article-writer .aw-seo-grid {
		grid-template-columns: 1fr;
	}

	.sq-article-writer .aw-seo-trust-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.sq-article-writer .aw-seo-workspace {
		padding: 0.95rem 0.85rem 0.65rem;
	}

	.sq-article-writer .aw-seo-card {
		padding: 16px;
	}

	.sq-article-writer .aw-seo-trust-grid {
		grid-template-columns: 1fr;
	}

	.sq-article-writer .aw-seo-footer {
		flex-direction: column;
		align-items: stretch;
	}

	.sq-article-writer .aw-seo-footer__actions .sq-btn {
		min-height: 44px;
	}

	.sq-article-writer .aw-seo-og__media {
		height: 96px;
	}
}

@media (min-width: 1440px) {
	.sq-article-writer .aw-seo-grid {
		gap: 20px;
	}
}

/* ==========================================================================
 * SEO Article Writer — reading canvas spacing / typography (2.5.65)
 * Layout/CSS only. Stage = soft cushion; .sq-aw-reading-canvas = white paper.
 * Edit vs Preview use :has() — no JS required. Same text measure in both modes.
 * ========================================================================== */

.sq-article-writer {
	--sq-aw-editor-max: 920px;
	--sq-aw-canvas-max: 920px;
	--sq-aw-body-size: 1.125rem;
	--sq-aw-body-lh: 1.72;
	--sq-aw-ink-body: #172033;
	--sq-aw-canvas-border: #e7ebf2;
	--sq-aw-stage-bg: #f6f8fc;
	--sq-aw-canvas-pad: 52px 56px 64px;
	--sq-aw-stage-pad: 32px;
	--sq-aw-callout-pad: 28px 30px;
	--sq-aw-callout-mg: 32px 0;
	--sq-aw-canvas-radius: 18px;
	--sq-aw-canvas-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 28px rgba(15, 23, 42, 0.05);
	--sq-aw-canvas-shadow-preview: 0 8px 28px rgba(15, 23, 42, 0.06);
}

/* Neutralize flush / closed-box ancestors around the Write article surface.
 * Do NOT force max-width:none on .sq-aw-reading-canvas (owned below). */
.sq-article-writer .sq-aw-write-stack,
.sq-article-writer .sq-aw-write-layout,
.sq-article-writer .sq-aw-write-body,
.sq-article-writer .sq-aw-article-ready,
.sq-article-writer .sq-aw-article-stage,
.sq-article-writer .sq-aw-editor--spacious,
.sq-article-writer .sq-aw-article-preview,
.sq-article-writer #searqo-generated-article,
.sq-article-writer .searqo-generated-article {
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	transform: none;
	left: auto;
	right: auto;
	box-sizing: border-box;
}

.sq-article-writer .sq-aw-article-stage,
.sq-article-writer .sq-aw-article-body,
.sq-article-writer .sq-aw-reading-canvas,
.sq-article-writer .sq-aw-editor--spacious,
.sq-article-writer .sq-aw-article-preview {
	overflow: visible;
}

/* Soft stage cushion — keeps canvas off toolbar / NWE / action bar */
.sq-article-writer .sq-aw-article-stage {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: var(--sq-aw-stage-pad);
	background: var(--sq-aw-stage-bg);
	border: 0;
	border-radius: 16px;
	box-shadow: none;
}

/* Centered white reading canvas */
.sq-article-writer .sq-aw-article-body.sq-aw-reading-canvas,
.sq-article-writer .sq-aw-reading-canvas {
	display: block;
	width: 100%;
	max-width: var(--sq-aw-canvas-max, 920px);
	margin-inline: auto;
	padding: var(--sq-aw-canvas-pad);
	background: #fff;
	border: 1px solid var(--sq-aw-canvas-border, #e7ebf2);
	border-radius: var(--sq-aw-canvas-radius, 18px);
	box-shadow: var(--sq-aw-canvas-shadow);
	color: var(--sq-aw-ink-body, #172033);
}

/* Edit: subtle boundary (default above). Preview: soft paper, quieter edge */
.sq-article-writer .sq-aw-article-stage:has([data-aw-article-preview]:not([hidden])) .sq-aw-reading-canvas {
	border-color: transparent;
	box-shadow: var(--sq-aw-canvas-shadow-preview);
}

/* Editor + preview share identical measure — no horizontal jump */
.sq-article-writer .sq-aw-reading-canvas > .sq-aw-editor,
.sq-article-writer .sq-aw-reading-canvas > .sq-aw-editor--spacious,
.sq-article-writer .sq-aw-reading-canvas > .sq-aw-article-preview {
	display: block;
	width: 100%;
	max-width: none;
	min-height: 22rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-size: var(--sq-aw-body-size, 1.125rem);
	line-height: var(--sq-aw-body-lh, 1.72);
	color: var(--sq-aw-ink-body, #172033);
	outline: none;
}

/* Focus: never ring the full canvas; keep focus on controls / selection */
.sq-article-writer .sq-aw-article-stage:focus,
.sq-article-writer .sq-aw-article-stage:focus-visible,
.sq-article-writer .sq-aw-reading-canvas:focus,
.sq-article-writer .sq-aw-reading-canvas:focus-visible,
.sq-article-writer .sq-aw-editor:focus,
.sq-article-writer .sq-aw-editor:focus-visible,
.sq-article-writer .sq-aw-editor--spacious:focus,
.sq-article-writer .sq-aw-editor--spacious:focus-visible,
.sq-article-writer .sq-aw-article-preview:focus,
.sq-article-writer .sq-aw-article-preview:focus-visible {
	outline: none;
	box-shadow: none;
}

.sq-article-writer .sq-aw-reading-canvas:focus-within {
	border-color: #dbe2ec;
	box-shadow: var(--sq-aw-canvas-shadow);
}

.sq-article-writer .sq-aw-article-stage:has([data-aw-article-preview]:not([hidden])) .sq-aw-reading-canvas:focus-within {
	border-color: transparent;
	box-shadow: var(--sq-aw-canvas-shadow-preview);
}

.sq-article-writer .sq-aw-format-toolbar .sq-aw-toolbtn:focus-visible,
.sq-article-writer .sq-aw-write-headbar .sq-aw-editor-tab:focus-visible,
.sq-article-writer .sq-aw-write-headbar .sq-btn:focus-visible {
	outline: 2px solid rgba(37, 99, 235, 0.45);
	outline-offset: 2px;
}

/* —— Typography (Edit + Preview) —— */
.sq-article-writer .sq-aw-editor--spacious h1,
.sq-article-writer .sq-aw-article-preview h1,
.sq-article-writer .sq-aw-reading-canvas h1 {
	max-width: 820px;
	margin: 0 0 24px;
	font-size: clamp(38px, 4.2vw, 54px);
	line-height: 1.08;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #0f172a;
	overflow-wrap: anywhere;
}

.sq-article-writer .sq-aw-editor--spacious h2,
.sq-article-writer .sq-aw-article-preview h2,
.sq-article-writer .sq-aw-reading-canvas h2 {
	margin: 40px 0 16px;
	font-size: clamp(1.375rem, 1.8vw, 1.75rem); /* ~22–28px */
	line-height: 1.22;
	font-weight: 650;
	color: #111827;
	scroll-margin-top: 5.5rem;
}

.sq-article-writer .sq-aw-editor--spacious h3,
.sq-article-writer .sq-aw-article-preview h3,
.sq-article-writer .sq-aw-reading-canvas h3 {
	margin: 28px 0 12px;
	font-size: clamp(1.125rem, 1.35vw, 1.35rem); /* ~18–22px */
	line-height: 1.28;
	font-weight: 650;
	color: #1f2937;
	scroll-margin-top: 5.5rem;
}

.sq-article-writer .sq-aw-editor--spacious h2:first-child,
.sq-article-writer .sq-aw-article-preview h2:first-child,
.sq-article-writer .sq-aw-editor--spacious h3:first-child,
.sq-article-writer .sq-aw-article-preview h3:first-child,
.sq-article-writer .sq-aw-editor--spacious > *:first-child,
.sq-article-writer .sq-aw-article-preview > *:first-child {
	margin-top: 0;
}

.sq-article-writer .sq-aw-editor--spacious p,
.sq-article-writer .sq-aw-article-preview p,
.sq-article-writer .sq-aw-reading-canvas p {
	max-width: 78ch;
	margin: 0 0 20px;
	font-size: var(--sq-aw-body-size, 1.125rem);
	line-height: var(--sq-aw-body-lh, 1.72);
	color: var(--sq-aw-ink-body, #172033);
}

.sq-article-writer .sq-aw-editor--spacious ul,
.sq-article-writer .sq-aw-editor--spacious ol,
.sq-article-writer .sq-aw-article-preview ul,
.sq-article-writer .sq-aw-article-preview ol {
	max-width: 78ch;
	margin: 0 0 20px;
	padding-left: 1.35em;
}

.sq-article-writer .sq-aw-editor--spacious li,
.sq-article-writer .sq-aw-article-preview li {
	margin: 0 0 8px;
	line-height: 1.65;
	color: var(--sq-aw-ink-body, #172033);
}

.sq-article-writer .sq-aw-editor--spacious li:last-child,
.sq-article-writer .sq-aw-article-preview li:last-child {
	margin-bottom: 0;
}

.sq-article-writer .sq-aw-editor--spacious blockquote,
.sq-article-writer .sq-aw-article-preview blockquote {
	margin: 28px 0;
	padding: 4px 0 4px 1rem;
	border-left: 3px solid #dbe2ec;
	color: #334155;
}

/* Callouts inset inside padded canvas (≥56px from outer canvas edge via canvas pad) */
.sq-article-writer .sq-aw-editor--spacious .sq-aw-takeaways,
.sq-article-writer .sq-aw-editor--spacious .sq-aw-toc,
.sq-article-writer .sq-aw-editor--spacious .searqo-article-toc,
.sq-article-writer .sq-aw-editor--spacious .sq-aw-faq,
.sq-article-writer .sq-aw-editor--spacious .searqo-article-faq,
.sq-article-writer .sq-aw-editor--spacious [data-aw-faq],
.sq-article-writer .sq-aw-editor--spacious .sq-aw-proscons,
.sq-article-writer .sq-aw-editor--spacious .searqo-article-proscons,
.sq-article-writer .sq-aw-editor--spacious .sq-aw-sources,
.sq-article-writer .sq-aw-editor--spacious aside.sq-aw-callout,
.sq-article-writer .sq-aw-article-preview .sq-aw-takeaways,
.sq-article-writer .sq-aw-article-preview .sq-aw-toc,
.sq-article-writer .sq-aw-article-preview .searqo-article-toc,
.sq-article-writer .sq-aw-article-preview .sq-aw-faq,
.sq-article-writer .sq-aw-article-preview .searqo-article-faq,
.sq-article-writer .sq-aw-article-preview [data-aw-faq],
.sq-article-writer .sq-aw-article-preview .sq-aw-proscons,
.sq-article-writer .sq-aw-article-preview .searqo-article-proscons,
.sq-article-writer .sq-aw-article-preview .sq-aw-sources,
.sq-article-writer .sq-aw-article-preview aside.sq-aw-callout {
	max-width: 100%;
	width: 100%;
	margin: var(--sq-aw-callout-mg, 32px 0);
	padding: var(--sq-aw-callout-pad, 28px 30px);
	border: 1px solid #e8edf5;
	border-radius: 14px;
	background: #f8fafc;
	box-sizing: border-box;
}

.sq-article-writer .sq-aw-editor--spacious .sq-aw-takeaways,
.sq-article-writer .sq-aw-article-preview .sq-aw-takeaways {
	background: #f5f8ff;
	border-color: #e0e9fb;
}

.sq-article-writer .sq-aw-editor--spacious .sq-aw-proscons,
.sq-article-writer .sq-aw-article-preview .sq-aw-proscons,
.sq-article-writer .sq-aw-editor--spacious .searqo-article-proscons,
.sq-article-writer .sq-aw-article-preview .searqo-article-proscons {
	background: #fafbfc;
}

.sq-article-writer .sq-aw-editor--spacious .sq-aw-sources,
.sq-article-writer .sq-aw-article-preview .sq-aw-sources {
	background: #f7f9fc;
}

.sq-article-writer .sq-aw-editor--spacious table,
.sq-article-writer .sq-aw-article-preview table,
.sq-article-writer .sq-aw-editor--spacious .sq-aw-table-wrap,
.sq-article-writer .sq-aw-article-preview .sq-aw-table-wrap {
	max-width: 100%;
	width: 100%;
	margin: 28px 0;
}

/* Override earlier 2.5.23 “max-width: none” on canvas hosts */
.sq-article-writer .sq-aw-article-ready,
.sq-article-writer .sq-aw-article-preview,
.sq-article-writer .sq-aw-editor--spacious,
.sq-article-writer #searqo-generated-article,
.sq-article-writer .searqo-generated-article {
	max-width: none;
}

.sq-article-writer .sq-aw-article-body.sq-aw-reading-canvas,
.sq-article-writer .sq-aw-reading-canvas {
	max-width: var(--sq-aw-canvas-max, 920px);
}

/* Tablet ≤900 */
@media (max-width: 900px) {
	.sq-article-writer {
		--sq-aw-stage-pad: 20px;
		--sq-aw-canvas-pad: 40px 36px 48px;
		--sq-aw-callout-pad: 22px 24px;
		--sq-aw-callout-mg: 28px 0;
	}

	.sq-article-writer .sq-aw-editor--spacious h1,
	.sq-article-writer .sq-aw-article-preview h1,
	.sq-article-writer .sq-aw-reading-canvas h1 {
		font-size: clamp(34px, 5.2vw, 46px);
		margin-bottom: 20px;
	}

	.sq-article-writer .sq-aw-editor--spacious h2,
	.sq-article-writer .sq-aw-article-preview h2 {
		margin: 32px 0 14px;
	}

	.sq-article-writer .sq-aw-editor--spacious h3,
	.sq-article-writer .sq-aw-article-preview h3 {
		margin: 24px 0 10px;
	}
}

/* Mobile ≤640 */
@media (max-width: 640px) {
	.sq-article-writer {
		--sq-aw-stage-pad: 12px;
		--sq-aw-canvas-pad: 28px 20px 36px;
		--sq-aw-callout-pad: 18px 16px;
		--sq-aw-callout-mg: 24px 0;
		--sq-aw-canvas-radius: 14px;
		--sq-aw-body-size: 1.0625rem; /* 17px on small screens */
	}

	.sq-article-writer .sq-aw-article-stage {
		border-radius: 12px;
		padding: 10px;
	}

	.sq-article-writer .sq-aw-editor--spacious h1,
	.sq-article-writer .sq-aw-article-preview h1,
	.sq-article-writer .sq-aw-reading-canvas h1 {
		font-size: clamp(30px, 8vw, 38px);
		line-height: 1.1;
		margin: 0 0 18px;
	}

	.sq-article-writer .sq-aw-editor--spacious p,
	.sq-article-writer .sq-aw-article-preview p {
		margin-bottom: 16px;
	}

	.sq-article-writer .sq-aw-editor--spacious h2,
	.sq-article-writer .sq-aw-article-preview h2 {
		margin: 28px 0 12px;
		font-size: 1.35rem;
	}

	.sq-article-writer .sq-aw-editor--spacious h3,
	.sq-article-writer .sq-aw-article-preview h3 {
		margin: 22px 0 10px;
		font-size: 1.15rem;
	}
}

@media (max-width: 390px) {
	.sq-article-writer {
		--sq-aw-stage-pad: 10px;
		--sq-aw-canvas-pad: 24px 16px 32px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sq-article-writer .sq-aw-reading-canvas {
		transition: none;
	}
}