/**
 * About-page-specific tweaks.
 *
 * Most of the visual work lives in the shared shell (gp-shell.css). Put only
 * About-only overrides here — for now, that's none. Kept as an example so the
 * registry's per-page enqueue path is exercised.
 */

/* ── Brand name origin diagram (Grih + Pariwar = Gripar) ── */
.gp-about-brand-origin {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 32px;
    padding: 28px 32px 22px;
    background: #fafbff;
    border: 1px solid var(--gp-line, #e2e8f0);
    border-radius: 14px;
    gap: 0;
}

.gp-brand-origin__words {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.gp-brand-origin__word {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.gp-brand-origin__term {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 1.2;
}

.gp-brand-origin__word--grih .gp-brand-origin__term { color: #3D4FAF; }
.gp-brand-origin__word--pariwar .gp-brand-origin__term { color: #2e7d32; }

.gp-brand-origin__u {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.gp-brand-origin__word--grih .gp-brand-origin__u { text-decoration-color: #3D4FAF; }
.gp-brand-origin__word--pariwar .gp-brand-origin__u { text-decoration-color: #2e7d32; }

.gp-brand-origin__meaning {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #94a3b8;
}

.gp-brand-origin__plus {
    font-size: 22px;
    font-weight: 500;
    color: #94a3b8;
    line-height: 1;
    align-self: center;
    margin-top: -2px;
}

/* SVG connector lines */
.gp-brand-origin__connector {
    width: 200px;
    height: 52px;
    display: block;
}

/* Result — Gripar */
.gp-brand-origin__result {
    margin-top: -2px;
}

.gp-brand-origin__logo-word {
    display: inline-block;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -.5px;
    background: linear-gradient(135deg, #5B6ABF 0%, #3D4FAF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}