/* HamyarGPS lightweight repeatable in-article CTA */
.hgps-secondary-cta,
.hgps-secondary-cta * {
    box-sizing: border-box;
}

.hgps-secondary-cta {
    --hsc-accent: #2563eb;
    --hsc-accent-dark: #1749b0;
    --hsc-soft: #eef5ff;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 26px auto;
    padding: 13px 14px 13px 13px;
    overflow: hidden;
    color: var(--hsc-title-color, #1f2f4b);
    background: linear-gradient(135deg, #ffffff 0%, var(--hsc-soft) 100%);
    border: 1px solid var(--hsc-border-color, #d9e4f2);
    border-right: 4px solid var(--hsc-accent);
    border-radius: 13px;
    box-shadow: 0 7px 20px rgba(15, 23, 42, 0.06);
    direction: rtl;
    font-family: inherit;
    line-height: 1.8;
    text-align: right;
}

.hgps-secondary-cta--2 {
    --hsc-accent: #0f8a78;
    --hsc-accent-dark: #0a6c5e;
    --hsc-soft: #eefaf7;
}

.hgps-secondary-cta--3 {
    --hsc-accent: #6d4bc3;
    --hsc-accent-dark: #5335a2;
    --hsc-soft: #f5f1ff;
}

.hgps-secondary-cta--4 {
    --hsc-accent: #cf641f;
    --hsc-accent-dark: #a64a13;
    --hsc-soft: #fff6ed;
}

.hgps-secondary-cta .hsc-copy {
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
    text-align: right;
}

.hgps-secondary-cta .hsc-kicker,
.hgps-secondary-cta .hsc-title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
}

.hgps-secondary-cta .hsc-kicker {
    margin-bottom: 1px;
    color: var(--hsc-accent-dark);
    font-size: var(--hsc-kicker-size, 0.68rem);
    font-weight: 800;
    line-height: 1.7;
}

.hgps-secondary-cta .hsc-title {
    color: var(--hsc-title-color, #172641);
    font-size: var(--hsc-title-size, 0.88rem);
    font-weight: 900;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

.hgps-secondary-cta .hsc-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: var(--hsc-button-min-width, 126px);
    min-height: var(--hsc-button-height, 42px);
    margin: 0;
    padding: 8px 13px;
    color: var(--hsc-button-text, #ffffff) !important;
    background: var(--hsc-accent);
    border: 1px solid var(--hsc-accent);
    border-radius: var(--hsc-button-radius, 9px);
    box-shadow: 0 5px 13px rgba(37, 99, 235, 0.18);
    font-family: inherit;
    font-size: var(--hsc-button-font-size, 0.74rem);
    font-weight: 900;
    line-height: 1.7;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.hgps-secondary-cta .hsc-button:hover,
.hgps-secondary-cta .hsc-button:focus {
    color: #ffffff !important;
    background: var(--hsc-accent-dark);
    border-color: var(--hsc-accent-dark);
    text-decoration: none !important;
    transform: translateY(-1px);
}

.hgps-secondary-cta .hsc-button:focus-visible {
    outline: 3px solid #f59e0b;
    outline-offset: 2px;
}

.hgps-secondary-cta .hsc-button svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

@media (max-width: 560px) {
    .hgps-secondary-cta {
        grid-template-columns: var(--hsc-mobile-grid, minmax(0, 1fr) auto);
        gap: 10px;
        margin: 22px auto;
        padding: 11px 11px 11px 10px;
        border-right-width: 4px;
        border-radius: 11px;
    }

    .hgps-secondary-cta .hsc-kicker {
        font-size: var(--hsc-mobile-kicker-size, 0.64rem);
    }

    .hgps-secondary-cta .hsc-title {
        font-size: var(--hsc-mobile-title-size, 0.79rem);
        line-height: 1.8;
    }

    .hgps-secondary-cta .hsc-button {
        width: var(--hsc-mobile-button-width, auto);
        min-width: 0;
        min-height: var(--hsc-mobile-button-height, 40px);
        padding: 7px 10px;
        font-size: var(--hsc-mobile-button-font-size, 0.69rem);
    }
}

@media (max-width: 360px) {
    .hgps-secondary-cta {
        grid-template-columns: 1fr;
    }

    .hgps-secondary-cta .hsc-button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hgps-secondary-cta .hsc-button {
        transition: none;
    }
}

/* v2.3 admin-controlled overrides */
.hgps-secondary-cta{border-color:var(--hsc-border-color,#dce5f1)}
.hgps-secondary-cta .hsc-kicker{font-size:var(--hsc-kicker-size,12px)}
.hgps-secondary-cta .hsc-title{color:var(--hsc-title-color,#26344d);font-size:var(--hsc-title-size,16px)}
.hgps-secondary-cta .hsc-button{min-width:var(--hsc-button-min-width,160px);min-height:var(--hsc-button-height,46px);border-radius:var(--hsc-button-radius,10px);background:var(--hsc-accent,#2563eb);color:var(--hsc-button-text,#fff)!important;font-size:var(--hsc-button-font-size,14px)}
@media(max-width:640px){.hgps-secondary-cta{grid-template-columns:var(--hsc-mobile-grid,1fr)}.hgps-secondary-cta .hsc-kicker{font-size:var(--hsc-mobile-kicker-size,12px)}.hgps-secondary-cta .hsc-title{font-size:var(--hsc-mobile-title-size,15px)}.hgps-secondary-cta .hsc-button{width:var(--hsc-mobile-button-width,100%);min-width:0;min-height:var(--hsc-mobile-button-height,52px);font-size:var(--hsc-mobile-button-font-size,15px)}}