body {
    background: var(--dark-2);
    color: var(--text-inv);
    font-family: 'Raleway', sans-serif;
    min-height: 100vh;
}

.article-main {
    padding: 4rem 0 6rem;
}

.article-back {
    margin-bottom: 2.5rem;
}

.article-back a {
    font-size: .82rem;
    font-family: 'Cinzel', serif;
    letter-spacing: .1em;
    color: rgba(167, 139, 250, .7);
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s;
}

.article-back a:hover {
    color: rgba(167, 139, 250, 1);
}

.article-body {
    max-width: 720px;
    margin: 0 auto;
}

.article-header {
    margin-bottom: 3rem;
}

.article-date {
    font-size: .72rem;
    letter-spacing: .15em;
    color: var(--gold);
    font-family: 'Cinzel', serif;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.article-title {
    font-family: 'Cinzel', serif;
    font-size: clamp(1.6rem, 4vw, 2.5rem);
    font-weight: 600;
    color: var(--text-inv);
    line-height: 1.3;
    margin-bottom: 1.5rem;
}

.article-divider {
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

.article-content {
    font-size: 1rem;
    line-height: 1.85;
    color: rgba(240, 236, 255, .85);
}

.article-content p { margin-bottom: 1.25rem; }
.article-content p:last-child { margin-bottom: 0; }
.article-content ul, .article-content ol { margin: 0 0 1.25rem 1.5rem; padding: 0; }
.article-content li { margin-bottom: .35rem; }
.article-content strong { color: #f0ecff; font-weight: 600; }
.article-content em { color: rgba(192, 132, 252, .9); }
.article-content a { color: #a78bfa; text-decoration: underline; }
.article-content a:hover { color: #c4b5fd; }
.article-content h2, .article-content h3 { font-family: 'Cinzel', serif; color: #f0ecff; margin: 2rem 0 .75rem; }
.article-content h2 { font-size: 1.35rem; }
.article-content h3 { font-size: 1.1rem; }