/* 谷哥大叔英文可读性检测：Flatsome 兼容品牌样式 */
body.ssa-readability-page {
	background: #edf5f8;
}

body.ssa-readability-page #main {
	min-height: calc(100vh - 210px);
	background:
		radial-gradient(circle at 12% 8%, rgba(118, 194, 226, .14), transparent 28rem),
		linear-gradient(180deg, #f6fbfd 0, #edf5f8 680px);
}

body.ssa-readability-page .page-title,
body.ssa-readability-page .entry-header {
	display: none;
}

body.ssa-readability-page .page-wrapper,
body.ssa-readability-page .content-area,
body.ssa-readability-page .entry-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.ssa-rdb,
.ssa-rdb * {
	box-sizing: border-box;
}

.ssa-rdb {
	--rdb-ink: #17384d;
	--rdb-text: #365669;
	--rdb-muted: #738997;
	--rdb-line: #d4e4eb;
	--rdb-brand: #3489af;
	--rdb-brand-dark: #286985;
	--rdb-soft: #eaf6fb;
	--rdb-green: #2a9b70;
	--rdb-amber: #dc9c3d;
	--rdb-red: #d76661;
	width: min(1180px, calc(100% - 40px));
	margin: 0 auto;
	padding: 48px 0 72px;
	color: var(--rdb-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.ssa-rdb h1,
.ssa-rdb h2,
.ssa-rdb h3,
.ssa-rdb h4,
.ssa-rdb p {
	margin-top: 0;
}

.ssa-rdb-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 38px;
	align-items: center;
	padding: 38px 42px;
	border: 1px solid rgba(75, 139, 168, .28);
	border-radius: 26px;
	background: linear-gradient(125deg, #275e78 0%, #347f9f 53%, #4a99b8 100%);
	box-shadow: 0 22px 52px rgba(31, 85, 111, .17);
	overflow: hidden;
	position: relative;
}

.ssa-rdb-hero::after {
	content: "";
	position: absolute;
	right: 19%;
	top: -125px;
	width: 310px;
	height: 310px;
	border: 60px solid rgba(255, 255, 255, .055);
	border-radius: 50%;
	pointer-events: none;
}

.ssa-rdb-hero-copy,
.ssa-rdb-free-card {
	position: relative;
	z-index: 1;
}

.ssa-rdb-kicker {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 15px;
	color: #bce6f7;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
}

.ssa-rdb-kicker i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #9ddcf4;
	box-shadow: 0 0 0 5px rgba(157, 220, 244, .14);
}

.ssa-rdb-hero h1 {
	margin-bottom: 14px;
	color: #fff;
	font-size: clamp(32px, 4vw, 48px);
	line-height: 1.15;
	letter-spacing: -.035em;
}

.ssa-rdb-hero-copy > p {
	max-width: 690px;
	margin-bottom: 21px;
	color: rgba(239, 250, 255, .9);
	font-size: 17px;
	line-height: 1.85;
}

.ssa-rdb-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 22px;
	color: #e3f7ff;
	font-size: 13px;
	font-weight: 600;
}

.ssa-rdb-free-card {
	display: grid;
	grid-template-columns: 52px 1fr auto;
	gap: 13px;
	align-items: center;
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 18px;
	background: rgba(12, 51, 70, .26);
	box-shadow: inset 0 1px rgba(255, 255, 255, .08);
	backdrop-filter: blur(7px);
}

.ssa-rdb-avatar {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 15px;
	background: #bee8fa;
	overflow: hidden;
}

.ssa-rdb-avatar img {
	width: 46px;
	height: 46px;
	object-fit: contain;
}

.ssa-rdb-free-card div {
	min-width: 0;
}

.ssa-rdb-free-card small,
.ssa-rdb-free-card strong,
.ssa-rdb-free-card span {
	display: block;
}

.ssa-rdb-free-card small {
	color: #cceaf5;
	font-size: 12px;
}

.ssa-rdb-free-card strong {
	margin: 2px 0;
	color: #fff;
	font-size: 20px;
}

.ssa-rdb-free-card div span {
	color: rgba(236, 249, 255, .75);
	font-size: 12px;
}

.ssa-rdb-free-card > b {
	align-self: start;
	padding: 5px 8px;
	border-radius: 7px;
	background: #dff4a7;
	color: #3e681f;
	font-size: 10px;
	letter-spacing: .08em;
}

