@import url(‘https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,300;0,400;0,700;1,300&family=Inter:wght@400;600;700&family=Space+Grotesk:wght@300;400;700&display=swap’);

* { box-sizing: border-box; }
body { background-color: #f7f5fb; margin: 0; }
::selection { background: #6b3fc0; color: white; }

.site-header, .site-header-wrap, header.banner,
.site-header-row, #masthead, .kadence-header,
.kadence-header-wrap { display: none !important; }
.site-footer, .site-footer-wrap, footer.site-footer,
.footer-widget-area, .site-footer-bottom-wrap,
.kadence-footer, #colophon { display: none !important; }
body { margin-top: 0 !important; padding-top: 0 !important; }
.site-content, #content, .content-area, .site-main {
margin-top: 0 !important; padding-top: 0 !important;
}

.rp-three-col > p, .rp-three-col > p:empty {
display: none !important; margin: 0; padding: 0;
}

.rp-card {
background: #ede8f8;
border: 1px solid rgba(107,63,192,0.18);
border-radius: 12px;
padding: 1.5rem;
transition: border-color 0.2s, box-shadow 0.2s;
display: flex;
flex-direction: column;
}
.rp-card:hover {
border-color: rgba(107,63,192,0.55);
box-shadow: 0 4px 24px rgba(107,63,192,0.25);
}
.rp-card-meta {
font-family: ‘Space Grotesk’, monospace;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #8875a8;
margin-bottom: 0.75rem;
}
.rp-card h2 {
font-family: Georgia, ‘Newsreader’, serif;
font-size: 1.35rem;
font-weight: 700;
color: #1a0a2e;
margin: 0 0 0.75rem 0;
line-height: 1.3;
}
.rp-card p {
font-family: ‘Inter’, sans-serif;
font-size: 0.875rem;
color: #8875a8;
line-height: 1.6;
text-align: justify;
margin: 0 0 1.25rem 0;
flex-grow: 1;
}
.rp-card-link {
font-family: ‘Space Grotesk’, monospace;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #6b3fc0;
text-decoration: none;
display: inline-flex;
align-items: center;
font-weight: 600;
transition: color 0.15s;
}
.rp-card-link:hover { color: #8b5cf6; }
.rp-card-link svg { margin-left: 4px; transition: transform 0.15s; }
.rp-card-link:hover svg { transform: translate(2px, -2px); }

@media (max-width: 767px) {
.rp-three-col { grid-template-columns: 1fr !important; }
.rp-hero-title { font-size: 2.5rem !important; }
}