/* PDF → Word (page-specific) */

.tool-hero {
  padding: 44px 0 24px;
  background: linear-gradient(180deg, #f7faff, transparent);
  border-bottom: 1px solid var(--border);
}

.crumbs {
  display: flex; gap: 8px; align-items: center;
  font-size: 14px; margin-bottom: 8px;
}
.crumbs a { color: var(--blue); text-decoration: none; }
.crumbs a:hover { text-decoration: underline; }

h1 {
  font-size: clamp(26px, 4vw, 40px);
  font-weight: 800;
  margin: 0 0 6px;
  color: var(--ink);
}
.muted { color: var(--muted); }

.uploader {
  margin-top: 16px;
}

.uploader-zone {
  border: 2px dashed var(--border);
  border-radius: 14px;
  background: #fff;
  padding: 24px;
}

.uploader-inner {
  display: grid;
  place-items: center;
  gap: 10px;
  min-height: 180px;
  text-align: center;
}

.uploader-icon { font-size: 26px; }
.uploader-text strong { display: block; color: var(--ink); }
.uploader .hint { font-size: 12px; color: var(--muted); }

.options {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}
.option-row {
  display: grid;
  gap: 8px;
}
.option-row label { font-weight: 600; color: var(--ink); }
.opts { display: flex; gap: 8px; flex-wrap: wrap; }

.chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 10px; border: 1px solid var(--border);
  border-radius: 999px; cursor: pointer; background: #fff;
  user-select: none;
}
.chip input { accent-color: var(--blue); }
.chip.disabled { opacity: .5; pointer-events: none; }

.cta-row {
  display: flex; align-items: center; gap: 10px;
  margin-top: 14px; flex-wrap: wrap;
}
.convert-btn[disabled] { opacity: .6; cursor: not-allowed; }
.small { font-size: 13px; }

.three-cols {
  display: grid; gap: 14px; grid-template-columns: repeat(3, 1fr);
}
.seo-grid {
  display: grid; gap: 16px; grid-template-columns: 1.1fr .9fr;
}
.prose h2 { margin: 0 0 10px; }
.prose h3 { margin: 14px 0 8px; }
.prose ol, .prose ul { padding-left: 18px; margin: 0 0 10px; }
.faq details + details { margin-top: 8px; }

@media (max-width: 900px) {
  .three-cols, .seo-grid { grid-template-columns: 1fr; }
}


.settings{margin-top:12px}
.mode-row{display:flex;gap:16px;margin-top:6px}
.mode-row label{font-size:14px;color:#374151}
.mode-row input{margin-right:6px}







.progress-wrap{margin-top:16px}
.progress-head{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#111827}
.progress-bar{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.progress-fill{height:100%;width:0%;background:#2563eb;transition:width .3s ease}
.result-wrap{margin-top:16px;padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}
.result-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:600;margin-bottom:8px}
.result-actions{display:flex;gap:10px;margin-top:10px}
.btn.secondary{background:#fff;color:#111827;border:1px solid #e5e7eb}