.ssa-rdb-workspace {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(280px, .76fr);
	gap: 24px;
	margin-top: 26px;
}

.ssa-rdb-editor,
.ssa-rdb-tips,
.ssa-rdb-results {
	border: 1px solid var(--rdb-line);
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 14px 38px rgba(40, 88, 110, .09);
}

.ssa-rdb-editor {
	overflow: hidden;
}

.ssa-rdb-card-heading,
.ssa-rdb-results-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 23px 28px;
	border-bottom: 1px solid var(--rdb-line);
	background: linear-gradient(90deg, #f0f9fc, #f8fcfd);
}

.ssa-rdb-card-heading > div,
.ssa-rdb-results-head > div {
	display: flex;
	align-items: center;
	gap: 13px;
}

.ssa-rdb-step {
	display: grid;
	flex: 0 0 40px;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: var(--rdb-brand);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}

.ssa-rdb-card-heading h2,
.ssa-rdb-results-head h2 {
	margin: 0 0 2px;
	color: var(--rdb-ink);
	font-size: 19px;
	line-height: 1.35;
}

.ssa-rdb-card-heading p,
.ssa-rdb-results-head p {
	margin: 0;
	color: var(--rdb-muted);
	font-size: 12px;
}

.ssa-rdb-cost,
.ssa-rdb-result-badge {
	flex: 0 0 auto;
	padding: 7px 11px;
	border-radius: 999px;
	background: #e6f7ef;
	color: #267956;
	font-size: 12px;
	font-weight: 700;
}

.ssa-rdb-editor form {
	padding: 25px 28px 28px;
}

.ssa-rdb-field-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 9px;
}

.ssa-rdb-field-head label {
	margin: 0;
	color: var(--rdb-ink);
	font-size: 14px;
	font-weight: 700;
}

.ssa-rdb-field-head button,
.ssa-rdb-clear {
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: var(--rdb-brand) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	text-transform: none !important;
}

.ssa-rdb-textarea-wrap {
	border: 1px solid #c9dde6;
	border-radius: 15px;
	background: #fbfdfe;
	overflow: hidden;
	transition: border-color .2s, box-shadow .2s;
}

.ssa-rdb-textarea-wrap:focus-within {
	border-color: #69aed0;
	box-shadow: 0 0 0 4px rgba(58, 143, 182, .11);
}

.ssa-rdb textarea {
	display: block;
	width: 100% !important;
	min-height: 292px;
	margin: 0 !important;
	padding: 18px 20px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #243f50 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 16px !important;
	line-height: 1.78 !important;
	resize: vertical;
}

.ssa-rdb textarea::placeholder {
	color: #9babb4;
}

.ssa-rdb-text-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 11px 15px;
	border-top: 1px solid #e1edf2;
	background: #f4f9fb;
	color: var(--rdb-muted);
	font-size: 11px;
}

.ssa-rdb-text-meta strong {
	color: #4b7185;
	font-weight: 600;
	white-space: nowrap;
}

.ssa-rdb-text-meta b {
	font-weight: 700;
}

.ssa-rdb-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 22px;
	margin-top: 18px;
}

.ssa-rdb-submit {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 22px;
	min-width: 214px;
	min-height: 50px;
	margin: 0 !important;
	padding: 12px 17px 12px 23px !important;
	border: 0 !important;
	border-radius: 13px !important;
	background: linear-gradient(135deg, var(--rdb-brand), #48a1c7) !important;
	box-shadow: 0 10px 24px rgba(52, 137, 175, .25) !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-transform: none !important;
}

.ssa-rdb-submit b {
	display: grid;
	place-items: center;
	width: 27px;
	height: 27px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .17);
}

.ssa-rdb-submit:hover {
	transform: translateY(-1px);
}

.ssa-rdb-submit:disabled {
	cursor: wait;
	opacity: .72;
	transform: none;
}

.ssa-rdb-submit.is-loading b {
	font-size: 0;
}

.ssa-rdb-submit.is-loading b::after {
	content: "";
	width: 13px;
	height: 13px;
	border: 2px solid rgba(255, 255, 255, .45);
	border-top-color: #fff;
	border-radius: 50%;
	animation: ssa-rdb-spin .7s linear infinite;
}

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

