/* 公開前ファイルチェック — page-specific styles (reuses styles.css variables) */

.pc-title {
  font-size: clamp(2rem, 6vw, 4rem);
  line-height: 0.98;
}

.pc-lead {
  margin: 0;
  max-width: 62ch;
  color: var(--muted);
  font-size: 1.02rem;
  line-height: 1.6;
}
.pc-lead strong { color: var(--ink); }

.pc-drop {
  border: 2px dashed var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.7);
  padding: 40px 20px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.pc-drop:hover,
.pc-drop:focus-visible,
.pc-drop-over {
  border-color: var(--accent);
  background: rgba(23, 107, 77, 0.06);
  outline: none;
}
.pc-file { display: none; }
.pc-drop-main {
  margin: 0 0 6px;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--ink);
}
.pc-drop-sub {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
}

.pc-results {
  display: grid;
  gap: 16px;
}
.pc-file-result {
  padding: 18px;
}

.pc-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 0.86rem;
  font-weight: 800;
  white-space: nowrap;
}
.pc-pill-warn { color: #fff; background: var(--warn); }
.pc-pill-ok { color: var(--accent-ink); background: rgba(23, 107, 77, 0.12); }
.pc-pill-info { color: var(--unknown); background: rgba(88, 100, 122, 0.12); }

.pc-findings {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.pc-finding {
  border: 1px solid var(--line);
  border-left-width: 4px;
  border-radius: 8px;
  padding: 12px 14px;
  background: var(--panel);
}
.pc-finding-warn { border-left-color: var(--warn); }
.pc-finding-info { border-left-color: var(--unknown); }
.pc-finding-ok { border-left-color: var(--pass); }

.pc-finding-title {
  margin: 0 0 4px;
  font-weight: 700;
  color: var(--ink);
}
.pc-finding-where {
  margin: 0 0 4px;
  color: var(--accent-ink);
  font-size: 0.86rem;
  font-weight: 600;
}
.pc-finding-note {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.55;
}

.pc-fbadge {
  display: inline-block;
  border-radius: 6px;
  padding: 1px 8px;
  margin-right: 4px;
  font-size: 0.78rem;
  font-weight: 800;
  vertical-align: 1px;
}
.pc-fbadge-warn { color: #fff; background: var(--warn); }
.pc-fbadge-info { color: #fff; background: var(--unknown); }

.pc-disclaimer strong { color: var(--fail); }
.pc-links a { margin-right: 14px; }

/* Offline copy: a quieter box than the drop zone, so it reads as a footnote
   for people who want to run the tool without trusting this page. */
.pc-offline {
  margin-top: 6px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.55);
}
.pc-offline h2 {
  margin: 0 0 6px;
  font-size: 1rem;
}
.pc-offline p {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.6;
}
.pc-offline-dl {
  display: inline-block;
  margin-top: 10px;
  font-weight: 700;
}
/* The offline build reuses this stylesheet; its note has no box of its own. */
.pc-offline-note code {
  font-size: 0.86em;
  padding: 1px 4px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.06);
}

/* 計測の告知は、免責より前に出るが主張しすぎない位置づけ */
.pc-usage-note {
  margin-top: 4px;
  font-size: 0.86rem;
}