/* cards  */
.cards{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(min(25rem, 100%), 1fr));
    gap:1rem;
    margin-top:2rem;
}

.card
{
    display:flex;
    flex-direction: column;
    border-radius: 1rem;
    overflow: hidden;
    min-width:23rem;
    box-shadow: 0px 0px 15px rgb(63, 63, 63);
    background-color: rgb(49, 50, 58);
    color:aliceblue;
}

.card-caption{
    text-align: right;
    padding-right:1rem;
    font-weight: bolder;
    font-size: 2rem;
    background-color: rgb(27, 28, 34);
    color:rgb(255, 162, 0);
}

.card-tool-img img{
    max-width: 100%;
    filter: invert(1);
}

.card-body{
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
}

.card-body > div{
    flex:1;
}

/* tool infos  */
.card-info-row{
    display:flex;
    justify-content:space-between;
    font-size: small;
    margin-right: 1rem;
}

.card-info-row:not(:last-child)
{
    border-bottom: 1px solid rgb(100, 100, 100);
}

.card-info-row div:first-child::after{
    content:":";
}

.card-info-row div{
    padding-block: 5px;
}

  /* print  */
@media print  
{
    .hn_15, .hv_15{display:none;}

    .card{
        page-break-inside: avoid;

        box-shadow: none;
        background-color: rgb(255, 255, 255);
        color:rgb(41, 41, 41);
        border:1px solid gray;
    }

    .card-caption{
        background-color: rgb(224, 224, 224);
        color:rgb(0, 0, 0);
    }

    .card-tool-img img{
        filter: invert(0);
    }
}