/* Domain Letter Styling */

/* Letter inside the domain circle - centered */
.domain-letter {
    font-size: 28px;
    font-weight: 600;
    color: var(--domain-color);
    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: 0;
    opacity: 0.9;
    display: block;
    text-align: center;
    line-height: 1;
}

/* Domain label now positioned below circle via .clean-domain-label */

/* Removed - this was breaking quadrant positioning! */

/* Hover effects */
.clean-domain:hover .domain-letter {
    opacity: 1;
    transform: scale(1.1);
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .domain-letter {
        font-size: 20px;
    }
}