.cmo-main { max-width: 1200px; margin: 0 auto; padding-top: 0; }
.cmo-hero { display: grid; grid-template-columns: 1.15fr 1fr; column-gap: 5rem; row-gap: 1.5rem; align-items: start; padding: 3rem 0 4rem; }
.cmo-eyebrow { font-family: var(--dt-font-mono); font-size: .75rem; letter-spacing: .12em; color: var(--dt-text-secondary); margin-bottom: 1.5rem; }
.cmo-hero > .cmo-eyebrow { grid-column: 1 / -1; margin: .75rem 0 0; }
.cmo-main h1 { font-size: calc(clamp(2.4rem, 4.3vw, 3.8rem) - 2px); line-height: 1.12; letter-spacing: -.045em; margin: 0 0 1.5rem; }
.cmo-intro { font-size: 1.12rem; line-height: 1.75; color: var(--dt-text-secondary); margin-bottom: 2rem; }
.cmo-copy { display: inline-flex; align-items: center; gap: 1.5rem; padding: 1rem 1.25rem; background: var(--dt-text-primary); color: var(--dt-bg-primary); border: 1px solid var(--dt-text-primary); border-radius: 4px; font: inherit; font-weight: 600; cursor: pointer; }
.cmo-copy:hover { opacity: .85; }
.cmo-main :focus-visible { outline: 2px solid var(--dt-accent-red); outline-offset: 4px; }
.cmo-note { font-size: .78rem; line-height: 1.7; color: var(--dt-text-secondary); margin: .8rem 0; }
.cmo-status { font-size: .85rem; line-height: 1.6; color: var(--dt-text-primary); }
.cmo-status:empty { margin: 0; }
.cmo-prompt-link { display: inline-block; padding-top: 1rem; }
.cmo-freshness { margin-top: .75rem; }
.cmo-preview { border: 1px solid var(--dt-border); border-radius: 8px; background: var(--dt-bg-secondary); padding: 1.75rem; }
.cmo-preview-heading { font-family: var(--dt-font-mono); font-size: calc(1.35rem - 2px); line-height: 1.45; font-weight: 600; color: var(--dt-text-primary); letter-spacing: -.02em; margin: 0; padding-bottom: 1rem; }
.cmo-preview ol { list-style: none; margin: 0; padding: 0; }
.cmo-preview li { padding: 1.75rem 0; border-top: 1px solid var(--dt-border); display: flex; gap: 1.4rem; font-family: var(--dt-font-mono); font-size: calc(1.2rem - 2px); line-height: 1.45; font-weight: 500; letter-spacing: -.02em; }
.cmo-preview li:last-child { padding-bottom: 0; }
.cmo-preview li > span, .cmo-preview li h3 { font: inherit; margin: 0; }
.cmo-preview li > span { flex-shrink: 0; color: var(--dt-accent-red); }
.cmo-tracked { border-top: 1px solid var(--dt-border); padding: 4rem 0; }
.cmo-tracked > h2 { max-width: 850px; }
.cmo-main section > h2 { font-size: clamp(1.65rem, 3vw, 2.2rem); line-height: 1.3; letter-spacing: -.03em; margin: 0 0 2rem; }
.cmo-request h3 { font-size: 1rem; margin: 1rem 0 .6rem; }
.cmo-tracked p { font-size: .95rem; line-height: 1.8; color: var(--dt-text-secondary); }
.cmo-tracked > p, .cmo-company-prompt p { color: var(--dt-text-primary); }
.cmo-tracked > .cmo-eyebrow { color: var(--dt-text-breadcrumb); }
.cmo-help { font-size: .88rem; line-height: 1.8; color: var(--dt-text-secondary); margin: 1.75rem 0; max-width: 850px; }
.cmo-prompt-details { border: 1px solid var(--dt-border); margin-top: 1.5rem; padding: 1.25rem; border-radius: 4px; }
.cmo-prompt-details summary { cursor: pointer; font-size: .95rem; }
.cmo-prompt-details label { display: block; margin: 1.5rem 0 .75rem; font-size: .85rem; }
.cmo-prompt-details textarea { box-sizing: border-box; width: 100%; resize: vertical; padding: 1rem; background: var(--dt-bg-primary); color: var(--dt-text-primary); border: 1px solid var(--dt-border); font: .85rem/1.7 var(--dt-font-mono); }
.cmo-company-prompt { max-width: 850px; margin: 1.5rem 0; padding: 1.25rem 1.5rem; border-left: 2px solid var(--dt-border); background: var(--dt-bg-secondary); }
.cmo-company-prompt p { margin: 0; }
.cmo-company-copy { margin-top: 1rem; padding: .65rem .9rem; gap: .75rem; font-size: .85rem; }
.cmo-company-prompt .cmo-status { margin-top: .75rem; }
.cmo-company-prompt .cmo-status:empty { margin: 0; }
.cmo-request { max-width: 850px; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--dt-border); }
.cmo-request p { color: var(--dt-text-primary); }
@media (min-width: 1233px) {
  body:has(.cmo-main) .dt-topbar { padding-left: calc((100vw - 1200px) / 2 + 1.5rem); padding-right: calc((100vw - 1200px) / 2 + 1.5rem); }
}
@media (max-width: 900px) {
  .cmo-hero { grid-template-columns: 1fr; gap: 1.5rem; padding: 1.25rem 0 3rem; }
  .cmo-preview { max-width: 550px; margin-top: 1rem; }
  .cmo-tracked { padding: 3rem 0; }
}