/* Robots.txt + Sitemap Toolkit — tool-specific styles (Brief 6.8).
   Shared components (tool-workspace, form-field, action-bar, btn, alert-*,
   status-line, accordion, tabs, result-box, table) live in site.css; this
   file covers only the group cards, rule rows, tester and sitemap grids.
   Loaded by a <link> in templates/tools/robots-sitemap.php (the shared
   header's $page_styles hook is being added by the coordinator).
   Teal rule: any teal text/icon uses var(--color-teal-text) (#0F766E);
   #14B8A6 appears nowhere as text and never behind white text. */

.rs-group-card {
  border: 1px solid var(--color-line); border-radius: var(--radius-md);
  background: var(--color-surface); padding: var(--space-4);
  margin: 0 0 var(--space-4);
}
.rs-group-card legend {
  font-weight: var(--weight-semibold); padding: 0 var(--space-2);
  color: var(--color-navy);
}
.rs-rule-row {
  display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center;
  margin-bottom: var(--space-2);
}
.rs-rule-row select { flex: 0 0 130px; width: auto; }
.rs-rule-row input[type="text"] { flex: 1 1 220px; width: auto; min-width: 160px; font-family: var(--font-mono); font-size: var(--text-sm); }
.rs-group-note {
  border-left: 3px solid var(--color-teal-text, #0F766E);
  padding-left: var(--space-3); margin: var(--space-3) 0 0;
}
.rs-validation-list { margin: 0; padding-left: var(--space-5); }
.rs-validation-list li { margin-bottom: var(--space-2); }
.rs-import-box { margin: var(--space-5) 0; }
.rs-import-box summary { cursor: pointer; font-weight: var(--weight-semibold); min-height: 44px; padding: var(--space-2) 0; }
.rs-test-grid { display: grid; gap: var(--space-4); }
@media (min-width: 768px) { .rs-test-grid { grid-template-columns: 2fr 1fr; } }
.rs-verdict { font-size: var(--text-base); }
.rs-date-field { max-width: 320px; }
#sm-output, #rs-preview { white-space: pre-wrap; word-break: break-word; }