.bc-rolle { max-width: 1100px; margin: 0 auto 3rem; }
.bc-rolle-kicker { font-size: 0.8rem; color: #6b7280; margin: 0 0 1rem; }
.bc-rolle-layout { display: grid; grid-template-columns: 240px 1fr; gap: 1.5rem; align-items: start; }
.bc-rolle-nav { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 0.9rem; position: sticky; top: 1rem; }
.bc-rolle-group { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #9ca3af; margin: 0.75rem 0 0.35rem; }
.bc-rolle-nav ul { list-style: none; margin: 0; padding: 0; }
.bc-rolle-nav li { margin: 0; }
.bc-rolle-nav a { display: block; padding: 0.35rem 0.5rem; border-radius: 6px; text-decoration: none; color: #1f2937; font-size: 0.92rem; }
.bc-rolle-nav li.is-active a,
.bc-rolle-nav a:hover { background: #003366; color: #fff; }
.bc-rolle-article { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1.4rem 1.6rem; }
.bc-rolle-file { font-size: 0.75rem; color: #9ca3af; margin: 0 0 1rem; }
.bc-rolle-body { line-height: 1.65; color: #374151; }
.bc-rolle-body h1 { font-size: 1.7rem; margin: 0 0 1rem; }
.bc-rolle-body h2 { font-size: 1.25rem; margin: 1.6rem 0 0.6rem; }
.bc-rolle-body h3 { font-size: 1.05rem; margin: 1.2rem 0 0.4rem; }
.bc-rolle-body a { color: #003366; }
.bc-rolle-body table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 0.92rem; }
.bc-rolle-body th,
.bc-rolle-body td { border: 1px solid #e5e7eb; padding: 0.45rem 0.6rem; text-align: left; vertical-align: top; }
.bc-rolle-body th { background: #f8fafc; }
.bc-rolle-body pre { background: #0f172a; color: #e2e8f0; padding: 1rem; border-radius: 8px; overflow-x: auto; }
.bc-rolle-body code { background: #f1f5f9; padding: 0.1rem 0.3rem; border-radius: 4px; font-size: 0.9em; }
.bc-rolle-body pre code { background: transparent; color: inherit; padding: 0; }
.bc-rolle-body blockquote { border-left: 3px solid #003366; margin: 1rem 0; padding-left: 1rem; color: #4b5563; }
.bc-rolle-body .mermaid { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1rem; margin: 1rem 0; }
@media (max-width: 800px) {
  .bc-rolle-layout { grid-template-columns: 1fr; }
  .bc-rolle-nav { position: static; }
}