.feels-grid{
    display:flex;
    justify-content:center;
}
.feels-card{
    background:linear-gradient(135deg, var(--bs-primary), var(--bs-info));
    color:#fff;
    padding:1.5rem 2rem;
    border-radius:.75rem;
    text-align:center;
    min-width:280px;
    max-width:400px;
    width:100%;
    box-shadow:0 6px 20px rgba(13,110,253,.25);
    transition:background .3s ease;
}
.feels-card.cat-comfortable{background:linear-gradient(135deg, #198754, #20c997);}
.feels-card.cat-caution{background:linear-gradient(135deg, #ffc107, #fd7e14);color:#1a1a1a;}
.feels-card.cat-extreme-caution{background:linear-gradient(135deg, #fd7e14, #e35d6a);}
.feels-card.cat-danger{background:linear-gradient(135deg, #dc3545, #c92526);}
.feels-card.cat-extreme-danger{background:linear-gradient(135deg, #6f0e0e, #3a0606);}
.feels-card.cat-cool{background:linear-gradient(135deg, #6c757d, #495057);}
.feels-card.cat-cold{background:linear-gradient(135deg, #0d6efd, #084298);}
.feels-card.cat-very-cold{background:linear-gradient(135deg, #084298, #052c65);}
.feels-card.cat-deadly-cold{background:linear-gradient(135deg, #052c65, #000814);}

.feels-label{
    font-size:.85rem;
    text-transform:uppercase;
    letter-spacing:.1em;
    opacity:.85;
    margin-bottom:.25rem;
}
.feels-value{
    font-size:3rem;
    font-weight:800;
    line-height:1;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.feels-formula{
    font-size:.8rem;
    margin-top:.5rem;
    opacity:.8;
}
.feels-category{
    margin-top:.65rem;
    font-size:.95rem;
    font-weight:600;
    padding:.25rem .75rem;
    background:rgba(0,0,0,.15);
    border-radius:.4rem;
    display:inline-block;
}

.metric-box{
    background:var(--bs-tertiary-bg);
    border:1px solid var(--bs-border-color);
    border-radius:.4rem;
    padding:.75rem 1rem;
    height:100%;
}
.metric-label{
    font-size:.75rem;
    text-transform:uppercase;
    color:var(--bs-secondary-color);
    letter-spacing:.05em;
    margin-bottom:.2rem;
}
.metric-value{
    font-size:1.4rem;
    font-weight:700;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    color:var(--bs-body-color);
    line-height:1.2;
}
.metric-note{
    margin-top:.25rem;
    font-size:.75rem !important;
    line-height:1.3;
}

.cat-row{
    display:flex;
    align-items:center;
    gap:.5rem;
    padding:.3rem .5rem;
    border-radius:.3rem;
    margin-bottom:.2rem;
}
.cat-bar{
    width:12px;
    height:12px;
    border-radius:50%;
    flex-shrink:0;
}
.cat-name{flex:1;font-weight:600;}
.cat-range{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:.78rem;
    color:var(--bs-secondary-color);
}

.cat-caution .cat-bar{background:#ffc107;}
.cat-extreme-caution .cat-bar{background:#fd7e14;}
.cat-danger .cat-bar{background:#dc3545;}
.cat-extreme-danger .cat-bar{background:#6f0e0e;}
.cat-chill .cat-bar{background:#6c757d;}
.cat-cold .cat-bar{background:#0d6efd;}
.cat-very-cold .cat-bar{background:#084298;}
.cat-deadly-cold .cat-bar{background:#052c65;}

.scenario-btn{font-size:.78rem;}