/* Generated by scripts/extract-page-css.cjs — do not edit.
   Was an inline <style> in features/burnout-detection/index.html; moved out so the CSP can drop
   'unsafe-inline' from style-src. Its position in <head> is preserved,
   so the cascade is unchanged. */
.btn-ghost{font-size:14px;color:rgba(255,255,255,0.66);font-weight:400;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:1px}
.btn-ghost:hover{color:rgba(255,255,255,0.9);border-color:rgba(255,255,255,0.5)}
.hero-stats{display:flex;gap:28px;margin-top:36px}
.stat-num{font-size:26px;font-weight:700;color:var(--danger);letter-spacing:-1px;line-height:1}
.stat-lbl{font-size:12px;color:rgba(255,255,255,0.62);margin-top:2px;line-height:1.4}
.hero-visual{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:28px;backdrop-filter:blur(8px)}
.risk-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.risk-title{font-size:12px;font-weight:600;color:rgba(255,255,255,0.66);text-transform:uppercase;letter-spacing:0.5px}
.risk-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px}
.risk-high{background:rgba(248,113,113,0.15);color:var(--danger-on-tint)}
.risk-med{background:rgba(251,191,36,0.15);color:#fbbf24}
.risk-low{background:var(--growth-dim);color:var(--growth)}
.risk-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.risk-row:last-child{border-bottom:none}
.risk-label{font-size:13px;color:rgba(255,255,255,0.7);flex:1}
.risk-bar-wrap{width:80px;height:4px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden}
.risk-bar{height:100%;border-radius:2px}
.alert-box{background:rgba(248,113,113,0.08);border:1px solid rgba(248,113,113,0.2);border-radius:12px;padding:14px;margin-top:16px;display:flex;gap:10px;align-items:flex-start}
.alert-icon{font-size:14px;line-height:1.4;flex-shrink:0}
.alert-text{font-size:12px;color:rgba(255,255,255,0.65);line-height:1.6}
