/* The standalone long-tail tool shares the visual language of /keywords/. */
body.ssa-keyword-suggestions-page {
	--ssa-ks-ink: #2f4658;
	--ssa-ks-title: #263f52;
	--ssa-ks-muted: #6d8190;
	--ssa-ks-brand: #347b9f;
	--ssa-ks-brand-dark: #285f7b;
	--ssa-ks-line: #d7e6ed;
}

body.ssa-keyword-suggestions-page #main {
	min-height: 76vh;
	background: radial-gradient(circle at 7% 6%, rgba(131, 201, 233, .2), transparent 25%), radial-gradient(circle at 95% 15%, rgba(248, 239, 225, .75), transparent 25%), #eef5f8;
}

body.ssa-keyword-suggestions-page .page-title,
body.ssa-keyword-suggestions-page .entry-header,
body.ssa-keyword-suggestions-page .entry-content > p:empty { display: none; }
body.ssa-keyword-suggestions-page .page-wrapper,
body.ssa-keyword-suggestions-page .content-area,
body.ssa-keyword-suggestions-page .entry-content { padding-top: 0; padding-bottom: 0; }

.ssa-ks, .ssa-ks * { box-sizing: border-box; }
.ssa-ks [hidden] { display: none !important; }
.ssa-ks {
	width: min(1280px, calc(100% - 36px));
	margin: 0 auto;
	padding: 52px 0 66px;
	color: var(--ssa-ks-ink);
	font-family: inherit;
}
.ssa-ks button, .ssa-ks input, .ssa-ks select { font: inherit; text-transform: none; }

