/* =========================================================
   POMOSDA — SECTION 13 FINAL R1.3 POLISH
   Final micro-polish for the restored scholarship layout.
   ========================================================= */

/* ---------------------------------------------------------
   1) BRAND-CONSISTENT, ACCESSIBLE CTA FOCUS
   --------------------------------------------------------- */

.s1314-r1-section13
.s1314-r12-main-cta {
    outline: none !important;
    border: 0 !important;
    box-shadow:
        0 12px 24px rgba(190,145,0,.17),
        inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.s1314-r1-section13
.s1314-r12-main-cta:focus {
    outline: none !important;
}

.s1314-r1-section13
.s1314-r12-main-cta:focus-visible {
    outline: 3px solid rgba(255,255,255,.94) !important;
    outline-offset: 3px !important;
    box-shadow:
        0 0 0 6px rgba(7,95,81,.34),
        0 14px 28px rgba(190,145,0,.20),
        inset 0 1px 0 rgba(255,255,255,.30) !important;
}

/* Mouse/touch users don't keep a browser-blue ring after click */
.s1314-r1-section13
.s1314-r12-main-cta:not(:focus-visible) {
    outline: none !important;
}

/* ---------------------------------------------------------
   2) ONE CONTINUOUS BENEFIT RAIL
   --------------------------------------------------------- */

.s1314-r1-section13
.s1314-r12-card--benefits {
    position: relative;
}

/* Remove the old rail attached only to row 2 */
.s1314-r1-section13
.s1314-r12-benefit:nth-child(2)::before {
    content: none !important;
    display: none !important;
}

/* Single subtle rail spanning both rows */
.s1314-r1-section13
.s1314-r12-card--benefits::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15%;
    bottom: 15%;
    width: 3px;
    border-radius: 0 999px 999px 0;
    background:
        linear-gradient(
            180deg,
            rgba(7,95,81,.22) 0%,
            #075f51 26%,
            #075f51 74%,
            rgba(7,95,81,.22) 100%
        );
}

/* Tiny node in the center gives the rail a finished visual anchor */
.s1314-r1-section13
.s1314-r12-card--benefits::after {
    content: "";
    position: absolute;
    left: -3px;
    top: 50%;
    width: 9px;
    height: 9px;
    border: 2px solid #f7f2e8;
    border-radius: 50%;
    background: #075f51;
    transform: translateY(-50%);
    box-shadow: 0 0 0 4px rgba(7,95,81,.07);
}

/* Keep row divider calm */
.s1314-r1-section13
.s1314-r12-benefit + .s1314-r12-benefit {
    border-top-color: rgba(7,95,81,.07) !important;
}

/* ---------------------------------------------------------
   MICRO INTERACTION
   --------------------------------------------------------- */

@media (hover:hover) and (pointer:fine) {
    .s1314-r1-section13
    .s1314-r12-main-cta {
        transition:
            transform 180ms ease,
            box-shadow 180ms ease,
            background-color 180ms ease;
    }

    .s1314-r1-section13
    .s1314-r12-main-cta:hover {
        transform: translateY(-2px);
        background: #ffd02b;
        box-shadow:
            0 16px 30px rgba(190,145,0,.21),
            inset 0 1px 0 rgba(255,255,255,.32) !important;
    }
}

@media (max-width:560px) {
    .s1314-r1-section13
    .s1314-r12-card--benefits::before {
        top: 12%;
        bottom: 12%;
    }
}

@media (prefers-reduced-motion:reduce) {
    .s1314-r1-section13
    .s1314-r12-main-cta {
        transition: none !important;
    }
}