/**
 * Ruler CSS - SVG Ruler Styles
 * Atualizado em 23/jan/2026
 */

.ruler-container {
    margin: 1rem 0;
    text-align: center;
}

.ruler-container svg {
    width: 100%;
    height: auto;
    border-radius: var(--brd-rad-sm);
}

.ruler-explanation {
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-top: 0.5rem;
    text-align: center;
}