/* Robots.txt : parcours de contrôle, saisie et lecture des résultats. */
body.robots-validator-tool .robots-report-group > summary {
  padding-block: 8px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--dev-cyan, #89dff0);
}

body.robots-validator-tool .robots-report-group-heading {
  margin-block: 18px 12px;
  font-size: 1rem;
}

body.robots-validator-tool .robots-txt-mode-switch {
  gap: 14px;
  margin-block: 26px 16px;
}

body.robots-validator-tool .robots-txt-mode-switch legend {
  margin-bottom: 14px;
  color: var(--dev-text, #f5f3fc);
  font-weight: 600;
}

body.robots-validator-tool .robots-step-number {
  margin-right: 8px;
  color: var(--dev-primary, #c7a5f5);
  font-variant-numeric: tabular-nums;
}

body.robots-validator-tool .robots-step-heading {
  margin: 28px 0 16px;
  color: var(--dev-text, #f5f3fc);
  font-size: 1rem;
  font-weight: 600;
}

body.robots-validator-tool .robots-txt-mode-card {
  align-content: start;
  padding: 18px 16px;
  border-color: var(--style1-interior-line, #35415c);
  background: var(--style1-interior-inset, #101729);
}

body.robots-validator-tool .robots-txt-mode-card.is-active,
body.robots-validator-tool .robots-txt-mode-card:has(input:checked) {
  border-color: var(--dev-primary, #c7a5f5);
  background: var(--style1-interior-raised, #1c243a);
}

body.robots-validator-tool .robots-txt-mode-card input {
  accent-color: var(--dev-primary, #c7a5f5);
}

body.robots-validator-tool .robots-txt-mode-card span {
  color: var(--dev-text, #f5f3fc);
  font-weight: 600;
  line-height: 1.5;
}

body.robots-validator-tool .robots-txt-mode-card small {
  color: var(--dev-muted, #d0ccdf);
  font-weight: 400;
  line-height: 1.6;
}

body.robots-validator-tool .robots-txt-input-row {
  grid-template-columns: minmax(0, 1fr);
}

body.robots-validator-tool .robots-txt-input-row .mini-url-field {
  min-width: 0;
  gap: 8px;
  font-weight: 600;
}

body.robots-validator-tool .robots-txt-input-row .mini-url-field small {
  color: var(--dev-muted, #d0ccdf);
  font-weight: 400;
  line-height: 1.6;
}

body.robots-validator-tool .robots-txt-mode-panel {
  margin-top: 24px;
  padding: 22px;
  border-color: var(--style1-interior-line, #35415c);
  background: var(--style1-interior-inset, #101729);
}

body.robots-validator-tool .robots-txt-mode-panel > h3 {
  margin-bottom: 10px;
  color: var(--dev-primary, #c7a5f5);
  font-weight: 600;
}

body.robots-validator-tool .robots-txt-mode-panel p,
body.robots-validator-tool .mini-help-text {
  color: var(--dev-muted, #d0ccdf);
  font-weight: 400;
  line-height: 1.65;
}

body.robots-validator-tool .robots-txt-mode-panel :is(.mini-field-grid, .mini-generator-grid) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 24px;
  margin-top: 22px;
}

body.robots-validator-tool .robots-txt-mode-panel .mini-field-grid label {
  min-width: 0;
  align-content: start;
  color: var(--dev-text, #f5f3fc);
  font-weight: 600;
  line-height: 1.6;
}

body.robots-validator-tool .robots-txt-mode-panel label small {
  display: block;
  color: var(--dev-muted, #d0ccdf);
  font-size: .84rem;
  font-weight: 400;
  line-height: 1.6;
}

body.robots-validator-tool #robotsToolForm :is(input:not([type="radio"]):not([type="checkbox"]), textarea) {
  min-width: 0;
  max-width: 100%;
  font-weight: 400;
  scroll-margin-top: calc(var(--site-menu-desktop-header-height, 131px) + 24px);
}

body.robots-validator-tool #robotsToolForm textarea {
  font-family: Consolas, "Courier New", monospace;
  font-size: .9rem;
  line-height: 1.65;
  resize: vertical;
  tab-size: 2;
}

body.robots-validator-tool .mini-generator-grid label:not(.mini-wide) {
  align-items: flex-start;
  padding: 16px;
  border-color: var(--style1-interior-line, #35415c);
  background: var(--style1-interior-surface, #161d30);
  color: var(--dev-text, #f5f3fc);
  font-weight: 500;
  line-height: 1.55;
}

body.robots-validator-tool .mini-generator-grid input[type="checkbox"] {
  flex: 0 0 18px;
  margin-top: 3px;
  accent-color: var(--dev-primary, #c7a5f5);
}

body.robots-validator-tool .mini-generator-grid label small {
  margin-top: 7px;
}

body.robots-validator-tool :is(#robotsPasteContent, #robotsGeneratedDraft) {
  min-height: 230px;
}

body.robots-validator-tool :is(#robotsImportStatus, #robotsDraftState) {
  margin: 14px 0;
  font-size: .88rem;
}

body.robots-validator-tool .robots-content-count {
  color: var(--dev-cyan, #89dff0);
  font-variant-numeric: tabular-nums;
}

body.robots-validator-tool .robots-txt-run-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: stretch;
}

body.robots-validator-tool #robotsRunHelp {
  margin: 14px 0 0;
  font-size: .9rem;
}

body.robots-validator-tool :is(.robots-inline-help, .robots-method-disclosure) {
  margin-top: 18px;
}

body.robots-validator-tool :is(.robots-inline-help, .robots-method-disclosure) > summary {
  width: fit-content;
  max-width: 100%;
  color: var(--dev-cyan, #89dff0);
  font-weight: 500;
  line-height: 1.65;
  cursor: pointer;
}

body.robots-validator-tool .robots-inline-help > div {
  margin-top: 14px;
}

body.robots-validator-tool .robots-inline-help p + p {
  margin-top: 12px;
}

body.robots-validator-tool .robots-scope-disclosure {
  padding-top: 18px;
  border-top: 1px solid var(--style1-interior-line, #35415c);
}

body.robots-validator-tool .robots-txt-tool-facts div {
  padding: 0;
  border: 0;
  background: transparent;
}

body.robots-validator-tool .robots-txt-method-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 20px;
}

body.robots-validator-tool .robots-txt-method-grid article {
  padding: 18px;
  border-color: var(--style1-interior-line, #35415c);
  background: var(--style1-interior-inset, #101729);
}

body.robots-validator-tool :is(.robots-txt-method-grid h3, .robots-txt-tool-facts strong) {
  color: var(--dev-primary, #c7a5f5);
  font-weight: 600;
}

body.robots-validator-tool :is(.robots-txt-method-grid p, .robots-txt-tool-facts span) {
  color: var(--dev-muted, #d0ccdf);
  font-weight: 400;
  line-height: 1.65;
}

body.robots-validator-tool .robots-txt-mode-card:focus-within,
body.robots-validator-tool :is(.robots-inline-help, .robots-method-disclosure) > summary:focus-visible,
body.robots-validator-tool #robotsToolForm :is(input, textarea):focus-visible {
  outline: 3px solid var(--dev-cyan, #89dff0);
  outline-offset: 3px;
}

body.robots-validator-tool #robotsValidationSummary {
  margin-block: 20px;
  font-weight: 400;
  line-height: 1.65;
}

body.robots-validator-tool #robotsValidationSummary a {
  color: inherit;
  text-underline-offset: 3px;
}

body.robots-validator-tool #robotsToolForm .robots-field-error {
  display: block;
  color: #ffd2d9;
  font-size: .86rem;
  font-weight: 500;
  line-height: 1.6;
}

body.robots-validator-tool :is([data-robots-mode-panel], #robotsValidationSummary, #robotsStaleNotice, .robots-stale-notice)[hidden] {
  display: none;
}

body.robots-validator-tool #results :is(h2, h3, p, li, th, td, dd) {
  overflow-wrap: anywhere;
}

body.robots-validator-tool :is(.robots-txt-verdict, .robots-txt-result-card) :is(span, p, small) {
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 1100px) {
  body.robots-validator-tool .robots-txt-mode-switch {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.robots-validator-tool .robots-txt-mode-panel :is(.mini-field-grid, .mini-generator-grid),
  body.robots-validator-tool .robots-txt-method-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.robots-validator-tool .robots-txt-mode-panel {
    padding: 16px;
  }
}

@media (max-width: 560px) {
  body.robots-validator-tool .robots-txt-mode-switch {
    grid-template-columns: minmax(0, 1fr);
  }

  body.robots-validator-tool .robots-txt-mode-card {
    padding: 14px;
  }
}

@media (max-width: 400px) {
  body.robots-validator-tool .robots-txt-mode-panel {
    padding: 12px;
  }
}

@media (max-width: 760px) {
  body.robots-validator-tool #robotsToolForm :is(input:not([type="radio"]):not([type="checkbox"]), textarea) {
    scroll-margin-top: calc(var(--site-menu-mobile-header-height, 96px) + 24px);
  }
}