:root { --accent: #bd58cf; --accent-soft: #f5e5f9; }
body { background: radial-gradient(circle at 15% 0%, rgba(189, 88, 207, 0.11), transparent 28rem), var(--canvas); }
.site-brand { width: 154px; height: 62px; margin: 0 4px 22px; overflow: hidden; border: 1px solid rgba(189, 88, 207, 0.24); border-radius: 15px; background: rgb(23, 18, 28); box-shadow: rgba(73, 32, 83, 0.15) 0px 9px 22px; }
.brand-logo { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.section-count { border-color: rgba(189, 88, 207, 0.22); color: rgb(141, 55, 153); }
.lead-note { border-color: var(--accent); background: #fcf6fd; }
@media (max-width: 680px) { .site-brand { width: 132px; height: 54px; margin: 0 0 16px; } }

.section-body a,
.section-body a:visited {
  color: #1d1d1f;
  text-decoration: underline;
  text-decoration-color: #b8b8bd;
  text-underline-offset: 3px;
}
.section-body a:hover { color: #000; text-decoration-color: currentColor; }
.section-body a:focus-visible { outline: 2px solid #1d1d1f; outline-offset: 3px; border-radius: 2px; }