.oc-header, .oc-main, .oc-footer { max-width: 44rem; }
.oc-status { max-width: 40rem; }
.oc-logo { max-height: 48px; width: auto; }
.oc-form .form-label { font-weight: 600; }
.oc-section { border-top: 1px solid #dee2e6; padding-top: 1rem; margin-top: 1.5rem; }
.oc-declaration { background: #f8f9fa; border-left: 4px solid #6c757d; padding: .75rem 1rem; }
.field-validation-error { color: #b02a37; font-size: .875rem; }

/* Client text rendered from Markdown (instructions, declaration) */
.oc-markdown > :last-child { margin-bottom: 0; }
.oc-markdown p, .oc-markdown ul, .oc-markdown ol { margin-bottom: .5rem; }
.oc-markdown ul, .oc-markdown ol { padding-left: 1.25rem; }
.oc-markdown h3, .oc-markdown h4, .oc-markdown h5, .oc-markdown h6 { font-size: 1rem; font-weight: 600; margin: .75rem 0 .25rem; }

/* Bare-domain page: shows where the missing part of the address goes */
.oc-example { font-family: var(--bs-font-monospace); font-size: 1.1rem; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: .375rem; padding: .75rem 1rem; overflow-wrap: anywhere; }
.oc-example-code { background: #fff3cd; border-bottom: 2px dashed #997404; padding: 0 .2rem; font-weight: 600; }