/*---------------------------------------------
  EHU Icons Block
-----------------------------------------------*/
.ehu-icons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 2rem;
}

/* Coloured square */
.ehu-icons__hero {
    position: relative;
    width: 150px;
    height: 160px;
}

/* Title label: above-left, overlapping outside the square */
.ehu-icons__label-above {
    position: absolute;
    top: 0.75rem;
    left: -1.5rem;
    font-weight: var(--ehu-font-weight-semibold, 600);
    font-size: var(--ehu-font-size-base, 1rem);
    line-height: 1.2;
    margin: 0;
    z-index: 2;
    max-width: 98%;
}

/* SVG icon: offset right, hanging below the square */
.ehu-icons__svg {
    position: absolute;
    width: 78%;
    height: auto;
    left: 30%;
    top: 46%;
    transform: translateX(-60%);
    z-index: 1;
}

/* Body text area below */
.ehu-icons__body {
    padding-top: 2.75rem;
    text-align: left;
    max-width: 200px;
    position: relative;
    left: -1.25rem;
}

.ehu-icons__text {
    font-size: var(--ehu-font-size-sm, 0.875rem);
    font-weight: var(--ehu-font-weight-regular, 400);
    line-height: var(--ehu-line-height-tight, 1.25);
    margin: 0 0 0.5rem;
}

/* Responsive */
@media (max-width: 480px) {
    .ehu-icons__body {
        width: 100%;
    }
}