/* User-approved 20% reduction, Arabic paragraphs only. Headings/UI retain metrics. */
html:lang(ar) .mf-site p{line-height:1.32}
html:lang(ar) .mf-site .hp-reading{line-height:1.48}
html:lang(ar) .mf-site .hp-hero-description{line-height:1.44}
html:lang(ar) .mf-site .mf-reading{line-height:1.52}
html:lang(ar) .mf-site .hp-quote>p{line-height:1.36}
html:lang(ar) .mf-site .hp-full-comment-list p{line-height:1.44}
html:lang(ar) .mf-site .hp-margin-label{line-height:1.5}
html:lang(ar) .mf-site .hp-footer-rights{line-height:1.28}
html:lang(ar) .mf-site .mf-intro-text{line-height:1.7}
.hp-miftah-shelf{margin-block-start:36px}
.mf-journey-header .mf-nav{column-gap:20px}
@media(min-width:641px) and (max-width:1050px){.mf-journey-header .mf-nav{justify-content:flex-start;column-gap:28px}}

html:lang(ar) .mf-site .pt-passage{line-height:1.52}
html:lang(ar) .mf-site .pt-instruction{line-height:1.9}

html:lang(ar) .mf-site .hp-guide-label p{line-height:1.32}




.hp-sample-trigger{cursor:default}
.hp-sample-trigger:hover .hp-sample-trigger-frame{transform:none}
/* Consistent full-width grey boundaries for every homepage section. */
.mf-homepage section.mf-wrap:is(.hp-section,.hp-samples,.mf-hero){border-block:1px solid #d4d4d0}
.mf-homepage .hp-skills-index{border-block:1px solid #d4d4d0;padding-block:28px}

.hp-footer-brand .hp-footer-rights{margin-block:18px 0!important}

/* Center the label independently of the orbit's LTR coordinates. */
.hp-sample-trigger{text-align:center}
.hp-sample-trigger span{inline-size:85%;text-align:center}
html:lang(ar) .hp-sample-trigger span{direction:rtl}
.hp-sample-level{transition:transform 180ms ease,background-color 160ms ease,box-shadow 180ms ease}
.mf-site .hp-sample-level[aria-pressed=true]{transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(1.07)}
@media(hover:hover){.mf-site .hp-sample-level:hover{transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(1.07)}}

/* Equal-height desktop columns anchor both final lines to the same baseline. */
@media(min-width:1100px){
 .hp-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}
 .hp-footer-grid .hp-footer-brand .hp-footer-rights,
 .hp-footer-grid>div:last-child>.mf-text-link{margin-block: auto 0!important;padding-block-start:18px;line-height:28px;min-block-size:46px}
}
@media(prefers-reduced-motion:reduce){.hp-sample-level{transition:none}}

@media(min-width:1100px){.hp-footer-grid .hp-footer-brand .hp-footer-rights,.hp-footer-grid>div:last-child>.mf-text-link{line-height:28px!important;padding-block:18px 0;}}

/* One shared exterior gap: border stays on each section, never inside the gap. */
.mf-homepage{--hp-background-gap:calc(clamp(96px,12vw,180px)/2 + 20px)}
.mf-homepage #book-discovery,
.mf-homepage .hp-skills,
.mf-homepage #book-samples{margin-block-start:var(--hp-background-gap)}
.mf-homepage .mf-hero,
.mf-homepage #book-discovery,
.mf-homepage .hp-perspectives{margin-block-end:0}

/* Smartboard panel: one outer top boundary and a full-width bottom boundary. */
.mf-homepage .hp-platform-guide{border-block:0}
.mf-homepage .hp-skills-index{border-block-end:0}
.mf-homepage .hp-digital-layout.hp-surface::after{content:"";position:absolute;inset-inline:calc(-1 * var(--mf-space));inset-block-end:0;border-block-end:1px solid #d4d4d0;pointer-events:none;z-index:1}
