/* process kanban — geometric decor, icon/body sizing */
.process-kb__geo {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}
.process-kb__geo::before {
    content: '';
    position: absolute;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    border: 3.5rem solid currentColor;
    opacity: 0.04;
    top: -7rem;
    right: -7rem;
}
.process-kb__geo::after {
    content: '';
    position: absolute;
    width: 10rem;
    height: 10rem;
    border: 2.5rem solid currentColor;
    opacity: 0.04;
    bottom: -3rem;
    left: -3rem;
}
.process-kb__icon {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
}
.process-kb__body {
    min-width: 0;
}

/* v27 - folded paper corner (clip-path fold has no TW/BS utility) */
[data-fold-card] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 1.25rem 100%, 0 calc(100% - 1.25rem));
    transition: clip-path 200ms ease;
}

[data-fold-card]:hover {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0.5rem 100%, 0 calc(100% - 0.5rem));
}

/* Three-column grid — real CSS grid, framework-agnostic (never row/col-* + gap together) */
.parchment-trio__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 768px) {
    .parchment-trio__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Fixed icon badge size — no Bootstrap utility beyond w-25/50/75/100 */
.parchment-trio__badge {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tips-financial__card {
    max-width: 24rem;
}

.tips-financial__thumb {
    width: 2.5rem;
    height: 2.5rem;
}

.polar-frame-quote__portrait {
    width: 7rem;
    height: 7rem;
}