:root { --ofo-brand: #212529; --ofo-surface: #fff; --ofo-page: #f4f6f8; --ofo-text: #1f2933; --ofo-muted: #667085; }
html { color-scheme: light; }
body { min-height: 100vh; margin: 0; background: var(--ofo-page); color: var(--ofo-text); }
.ofo-public-main { width: min(100% - 2rem, 46rem); margin-inline: auto; padding-block: clamp(1.5rem, 6vw, 4rem); }
.ofo-public-brand { display: inline-flex; align-items: center; gap: .6rem; margin-bottom: 1rem; color: var(--ofo-brand); font-weight: 800; text-decoration: none; }
.ofo-public-card { border: 1px solid #d9dee5; border-radius: 1rem; background: var(--ofo-surface); box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .09); }
.ofo-public-card__body { padding: clamp(1.25rem, 4vw, 2.5rem); }
.ofo-public-reference { color: var(--ofo-muted); font-family: ui-monospace, monospace; font-size: .82rem; }
:where(a, button, input, select, textarea):focus-visible { outline: 3px solid #0d6efd; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }