/* CSS to extend content to full width from narrow parent container */
    .break-out {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        background-color: #f9fafb; /* bg-gray-50 as in body source.html */
    }

    /* Force font size for inputs for large numbers as in design */
    #tc-w1, #tc-p1, #tc-r1, #tc-w2, #tc-p2, #tc-r2 {
        font-size: 2.8rem !important; /* Larger professional font size */
        line-height: 5rem !important; /* Center alignment */
        font-weight: 800 !important;
        height: 5.5rem !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
        border-radius: 16px !important;
    }

    /* Original input colors (first block gray, second white) */
    #tc-w1, #tc-p1, #tc-r1 {
        background-color: #f9fafb !important; /* bg-gray-50 */
        color: #1f2937 !important; /* text-gray-800 */
    }
    
    #tc-w2, #tc-p2, #tc-r2 {
        background-color: #ffffff !important; /* bg-white */
        color: #1e3a8a !important; /* text-blue-900 */
    }

    /* Professional look for tire size selectors (tc-preset) */
    #tc-preset1, #tc-preset2 {
        font-size: 1.8rem !important; /* Larger professional font */
        font-weight: 700 !important;
        height: 6rem !important; /* Larger touch-friendly size */
        border: 2px solid #d1d5db !important; /* Sharp professional border */
        border-radius: 16px !important;
        padding: 0 24px !important;
        color: #1f2937 !important;
        background-color: #ffffff !important;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
        transition: all 0.2s ease !important;
    }

    #tc-preset1:focus, #tc-preset2:focus {
        border-color: #2563eb !important; 
        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.2) !important;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }

    .wheel-svg {
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* Custom scrollbar for alternatives block */
    .alt-scroll::-webkit-scrollbar {
        height: 8px;
    }

    .alt-scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 6px;
    }

    .alt-scroll::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 6px;
    }

    .alt-scroll::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
    }