.ssa-rdb-message {
	margin: 16px 0 0;
	padding: 11px 14px;
	border-radius: 10px;
	background: #edf6fa;
	color: #426b80;
	font-size: 13px;
}

.ssa-rdb-message.is-error {
	background: #fff0ef;
	color: #a73e3b;
}

.ssa-rdb-message.is-success {
	background: #eaf8f2;
	color: #207655;
}

.ssa-rdb-tips {
	padding: 27px 25px;
	background: linear-gradient(165deg, #173f55, #245e78);
	color: #eaf7fc;
}

.ssa-rdb-tip-label {
	display: inline-block;
	margin-bottom: 12px;
	padding: 5px 9px;
	border-radius: 7px;
	background: rgba(157, 220, 244, .13);
	color: #aee2f5;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
}

.ssa-rdb-tips h2 {
	margin-bottom: 22px;
	color: #fff;
	font-size: 23px;
	line-height: 1.35;
}

.ssa-rdb-tips ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ssa-rdb-tips li {
	display: grid;
	grid-template-columns: 36px 1fr;
	gap: 12px;
	padding: 16px 0;
	border-top: 1px solid rgba(255, 255, 255, .1);
}

.ssa-rdb-tips li i {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: rgba(255, 255, 255, .1);
	color: #b8e7f8;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
}

.ssa-rdb-tips li b,
.ssa-rdb-tips li small {
	display: block;
}

.ssa-rdb-tips li b {
	margin-bottom: 4px;
	color: #fff;
	font-size: 14px;
}

.ssa-rdb-tips li small {
	color: rgba(230, 246, 252, .7);
	font-size: 12px;
	line-height: 1.65;
}

.ssa-rdb-tips > p {
	margin: 19px 0 0;
	padding: 13px 14px;
	border-radius: 10px;
	background: rgba(5, 31, 44, .22);
	color: rgba(234, 247, 252, .78);
	font-size: 11px;
	line-height: 1.65;
}

.ssa-rdb-results {
	margin-top: 26px;
	overflow: hidden;
}

.ssa-rdb-result-badge {
	background: #e5f7ef;
}

.ssa-rdb-results.is-medium .ssa-rdb-result-badge,
.ssa-rdb-results.is-hard .ssa-rdb-result-badge {
	background: #fff3dc;
	color: #9a661d;
}

.ssa-rdb-results.is-very-hard .ssa-rdb-result-badge {
	background: #ffebe9;
	color: #a6423e;
}

.ssa-rdb-overview {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 20px;
	padding: 28px;
}

.ssa-rdb-score-card,
.ssa-rdb-key-stats {
	border: 1px solid var(--rdb-line);
	border-radius: 18px;
	background: #f9fcfd;
}

.ssa-rdb-score-card {
	display: grid;
	grid-template-columns: 154px 1fr;
	gap: 25px;
	align-items: center;
	padding: 25px;
}

.ssa-rdb-ring {
	--ssa-rdb-score: 0deg;
	display: grid;
	place-items: center;
	width: 146px;
	height: 146px;
	border-radius: 50%;
	background: conic-gradient(var(--rdb-green) var(--ssa-rdb-score), #dce9ee 0);
	position: relative;
}

.ssa-rdb-results.is-medium .ssa-rdb-ring,
.ssa-rdb-results.is-hard .ssa-rdb-ring {
	background: conic-gradient(var(--rdb-amber) var(--ssa-rdb-score), #dce9ee 0);
}

.ssa-rdb-results.is-very-hard .ssa-rdb-ring {
	background: conic-gradient(var(--rdb-red) var(--ssa-rdb-score), #dce9ee 0);
}

.ssa-rdb-ring::after {
	content: "";
	position: absolute;
	inset: 12px;
	border-radius: 50%;
	background: #fff;
}

.ssa-rdb-ring span {
	position: relative;
	z-index: 1;
	text-align: center;
}

.ssa-rdb-ring strong,
.ssa-rdb-ring small {
	display: block;
}

.ssa-rdb-ring strong {
	color: var(--rdb-ink);
	font-size: 36px;
	line-height: 1.05;
}

.ssa-rdb-ring small {
	margin-top: 5px;
	color: var(--rdb-muted);
	font-size: 11px;
}

.ssa-rdb-verdict > small {
	color: var(--rdb-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
}

.ssa-rdb-verdict h3 {
	margin: 7px 0 8px;
	color: var(--rdb-ink);
	font-size: 25px;
}

.ssa-rdb-verdict p {
	margin: 0;
	color: #638091;
	font-size: 13px;
	line-height: 1.75;
}

.ssa-rdb-key-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 12px;
}

.ssa-rdb-key-stats > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: 18px;
	border-left: 1px solid var(--rdb-line);
}

.ssa-rdb-key-stats > div:first-child {
	border-left: 0;
}

.ssa-rdb-key-stats small,
.ssa-rdb-key-stats strong,
.ssa-rdb-key-stats span {
	display: block;
}

.ssa-rdb-key-stats small {
	color: var(--rdb-muted);
	font-size: 11px;
}

.ssa-rdb-key-stats strong {
	margin: 8px 0 6px;
	color: var(--rdb-ink);
	font-size: 18px;
	line-height: 1.3;
	word-break: break-word;
}

.ssa-rdb-key-stats span {
	color: #91a2ac;
	font-size: 10px;
	line-height: 1.45;
}

.ssa-rdb-counts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	padding: 0 28px 28px;
}

.ssa-rdb-counts > div {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 16px 18px;
	border: 1px solid var(--rdb-line);
	border-radius: 14px;
}

.ssa-rdb-counts > div > span {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: var(--rdb-soft);
	color: var(--rdb-brand-dark);
	font-size: 10px;
	font-weight: 800;
}

.ssa-rdb-counts p,
.ssa-rdb-counts small,
.ssa-rdb-counts strong {
	display: block;
	margin: 0;
}

.ssa-rdb-counts small {
	color: var(--rdb-muted);
	font-size: 11px;
}

.ssa-rdb-counts strong {
	margin-top: 2px;
	color: var(--rdb-ink);
	font-size: 20px;
}

.ssa-rdb-diagnostics {
	padding: 28px;
	border-top: 1px solid var(--rdb-line);
	background: #fff;
}

.ssa-rdb-diagnostic-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 13px;
	margin-bottom: 14px;
}

.ssa-rdb-diagnostic-stats > div {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border: 1px solid #ead1d4;
	border-radius: 13px;
	background: #fff5f6;
}

.ssa-rdb-diagnostic-stats > div > span {
	display: grid;
	flex: 0 0 34px;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 9px;
	background: #d8424c;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
}

.ssa-rdb-diagnostic-stats p,
.ssa-rdb-diagnostic-stats small,
.ssa-rdb-diagnostic-stats strong {
	display: block;
	margin: 0;
}

.ssa-rdb-diagnostic-stats small {
	color: var(--rdb-muted);
	font-size: 10px;
}

.ssa-rdb-diagnostic-stats strong {
	margin-top: 2px;
	color: #bd303b;
	font-size: 19px;
}

.ssa-rdb-diagnostic-stats > div:nth-child(2) {
	border-color: #efd7b5;
	background: #fff8ed;
}

.ssa-rdb-diagnostic-stats > div:nth-child(2) > span { background: #d9821f; }
.ssa-rdb-diagnostic-stats > div:nth-child(2) strong { color: #b76513; }

.ssa-rdb-diagnostic-stats > div:nth-child(3) {
	border-color: #ddd1ef;
	background: #faf7ff;
}

.ssa-rdb-diagnostic-stats > div:nth-child(3) > span { background: #7557ad; }
.ssa-rdb-diagnostic-stats > div:nth-child(3) strong { color: #67459f; }

.ssa-rdb-diagnostic-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin-bottom: 17px;
	padding: 11px 13px;
	border-radius: 10px;
	background: #f4f8fa;
	color: #647d8b;
	font-size: 10px;
}

.ssa-rdb-diagnostic-legend span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.ssa-rdb-diagnostic-legend i {
	display: inline-block;
	width: 13px;
	height: 8px;
	border-radius: 3px;
}

.ssa-rdb-diagnostic-legend i.is-high { background: #dc4650; }
.ssa-rdb-diagnostic-legend i.is-warning { background: #e59a2f; }
.ssa-rdb-diagnostic-legend i.is-word { height: 11px; border-bottom: 2px dotted #68429f; border-radius: 0; background: #e7dafa; }

.ssa-rdb-problem-list {
	display: grid;
	gap: 13px;
}

.ssa-rdb-problem-card {
	border: 1px solid #ecd7b8;
	border-left: 5px solid #d9821f;
	border-radius: 14px;
	background: #fffefa;
	overflow: hidden;
}

.ssa-rdb-problem-card.is-high {
	border-color: #eac2c6;
	border-left-color: #d8424c;
	background: #fffafb;
}

.ssa-rdb-problem-card.is-word-only {
	border-color: #d9cbed;
	border-left-color: #7557ad;
	background: #fdfbff;
}

.ssa-rdb-problem-card > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 13px 15px;
	border-bottom: 1px solid rgba(202, 165, 117, .2);
	background: rgba(255, 247, 232, .72);
}

.ssa-rdb-problem-card.is-high > header { background: #fff0f1; }
.ssa-rdb-problem-card.is-word-only > header { border-bottom-color: #e3d9f2; background: #f6f0ff; }

.ssa-rdb-problem-card > header > div:first-child {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.ssa-rdb-problem-card > header i {
	display: grid;
	flex: 0 0 34px;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 9px;
	background: #d9821f;
	color: #fff;
	font-size: 9px;
	font-style: normal;
	font-weight: 800;
}

.ssa-rdb-problem-card.is-high > header i { background: #d8424c; color: #fff; }
.ssa-rdb-problem-card.is-word-only > header i { background: #7557ad; color: #fff; }

.ssa-rdb-problem-card > header p,
.ssa-rdb-problem-card > header strong,
.ssa-rdb-problem-card > header small {
	display: block;
	margin: 0;
}

.ssa-rdb-problem-card > header strong { color: var(--rdb-ink); font-size: 13px; }
.ssa-rdb-problem-card > header small { margin-top: 2px; color: var(--rdb-muted); font-size: 10px; }

.ssa-rdb-problem-badges {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px;
}

.ssa-rdb-problem-badges span {
	padding: 5px 8px;
	border-radius: 7px;
	border: 1px solid #ead8bd;
	background: #fff7e9;
	color: #a66017;
	font-size: 9px;
	font-weight: 700;
}

.ssa-rdb-problem-badges span.is-paragraph { border-color: #e8bdc1; background: #fff0f1; color: #b62e39; }
.ssa-rdb-problem-badges span.is-sentence { border-color: #ecd2a9; background: #fff4df; color: #b76513; }
.ssa-rdb-problem-badges span.is-word { border-color: #d9cbed; background: #f2eaff; color: #67459f; }

.ssa-rdb-marked-content {
	padding: 18px;
	color: #334f5f;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 15px;
	line-height: 2;
	word-break: break-word;
}

.ssa-rdb-marked-sentence {
	padding: 3px 2px;
	border-radius: 4px;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.ssa-rdb-marked-sentence.is-warning {
	border-bottom: 2px solid #dc8a20;
	background: #ffedbd;
	color: #75450d;
}

.ssa-rdb-marked-sentence.is-high {
	border-bottom: 2px solid #cf303c;
	background: #ffd4d7;
	color: #76242b;
	font-weight: 600;
}

.ssa-rdb-complex-word {
	padding: 1px 2px;
	border-bottom: 2px dotted #68429f;
	border-radius: 3px;
	background: #ebdfff;
	color: #59368d;
	font-weight: 700;
}

.ssa-rdb-problem-card > footer {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	padding: 0 18px 16px;
}

.ssa-rdb-problem-card > footer span {
	padding: 5px 8px;
	border-radius: 7px;
	background: #f3f7f9;
	color: #647c89;
	font-size: 9px;
}

.ssa-rdb-no-problems {
	padding: 24px;
	border: 1px dashed #b9dbc9;
	border-radius: 13px;
	background: #f1faf6;
	text-align: center;
}

.ssa-rdb-no-problems strong { display: block; margin-bottom: 5px; color: #287453; font-size: 14px; }
.ssa-rdb-no-problems p { margin: 0; color: #628171; font-size: 11px; line-height: 1.65; }
.ssa-rdb-diagnostic-note { margin: 14px 0 0; color: #80929c; font-size: 10px; line-height: 1.65; }

.ssa-rdb-recommendations,
.ssa-rdb-formulas {
	padding: 28px;
	border-top: 1px solid var(--rdb-line);
}

.ssa-rdb-recommendations {
	background: #f8fcfd;
}

.ssa-rdb-section-title {
	margin-bottom: 18px;
}

.ssa-rdb-section-title > span {
	color: var(--rdb-brand);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .13em;
}

.ssa-rdb-section-title h3 {
	margin: 5px 0 0;
	color: var(--rdb-ink);
	font-size: 21px;
}

.ssa-rdb-section-title p {
	margin: 6px 0 0;
	color: var(--rdb-muted);
	font-size: 12px;
}

.ssa-rdb-recommendations [data-ssa-rdb-recommendations] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}

.ssa-rdb-recommendations article {
	display: grid;
	grid-template-columns: 34px 1fr;
	gap: 12px;
	padding: 17px;
	border: 1px solid #d6e6ed;
	border-radius: 14px;
	background: #fff;
}

.ssa-rdb-recommendations article > i {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 9px;
	background: var(--rdb-soft);
	color: var(--rdb-brand-dark);
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
}

.ssa-rdb-recommendations h4 {
	margin: 0 0 6px;
	color: var(--rdb-ink);
	font-size: 14px;
}

.ssa-rdb-recommendations p {
	margin: 0;
	color: #6a8290;
	font-size: 12px;
	line-height: 1.65;
}

.ssa-rdb-formula-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 13px;
}

.ssa-rdb-formula-grid article {
	min-width: 0;
	padding: 16px;
	border: 1px solid var(--rdb-line);
	border-radius: 14px;
	background: #fff;
}

.ssa-rdb-formula-grid article > div {
	display: flex;
	align-items: flex-start;
	gap: 9px;
}

.ssa-rdb-formula-grid article > div > span {
	display: grid;
	flex: 0 0 27px;
	place-items: center;
	width: 27px;
	height: 27px;
	border-radius: 8px;
	background: #edf6fa;
	color: var(--rdb-brand-dark);
	font-size: 9px;
	font-weight: 800;
}

.ssa-rdb-formula-grid article > div p,
.ssa-rdb-formula-grid strong,
.ssa-rdb-formula-grid small {
	display: block;
	margin: 0;
}

.ssa-rdb-formula-grid article > div strong {
	color: var(--rdb-ink);
	font-size: 12px;
	line-height: 1.35;
}

.ssa-rdb-formula-grid article > div small {
	margin-top: 2px;
	color: #92a3ad;
	font-size: 9px;
	line-height: 1.35;
}

.ssa-rdb-formula-grid article > b {
	display: block;
	margin: 15px 0 8px;
	color: var(--rdb-brand-dark);
	font-size: 24px;
}

.ssa-rdb-formula-grid article > p {
	margin: 0;
	color: var(--rdb-muted);
	font-size: 10px;
	line-height: 1.55;
}

.ssa-rdb-explain {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	padding: 0 28px 28px;
}

.ssa-rdb-explain > div {
	padding: 17px 19px;
	border-radius: 13px;
	background: #f0f7fa;
}

.ssa-rdb-explain strong {
	display: block;
	margin-bottom: 5px;
	color: var(--rdb-ink);
	font-size: 12px;
}

.ssa-rdb-explain p {
	margin: 0;
	color: #6d8492;
	font-size: 11px;
	line-height: 1.65;
}

.ssa-rdb-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 25px 28px;
	background: linear-gradient(120deg, #183f54, #2d728e);
}

.ssa-rdb-cta small {
	color: #a9dbee;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
}

.ssa-rdb-cta h3 {
	margin: 4px 0;
	color: #fff;
	font-size: 19px;
}

.ssa-rdb-cta p {
	margin: 0;
	color: rgba(232, 247, 252, .72);
	font-size: 12px;
}

.ssa-rdb-cta a {
	display: inline-flex;
	align-items: center;
	gap: 17px;
	flex: 0 0 auto;
	padding: 12px 15px 12px 19px;
	border-radius: 11px;
	background: #fff;
	color: var(--rdb-brand-dark);
	font-size: 13px;
	font-weight: 700;
}

.ssa-rdb-cta a span {
	display: grid;
	place-items: center;
	width: 25px;
	height: 25px;
	border-radius: 7px;
	background: var(--rdb-soft);
}

@media (max-width: 980px) {
	.ssa-rdb-hero { grid-template-columns: 1fr; }
	.ssa-rdb-free-card { max-width: 430px; }
	.ssa-rdb-workspace { grid-template-columns: 1fr; }
	.ssa-rdb-tips ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
	.ssa-rdb-tips li { display: block; padding: 14px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 12px; }
	.ssa-rdb-tips li i { margin-bottom: 10px; }
	.ssa-rdb-overview { grid-template-columns: 1fr; }
	.ssa-rdb-formula-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
	body.ssa-readability-page #main { overflow-x: hidden; }
	.ssa-rdb { width: min(100% - 24px, 1180px); padding: 20px 0 42px; }
	.ssa-rdb-hero { gap: 27px; padding: 28px 23px; border-radius: 20px; }
	.ssa-rdb-hero h1 { font-size: 31px; }
	.ssa-rdb-hero-copy > p { font-size: 15px; line-height: 1.75; }
	.ssa-rdb-trust { gap: 8px 14px; }
	.ssa-rdb-workspace { margin-top: 16px; gap: 16px; }
	.ssa-rdb-editor, .ssa-rdb-tips, .ssa-rdb-results { border-radius: 17px; }
	.ssa-rdb-card-heading, .ssa-rdb-results-head { align-items: flex-start; padding: 18px; }
	.ssa-rdb-editor form { padding: 19px 18px 21px; }
	.ssa-rdb textarea { min-height: 250px; padding: 15px !important; font-size: 15px !important; }
	.ssa-rdb-text-meta { align-items: flex-start; flex-direction: column; gap: 5px; }
	.ssa-rdb-actions { justify-content: space-between; }
	.ssa-rdb-submit { min-width: 188px; }
	.ssa-rdb-tips { padding: 23px 20px; }
	.ssa-rdb-tips ul { grid-template-columns: 1fr; }
	.ssa-rdb-tips li { display: grid; }
	.ssa-rdb-overview { padding: 20px 18px; }
	.ssa-rdb-score-card { grid-template-columns: 116px 1fr; gap: 18px; padding: 19px; }
	.ssa-rdb-ring { width: 112px; height: 112px; }
	.ssa-rdb-ring::after { inset: 9px; }
	.ssa-rdb-ring strong { font-size: 29px; }
	.ssa-rdb-verdict h3 { font-size: 20px; }
	.ssa-rdb-key-stats { grid-template-columns: 1fr; }
	.ssa-rdb-key-stats > div { padding: 13px 15px; border-top: 1px solid var(--rdb-line); border-left: 0; }
	.ssa-rdb-key-stats > div:first-child { border-top: 0; }
	.ssa-rdb-counts { gap: 8px; padding: 0 18px 20px; }
	.ssa-rdb-counts > div { align-items: flex-start; flex-direction: column; padding: 13px; }
	.ssa-rdb-diagnostics, .ssa-rdb-recommendations, .ssa-rdb-formulas { padding: 22px 18px; }
	.ssa-rdb-diagnostic-stats { grid-template-columns: 1fr; }
	.ssa-rdb-problem-card > header { align-items: flex-start; flex-direction: column; }
	.ssa-rdb-problem-badges { justify-content: flex-start; }
	.ssa-rdb-marked-content { padding: 16px; font-size: 14px; line-height: 1.95; }
	.ssa-rdb-recommendations [data-ssa-rdb-recommendations] { grid-template-columns: 1fr; }
	.ssa-rdb-explain { grid-template-columns: 1fr; padding: 0 18px 22px; }
	.ssa-rdb-cta { align-items: stretch; flex-direction: column; padding: 22px 20px; }
	.ssa-rdb-cta a { justify-content: space-between; }
}

@media (max-width: 460px) {
	.ssa-rdb-free-card { grid-template-columns: 48px 1fr; padding: 16px; }
	.ssa-rdb-free-card > b { display: none; }
	.ssa-rdb-card-heading p, .ssa-rdb-results-head p { display: none; }
	.ssa-rdb-cost, .ssa-rdb-result-badge { font-size: 10px; }
	.ssa-rdb-field-head { align-items: flex-start; }
	.ssa-rdb-actions { gap: 14px; }
	.ssa-rdb-submit { min-width: 0; flex: 1; gap: 12px; }
	.ssa-rdb-score-card { grid-template-columns: 1fr; justify-items: center; text-align: center; }
	.ssa-rdb-counts { grid-template-columns: 1fr; }
	.ssa-rdb-counts > div { align-items: center; flex-direction: row; }
	.ssa-rdb-formula-grid { grid-template-columns: 1fr; }
}