.ssa-ks-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 28px; }
.ssa-ks-hero-copy { max-width: 760px; }
.ssa-ks-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 13px; color: var(--ssa-ks-brand); font-size: 11px; font-weight: 850; letter-spacing: .15em; }
.ssa-ks-eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: #73bd64; box-shadow: 0 0 0 5px rgba(115, 189, 100, .13); }
.ssa-ks-hero h1 { margin: 0; color: var(--ssa-ks-title); font-size: clamp(32px, 4.4vw, 50px); font-weight: 850; letter-spacing: -.045em; line-height: 1.12; }
.ssa-ks-hero-copy > p { max-width: 700px; margin: 15px 0 0; color: var(--ssa-ks-muted); font-size: 16px; line-height: 1.75; }
.ssa-ks-hero-side { display: grid; gap: 9px; flex: 0 0 276px; width: 276px; }
.ssa-ks-account-card { display: grid; grid-template-columns: 48px minmax(118px, 1fr) auto; gap: 11px; align-items: center; min-width: 276px; padding: 13px; border: 1px solid var(--ssa-ks-line); border-radius: 17px; background: rgba(255, 255, 255, .92); box-shadow: 0 13px 34px rgba(40, 75, 94, .09); }
.ssa-ks-avatar { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid #b7dce9; border-radius: 14px; background: linear-gradient(145deg, #c8eaf7, #83c9e9); }
.ssa-ks-avatar img { display: block; width: 40px; height: 40px; object-fit: contain; }
.ssa-ks-account-card > div { display: grid; gap: 2px; }
.ssa-ks-account-card small { color: #80929e; font-size: 11px; }
.ssa-ks-account-card strong { color: var(--ssa-ks-title); font-size: 16px; font-weight: 850; }
.ssa-ks-account-card a { min-width: 52px; padding: 7px 10px; border-radius: 9px; background: #e5f3f8; color: var(--ssa-ks-brand-dark) !important; font-size: 12px; font-weight: 800; line-height: 1.4; text-align: center; text-decoration: none; }

.ssa-ks-panel, .ssa-ks-results { overflow: hidden; border: 1px solid var(--ssa-ks-line); border-radius: 22px; background: rgba(255, 255, 255, .97); box-shadow: 0 20px 55px rgba(43, 73, 91, .09); }
.ssa-ks-panel-title, .ssa-ks-results-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 27px; border-bottom: 1px solid var(--ssa-ks-line); background: linear-gradient(100deg, rgba(226, 243, 249, .95), rgba(248, 252, 253, .72)); }
.ssa-ks-panel-title > div { display: flex; align-items: center; gap: 12px; }
.ssa-ks-step { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: linear-gradient(145deg, var(--ssa-ks-brand), #4196bb); box-shadow: 0 7px 16px rgba(52, 123, 159, .18); color: #fff; font-size: 11px; font-weight: 850; }
.ssa-ks-panel h2, .ssa-ks-results h2 { margin: 0; color: var(--ssa-ks-title); font-size: 20px; font-weight: 850; letter-spacing: -.02em; }
.ssa-ks-cost-badge { padding: 7px 12px; border: 1px solid #bcdce8; border-radius: 999px; background: #fff; color: var(--ssa-ks-brand-dark); font-size: 12px; font-weight: 800; white-space: nowrap; }
.ssa-ks form { margin: 0; padding: 27px; }
.ssa-ks-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 19px 16px; }
.ssa-ks-fields label { display: block; min-width: 0; margin: 0; color: var(--ssa-ks-title); font-size: 13px; font-weight: 800; }
.ssa-ks-fields label > span { display: block; margin-bottom: 8px; }
.ssa-ks-keyword { grid-column: 1 / -1; }
body.ssa-keyword-suggestions-page .ssa-ks input[type="text"],
body.ssa-keyword-suggestions-page .ssa-ks select {
	width: 100%; height: 49px; margin: 0; padding: 0 14px;
	border: 1px solid #cbdde5; border-radius: 12px; outline: 0;
	background: #fbfdfe; color: var(--ssa-ks-title); font-size: 14px;
	box-shadow: inset 0 1px 2px rgba(42, 72, 90, .025);
	transition: border-color .18s, box-shadow .18s, background-color .18s;
}
body.ssa-keyword-suggestions-page .ssa-ks input[type="text"]:focus,
body.ssa-keyword-suggestions-page .ssa-ks select:focus { border-color: #73b6d2; background: #fff; box-shadow: 0 0 0 4px rgba(91, 169, 201, .13); }
.ssa-ks-fields input::placeholder { color: #9aabb5; }
.ssa-ks-keyword small { display: block; margin-top: 8px; color: #8496a2; font-size: 11px; font-weight: 400; }

.ssa-ks-billing { display: flex; align-items: flex-start; gap: 13px; margin-top: 23px; padding: 16px 18px; border: 1px solid #cce3ed; border-radius: 14px; background: #f3fafc; }
.ssa-ks-billing-icon { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #2a7796; background: #dceff6; font-size: 13px; font-weight: 850; }
.ssa-ks-billing strong { display: block; margin: 0 0 4px; color: #28546c; font-size: 13px; }
.ssa-ks-billing p { margin: 0; color: #385969; font-size: 13px; line-height: 1.6; }
.ssa-ks-billing small { display: block; margin-top: 4px; color: #718c99; font-size: 11px; line-height: 1.6; }
.ssa-ks-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 20px; }
.ssa-ks-actions > span { color: #668091; font-size: 12px; line-height: 1.6; }
.ssa-ks-actions button { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 175px; min-height: 48px; margin: 0; padding: 0 17px; border: 0; border-radius: 11px; background: linear-gradient(120deg, #347b9f, #285f7b); box-shadow: 0 10px 22px rgba(38, 105, 137, .23); color: #fff; font-size: 14px; font-weight: 850; cursor: pointer; }
.ssa-ks-actions button:hover { background: linear-gradient(120deg, #286b8c, #204f69); color: #fff; }
.ssa-ks-actions button:disabled { opacity: .6; cursor: wait; }
.ssa-ks-actions button b { font-size: 18px; font-weight: 400; }
.ssa-ks-message { min-height: 18px; margin: 8px 0 0; color: #267c70; font-size: 13px; }
.ssa-ks-message.is-error { color: #bd443f; }
.ssa-ks-recharge { display: inline-block; margin-top: 8px; color: #bb4c3f; font-size: 13px; font-weight: 800; }

.ssa-ks-results { margin-top: 23px; }
.ssa-ks-results-heading > div:first-child { display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 12px; align-items: center; }
.ssa-ks-results-heading .ssa-ks-step { grid-row: 1 / 3; }
.ssa-ks-results-heading h2, .ssa-ks-results-heading p { grid-column: 2; }
.ssa-ks-results-heading p { margin: 3px 0 0; color: var(--ssa-ks-muted); font-size: 12px; }
.ssa-ks-export { display: flex; gap: 8px; flex-wrap: wrap; }
.ssa-ks-export button, .ssa-ks-pagination button { margin: 0; padding: 9px 13px; border: 1px solid #c7dce6; border-radius: 10px; background: #fff; color: #2d6d88; font-size: 12px; font-weight: 800; cursor: pointer; }
.ssa-ks-export button:hover, .ssa-ks-pagination button:hover:not(:disabled) { background: #e7f5f8; }
.ssa-ks-table-wrap { overflow-x: auto; margin: 20px 27px 0; border: 1px solid #d8e7ee; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(43, 73, 91, .045); scrollbar-color: #a8ccd9 #edf5f8; scrollbar-width: thin; }
body.ssa-keyword-suggestions-page .ssa-ks .ssa-ks-table-wrap table { width: 100%; min-width: 1200px; margin: 0; border-collapse: separate; border-spacing: 0; table-layout: fixed; background: #fff; font-variant-numeric: tabular-nums; }
body.ssa-keyword-suggestions-page .ssa-ks .ssa-ks-table-wrap th { padding: 17px 16px !important; border: 0; border-bottom: 1px solid #d8e7ee; background: #edf6f9; color: #395d70; font-size: 12px !important; font-weight: 800; line-height: 1.4; white-space: nowrap; text-align: left; vertical-align: middle; }
body.ssa-keyword-suggestions-page .ssa-ks .ssa-ks-table-wrap td { padding: 17px 16px !important; border: 0; border-bottom: 1px solid #e9f0f3; color: #344e5e; font-size: 14px !important; line-height: 1.5; white-space: nowrap; background: #fff; vertical-align: middle; }
body.ssa-keyword-suggestions-page .ssa-ks .ssa-ks-table-wrap tbody tr:nth-child(even) td { background: #f8fbfc; }
body.ssa-keyword-suggestions-page .ssa-ks .ssa-ks-table-wrap tbody tr:hover td { background: #ecf7fa; }
.ssa-ks-table-wrap tbody tr:last-child td { border-bottom: 0; }
body.ssa-keyword-suggestions-page .ssa-ks .ssa-ks-table-wrap th:nth-child(n+3):not(:nth-child(5)), body.ssa-keyword-suggestions-page .ssa-ks .ssa-ks-table-wrap td:nth-child(n+3):not(:nth-child(5)) { text-align: right; }
body.ssa-keyword-suggestions-page .ssa-ks .ssa-ks-table-wrap th:first-child, body.ssa-keyword-suggestions-page .ssa-ks .ssa-ks-table-wrap td:first-child { padding-left: 25px !important; }
body.ssa-keyword-suggestions-page .ssa-ks .ssa-ks-table-wrap th:last-child, body.ssa-keyword-suggestions-page .ssa-ks .ssa-ks-table-wrap td:last-child { padding-right: 25px !important; }
.ssa-ks-table-wrap th:nth-child(1) { width: 5%; }
.ssa-ks-table-wrap th:nth-child(2) { width: 26%; }
.ssa-ks-table-wrap th:nth-child(3) { width: 10%; }
.ssa-ks-table-wrap th:nth-child(4) { width: 8%; }
.ssa-ks-table-wrap th:nth-child(5) { width: 11%; }
.ssa-ks-table-wrap th:nth-child(n+6) { width: 10%; }
.ssa-ks-index { color: #7892a0 !important; font-weight: 700; }
.ssa-ks-phrase { color: #1f4255 !important; font-weight: 750; white-space: normal !important; overflow-wrap: anywhere; }
.ssa-ks-competition-cell { min-width: 94px; }
.ssa-ks-competition-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; padding: 5px 10px; border: 1px solid #d5e4ea; border-radius: 999px; background: #f4f8fa; color: #5f7784; font-size: 12px; font-weight: 800; line-height: 1.2; }
.ssa-ks-competition-badge.is-low { border-color: #c9e8dd; background: #e8f7f0; color: #24765a; }
.ssa-ks-competition-badge.is-medium { border-color: #f0dfbb; background: #fff6df; color: #9a691d; }
.ssa-ks-competition-badge.is-high { border-color: #f0d0ce; background: #fff0ef; color: #b14e4a; }
.ssa-ks-difficulty-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 46px; padding: 5px 10px; border: 1px solid transparent; border-radius: 999px; font-size: 12px; font-weight: 850; line-height: 1.2; font-variant-numeric: tabular-nums; }
.ssa-ks-difficulty-badge.is-low { border-color: #c9e8dd; background: #e8f7f0; color: #24765a; }
.ssa-ks-difficulty-badge.is-medium { border-color: #f0dfbb; background: #fff6df; color: #9a691d; }
.ssa-ks-difficulty-badge.is-high { border-color: #f0d0ce; background: #fff0ef; color: #b14e4a; }
.ssa-ks-missing { color: #a4b2ba !important; }
.ssa-ks-scroll-hint { display: none; margin: 10px 27px 0; color: #718996; font-size: 11px; }
.ssa-ks-pagination { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 16px 27px 22px; color: #718996; font-size: 12px; }
.ssa-ks-pagination > div { display: flex; gap: 8px; }
.ssa-ks-pagination button:disabled { opacity: .45; cursor: default; }
.ssa-ks-footnote { display: flex; gap: 10px; margin: 22px 3px 0; color: #708592; font-size: 12px; line-height: 1.7; }
.ssa-ks-footnote strong { flex: 0 0 auto; color: #3a5e70; }

@media (max-width: 750px) {
	.ssa-ks { padding-top: 35px; }
	.ssa-ks-hero { align-items: stretch; flex-direction: column; gap: 22px; }
	.ssa-ks-hero-side { width: max-content; max-width: 100%; }
	.ssa-ks-account-card { width: max-content; max-width: 100%; }
}
@media (max-width: 560px) {
	.ssa-ks { width: min(100% - 24px, 1280px); padding: 22px 0 48px; }
	.ssa-ks-hero h1 { font-size: 29px; }
	.ssa-ks-hero-copy > p { font-size: 14px; }
	.ssa-ks-panel, .ssa-ks-results { border-radius: 17px; }
	.ssa-ks-panel-title, .ssa-ks-results-heading { align-items: flex-start; gap: 10px; padding: 17px; }
	.ssa-ks-panel-title { flex-direction: column; }
	.ssa-ks form { padding: 18px; }
	.ssa-ks-fields { grid-template-columns: 1fr; }
	.ssa-ks-keyword { grid-column: auto; }
	.ssa-ks-actions, .ssa-ks-results-heading { align-items: stretch; flex-direction: column; }
	.ssa-ks-actions button { width: 100%; }
	.ssa-ks-billing { padding: 13px; }
	.ssa-ks-export button { flex: 1; }
	.ssa-ks-table-wrap { margin: 16px 17px 0; }
	.ssa-ks-scroll-hint { display: block; margin-right: 17px; margin-left: 17px; }
	.ssa-ks-pagination { padding: 14px 17px 19px; }
	.ssa-ks-footnote { flex-direction: column; }
}