/* Maintenance calculator — small additions on tools.css */

.btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1.25rem;
    font-size: 0.95rem;
    font-weight: 700;
    font-family: var(--font-sans);
    color: var(--fg-body);
    background: var(--bg-tint);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius);
    cursor: pointer;
    text-decoration: none;
    transition: background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);
}

.btn-secondary:hover {
    background: var(--ta-cream-200);
    border-color: var(--accent);
}

.back-link {
    display: inline-block;
    margin-top: 1.25rem;
    color: var(--accent);
    text-decoration: none;
    font-weight: 700;
}

.back-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.info-section {
    background: var(--bg-tint);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1.25rem 1.35rem;
}

.info-section h2 {
    color: var(--accent);
}

.info-section .note {
    background: var(--bg-raised);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
}

.result-card h3 {
    border-bottom: 2px solid var(--accent);
    padding-bottom: 0.5rem;
}

@media (max-width: 768px) {
    .btn-secondary {
        width: 100%;
    }
}