/* Project Lifecycle Timeline — header row + eleven-step chain */

/* Section shell */
.plt-section {
    box-sizing: border-box;
}

/* Header row: space-between flex so the link sits on the far right */
.plt-header {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    column-gap: 2.5rem !important;
    margin-bottom: 40px !important;
    width: 100% !important;
}

.plt-header > .wp-block-group {
    margin: 0 !important;
}

.plt-header-left {
    min-width: 0 !important;
}

.plt-header-right {
    flex-shrink: 0 !important;
}

.plt-header-right p a {
    text-decoration: none;
    white-space: nowrap;
}

.plt-header-right p a:hover {
    text-decoration: underline;
}

/* Eleven-step chain: a single fluid row, 11 equal cells ~9.09% each.
   Percentage boundaries let labels wrap in place without breaking the row. */
.plt-steps {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}

.plt-steps > .wp-block-column {
    flex: 0 0 9.0909% !important;
    width: 9.0909% !important;
    max-width: 9.0909% !important;
    position: relative !important;
    padding: 0 4px !important;
    text-align: center !important;
}

/* Vertical column partition behind the floating arrow separator */
.plt-steps > .wp-block-column:not(:last-child) {
    border-right: 1px solid #d5e0ee;
}

/* Floating right-arrow separator, centered exactly ON the vertical partition
   line that runs between every step (10 pairs total). */
.plt-steps > .wp-block-column:not(:last-child)::after {
    content: ">";
    position: absolute;
    top: 14px;
    right: 0;
    transform: translateX(50%);
    color: #94a7c4;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
    z-index: 1;
}

/* Icon placeholder centered at the top of each cell */
.plt-steps .wp-block-image {
    margin: 0 auto 6px !important;
    line-height: 0;
}

.plt-steps .wp-block-image img {
    width: 36px;
    height: 36px;
}

/* Step label handled inline in the block markup */
.plt-steps h3 {
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
}

/* Slightly smaller cells keep one row intact on compact desktops */
@media (min-width: 782px) and (max-width: 1000px) {
    .plt-steps h3 {
        font-size: 0.6rem !important;
    }
}

/* Narrow screens: header stacks, chain wraps to two steps per row and the
   floating arrows are hidden so wraparound rows stay clean */
@media (max-width: 781px) {
    .plt-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }

    .plt-steps {
        flex-wrap: wrap !important;
        gap: 18px 0 !important;
    }

    .plt-steps > .wp-block-column {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }

    .plt-steps > .wp-block-column::after {
        display: none !important;
    }
}