.tools-main:has(.tool-page-seo-checker) { min-height: 0; }
.tools-container:has(.tool-page-seo-checker) {
  width: min(1280px, calc(100% - 32px));
  max-width: 1280px;
  padding-left: 28px;
  padding-right: 28px;
}
.tool-page.tool-page-seo-checker {
  --sc-blue: #2459e0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  color: var(--tf-text, #182b49);
}
.sc-page, .sc-page * { box-sizing: border-box; }
.sc-page {
  --sc-text: var(--tf-text, #182b49);
  --sc-muted: var(--tf-muted, #5c6b82);
  --sc-line: var(--tf-line, rgba(24, 43, 73, 0.12));
  --sc-card: var(--tf-card, #fff);
  --sc-soft: var(--tf-soft, #eef2f8);
  --sc-blue: #2459e0;
  --sc-ok: #067647;
  --sc-warn: #b54708;
  --sc-bad: #b42318;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  min-width: 0;
  max-width: 100%;
  color: var(--sc-text);
}
.sc-page > * { min-width: 0; max-width: 100%; }
.sc-page h2 { margin: 0; font-size: 22px; line-height: 1.25; color: var(--sc-text); }
.sc-page h3 { margin: 0; color: var(--sc-text); }
.sc-page p { margin: 0; }
.tool-page-seo-checker .tool-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "mark title back" "mark text back";
  column-gap: 14px;
  align-items: center;
  margin-bottom: 22px;
}
.tool-page-seo-checker .sc-mark {
  grid-area: mark; width: 52px; height: 52px; display: grid; place-items: center;
  border-radius: 14px; background: #2459e0; color: #fff; flex: 0 0 52px;
}
.tool-page-seo-checker .sc-mark svg { display: block; width: 22px; height: 22px; stroke: currentColor; }
.tool-page-seo-checker .tool-header h1 { grid-area: title; margin: 0; font-size: 34px; line-height: 1.1; }
.tool-page-seo-checker .tool-description { grid-area: text; margin: 6px 0 0; max-width: 640px; }
.tool-page-seo-checker .tf-back { grid-area: back; align-self: start; white-space: nowrap; }
.sc-card {
  background: var(--sc-card);
  border: 1px solid var(--sc-line);
  border-radius: 16px;
  padding: 22px 24px;
  min-width: 0;
}
.sc-card > h2 { margin-bottom: 16px; }
.sc-form label { display: block; font-weight: 700; margin-bottom: 10px; }
.sc-row { display: flex; gap: 12px; align-items: stretch; }
.sc-row input {
  flex: 1; min-width: 0; height: 48px; border: 1px solid var(--sc-line); border-radius: 12px;
  padding: 0 14px; font: inherit; font-size: 16px; color: inherit; background: var(--sc-card);
}
[data-theme="dark"] .sc-row input { background: #070d18; color: #e8eef8; }
.sc-page .sc-submit,
.sc-page .sc-ghost,
.sc-page .sc-filter,
.sc-page .sc-tab,
.sc-page .sc-text {
  font: inherit; cursor: pointer;
}
.sc-page .sc-submit {
  height: 48px; padding: 0 18px; border: 0; border-radius: 12px;
  background: var(--sc-blue); color: #fff; font-size: 15px; font-weight: 700; white-space: nowrap;
}
.sc-page .sc-submit:disabled,
.sc-page .sc-ghost:disabled { opacity: 0.55; cursor: not-allowed; }
.sc-hint, .sc-error, .sc-status { margin: 8px 0 0; font-size: 14px; }
.sc-error:empty, .sc-status:empty { margin: 0; }
.sc-error { color: var(--sc-bad); }
.sc-status { color: var(--sc-muted); }
.sc-form-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 12px; }
.sc-advanced summary { cursor: pointer; color: var(--sc-muted); font-weight: 650; }
.sc-advanced p { margin: 8px 0 0; color: var(--sc-muted); font-size: 14px; line-height: 1.5; }
.sc-quiet { margin: 0; color: var(--sc-muted); font-size: 13px; white-space: nowrap; }
#sc-intro, .sc-block, .sc-report, .sc-panel { display: grid; gap: 18px; min-width: 0; }
.sc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sc-topic { display: flex; gap: 14px; align-items: flex-start; }
.sc-topic h3 { margin: 0 0 6px; font-size: 16px; }
.sc-topic p, .sc-steps p, .sc-skipped p, .sc-guide p, .sc-raw p { color: var(--sc-muted); font-size: 14px; line-height: 1.55; }
.sc-ico {
  width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: 0 0 auto;
  background: #eef3ff; color: var(--sc-blue); font-weight: 750;
}
.sc-page .sc-note {
  display: block;
  background: #eef4ff;
  border-color: #d9e4ff;
  color: #334155;
  padding: 14px 18px;
  line-height: 1.55;
}
.sc-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.sc-steps article { display: flex; gap: 12px; align-items: flex-start; }
.sc-steps span {
  width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto;
  background: #eef3ff; color: var(--sc-blue); font-weight: 750;
}
.sc-page .sc-faq details { border-top: 1px solid var(--sc-line); }
.sc-page .sc-faq details:first-of-type { border-top: 0; }
.sc-page .sc-faq summary,
.sc-page .sc-guide summary,
.sc-page .sc-raw summary,
.sc-page .sc-advanced summary {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding: 14px 2px; cursor: pointer; font-weight: 650; list-style: none;
}
.sc-page .sc-faq summary::-webkit-details-marker,
.sc-page .sc-guide summary::-webkit-details-marker,
.sc-page .sc-raw summary::-webkit-details-marker,
.sc-page .sc-check summary::-webkit-details-marker,
.sc-page .sc-advanced summary::-webkit-details-marker { display: none; }
.sc-page .sc-faq summary::after,
.sc-page .sc-guide summary::after,
.sc-page .sc-raw summary::after,
.sc-page .sc-advanced summary::after {
  content: ""; width: 8px; height: 8px; flex: 0 0 auto;
  border-right: 2px solid #98a2b3; border-bottom: 2px solid #98a2b3; transform: rotate(45deg);
}
.sc-page .sc-faq details[open] summary::after,
.sc-page .sc-guide[open] summary::after,
.sc-page .sc-raw[open] summary::after,
.sc-page .sc-advanced[open] summary::after { transform: rotate(-135deg); margin-top: 4px; }
.sc-page .sc-faq details p { margin: 0; padding: 0 28px 16px 2px; color: var(--sc-muted); line-height: 1.55; }
.sc-page details:not([open]) > :not(summary) { display: none !important; }
.sc-rel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sc-rel a {
  display: flex; gap: 12px; align-items: center; text-decoration: none; color: inherit;
  border: 1px solid var(--sc-line); border-radius: 16px; background: var(--sc-card); padding: 16px;
  min-width: 0;
}
.sc-rel a strong { display: block; }
.sc-rel a span span { display: block; color: var(--sc-muted); font-size: 13px; line-height: 1.4; margin-top: 2px; }
.sc-rel-icon {
  width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: 0 0 auto;
}
.sc-rel-icon.audit { background: #eef3ff; color: #2459e0; }
.sc-rel-icon.meta { background: #ecfdf3; color: #067647; }
.sc-rel-icon.redirect { background: #fff7ed; color: #9a3412; }
.sc-page a.sc-cta {
  display: flex; align-items: center; justify-content: center; min-height: 56px; padding: 16px 20px;
  border-radius: 16px; background: #eef4ff; color: var(--sc-blue); font-weight: 700; text-decoration: none;
}
.sc-report { gap: 16px; }
.sc-result-bar { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.sc-meta { display: flex; flex-wrap: wrap; gap: 6px 10px; color: var(--sc-muted); font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
.sc-meta a { color: var(--sc-blue); }
.sc-page .sc-export { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.sc-page .sc-ghost {
  border: 1px solid var(--sc-line); background: var(--sc-card); color: inherit;
  min-height: 36px; padding: 0 12px; border-radius: 10px; font-size: 14px; font-weight: 700;
}
.sc-export-status { flex-basis: 100%; margin: 0; min-height: 0; color: var(--sc-muted); font-size: 13px; }
.sc-export-status:empty { display: none; }
.sc-summary {
  display: grid;
  grid-template-columns: minmax(220px, 1.15fr) minmax(0, 1.35fr) minmax(200px, 0.9fr);
  gap: 8px 28px;
  align-items: center;
  padding: 22px 28px;
}
.sc-score { display: flex; align-items: center; gap: 16px; min-width: 0; }
.sc-ring {
  width: 92px; height: 92px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto;
  background: conic-gradient(var(--sc-ring, #12b76a) calc(var(--sc-p) * 1%), #e7edf5 0);
}
.sc-ring-good { --sc-ring: #12b76a; }
.sc-ring-mid { --sc-ring: #f79009; }
.sc-ring-low { --sc-ring: #f04438; }
.sc-ring strong {
  width: 70px; height: 70px; border-radius: 50%; display: grid; place-items: center;
  background: var(--sc-card); color: var(--sc-text); font-size: 28px; line-height: 1;
}
.sc-kicker { display: block; font-size: 13px; font-weight: 750; color: var(--sc-text); }
.sc-kicker span, .sc-score p, .sc-cover p { color: var(--sc-muted); font-size: 13px; font-weight: 500; line-height: 1.45; }
.sc-score p { margin-top: 4px; }
.sc-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.sc-stat { text-align: center; padding: 8px 4px; }
.sc-stat strong { display: block; font-size: 32px; line-height: 1; }
.sc-stat span { display: block; margin-top: 6px; color: var(--sc-muted); font-size: 13px; }
.sc-stat.sc-bad strong { color: var(--sc-bad); }
.sc-stat.sc-warn strong { color: var(--sc-warn); }
.sc-stat.sc-ok strong { color: var(--sc-ok); }
.sc-cover { border-left: 1px solid var(--sc-line); padding-left: 22px; min-width: 0; }
.sc-cover strong { display: block; margin: 4px 0; font-size: 22px; }
.sc-score-note { color: var(--sc-muted); font-size: 13px; line-height: 1.5; }
.sc-page .sc-text {
  border: 0; background: transparent; color: var(--sc-blue); padding: 0; font-size: 13px; font-weight: 700;
}
.sc-tabs, .sc-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.sc-tabs {
  padding: 6px; background: var(--sc-card); border: 1px solid var(--sc-line); border-radius: 14px;
}
.sc-page .sc-tab, .sc-page .sc-filter {
  border: 1px solid transparent; background: transparent; color: var(--sc-text);
  min-height: 40px; padding: 0 14px; border-radius: 10px; font-size: 14px; font-weight: 700;
}
.sc-page .sc-filter { min-height: 34px; border-color: var(--sc-line); background: var(--sc-card); }
.sc-page .sc-tab[aria-selected="true"],
.sc-page .sc-filter[aria-pressed="true"] { background: var(--sc-blue); color: #fff; border-color: var(--sc-blue); }
.sc-previews { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 16px; }
.sc-serp .sc-serp-title { margin: 10px 0 4px; color: #1a0dab; font-size: 18px; line-height: 1.35; }
.sc-serp .sc-serp-url { color: var(--sc-ok); font-size: 14px; overflow-wrap: anywhere; }
.sc-serp .sc-serp-text { margin-top: 8px; color: #4a5568; font-size: 14px; line-height: 1.5; }
.sc-social img, .sc-ph { width: 100%; height: 148px; object-fit: cover; border-radius: 12px; margin: 12px 0; background: var(--sc-soft); }
.sc-ph { display: grid; place-items: center; color: var(--sc-muted); }
.sc-social strong { display: block; margin-bottom: 6px; }
.sc-social p:last-child { color: var(--sc-muted); font-size: 14px; line-height: 1.5; }
.sc-next {
  display: grid; gap: 14px;
  background: #fff8eb; border: 1px solid #f5e6c8; border-radius: 16px; padding: 18px 20px;
}
.sc-next-item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, 240px); gap: 16px 24px; align-items: start; }
.sc-next-item + .sc-next-item { padding-top: 14px; border-top: 1px solid #f5e6c8; }
.sc-next-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.sc-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px; border-radius: 999px; font-size: 12px; font-weight: 750; }
.sc-badge-advisory { background: #fff; color: var(--sc-warn); }
.sc-badge-critical { background: #fff; color: var(--sc-bad); }
.sc-next p, .sc-next-side p { color: #7a5b2e; font-size: 14px; line-height: 1.5; }
.sc-next-value { margin-top: 8px; color: var(--sc-text); overflow-wrap: anywhere; }
.sc-next-side { display: grid; gap: 10px; justify-items: start; }
.sc-list-head { display: flex; justify-content: space-between; align-items: center; gap: 12px 16px; flex-wrap: wrap; }
.sc-checks { padding: 6px 12px; }
.sc-check { border-top: 1px solid var(--sc-line); }
.sc-check:first-child { border-top: 0; }
.sc-check summary {
  display: grid; grid-template-columns: 22px minmax(140px, 0.8fr) minmax(0, 1.2fr) 16px;
  gap: 12px; align-items: center; min-height: 52px; padding: 8px 4px; cursor: pointer; list-style: none;
}
.sc-check summary strong { font-size: 15px; }
.sc-val { color: var(--sc-muted); font-size: 13px; text-align: right; overflow-wrap: anywhere; }
.sc-check summary::after {
  content: ""; width: 8px; height: 8px; justify-self: end;
  border-right: 2px solid #98a2b3; border-bottom: 2px solid #98a2b3; transform: rotate(45deg);
}
.sc-check[open] summary::after { transform: rotate(-135deg); }
.sc-dot { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; }
.sc-dot-passed { background: #ecfdf3; color: var(--sc-ok); }
.sc-dot-passed::before { content: "✓"; }
.sc-dot-failed { background: #fef3f2; color: var(--sc-bad); }
.sc-dot-failed::before { content: "!"; }
.sc-dot-warning { background: #fff7ed; color: var(--sc-warn); }
.sc-dot-warning::before { content: "!"; }
.sc-dot-info { background: #eef3ff; color: var(--sc-blue); }
.sc-dot-info::before { content: "i"; }
.sc-dot-not_checked, .sc-dot-not_applicable { background: #f2f4f7; color: #667085; }
.sc-dot-not_checked::before, .sc-dot-not_applicable::before { content: "–"; }
.sc-sr {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.sc-detail { margin: 0 0 12px 34px; color: var(--sc-muted); font-size: 14px; line-height: 1.5; }
.sc-detail p { margin: 4px 0; overflow-wrap: anywhere; }
.sc-tree { margin: 6px 0 0; padding-left: 18px; }
.sc-skipped ul, .sc-guide ul { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.sc-skipped li, .sc-guide li { display: grid; gap: 2px; }
.sc-skipped li span, .sc-guide li { color: var(--sc-muted); font-size: 14px; line-height: 1.45; }
.sc-empty { padding: 12px 4px; color: var(--sc-muted); }
.sc-focus:focus-visible, .sc-page :focus-visible { outline: 2px solid var(--sc-blue); outline-offset: 2px; }
[data-theme="dark"] .sc-page {
  --sc-text: #e8eef8;
  --sc-muted: #9aa8bd;
  --sc-line: rgba(232, 238, 248, 0.14);
  --sc-card: #121a2b;
  --sc-soft: #1a2438;
}
[data-theme="dark"] .sc-page .sc-note,
[data-theme="dark"] .sc-page a.sc-cta { background: #152038; border-color: #243556; color: #d5deea; }
[data-theme="dark"] .sc-page a.sc-cta { color: #8eb0ff; }
[data-theme="dark"] .sc-ring { background: conic-gradient(var(--sc-ring, #12b76a) calc(var(--sc-p) * 1%), #243044 0); }
[data-theme="dark"] .sc-next { background: #2a2114; border-color: #5c4a2a; }
[data-theme="dark"] .sc-next p, [data-theme="dark"] .sc-next-side p { color: #e6d3b0; }
[data-theme="dark"] .sc-serp .sc-serp-title { color: #8ab4f8; }
[data-theme="dark"] .sc-serp .sc-serp-text { color: #c5d0e0; }
[data-theme="dark"] .sc-rel-icon.audit { background: #1c2a4a; }
[data-theme="dark"] .sc-rel-icon.meta { background: #123226; }
[data-theme="dark"] .sc-rel-icon.redirect { background: #3a2414; }
@media (max-width: 860px) {
  .tool-page-seo-checker .tool-header { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "mark title" "mark text" "back back"; }
  .sc-grid, .sc-steps, .sc-rel { grid-template-columns: 1fr 1fr; }
  .sc-summary, .sc-previews { grid-template-columns: 1fr; }
  .sc-next-item { grid-template-columns: 1fr; }
  .sc-cover { border-left: 0; padding-left: 0; padding-top: 8px; border-top: 1px solid var(--sc-line); }
}
@media (max-width: 640px) {
  .tools-container:has(.tool-page-seo-checker) { width: 100%; max-width: 100%; padding-left: 12px; padding-right: 12px; }
  .sc-row, .sc-form-foot { flex-direction: column; align-items: stretch; }
  .sc-submit { width: 100%; }
  .sc-quiet { white-space: normal; }
  .sc-grid, .sc-steps, .sc-rel { grid-template-columns: 1fr; }
  .sc-check summary { grid-template-columns: 22px minmax(0, 1fr) 16px; }
  .sc-val { grid-column: 2; text-align: left; }
  .sc-check summary::after { grid-column: 3; grid-row: 1; }
}
