/* mentions.css */

@font-face { font-family: 'TAModernTimes'; src: url('../fonts/TA-ModernTimes.otf') format('opentype'); }

:root { --bg-color: #000; --text-color: #fff; --accent-color: #2c8249; --section-spacing: 60px; --max-width: 1000px; --font-size: 18px; }

body { background-color: var(--bg-color); color: var(--text-color); font-family: 'TAModernTimes'; font-size: var(--font-size); line-height: 1.6; padding: 120px 20px 40px 20px; }

.mentions-wrapper { max-width: var(--max-width); margin: auto; }

.mentions-wrapper h1 { font-size: 2.5em; color: var(--accent-color); text-align: center; margin-bottom: 1.5em; }

.mentions-wrapper h2 { font-size: 1.6em; color: var(--accent-color); margin-top: var(--section-spacing); margin-bottom: 0.5em; }

.mentions-wrapper p { margin-bottom: 1em; }

.mentions-wrapper a { color: var(--accent-color); text-decoration: underline; }

.mentions-wrapper ul { padding-left: 20px; }

.mentions-wrapper li { margin-bottom: 0.5em; }

@media (max-width: 768px) { body { font-size: 16px; padding: 100px 15px 30px 15px; } .mentions-wrapper h1 { font-size: 2em; } }