/* Ownchats product page: same ingijy manual system, accent swapped to archive green. */
body.oc { --cobalt: #0b7a63; --cobalt-deep: #075a49; --marker: #4fc7a6; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body.oc { --cobalt: #4fc7a6; --cobalt-deep: #86dcc3; }
}
.oc .wordmark img { width: 1.35rem; height: 1.35rem; }

/* Hero figure: chat on the left becomes a document on the right; the tally underneath is the point. */
.convert { margin: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: 0; border: 1px solid var(--rule); border-radius: 10px; overflow: hidden; background: var(--wash); }
.convert-chat { padding: 0 0 1rem; font-size: 0.8rem; line-height: 1.45; border-right: 1px solid var(--rule); }
.cc-bar { display: flex; align-items: center; gap: 0.4rem; padding: 0.55rem 0.8rem; border-bottom: 1px solid var(--rule); color: var(--lead); font-size: 0.72rem; }
.cc-bar i { width: 7px; height: 7px; border-radius: 50%; background: #10a37f; }
.cc-turn { margin: 0.8rem 0.8rem 0; color: var(--ink); }
.cc-user { margin-left: 2.2rem; padding: 0.5rem 0.7rem; border-radius: 12px; background: var(--paper); border: 1px solid var(--rule); }
.convert pre { margin: 0.45rem 0 0; padding: 0.45rem 0.55rem; border-radius: 5px; background: var(--ink); color: var(--paper); font: 0.68rem/1.4 ui-monospace, Consolas, monospace; white-space: pre-wrap; word-break: break-all; }
.cc-more { margin: 0.9rem 0.8rem 0; color: var(--lead); font-size: 0.72rem; border-top: 1px dashed var(--rule); padding-top: 0.5rem; }

.convert-doc { padding: 0.9rem 0.9rem 0; display: grid; grid-template-rows: auto 1fr; }
.cd-file { font-size: 0.72rem; color: var(--lead); margin-bottom: 0.55rem; }
.cd-page { position: relative; overflow: hidden; max-height: 19rem; padding: 1.1rem 1.2rem; background: #fff; color: #1d2722; border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px var(--rule); font: 0.74rem/1.5 Calibri, "Segoe UI", system-ui, sans-serif; }
.cd-page > * { margin: 0; }
.cd-page h4 { font: 600 1.05rem/1.2 Calibri, "Segoe UI", system-ui, sans-serif; color: #0b4f40; }
.cd-page h5 { margin-top: 0.6rem !important; font: 600 0.8rem/1.2 Calibri, "Segoe UI", system-ui, sans-serif; color: #0b4f40; }
.cd-page p { margin-top: 0.15rem !important; }
.cd-page pre { margin-top: 0.4rem !important; }
.cd-page .cd-meta { color: #6a756f; font-size: 0.66rem; }
.cd-page pre { background: #f0f3f1; color: #1d2722; border: 1px solid #dfe5e2; }
.cd-fade { position: absolute; inset: auto 0 0; height: 3rem; background: linear-gradient(transparent, #fff); }

.convert-tally { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 0.55rem; padding: 0.9rem 1.1rem; border-top: 1px solid var(--rule); background: var(--paper); }
.convert-tally b { font: 700 2.4rem/1 var(--display); color: var(--cobalt); font-variant-numeric: tabular-nums; }
.convert-tally span { color: var(--ink); font-weight: 500; }

@media (max-width: 900px) {
  .convert { grid-template-columns: 1fr; }
  .convert-chat { border-right: 0; border-bottom: 1px solid var(--rule); }
}
@media (prefers-reduced-motion: no-preference) {
  .convert-tally b { animation: oc-count 0.9s 0.3s both cubic-bezier(.2,.7,.2,1); }
  @keyframes oc-count { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
}