/* PressWork Detector. Everything is scoped under .pwd-container, and links carry
   their own :hover/:focus/:visited, because GeneratePress's `.entry-content a`
   (0,1,1) repaints anything weaker (DomainAnalyzer shipped that bug in 1.5.0). */
.pwd-container {
  --pwd-accent: var(--accent, #1e73be);
  --pwd-ink: var(--contrast, #222);
  --pwd-muted: var(--contrast-2, #575760);
  --pwd-line: var(--base, #e5e7eb);
  --pwd-soft: var(--base-2, #f7f8f9);
  --pwd-paper: var(--base-3, #fff);
  margin: 0 0 2.5em;
  font-size: 17px;
  line-height: 1.55;
  color: var(--pwd-ink);
}
.pwd-container .pwd-form { margin: 0; }
.pwd-container .pwd-label { display: block; font-weight: 600; font-size: 15px; margin: 0 0 6px; }
.pwd-container .pwd-bar { display: flex; gap: 8px; }
.pwd-container .pwd-bar input {
  flex: 1 1 auto; min-width: 0; font-size: 18px; padding: 14px 16px;
  border: 2px solid #c9ccd1; border-radius: 8px; background: var(--pwd-paper); color: var(--pwd-ink);
}
.pwd-container .pwd-bar input:focus { outline: none; border-color: var(--pwd-accent); }
.pwd-container .pwd-bar button {
  flex: 0 0 auto; font-size: 17px; font-weight: 600; padding: 14px 24px; border: 0; border-radius: 8px;
  background: var(--pwd-accent); color: #fff; cursor: pointer;
}
.pwd-container .pwd-bar button:hover, .pwd-container .pwd-bar button:focus { filter: brightness(0.92); }
.pwd-container .pwd-bar button[disabled] { opacity: 0.6; cursor: wait; }
.pwd-container .pwd-hint { margin: 8px 0 0; font-size: 14px; color: var(--pwd-muted); }

.pwd-container .pwd-result { margin-top: 20px; }
.pwd-container .pwd-loading { color: var(--pwd-muted); margin: 0; }
.pwd-container .pwd-box { border: 1px solid var(--pwd-line); border-radius: 10px; padding: 20px; background: var(--pwd-paper); }
.pwd-container .pwd-box-warn { border-left: 4px solid #d97706; }
.pwd-container .pwd-msg { margin: 0; }
.pwd-container .pwd-head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 16px; }
.pwd-container .pwd-site { font-size: 14px; color: var(--pwd-muted); word-break: break-all; }
.pwd-container .pwd-verdict { font-size: 24px; font-weight: 700; line-height: 1.25; }

.pwd-container .pwd-card { background: var(--pwd-soft); border-radius: 8px; padding: 16px 18px; margin: 0 0 12px; }
.pwd-container .pwd-card-kicker { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--pwd-muted); font-weight: 600; }
.pwd-container .pwd-card-title { font-size: 21px; font-weight: 700; margin: 2px 0 8px; word-break: break-word; }
.pwd-container .pwd-row { display: flex; gap: 10px; font-size: 15px; padding: 3px 0; }
.pwd-container .pwd-row-label { flex: 0 0 72px; color: var(--pwd-muted); }
.pwd-container .pwd-row-value { word-break: break-word; }
.pwd-container .pwd-desc { font-size: 15px; margin: 8px 0 0; }
.pwd-container .pwd-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; font-size: 15px; font-weight: 600; }
.pwd-container .pwd-list { margin: 0 0 8px 1.1em; padding: 0; font-size: 15px; columns: 2; column-gap: 24px; }
.pwd-container .pwd-list li { margin: 0 0 4px; break-inside: avoid; }
.pwd-container .pwd-muted { color: var(--pwd-muted); font-size: 13px; }
.pwd-container .pwd-note { font-size: 14px; color: var(--pwd-muted); margin: 8px 0 0; }
.pwd-container .pwd-meta { font-size: 14px; color: var(--pwd-muted); margin: 10px 0 0; }

.pwd-container a.pwd-link, .pwd-container a.pwd-link:visited { color: var(--pwd-accent); text-decoration: underline; text-underline-offset: 2px; }
.pwd-container a.pwd-link:hover, .pwd-container a.pwd-link:focus { color: var(--pwd-ink); }

@media (max-width: 560px) {
  .pwd-container .pwd-bar { flex-direction: column; }
  .pwd-container .pwd-bar button { width: 100%; }
  .pwd-container .pwd-list { columns: 1; }
  .pwd-container .pwd-verdict { font-size: 21px; }
}
