/* Free Domain Health Check (/domain-check) — page-only */

:root{
  --dc-pass:#1f7a45; --dc-pass-bg:#e7f5ec;
  --dc-warn:#8a5a00; --dc-warn-bg:#fdf3e1;
  --dc-fail:var(--red); --dc-fail-bg:#fbe9eb;
  --dc-info:var(--gray-dark); --dc-info-bg:#f1f2f3;
}
:root.theme-dark{
  --dc-pass:#6fd39b; --dc-pass-bg:rgba(111,211,155,.14);
  --dc-warn:#f2c46b; --dc-warn-bg:rgba(242,196,107,.14);
  --dc-fail:#ff7a85; --dc-fail-bg:rgba(255,122,133,.14);
  --dc-info:#cfd2d8; --dc-info-bg:rgba(255,255,255,.08);
}

/* Hero scan form */
.dc-form{ max-width:560px; margin-top:18px }
.dc-form__row{ display:flex; gap:8px }
.dc-form__row input{
  flex:1; min-inline-size:0;
  border:1px solid var(--border); border-radius:var(--radius-pill);
  padding:12px 18px; font:inherit; color:var(--black); background:var(--surface);
}
.dc-form__row input:focus{ outline:2px solid rgba(170,30,46,.25); border-color:var(--red) }
.dc-form__row .btn{ white-space:nowrap }
.dc-turnstile{ margin-top:12px; min-height:0 }
@media (max-width:520px){
  .dc-form__row{ flex-direction:column }
}

/* Status line + spinner */
.dc-status{ margin:10px 0 0; font-weight:600; font-size:.95rem; min-height:1.2em; display:flex; align-items:center; gap:8px }
.dc-status--error{ color:var(--dc-fail) }
.dc-status--progress{ color:var(--gray-dark) }
.dc-spinner{
  width:16px; height:16px; border-radius:50%; flex-shrink:0;
  border:2px solid currentColor; border-right-color:transparent;
  animation:dc-spin .8s linear infinite;
}
@keyframes dc-spin{ to{ transform:rotate(360deg) } }
@media (prefers-reduced-motion:reduce){ .dc-spinner{ animation-duration:2.4s } }

/* Summary */
.dc-summary{ display:grid; grid-template-columns:1fr auto; gap:16px 24px; align-items:center; padding:22px 24px }
.dc-summary__head h2{ margin:0 }
.dc-summary__head p{ margin:4px 0 0 }
.dc-summary__stats{ display:flex; gap:12px; flex-wrap:wrap }
.dc-stat{ border-radius:12px; padding:10px 16px; font-weight:600; font-size:.9rem; text-align:center; min-width:96px }
.dc-stat span{ display:block; font-size:1.8rem; font-weight:800; line-height:1.1 }
.dc-stat--fail{ background:var(--dc-fail-bg); color:var(--dc-fail) }
.dc-stat--warn{ background:var(--dc-warn-bg); color:var(--dc-warn) }
.dc-stat--pass{ background:var(--dc-pass-bg); color:var(--dc-pass) }
.dc-summary__cta{ grid-column:1 / -1; display:flex; gap:10px; flex-wrap:wrap }
@media (max-width:820px){
  .dc-summary{ grid-template-columns:1fr }
}

/* Result sections */
.dc-sections{ display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)); gap:18px; margin-top:18px; align-items:start }
@media (max-width:400px){ .dc-sections{ grid-template-columns:1fr } }
.dc-section{ padding:18px 20px }
/* The site centers text on small screens; result rows and the form read better left-aligned */
.dc-section, .dc-report__form{ text-align:left }
.dc-section h3{ margin:0 0 6px }
.dc-section:hover{ transform:none }
.dc-items{ list-style:none; margin:0; padding:0 }
.dc-item{ display:grid; grid-template-columns:74px 1fr; gap:10px; padding:12px 0; border-top:1px solid var(--border) }
.dc-item:first-child{ border-top:0 }
.dc-item__head{ display:flex; flex-wrap:wrap; gap:2px 8px; align-items:baseline }
.dc-item__value{ color:var(--black); overflow-wrap:anywhere }
.dc-item__detail{ margin:4px 0 0; font-size:.88rem; line-height:1.5; color:var(--gray-dark) }
.dc-pill{
  justify-self:start; align-self:start; margin-top:1px;
  padding:2px 9px; border-radius:999px; font-size:.75rem; font-weight:800; letter-spacing:.02em;
}
.dc-pill--pass{ color:var(--dc-pass); background:var(--dc-pass-bg) }
.dc-pill--warn{ color:var(--dc-warn); background:var(--dc-warn-bg) }
.dc-pill--fail{ color:var(--dc-fail); background:var(--dc-fail-bg) }
.dc-pill--info,
.dc-pill--pending{ color:var(--dc-info); background:var(--dc-info-bg) }

/* EasyDMARC detail block */
.dc-email-detail{ margin-top:32px }
.dc-email-detail h3{ margin:0 0 4px }
.dc-email-detail .domain-scan-embed{ margin-top:14px }

/* Full report request */
.dc-report{ display:grid; grid-template-columns:1fr 1.1fr; gap:28px; padding:26px 28px; border:2px solid var(--red) }
.dc-report:hover{ transform:none }
.dc-report__copy h2{ margin:6px 0 10px }
.dc-report__copy .small{ font-size:.9rem }
.dc-report__form .form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
.dc-report__form label > span:first-child{ display:block; font-weight:600; margin-bottom:6px }
.dc-report__form .form-actions{ align-items:center; flex-wrap:wrap; margin-top:12px }
.dc-report__form input{ background:var(--surface); color:var(--black) }
.dc-report__success{ text-align:center; align-self:center }
.dc-report__success-icon{
  width:48px; height:48px; margin:0 auto 8px; border-radius:50%;
  display:grid; place-items:center; font-size:1.5rem; font-weight:800;
  color:var(--dc-pass); background:var(--dc-pass-bg);
}
@media (max-width:900px){
  .dc-report{ grid-template-columns:1fr; padding:22px 20px }
}
@media (max-width:560px){
  .dc-report__form .form-grid{ grid-template-columns:1fr }
}