/* Layout fixes for the English and Kurdish pages, whose texts are longer than the
   Persian ones the layout was drawn for. Plain CSS: dist/output.css can't be rebuilt. */

/* LXP agents: "1  Agent 1 — ..." rows. A long title must wrap instead of pushing the
   number box off the screen; the 51px gap is too wide on a phone. */
.lxp-agent-row > p {
    min-width: 0;
    overflow-wrap: anywhere;
}
@media (max-width: 639px) {
    .lxp-agent-row {
        gap: 16px;
    }
}

/* Home: the two buttons side by side ("Portfolio", "Get started") don't fit at 375px
   with 44px side padding in English. */
@media (max-width: 639px) {
    html[dir="ltr"] a.btnHover.flex-grow.px-11 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Project page header: category + URL ("Application • https://...apk") in one row
   is wider than a phone in English; let it wrap and break the URL. */
.project-meta {
    flex-wrap: wrap;
}
.project-meta > p {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Blog hero: the two side collages are cut on their outer edge, so they keep the same sides in left-to-right pages */
[dir="ltr"] .blog-hero {
    flex-direction: row-reverse;
}
/* English category labels are longer: two even rows of two instead of 3 + 1 */
[dir="ltr"] .blog-hero .flex-wrap > a {
    flex-basis: calc(50% - 4px);
}