/* Slightly stronger selector so theme grid rules do not easily override it */
body .turf-calculator {
    max-width: 480px;
}

.turf-calculator {
    .tc-title {
        margin-block-end: 1rem;
    }

    .tc-form {
        display: block;
    }

    .tc-fieldset {
        margin-block: 0.75rem;
        padding: 0.5rem 0 0.75rem;
        border: 1px solid rgba(0, 0, 0, 0.08);
    }

    .tc-legend {
        padding: 0 0.25rem;
        font-weight: 600;
        font-size: 0.95rem;
    }

    .tc-row {
        margin-block-start: 0.5rem;
    }

    .tc-label {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .tc-input {
        max-width: 220px;
    }

    .tc-area-inputs {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

    .tc-actions {
        margin-block-start: 1rem;
    }

    .tc-results {
        margin-block-start: 1rem;
        opacity: 0;
        transition: opacity 0.35s ease-in-out;

        &.tc-is-visible {
            opacity: 1;
        }
    }

    .tc-result-line {
        margin-block: 0.25rem;
    }
}