@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
    --color-bg: #080808;
    --color-text: #ffffff;
    --color-accent: rgb(170, 0, 0);
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--color-bg); color: var(--color-text); font-family: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif; }
a { color: inherit; }
.msr-header { position: relative; }
.msr-main { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.msr-card-grid { display: grid; gap: 1rem; }
@media (min-width: 720px) { .msr-card-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } }