/* op9.rs */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #ffffff; color: #000000; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.5; max-width: 600px; margin: 0 auto; padding: 2rem 1.5rem; }
.hero { padding: 2rem 0 1rem; }
.brand { font-family: 'JetBrains Mono', monospace; font-weight: 400; font-size: 32px; }
.version { font-family: 'JetBrains Mono', monospace; font-size: 14px; color: #666666; }
hr { border: none; border-top: 1px solid #000000; margin: 1rem 0; }
.content { padding: 1rem 0; }
.body { font-size: 15px; margin-bottom: 1rem; }
a { color: #0000ee; text-decoration: underline; }
a:visited { color: #551a8b; }
.code-block { background: #f5f5f5; padding: 16px; margin: 1rem 0; overflow-x: auto; }
.code-block pre, .code-block code { font-family: 'Fira Code', monospace; font-size: 13px; line-height: 1.6; }
.function { padding: 1rem 0; }
.bordered-block { border: 2px solid #000000; padding: 16px; background: #ffffff; margin-bottom: 1rem; overflow-x: auto; }
.bordered-block pre, .bordered-block code { font-family: 'Fira Code', monospace; font-size: 13px; line-height: 1.6; }
.kw { color: #dc2626; }
.fn-name { font-weight: 400; }
.str { color: #666666; }
.links { padding: 1rem 0; }
.end { padding: 2rem 0 1rem; }
.footer-text { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #666666; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }