/**
 * AI-09 — Document Drafting tool (/document-drafting).
 * Scoped under .inst-drafting; institutional look, no marketing styling.
 */
.inst-drafting {
  --dr-deep: #0f2742;
  --dr-action: #1f6fe5;
  --dr-border: #d9e1ec;
  --dr-text: #2a3442;
  --dr-muted: #6b7785;
}

.inst-drafting__status.is-error {
  color: #b42318;
}

/* Result output typography. */
.inst-drafting__output h3,
.inst-drafting__output h4,
.inst-drafting__output h5,
.inst-drafting__output h6 {
  margin: 1.1em 0 0.4em;
  font-weight: 700;
  color: var(--dr-deep);
  line-height: 1.3;
}
.inst-drafting__output h3 { font-size: 1.05rem; }
.inst-drafting__output h4 { font-size: 0.98rem; }
.inst-drafting__output h5,
.inst-drafting__output h6 { font-size: 0.9rem; }
.inst-drafting__output h3:first-child,
.inst-drafting__output h4:first-child { margin-top: 0; }
.inst-drafting__output p { margin: 0 0 0.7em; }
.inst-drafting__output ul,
.inst-drafting__output ol { margin: 0 0 0.8em; padding-left: 1.3em; }
.inst-drafting__output li { margin: 0.2em 0; }
.inst-drafting__output ul { list-style: disc; }
.inst-drafting__output ol { list-style: decimal; }
.inst-drafting__output a { color: var(--dr-action); text-decoration: underline; }
.inst-drafting__output strong { color: var(--dr-deep); }
.inst-drafting__output code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.85em;
  background: #f1f5f9;
  border-radius: 4px;
  padding: 0.1em 0.35em;
}

/* Export buttons. */
.inst-drafting__export-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border: 1px solid var(--dr-deep);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background-color: var(--dr-deep);
  cursor: pointer;
  transition: opacity 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}
.inst-drafting__export-btn:hover { opacity: 0.9; }
.inst-drafting__export-btn--alt {
  color: var(--dr-action);
  background-color: #f8fafc;
  border-color: var(--dr-border);
}
.inst-drafting__export-btn--alt:hover {
  background-color: #eef4ff;
  border-color: var(--dr-action);
}
.inst-drafting__export-btn:disabled,
.inst-drafting__export-btn.is-loading {
  opacity: 0.6;
  cursor: progress;
}
.inst-drafting__export-btn:focus-visible {
  outline: 2px solid rgba(31, 111, 229, 0.45);
  outline-offset: 1px;
}