/* Extracted from pages/tokenomics.html */
.fact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.fact-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 1.25rem; }
.fact-card h3 { color: var(--accent); font-size: 0.85rem; text-transform: uppercase; margin-bottom: 0.25rem; }
.fact-card .value { font-family: var(--font-mono); font-size: 1.3rem; font-weight: 700; }
.principle { padding: 0.75rem 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
.principle:last-child { border-bottom: none; }
.principle h4 { margin-bottom: 0.25rem; }
.principle p { color: var(--text-dim); font-size: 0.9rem; }
.loop-box { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 1.5rem; margin: 1.5rem 0; font-family: var(--font-mono); font-size: 0.85rem; line-height: 1.8; color: var(--text-dim); white-space: pre-line; }
.not-list li { color: var(--text-dim); font-size: 0.9rem; padding: 0.3rem 0; }
.callout { background: rgba(74,158,255,0.05); border-left: 3px solid var(--accent); padding: 1rem 1.25rem; margin: 1.5rem 0; border-radius: 0 6px 6px 0; }
.callout p { color: var(--text-dim); font-size: 0.9rem; margin: 0; }
.warning-box { background: rgba(255,61,0,0.06); border: 1px solid rgba(255,61,0,0.2); border-radius: 8px; padding: 1.25rem; margin: 1.5rem 0; }
.warning-box h4 { color: #ff3d00; margin-bottom: 0.5rem; }