/* Code docs specific styles */
.code-article { max-width: 1080px; margin: 0 auto; padding: 48px 20px; }
.code-section h2, .code-section h3 { color: #e6eef8; }
.code-meta { color: #94a3b8; margin-bottom: 8px; }
.code-block { position: relative; margin-top: 12px; }
pre.code { margin: 0; padding: 16px; background: #04121a; color: #e6eef8; border-radius: 10px; overflow: auto; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', monospace; font-size: 0.9rem; line-height: 1.45; }
.copy-btn { position: absolute; right: 12px; top: 12px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.04); color: #fff; padding: 6px 10px; border-radius: 8px; cursor: pointer; font-weight: 600; font-size: 0.85rem; }

@media (max-width: 780px) {
  .journal-page { grid-template-columns: 1fr; }
  .journal-nav { position: relative; top: 0; margin-bottom: 18px; }
}