/* BurnGauge docs prerender — generated companion to scripts/prerender-docs.mjs.
   Every rule here was an inline style="" attribute until R2-B moved it out so
   the enforced CSP could drop style-src 'unsafe-inline'. Do not re-inline. */
.bgd{background:#08090e;color:#e6e8ee;min-height:100vh;font-family:'Outfit',system-ui,sans-serif}
.bgd-shell{max-width:1100px;margin:0 auto;padding:28px 20px;display:flex;gap:40px;align-items:flex-start}
.bgd-shell-hub{max-width:1100px;margin:0 auto;padding:36px 20px}
.bgd-row{display:flex;align-items:center;gap:14px}

.bgd-header{border-bottom:1px solid #1d2027;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bgd-wordmark{font:700 18px/1 'Oswald',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-decoration:none}
.bgd-dot{color:#ff5b3a}
.bgd-eyebrow-chip{font:11px monospace;letter-spacing:.18em;text-transform:uppercase;color:#8a8f9c;border-left:1px solid #1d2027;padding-left:14px}
.bgd-btn{background:#ff5b3a;color:#fff;font:700 12px monospace;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:6px;text-decoration:none}
.bgd-header-link{font:11px monospace;letter-spacing:.1em;text-transform:uppercase;color:#8a8f9c;text-decoration:none}

.bgd-link{color:#8a8f9c;text-decoration:none}
.bgd-footer{border-top:1px solid #1d2027;margin-top:48px;padding:24px 20px;color:#6b7080;font-size:13px}

.bgd-cta{margin-top:40px;border:1px solid #2a1a16;background:linear-gradient(180deg,#1a0f0c,#120c0a);border-radius:12px;padding:24px}
.bgd-cta-eyebrow{font:700 11px monospace;letter-spacing:.2em;text-transform:uppercase;color:#ff5b3a;margin-bottom:8px}
.bgd-cta-title{font:700 22px 'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin:0 0 8px}
.bgd-cta-copy{color:#aeb2bd;margin:0 0 16px;font-size:15px}
.bgd-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.bgd-btn-lg{background:#ff5b3a;color:#fff;font:700 13px monospace;letter-spacing:.08em;text-transform:uppercase;padding:11px 18px;border-radius:6px;text-decoration:none}
.bgd-btn-ghost{border:1px solid #3a3f4a;color:#e6e8ee;font:700 13px monospace;letter-spacing:.08em;text-transform:uppercase;padding:11px 18px;border-radius:6px;text-decoration:none}

.bgd-side-group{margin-bottom:18px}
.bgd-side-heading{font:700 11px/1.4 monospace;letter-spacing:.18em;text-transform:uppercase;color:#8a8f9c;margin-bottom:8px}
.bgd-list{list-style:none;margin:0;padding:0}
.bgd-side-item{margin:4px 0}
.bgd-side-link{color:#cfd2da;text-decoration:none;font-size:14px}
.bgd-side-link.is-current{color:#ff5b3a}

.bgd-aside{width:220px;flex-shrink:0}
.bgd-main{flex:1;min-width:0;max-width:760px}
.bgd-crumbs{font:11px monospace;letter-spacing:.1em;text-transform:uppercase;color:#6b7080;margin-bottom:14px}
.bgd-kicker{font:700 11px monospace;letter-spacing:.18em;text-transform:uppercase;color:#ff5b3a;margin:0 0 8px}
.bgd-title{font:700 30px 'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.03em;color:#fff;margin:0 0 18px}
.bgd-pager{margin-top:36px;border-top:1px solid #1d2027;padding-top:18px;display:flex;justify-content:space-between;gap:16px}
.bgd-pager-link{color:#cfd2da;text-decoration:none;font-size:13px}

.bgd-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.bgd-card{border:1px solid #1d2027;background:#0f1118;border-radius:10px;padding:18px}
.bgd-card-title{font:700 15px 'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin:0 0 12px}
.bgd-card-item{margin:8px 0}
.bgd-card-link{color:#e6e8ee;text-decoration:none;font-size:14px}
.bgd-card-desc{display:block;color:#8a8f9c;font-size:12px}
.bgd-hub-eyebrow{font:11px monospace;letter-spacing:.18em;text-transform:uppercase;color:#8a8f9c;margin:0 0 8px}
.bgd-hub-title{font:700 32px 'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.03em;color:#fff;margin:0 0 10px}
.bgd-hub-copy{color:#aeb2bd;max-width:640px;margin:0 0 28px;font-size:15px}

/* PHONES. Without this block every docs page scrolls SIDEWAYS on a phone:
   .bgd-shell is a flex row holding a fixed 220px .bgd-aside plus a 40px gap,
   which cannot fit inside a 375px viewport, and .bgd-header's two groups cannot
   either. Measured before this rule existed, with a mobile user agent on the
   live origins: the document came back 437-475px wide on 21 of 21 articles
   against a 375px viewport.

   760px is the breakpoint because .bgd-main is max-width:760px — below it the
   article column is being squeezed rather than merely narrowed.

   This is expressible here and was NOT expressible before R2-B: a media query
   has nowhere to live inside a style="" attribute, which is why 21 articles
   carried the defect for as long as the prerenderer has existed. */
@media (max-width: 760px) {
  .bgd-shell { flex-direction: column; gap: 24px; padding: 22px 16px }
  .bgd-aside { width: auto }
  .bgd-shell-hub { padding: 26px 16px }
  .bgd-header { flex-wrap: wrap; gap: 10px; padding: 12px 16px }
  .bgd-footer { padding: 20px 16px }
  .bgd-cta { padding: 18px }
  .bgd-title { font-size: 26px }
  .bgd-hub-title { font-size: 26px }
}