.cd-musicality-nav-section .cd-fun-menu__section-label {
font-weight: 700;
color: #1e3a5f;
}
.cd-fun-menu__item--musicality .cd-fun-menu__link {
font-size: 0.92rem;
} .cdm-grid > .cd-musicality-entry-card {
order: -40;
grid-column: 1 / -1;
}
.cd-musicality-entry-card {
position: relative;
overflow: hidden;
border-radius: 20px;
border: 1px solid rgba(201, 162, 39, 0.35);
border-left: 5px solid #c9a227;
background:
radial-gradient(720px 240px at 100% 0%, rgba(201, 162, 39, 0.14), transparent 55%),
radial-gradient(900px 280px at 0% 0%, rgba(232, 74, 127, 0.12), transparent 55%),
linear-gradient(145deg, #faf8f4 0%, #f3efe6 48%, #ebe4d6 100%);
box-shadow:
0 14px 32px rgba(30, 58, 95, 0.1),
0 0 0 1px rgba(30, 58, 95, 0.06);
scroll-margin-top: 88px;
}
.cd-musicality-entry-card__badge {
position: absolute;
top: 12px;
right: 14px;
font-size: 2.25rem;
line-height: 1;
opacity: 0.22;
pointer-events: none;
user-select: none;
}
.cd-musicality-entry-card .cdm-card__head {
position: relative;
z-index: 1;
padding-right: 2.5rem;
}
.cd-musicality-entry-card .cdm-h2 {
color: #1e3a5f;
}
.cd-musicality-entry-card__pill {
background: linear-gradient(135deg, rgba(30, 58, 95, 0.1), rgba(201, 162, 39, 0.18));
color: #1e3a5f;
border: 1px solid rgba(201, 162, 39, 0.35);
font-weight: 800;
}
.cd-musicality-entry-card__actions {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin-top: 4px;
position: relative;
z-index: 1;
}
.cd-musicality-cta--primary {
background: #1e3a5f !important;
border-color: rgba(30, 58, 95, 0.35) !important;
color: #faf8f4 !important;
box-shadow: 0 10px 22px rgba(30, 58, 95, 0.18);
}
.cd-musicality-cta--primary:hover {
filter: brightness(1.06);
}
.cd-musicality-entry-card__note {
margin: 12px 0 0;
font-size: 0.88rem;
line-height: 1.45;
color: rgba(30, 58, 95, 0.78);
position: relative;
z-index: 1;
}
.cd-musicality-entry-card__note-link {
color: #1e3a5f;
font-weight: 600;
text-decoration: none;
}
.cd-musicality-entry-card__note-link:hover {
text-decoration: underline;
}
.cd-musicality-entry-card__note-sep {
opacity: 0.5;
}
@media (max-width: 720px) {
.cd-musicality-entry-card__actions {
grid-template-columns: 1fr;
}
.cd-musicality-entry-card__actions .cdm-btn,
.cd-musicality-entry-card__actions .cd-musicality-cta {
width: 100%;
justify-content: center;
text-align: center;
}
.cd-musicality-entry-card__badge {
font-size: 1.75rem;
top: 10px;
right: 10px;
}
} .cd-musicality-hub {
max-width: 920px;
margin: 0 auto;
}
.cd-musicality-hub .wp-block-group.cd-musicality-hub__hero {
border-radius: 20px;
padding: 1.75rem 1.5rem;
background:
radial-gradient(1000px 320px at 10% -10%, rgba(232, 74, 127, 0.14), transparent 60%),
linear-gradient(160deg, #faf8f4, #ebe4d6);
border: 1px solid rgba(30, 58, 95, 0.12);
}
.cd-musicality-hub .cd-musicality-hub__section-title {
color: #1e3a5f;
margin-bottom: 0.35rem;
}
.cd-musicality-hub .wp-block-button__link {
border-radius: 999px;
background: #1e3a5f;
color: #faf8f4;
}
.cd-musicality-hub .is-style-outline .wp-block-button__link {
background: transparent;
color: #1e3a5f;
border: 2px solid rgba(30, 58, 95, 0.28);
}