/* Shared tool-page hierarchy polish. Keeps the established WT visual language while making the active workbench easier to identify. */

/* The serial/glyph block is an ID badge, not a full-height header column. */
.tool-id-block {
    align-self: center;
    width: 100%;
    min-height: 0;
    height: auto;
    aspect-ratio: 1 / 1;
}

/* Give the actual interactive tool a stronger, consistent focal treatment. */
.tool-workbench-card {
    margin-top: 48px;
    border-width: 4px;
    box-shadow: 10px 10px 0 var(--ink), -5px -5px 0 var(--orange);
}

.tool-workbench-card > .card-strip {
    border-bottom: 4px solid var(--orange);
}

@media (max-width: 680px) {
    .tool-workbench-card {
        margin-top: 34px;
        border-width: 3px;
        box-shadow: 6px 6px 0 var(--ink), -3px -3px 0 var(--orange);
    }

    .tool-workbench-card > .card-strip {
        border-bottom-width: 3px;
    }
}