/* Sits on the blue gradient from the .slamet theme, so use light text and borders. */
.section { margin: 40px 16px 0; color: #fff; }
.section h2 { font-size: 1.1em; text-transform: uppercase; letter-spacing: .08em; color: #fff; margin: 0 0 12px; }
.section a { color: #fff; text-decoration: underline; }
.about p { margin: 0 0 12px; }
.card { display: block; padding: 12px 16px; margin-bottom: 10px; border: 1px solid rgba(255,255,255,.45); border-radius: 8px; color: #fff; background: rgba(255,255,255,.08); text-decoration: none; }
.section a.card { text-decoration: none; }
a.card:hover { border-color: #fff; background: rgba(255,255,255,.18); }
.card .title { font-weight: 600; }
.card .meta { font-size: .8em; color: rgba(255,255,255,.85); }
.card .desc { font-size: .85em; margin-top: 4px; }
.stats { display: flex; gap: 10px; margin-bottom: 12px; }
.stat { flex: 1; text-align: center; padding: 10px 4px; border: 1px solid rgba(255,255,255,.45); border-radius: 8px; background: rgba(255,255,255,.08); }
.stat b { display: block; font-size: 1.5em; }
.stat span { font-size: .75em; color: rgba(255,255,255,.85); }
.top-artists { margin: 0; padding-left: 1.4em; font-size: .9em; }
.updated { font-size: .75em; color: rgba(255,255,255,.85); margin-top: 8px; }
.subhead { font-size: .9em; font-weight: 600; color: #fff; margin: 0 0 6px; }
.top-artists + .subhead { margin-top: 24px; }