/* dns-lookup.css — page-specific styles for the DNS-lookup tool.
   Separate file because the site CSP is style-src 'self' (no inline styles)
   and styles.css must not be touched (site-wide ?v= bump). Prefix: dl-

   Variable mapping (styles.css does not define --ok/--muted; the real
   names are --pass/--warn/--fail/--info, see styles.css ~L20-40 + the
   dark-mode blocks): --ok -> --pass, --muted -> --info. */

.dl-form { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; align-items: end; margin: 1.5rem 0; }
.dl-field { display: flex; flex-direction: column; gap: 0.25rem; }
.dl-field-domain { flex: 1 1 16rem; }
.dl-field-domain input { width: 100%; min-height: 44px; }
.dl-field select { min-height: 44px; }
.dl-check { flex-basis: 100%; }
.dl-btn { min-height: 44px; padding: 0 1.25rem; cursor: pointer; }
.dl-btn[disabled] { opacity: 0.6; cursor: wait; }
.dl-statusline { margin: 1rem 0; }
.dl-box { border: 1px solid; border-radius: var(--radius-sm); padding: 0.75rem 1rem; margin: 1rem 0; }
.dl-box h2 { margin: 0 0 0.25rem; font-size: 1rem; }
.dl-verdict-agree { border-color: var(--pass); }
.dl-verdict-agree-cdn { border-color: var(--pass); }
.dl-verdict-disagree { border-color: var(--warn); }
.dl-verdict-no-data { border-color: var(--info); }
.dl-table-note { margin: 0.5rem 0; }
.dl-records { margin: 0; white-space: pre-wrap; word-break: break-all; font-family: var(--font-mono); }
.dl-prov { display: inline-block; border: 1px solid var(--info); border-radius: var(--radius-sm); padding: 0 0.3em; margin-left: 0.4em; font-size: 0.75em; }
.dl-copy { border: none; background: none; cursor: pointer; padding: 0.2em 0.4em; min-width: 44px; min-height: 32px; }
.dl-block-list { list-style: none; padding: 0; margin: 0.5rem 0; }
.dl-block-list li { padding: 0.35rem 0; display: flex; gap: 0.6rem; align-items: baseline; flex-wrap: wrap; }
.dl-pill { border-radius: 999px; padding: 0.05em 0.7em; font-size: 0.8em; border: 1px solid; }
.dl-pill-listed { border-color: var(--warn); }
.dl-pill-clean { border-color: var(--pass); }
.dl-pill-unknown { border-color: var(--info); }
.dl-type-card { margin: 1rem 0; }
.dl-type-card h3 { margin-bottom: 0.25rem; }
@media (max-width: 640px) {
  .dl-form { align-items: stretch; }
  .dl-field { flex: 1 1 100%; }
}