/* Estilo do conteúdo renderizado dos docs (markdown → html) — usa as variáveis do hub.css */
.docnav{ max-width:860px; margin:0 auto; padding:22px 24px 0; font-size:13px; color:var(--dim) }
.docnav a{ color:var(--muted); text-decoration:none; border-bottom:1px solid var(--line2) }
.docnav a:hover{ color:var(--red-soft) }

.doc{ max-width:860px; margin:0 auto; padding:20px 24px 96px; line-height:1.62 }
.doc > *:first-child{ margin-top:0 }

.doc h1{ font-family:'Bebas Neue',sans-serif; font-weight:400; font-size:clamp(34px,6vw,54px); line-height:1; letter-spacing:1px; margin:8px 0 6px; padding-top:22px; position:relative }
.doc h1::before{ content:""; position:absolute; left:0; top:0; width:56px; height:4px; background:var(--red) }
.doc h2{ font-family:'Bebas Neue',sans-serif; font-weight:400; letter-spacing:1px; font-size:27px; margin:38px 0 12px; padding-top:20px; border-top:1px solid var(--line); color:#fff }
.doc h3{ font-size:15px; font-weight:700; margin:22px 0 8px; color:#fff }
.doc h4{ font-size:13px; font-weight:700; margin:16px 0 6px; color:var(--red-soft); text-transform:uppercase; letter-spacing:.5px }
.doc p{ color:#d4d4d4; margin:0 0 12px }
.doc strong{ color:#fff }
.doc em{ color:var(--muted) }
.doc a{ color:var(--red-soft); text-decoration:none; border-bottom:1px solid rgba(239,68,68,.3) }
.doc ul,.doc ol{ margin:6px 0 14px 4px; padding-left:20px }
.doc li{ margin-bottom:6px; color:#d4d4d4 }
.doc code{ font-family:ui-monospace,Menlo,monospace; font-size:12.5px; background:#1e1e1e; padding:1px 6px; border-radius:4px; color:#eab }
.doc pre{ background:#0e0e0e; border:1px solid var(--line); border-radius:10px; padding:16px; overflow-x:auto; margin:14px 0 }
.doc pre code{ background:none; padding:0; color:#cdcdcd; font-size:12.5px; line-height:1.5 }

.doc blockquote{ background:var(--card); border-left:3px solid var(--red); border-radius:0 8px 8px 0; padding:12px 18px; margin:14px 0; color:#cfcfcf }
.doc blockquote p:last-child{ margin-bottom:0 }

.doc table{ border-collapse:collapse; width:100%; font-size:13.5px; margin:14px 0; display:block; overflow-x:auto }
.doc th,.doc td{ text-align:left; padding:10px 14px; border:1px solid var(--line); vertical-align:top }
.doc thead th{ font-family:'Bebas Neue',sans-serif; letter-spacing:1.2px; font-weight:400; font-size:13.5px; color:var(--red); background:#141414; white-space:nowrap }
.doc tbody tr:hover{ background:#131313 }
.doc td strong{ color:#fff }

.doc hr{ border:none; border-top:1px solid var(--line); margin:30px 0 }
.doc .foot,.docfoot{ margin-top:44px; padding-top:16px; border-top:1px solid var(--line); color:var(--dim); font-size:13px }