/* Task 3: scoped editorial composition; approved header and fixed keys retained. */
.mf-homepage{--hp-section-space:clamp(48px,6.6vw,88px)}
.mf-homepage h2[id]{scroll-margin-block-start:100px}
.mf-homepage .hp-section{padding-block:var(--hp-section-space);scroll-margin-block-start:24px}
.hp-section+.hp-section{border-block-start:1px solid var(--mf-line)}
.hp-reading{font-family:var(--mf-reading);font-weight:var(--mf-reading-weight);line-height:1.75}
:lang(ar) .hp-reading{font-size:24px;line-height:1.85}
.hp-measure{max-inline-size:66ch}
.hp-margin-label{font-family:var(--mf-ui);font-size:14px;font-weight:600;line-height:1.5;color:var(--mf-muted);max-inline-size:20ch}
.hp-margin-label::after{content:"";display:block;inline-size:27px;block-size:2px;background:var(--mf-red);margin-block-start:14px}
:lang(ar) .hp-margin-label{font-size:18px}
.hp-section-copy h2{margin-block:22px 20px;font-size:clamp(31px,3.4vw,47px);max-inline-size:14ch}
:lang(ar) .hp-section-copy h2{max-inline-size:17ch}
.hp-section-copy .hp-reading{color:var(--mf-muted);max-inline-size:40ch}
.hp-section-copy>.mf-text-link{margin-block-start:16px}
.mf-homepage .mf-hero{padding-block:42px 36px}
.hp-hero-description{font:var(--mf-reading-weight) 17px/1.75 var(--mf-reading);max-inline-size:47ch;margin-block-start:24px!important}
:lang(ar) .hp-hero-description{font-size:24px;line-height:1.8;max-inline-size:38ch}
.hp-discover-link{display:inline-block;font-size:14px;padding-block:10px;margin-block-start:8px;color:var(--mf-muted)!important}
:lang(ar) .hp-discover-link{font-size:18px}
.hp-discover-link span{margin-inline-start:8px}
.hp-resource-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px;border-block:1px solid var(--mf-line);background:white;font-size:14px}
.hp-resource-strip>span{font-weight:600}
.hp-resource-strip>div{display:flex;flex-wrap:wrap;gap:8px 28px}
.hp-resource-strip a{display:inline-block;padding-block:7px}
:lang(ar) .hp-resource-strip{font-size:18px}
.hp-editorial-heading{display:grid;grid-template-columns:145px minmax(0,1fr) auto;gap:30px;align-items:start;margin-block-end:38px}
.hp-editorial-heading h2{font-size:clamp(32px,3.7vw,50px)}
.hp-editorial-heading .hp-reading{margin-block-start:20px;color:var(--mf-muted)}
.hp-editorial-heading>.mf-text-link{align-self:end;font-size:14px;white-space:nowrap}
.hp-series-meta{display:flex;justify-content:space-between;gap:24px;margin-block-end:24px;font-size:14px;color:var(--mf-muted)}
.hp-miftah-shelf{gap:24px}
.mf-homepage .hp-group-title{font-family:var(--mf-ui);font-size:18px;line-height:1.45;font-weight:600;letter-spacing:normal;border-block-start:1px solid var(--level-color);padding-block:12px 18px}
.mf-homepage .mf-book-pair{gap:12px}
.mf-homepage .mf-book figcaption{font-size:13px;line-height:1.55;margin-block-start:12px;overflow-wrap:break-word}
:lang(ar) .mf-homepage .mf-book figcaption{font-size:17px}
.hp-availability{font-size:13px;line-height:1.6;color:var(--mf-muted);margin-block-start:24px!important}
:lang(ar) .hp-availability{font-size:18px}
.hp-material-layout{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,2fr);gap:44px;align-items:center}
.hp-spread{min-inline-size:0;margin-inline:-12px!important}
.hp-spread img{inline-size:100%;block-size:auto}
.mf-homepage figcaption{font-size:12px;line-height:1.7;color:var(--mf-muted);margin-block-start:18px}
:lang(ar) .mf-homepage figure>figcaption{font-size:16px}
.hp-spread>figcaption{padding-inline:12px;max-inline-size:70ch}
.hp-spread>figcaption a{display:inline-block;margin-inline-start:10px}
.hp-skills-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:42px 0 0;padding:28px 0 0;border-block-start:1px solid var(--mf-line)}
.hp-skills-index dt{font:600 21px/1.4 var(--mf-display);margin-block-end:12px}
.hp-skills-index dd{margin:0;font-size:15px;color:var(--mf-muted)}
:lang(ar) .hp-skills-index dt{font-size:25px}
:lang(ar) .hp-skills-index dd{font-size:23px}
.hp-digital-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:50px;align-items:center}
.hp-digital-layout>.hp-section-copy{grid-column:2;grid-row:1}
.hp-platform{grid-column:1;grid-row:1;min-inline-size:0}
.hp-browser-frame{padding:7px;background:#252320;border-radius:7px;box-shadow:0 14px 28px #25232015}
.hp-browser-frame img{inline-size:100%;block-size:auto;border-radius:2px}
.hp-access-actions{margin-block-start:24px}
.hp-trial{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:30px;margin-block-start:36px;padding-block-start:24px;border-block-start:1px solid var(--mf-line);align-items:center}
.hp-trial>a{font-size:15px;color:var(--mf-red-dark)}
.hp-trial>p{font-size:15px;color:var(--mf-muted)}
:lang(ar) .hp-trial>a{font-size:20px}
:lang(ar) .hp-trial>p{font-size:23px}
.hp-resources-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
.hp-resources-index>div:not(.hp-public-links){display:grid;grid-template-columns:1fr 1.3fr;gap:28px;padding-block:22px;border-block-start:1px solid var(--mf-line)}
.hp-resources-index h3{font-family:var(--mf-ui);font-size:15px!important;line-height:1.6;letter-spacing:normal;max-inline-size:20ch}
.hp-resources-index ul{padding:0;margin:0;list-style:none}
.hp-resources-index li{padding-block:0 10px;font-size:16px;line-height:1.6}
:lang(ar) .hp-resources-index h3{font-size:20px!important}
:lang(ar) .hp-resources-index li{font-size:21px}
.hp-resources-index .hp-availability{font-size:14px}
:lang(ar) .hp-resources-index .hp-availability{font-size:23px}
.hp-public-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-block-start:20px;font-size:14px}
.hp-public-links a{padding-block:8px}
:lang(ar) .hp-public-links{font-size:18px}
.hp-plan{min-inline-size:0}
.hp-plan img{inline-size:100%;block-size:auto;max-block-size:600px;object-fit:contain}
.hp-plan figcaption{text-align:center;max-inline-size:52ch;margin-inline:auto}
.hp-qawaid-layout{display:grid;grid-template-columns:.85fr 1.9fr;gap:48px;align-items:start}
.hp-qawaid-shelf{display:grid;grid-template-columns:2fr 3fr;gap:30px}
.hp-qawaid-shelf .mf-book img{background:transparent}
.hp-qcount{font-size:14px;margin-block-start:20px!important;color:var(--mf-muted)}
:lang(ar) .hp-qcount{font-size:19px}
.hp-quotes{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding-block:12px 40px}
.hp-quote{margin:0;padding:0}
.hp-quote>p{font:600 clamp(22px,2.25vw,30px)/1.5 var(--mf-display);letter-spacing:-.015em;max-inline-size:40ch}
.hp-quote+blockquote>p{font-size:clamp(20px,1.8vw,25px);font-weight:600;color:var(--mf-muted)}
.hp-quote footer,.hp-long-quote footer{font:500 14px/1.6 var(--mf-ui);margin-block-start:24px}
:lang(ar) .hp-quotes{grid-template-columns:1fr;gap:32px;padding-inline-start:175px}
:lang(ar) .hp-quote>p{font-family:var(--mf-reading);font-size:31px;line-height:1.8;letter-spacing:normal;font-weight:var(--mf-reading-weight);max-inline-size:62ch}
:lang(ar) .hp-quote footer{font-size:20px}
.hp-long-quote{border-block-start:1px solid var(--mf-line);padding-block:18px}
.hp-long-quote summary{min-block-size:44px;line-height:1.7}
.hp-long-quote blockquote{margin:18px 0 0}
.hp-classroom{margin-block-start:24px!important}
.hp-classroom img{inline-size:100%;block-size:clamp(260px,30vw,390px);object-fit:cover;object-position:48% 45%}
.hp-closing{display:flex;align-items:center;justify-content:space-between;gap:60px;padding-block:64px 80px;border-block-start:1px solid var(--mf-line)}
.hp-closing h2{max-inline-size:20ch}
.hp-closing p{max-inline-size:56ch;margin-block-start:20px!important;color:var(--mf-muted)}
.hp-closing-actions{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}
.hp-footer{background:white;border-block-start:1px solid var(--mf-line);padding-block:48px 24px}
.hp-footer-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr 1.15fr;gap:35px}
.hp-footer-brand img{inline-size:180px;block-size:auto}
.hp-footer-brand p{margin-block-start:20px!important;font-size:14px;color:var(--mf-muted)}
.hp-footer h3{font:600 15px/1.6 var(--mf-ui);letter-spacing:normal;margin-block-end:16px}
.hp-footer ul{list-style:none;padding:0;margin:0}
.hp-footer li a,.hp-footer address a{display:block;padding-block:5px;text-decoration:none;font-size:14px;overflow-wrap:anywhere}
.hp-footer address{font-style:normal}
.hp-social{display:flex;gap:15px;flex-wrap:wrap;margin-block-start:14px;font-size:12px}
.hp-footer .mf-text-link{font-size:14px}
:lang(ar) .hp-footer h3{font-size:19px}
:lang(ar) .hp-footer li a,:lang(ar) .hp-footer .mf-text-link{font-size:17px}
:lang(ar) .hp-footer-brand p,:lang(ar) .hp-footer-base{font-size:17px}
@media(max-width:1099px){
 .hp-miftah-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
 .hp-editorial-heading{grid-template-columns:115px minmax(0,1fr);gap:25px}
 .hp-editorial-heading>.mf-text-link{grid-column:2;justify-self:start}
 .hp-resources-layout{gap:35px}.hp-material-layout{gap:24px}.hp-digital-layout{gap:30px}
 .hp-qawaid-layout{grid-template-columns:.8fr 1.5fr;gap:30px}.hp-qawaid-shelf{gap:20px}
 .hp-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
 :lang(ar) .hp-quotes{padding-inline-start:140px}
}
@media(max-width:799px){
 .hp-material-layout,.hp-digital-layout,.hp-resources-layout,.hp-qawaid-layout{grid-template-columns:1fr;gap:30px}
 .hp-digital-layout>.hp-section-copy,.hp-platform{grid-column:auto;grid-row:auto}
 .hp-section-copy h2{max-inline-size:22ch}.hp-section-copy .hp-reading{max-inline-size:65ch}
 .hp-section-copy h2{margin-block-start:17px}.hp-skills-index{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hp-plan{max-inline-size:500px;margin-inline:auto!important}.hp-quotes{gap:35px}
 .hp-qawaid-shelf{gap:25px}.hp-closing{gap:30px}
 .hp-resource-strip{gap:12px;align-items:flex-start;flex-direction:column}
}
@media(max-width:639px){
 .mf-homepage .mf-hero{padding-block:28px 20px}
 .hp-hero-description{margin-block-start:20px!important;font-size:16px}
 :lang(ar) .hp-hero-description{font-size:23px}
 .mf-homepage .mf-hero-actions{gap:14px 20px;margin-block-start:20px}
 .hp-resource-strip>div{gap:6px 20px}.hp-resource-strip{font-size:13px}
 .hp-editorial-heading{display:block;margin-block-end:28px}.hp-editorial-heading h2{margin-block-start:20px}
 .hp-editorial-heading>.mf-text-link{margin-block-start:12px}
 .hp-margin-label{max-inline-size:none}.hp-margin-label::after{margin-block-start:9px}
 .hp-miftah-shelf{grid-template-columns:1fr;gap:35px}
 .mf-homepage .mf-book-pair{gap:24px}.mf-homepage .mf-book img{max-block-size:260px}
 .mf-homepage .mf-book figcaption{font-size:14px}.hp-series-meta{font-size:13px}
 .hp-skills-index{gap:25px 20px;margin-block-start:28px;padding-block-start:22px}
 .hp-skills-index dt{font-size:20px}.hp-skills-index dd{font-size:15px}
 .hp-trial{grid-template-columns:1fr;gap:4px}.hp-browser-frame{padding:4px}
 .hp-resources-index>div:not(.hp-public-links){grid-template-columns:1fr 1.35fr;gap:18px}
 .hp-qawaid-shelf{grid-template-columns:1fr;gap:30px}.hp-qawaid-shelf .mf-book-pair{gap:18px}
 .hp-qawaid-shelf .mf-book img{max-block-size:250px}
 .hp-quotes{grid-template-columns:1fr;gap:35px;padding-block-end:20px}
 .hp-quote>p{font-size:24px}.hp-quote+blockquote>p{font-size:21px}
 :lang(ar) .hp-quotes{padding-inline-start:0}:lang(ar) .hp-quote>p{font-size:28px}
 .hp-closing{flex-direction:column;align-items:flex-start;padding-block:42px 50px;gap:24px}
 .hp-closing-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px}
 .hp-footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.hp-footer-brand{grid-column:1/-1}
 .hp-footer-grid>div:last-child{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.mf-homepage *, .mf-homepage *::before,.mf-homepage *::after{scroll-behavior:auto}}

.hp-level-name{display:block;font-size:12px;line-height:1.5;font-weight:500;color:var(--mf-muted);margin-block-start:5px;min-block-size:3em}
:lang(ar) .hp-level-name{font-size:16px}

/* User review: keep words together and shelter reading areas from the keys. */
.mf-site :is(p,dd,li,figcaption){text-wrap:pretty}
.mf-site :is(h1,h2,h3,h4),.hp-hero-description,.hp-section-copy>.hp-reading,.hp-editorial-heading .hp-reading,.hp-closing .hp-reading{ text-wrap:balance }
.mf-homepage .hp-hero-description{text-wrap:balance}
.hp-paper,.hp-surface{position:relative;isolation:isolate}
.hp-paper::before,.hp-surface::before{content:"";position:absolute;z-index:-1;background:#fff;pointer-events:none}
.hp-paper::before{inset:0}
.hp-surface::before{inset:0 calc(-1 * var(--mf-space))}
.hp-surface{padding-block:var(--hp-section-space)}
.mf-homepage .hp-skills,.mf-homepage .hp-digital,.mf-homepage .hp-perspectives{padding-block:0}
.hp-resource-strip{background:transparent}
.hp-skills-index{margin-block:0;padding-block:36px 44px}
.hp-trial{margin-block:0;padding-block:28px 36px}
.hp-quotes{padding-block-end:0}
.hp-classroom{padding-block:32px 44px;margin-block-start:0!important}
.hp-footer{background:transparent;padding-block:0;border-block-start:0}
.hp-footer>.mf-wrap{padding-block:48px 24px}
.hp-digital-layout{display:block;padding-block-end:0}
.hp-digital-layout>.hp-section-copy{max-inline-size:660px;margin-inline:auto;text-align:center}
.hp-digital-layout .hp-margin-label{max-inline-size:none}
.hp-digital-layout .hp-margin-label::after{margin-inline:auto}
.hp-digital-layout h2,.hp-digital-layout .hp-reading{max-inline-size:none}
.hp-digital-layout .hp-section-copy h2{max-inline-size:none;margin-inline:auto}
.hp-platform{margin-block-start:32px!important}
.hp-platform>figcaption{max-inline-size:85ch;margin-inline:auto;text-align:center}
/* A single lesson plate: four editorial callouts around the authentic viewer. */
.hp-platform-guide{position:relative;aspect-ratio:2/1;background:#fff;border-block:1px solid #e4e0d8;margin-block:36px 24px}
.hp-platform-guide>.hp-browser-frame{position:absolute;left:20%;top:27%;width:60%;padding:4px;border-radius:5px;box-shadow:0 18px 32px #2523201a}
.hp-guide-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hp-guide-lines path{stroke:var(--mf-red-dark);stroke-width:1.5;vector-effect:non-scaling-stroke}
.hp-guide-lines circle{stroke:var(--mf-red-dark);stroke-width:1.8;vector-effect:non-scaling-stroke}
.hp-guide-labels{list-style:none;margin:0;padding:0}
.hp-guide-label{position:absolute;width:16%;font-family:var(--mf-ui);text-align:start!important}
.hp-guide-label-0{left:2%;top:7%}.hp-guide-label-1{right:2%;top:7%}
.hp-guide-label-2{left:2%;top:62%}.hp-guide-label-3{right:2%;top:62%}
.hp-activity-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--mf-red-dark);margin-block-end:13px}
.hp-activity-icon svg{width:34px;height:34px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.mf-homepage .hp-guide-label h3{font:600 18px/1.3 var(--mf-display);letter-spacing:normal;margin-block-end:10px;text-wrap:balance}
.mf-homepage .hp-guide-label p{font:400 13px/1.65 var(--mf-ui);color:var(--mf-muted);text-wrap:pretty}
:lang(ar) .mf-homepage .hp-guide-label h3{font-size:24px;line-height:1.4;font-weight:700}
:lang(ar) .mf-homepage .hp-guide-label p{font:var(--mf-reading-weight) 21px/1.65 var(--mf-reading)}
@media(max-width:1099px){
 .hp-platform-guide{aspect-ratio:auto;padding:28px}
 .hp-platform-guide>.hp-browser-frame{position:relative;left:auto;top:auto;width:100%}
 .hp-guide-lines{display:none}
 .hp-guide-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin-block-start:32px}
 .hp-guide-label{position:static;width:auto;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-content:start}
 .hp-activity-icon{grid-row:1/3;width:40px;height:40px;margin:0}
 .hp-guide-label p{grid-column:2}
 .hp-guide-labels:has([dir="rtl"]){direction:rtl}
}
@media(max-width:639px){
 .hp-platform-guide{padding:22px 14px;margin-block-start:26px}
 .hp-guide-labels{grid-template-columns:1fr;gap:22px;margin-block-start:26px}
 .hp-guide-label+.hp-guide-label{border-block-start:1px solid #e4e0d8;padding-block-start:22px}
 .mf-homepage .hp-guide-label h3{font-size:19px;margin-block-end:6px}
 .mf-homepage .hp-guide-label p{font-size:14px}
 :lang(ar) .mf-homepage .hp-guide-label h3{font-size:24px}
 :lang(ar) .mf-homepage .hp-guide-label p{font-size:21px}
}
@media(max-width:639px){
 .hp-paper::before{inset-inline:0}.hp-surface::before{inset-inline:calc(-1 * var(--mf-space))}
 .hp-skills-index{padding-block:28px 36px}.hp-classroom{padding-block:24px 32px}
}

/* User review: compact access, paired legends and a transparent closing. */
.mf-header{position:sticky;top:0;z-index:50;background:#fff;transition:box-shadow .2s ease}
.mf-header.is-scrolled{box-shadow:0 4px 16px #25232012}
.mf-header .mf-brand{margin-block-start:0}
.mf-header-top{min-block-size:62px}
.mf-header .mf-navigation-row{min-block-size:44px}
.mf-header .mf-header-actions .mf-button{background:var(--mf-red);color:#fff!important;border-color:var(--mf-red)}
.mf-header .mf-header-actions .mf-button:hover{background:var(--mf-red-dark)}
.mf-homepage :is(section[id],h2[id],.hp-platform-guide){scroll-margin-block-start:120px}
.hp-miftah-shelf .hp-group-title{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-block-size:142px;padding-block:20px;margin-block-end:16px}
.hp-miftah-shelf .hp-group-title>bdi{font:700 64px/1 Onest,Arial,sans-serif;letter-spacing:-.045em;color:var(--level-color);background:linear-gradient(110deg,var(--level-color) 15%,color-mix(in srgb,var(--level-color),#000 22%) 42%,var(--level-color) 65%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hp-miftah-shelf .mf-level-starter .hp-group-title>bdi{font-size:43px;letter-spacing:-.035em}
.hp-miftah-shelf .hp-level-name{font:600 22px/1.3 var(--mf-ui);color:var(--mf-ink);min-block-size:2.8em;max-inline-size:16ch;margin-block-start:9px;text-wrap:balance;display:flex;align-items:center;justify-content:center}
:lang(ar) .hp-miftah-shelf .hp-level-name{font-size:26px}
.hp-pair-legend{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-block-size:74px;align-items:start;padding-block:0 18px}
.hp-pair-legend>span{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font:500 11px/1.4 var(--mf-ui);text-wrap:balance}
.hp-pair-legend svg{width:21px;height:21px;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;color:var(--level-color)}
:lang(ar) .hp-pair-legend>span{font-size:15px}
.hp-miftah-shelf .mf-level-starter .mf-book-pair{padding-block-start:74px}
.hp-spread{margin-inline:0!important}
.hp-spread img{filter:drop-shadow(0 18px 14px #25232028)}
.hp-material-layout{padding-block:var(--hp-section-space);gap:40px}
.hp-skills-index{padding-block:36px}
.hp-trial{padding-block:32px}
.hp-closing{padding-block:var(--hp-section-space)}
.hp-footer>.mf-wrap{padding-block:48px}
@media(min-width:1100px){
 .mf-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding-inline:max(var(--mf-space),calc((100% - 1280px)/2 + var(--mf-space)));min-block-size:78px}
 .mf-header-top{display:contents}
 .mf-header .mf-brand{grid-column:1;grid-row:1}
 .mf-header .mf-brand img{inline-size:155px}
 .mf-header-actions{grid-column:3;grid-row:1}
 .mf-header .mf-navigation-row{grid-column:2;grid-row:1;width:auto;padding:0;margin:0;justify-content:center}
 .mf-header .mf-nav{gap:28px}
 .mf-header .mf-resource-shortcut{display:none}
}
@media(max-width:639px){
 .hp-miftah-shelf .hp-group-title{min-block-size:126px}
 .hp-miftah-shelf .mf-level-starter .mf-book-pair{padding-block-start:0}
 .hp-pair-legend{min-block-size:70px}
 .hp-material-layout{gap:32px}
 .hp-skills-index{padding-block:28px}
 .hp-trial{padding-block:28px}
 .mf-header .mf-brand img{inline-size:110px}
}
@media(prefers-reduced-motion:no-preference){
 .hp-miftah-shelf .hp-group-title>bdi{background-image:linear-gradient(110deg,var(--level-color) 30%,color-mix(in srgb,var(--level-color),#fff 35%) 45%,var(--level-color) 60%);background-size:240% 100%;animation:hp-level-sheen 3s ease-in-out infinite}
 @keyframes hp-level-sheen{0%,35%{background-position:100% 0}75%,100%{background-position:0% 0}}
}
@media(prefers-reduced-motion:reduce){.mf-header{transition:none}}
/* Keep cover tops aligned while level names wrap to their natural language. */
.hp-miftah-shelf .hp-group-title{block-size:160px}
.hp-miftah-shelf .hp-group-title>bdi{min-block-size:64px;display:flex;align-items:center}
.hp-pair-legend{block-size:88px;min-block-size:88px}
.hp-miftah-shelf .mf-level-starter .mf-book-pair{padding-block-start:88px}
@media(prefers-reduced-motion:no-preference){.hp-miftah-shelf .hp-group-title>bdi{animation-duration:2.4s;animation-iteration-count:2}}
@media(max-width:639px){.hp-miftah-shelf .mf-level-starter .mf-book-pair{padding-block-start:0}}
/* Paired activity symbols and compact shelf, latest user review. */
.hp-pair-legend{height:62px;min-block-size:62px;block-size:62px;padding-block:0 16px;gap:12px;align-items:center}
.hp-pair-legend .hp-skill-symbol{display:block;color:var(--mf-red-dark)}
.hp-pair-legend .hp-skill-symbol svg{width:82px;height:46px;max-inline-size:100%;stroke-width:initial;color:var(--mf-red-dark)}
.hp-pair-legend .hp-pre-name{font:500 13px/1.4 var(--mf-ui);text-align:center;text-wrap:balance}
:lang(ar) .hp-pair-legend .hp-pre-name{font-size:18px}
.hp-miftah-shelf .mf-level-starter .mf-book-pair{padding-block-start:0}
.mf-homepage #book-discovery{padding-block-end:36px}
@media(prefers-reduced-motion:no-preference){.hp-miftah-shelf .hp-group-title>bdi{animation:hp-level-sheen 3s ease-in-out infinite}@keyframes hp-level-sheen{0%,65%{background-position:100% 0}90%,100%{background-position:0 0}}}
@media(max-width:639px){.mf-homepage #book-discovery{padding-block-end:28px}}

/* September 12 review: a shared cover height, supplied icons, balanced annotations. */
.hp-miftah-shelf .mf-book img{aspect-ratio:240/316;object-position:center;max-block-size:none}
.hp-book-link{display:block;line-height:0}
.hp-book-link:hover{filter:brightness(1.05)}
.hp-book-link:focus-visible{outline:3px solid var(--mf-red-dark);outline-offset:5px}
.hp-pair-legend .hp-skill-symbol{color:var(--level-color)}
.hp-pair-legend .hp-skill-symbol svg{display:block;width:78px;height:36px;margin-inline:auto;color:inherit}
/* Each skill pair is one SVG; glyph weight and crossing are authored in its view. */
.hp-pair-legend{block-size:56px;min-block-size:56px;height:56px}
.hp-miftah-shelf .mf-level-a1 .hp-skill-symbol:last-child{color:#00994a}
.hp-miftah-shelf .mf-level-a2 .hp-skill-symbol:last-child{color:#e44e15}
.hp-miftah-shelf .mf-level-b1 .hp-skill-symbol:last-child{color:#009c99}
.hp-miftah-shelf .mf-level-b2 .hp-skill-symbol:last-child{color:#68338b}
.hp-library-icon::before{content:"";width:30px;height:30px;background:currentColor;mask:var(--skill-icon) center/contain no-repeat}
.hp-library-icon-writing{--skill-icon:url('../images/skill-icons/writing.svg')}
.hp-library-icon-reading{--skill-icon:url('../images/skill-icons/reading.svg')}
.hp-library-icon-headphones{--skill-icon:url('../images/skill-icons/headphones.svg')}
.hp-library-icon-bubble{--skill-icon:url('../images/skill-icons/bubble.svg')}
@media(min-width:1100px){
 .hp-guide-label-0,.hp-guide-label-2{text-align:right!important}
 .hp-guide-label-0 .hp-activity-icon,.hp-guide-label-2 .hp-activity-icon{margin-left:auto}
 .hp-guide-label-1,.hp-guide-label-3{text-align:left!important}
 .hp-guide-label-1 .hp-activity-icon,.hp-guide-label-3 .hp-activity-icon{margin-left:0;margin-right:auto}
 .hp-guide-label{width:16%}
}
.hp-footer-brand .hp-publisher{display:block;inline-size:105px;margin-block-start:20px}
.hp-footer-rights{font:400 12px/1.6 var(--mf-ui);color:var(--mf-muted);margin-block-start:18px!important}
:lang(ar) .hp-footer-rights{font-size:17px}
.hp-footer>.mf-wrap{padding-block:36px;border-block-start:1px solid var(--mf-line)}

/* September 13: level dividers, substantial smartboard and equal testimonial windows. */
.hp-miftah-shelf .hp-group-title{border-block-start:0;border-block-end:1px solid var(--level-color);margin-block-end:20px;padding-block:0 20px;block-size:160px}
.hp-pair-legend{padding-block:0 20px}
.hp-platform-guide{margin-block:24px 0;border-block-end:0}
.hp-platform-guide>.hp-browser-frame{left:22%;top:22%;width:56%;aspect-ratio:1200/660;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.hp-smartboard-frame{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 9px #25232018)}
.hp-browser-frame .hp-smartboard-frame+img{position:absolute;left:2.667%;top:5.455%;width:94.667%;height:81.818%;object-fit:contain;border-radius:0}
@media(min-width:1100px){.hp-guide-label-0,.hp-guide-label-2{left:0}.hp-guide-label-1,.hp-guide-label-3{right:0}}
@media(max-width:1099px){.hp-platform-guide>.hp-browser-frame{position:relative;left:auto;top:auto;width:100%}}
.hp-quote-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-block:-10px 18px;font:400 14px/1.5 var(--mf-ui);color:var(--mf-muted)}
.hp-quote-controls>div{display:flex;gap:8px}
.hp-quote-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--mf-line);background:white;color:var(--mf-ink);cursor:pointer;border-radius:50%}
.hp-quote-controls button[hidden]{display:none}
.hp-quote-controls[hidden]{display:none}
.hp-quote-controls button:disabled{opacity:.35;cursor:default}
.hp-quote-controls button:hover:not(:disabled){border-color:var(--mf-red-dark);color:var(--mf-red-dark)}
.hp-quote-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
:lang(ar) .hp-quote-controls svg{transform:rotate(180deg)}
.hp-perspectives .hp-quotes{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--mf-muted) transparent;padding-block:0 16px;padding-inline:0}
.hp-quote-card{position:relative;flex:0 0 calc((100% - 24px)/2);min-inline-size:0;block-size:336px;padding:36px 42px;scroll-snap-align:start;display:flex;flex-direction:column}
.hp-quote-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--mf-ink)}
.hp-quote-frame path{stroke:currentColor;stroke-width:1.6;vector-effect:non-scaling-stroke}
.hp-quote-mark{position:absolute;width:38px;height:31px;fill:var(--mf-ink);pointer-events:none}
.hp-quote-open{top:8px;right:15px;transform:rotate(180deg)}
.hp-quote-close{bottom:8px;left:15px}
.hp-perspectives .hp-quote{border:0;padding:0;margin:0;display:flex;flex-direction:column;flex:1;min-block-size:0}
.hp-perspectives .hp-quote>p{font:400 17px/1.75 var(--mf-ui);letter-spacing:normal;max-inline-size:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-wrap:pretty}
.hp-perspectives .hp-quote footer{font:600 15px/1.5 var(--mf-ui);margin-block:auto 10px;padding-block-start:16px}
:lang(ar) .hp-perspectives .hp-quote>p{font:var(--mf-reading-weight) 22px/1.7 var(--mf-reading)}
:lang(ar) .hp-perspectives .hp-quote footer{font-size:19px}
.hp-quote-more{color:var(--mf-red-dark)!important;font:600 14px/1.5 var(--mf-ui);align-self:flex-start;text-underline-offset:4px}
:lang(ar) .hp-quote-more{font-size:18px}
.hp-quote-more[hidden]{display:none}
@media(max-width:639px){.hp-quote-card{flex-basis:92%;padding:34px 30px;block-size:336px}.hp-perspectives .hp-quotes{gap:16px}.hp-quote-controls{font-size:13px;margin-block:0 16px}}
@media(prefers-reduced-motion:reduce){.hp-perspectives .hp-quotes{scroll-behavior:auto}}

.hp-perspectives>.hp-surface{padding-block:56px 28px}
.hp-perspectives>.hp-classroom{padding-block:28px}
@media(max-width:639px){.hp-quote-card{block-size:300px;padding-block:32px 40px}.hp-perspectives .hp-quote>p{-webkit-line-clamp:4}.hp-perspectives>.hp-surface{padding-block:40px 20px}.hp-perspectives>.hp-classroom{padding-block:20px}}

.hp-full-comments{margin-block-start:8px}
.hp-full-comments>summary{font:500 15px/1.7 var(--mf-ui);cursor:pointer;padding-block:10px;color:var(--mf-red-dark)}
:lang(ar) .hp-full-comments>summary{font-size:19px}
.hp-full-comment-list{max-inline-size:820px;margin-inline:auto}
.hp-full-comment-list blockquote{margin:0;padding-block:28px;border-block-start:1px solid var(--mf-line);scroll-margin-block-start:130px}
.hp-full-comment-list p{font:var(--mf-reading-weight) 18px/1.8 var(--mf-reading)}
:lang(ar) .hp-full-comment-list p{font-size:24px}
.hp-full-comment-list footer{margin-block-start:16px;font:600 16px/1.6 var(--mf-ui)}
:lang(ar) .hp-full-comment-list footer{font-size:20px}
.hp-full-comment-list blockquote:target{outline:2px solid var(--mf-red-dark);outline-offset:10px}

.hp-miftah-shelf .hp-level-name{align-items:flex-end}

/* Fixed-size quotation corners: RTL keeps its opening on the right, LTR mirrors it. */
.hp-quote-card{block-size:360px;padding:54px 40px}
@media(min-width:1100px){.hp-quote-card{flex-basis:calc((100% - 48px)/3)}}
.hp-quote-outline{width:calc(100% - 24px);height:calc(100% - 32px);stroke:var(--mf-ink);stroke-width:1.1;opacity:.72}
.hp-quote-mark{width:32px;height:26px}
.hp-quote-open{top:15px;right:22px;left:auto}
.hp-quote-close{bottom:15px;left:22px;right:auto}
:lang(en) .hp-quote-frame,:lang(tr) .hp-quote-frame{transform:scaleX(-1)}
:lang(en) .hp-quote-open,:lang(tr) .hp-quote-open{left:22px;right:auto}
:lang(en) .hp-quote-close,:lang(tr) .hp-quote-close{right:22px;left:auto}
:lang(ar) .hp-perspectives .hp-quote>p{-webkit-line-clamp:4}
.hp-footer .hp-social{display:flex;gap:12px;align-items:center;margin-block:10px}
.hp-footer .hp-social a{display:grid;place-items:center;width:44px;height:44px;padding:0;color:var(--mf-red)}
.hp-social-icon{display:block;width:24px;height:24px;background:currentColor;mask:var(--social-icon) center/contain no-repeat}
.hp-social-youtube{--social-icon:url('../images/social/youtube.svg')}
.hp-social-instagram{--social-icon:url('../images/social/instagram.svg')}
.hp-social-facebook-f{--social-icon:url('../images/social/facebook-f.svg');width:14px}
.hp-footer .hp-social a:hover{color:var(--mf-red-dark)}
.hp-perspectives .hp-quote footer{margin-block:0;padding-block-start:8px}
.hp-perspectives .hp-quote-more{margin-block:6px 0;flex-shrink:0}
.hp-perspectives .hp-quote>p{flex-shrink:0}
.hp-perspectives .hp-quote footer{margin-block-start:auto}
/* Homepage mosaic: retain original layout, artwork and fixed red grid.
   Occupied windows hold their new arrangement; blank cells are always masked. */
.mf-homepage .hp-mosaic{position:relative;animation:none;transform:none}
.hp-mosaic-source{position:relative;z-index:1;display:block;inline-size:100%;block-size:auto;pointer-events:none}
.hp-mosaic-tiles{position:absolute;inset:0;pointer-events:none;direction:ltr}
.hp-mosaic-tile{position:absolute;display:none;background-repeat:no-repeat;transform-origin:center}
.hp-mosaic.is-mosaic-ready .hp-mosaic-source{clip-path:var(--mosaic-cutout)}
.hp-mosaic.is-mosaic-ready .hp-mosaic-tile{display:block}
.hp-mosaic.is-mosaic-active .hp-mosaic-tile.is-selected{will-change:transform}
.hp-mosaic-toggle{position:absolute;inset-inline-end:0;inset-block-end:0;z-index:2;inline-size:44px;block-size:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--mf-muted);cursor:pointer}
.hp-mosaic-toggle[hidden],.hp-mosaic-play{display:none}
.hp-mosaic-toggle[aria-pressed="true"] .hp-mosaic-pause{display:none}
.hp-mosaic-toggle[aria-pressed="true"] .hp-mosaic-play{display:block}
.hp-mosaic-toggle:hover{color:var(--mf-red)}
.hp-mosaic-toggle:focus-visible{outline:2px solid var(--mf-red);outline-offset:2px}
@media(prefers-reduced-motion:reduce){
 .hp-mosaic .hp-mosaic-source{clip-path:none!important}
 .hp-mosaic .hp-mosaic-tiles,.hp-mosaic .hp-mosaic-toggle{display:none}
}
@media(min-width:640px){.hp-quote-card{padding-block:50px}.hp-perspectives .hp-quote>p{-webkit-line-clamp:6}:lang(ar) .hp-perspectives .hp-quote>p{-webkit-line-clamp:5}}
@media(max-width:639px){.hp-quote-card{block-size:336px;padding:52px 28px}.hp-perspectives .hp-quote>p{-webkit-line-clamp:5}:lang(ar) .hp-perspectives .hp-quote>p{-webkit-line-clamp:4}}

/* Chief editor revision: series choices, trial invitation, directional resources. */
.hp-trial{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(24px,5vw,72px);margin-block:0;padding:var(--hp-section-space) clamp(20px,4vw,56px);background:transparent;border:0}
.hp-trial .hp-trial-badge{position:relative;display:block;width:100%;max-width:420px;margin-inline:auto;color:var(--mf-ink);text-align:center;text-decoration:none;font-family:var(--mf-ui);font-weight:700;line-height:1.2}
.hp-trial-badge svg{display:block;width:100%;height:auto}
.hp-trial-badge span{position:absolute;inset-inline:8%;display:flex;align-items:center;justify-content:center}
.hp-trial-badge-top{top:26.4%;height:36%;color:white;font-size:clamp(20px,2.6vw,32px)}
.hp-trial-badge-bottom{top:62.4%;height:25%;font-size:clamp(16px,1.8vw,23px)}
:lang(ar) .hp-trial-badge-top{font-size:clamp(28px,3.4vw,42px)}
:lang(ar) .hp-trial-badge-bottom{font-size:clamp(24px,2.6vw,32px)}
.hp-trial-copy h2{font-size:clamp(25px,2.6vw,34px);line-height:1.35}
.hp-trial-copy p{margin-block:16px 20px;color:var(--mf-muted);font-size:17px}
:lang(ar) .hp-trial-copy p{font-size:24px}
.hp-trial-copy>a{display:inline-block;padding-block:10px;font-weight:600}
.hp-trial-copy>a span{display:inline-block;margin-inline-start:8px}
.hp-trial-banner{fill:#0055A4}
.hp-trial-badge svg{transition:filter .2s ease}
.hp-trial-rays{transform-box:fill-box;transform-origin:center}
.hp-trial-badge:is(:hover,:focus-visible,:active) svg{filter:drop-shadow(0 5px 6px #0055a42b)}
.hp-trial-badge:is(:hover,:focus-visible,:active) .hp-trial-rays{animation:hp-trial-breathe 1.4s ease-in-out 3}
.hp-trial-badge:focus-visible{outline:2px solid #0055A4;outline-offset:5px}
@keyframes hp-trial-breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.68}}
@media(prefers-reduced-motion:reduce){.hp-trial-badge svg{transition:none}.hp-trial-badge:is(:hover,:focus-visible,:active) .hp-trial-rays{animation:none}}
.hp-resources-index li{position:relative;padding-inline-start:26px;color:var(--mf-ink)}
.hp-resources-index li::before{content:"";position:absolute;inset-inline-start:0;top:calc((1.6em - 19px)/2);width:17px;height:19px;background:url('../images/resource-chevron.svg') center/contain no-repeat}
[dir=rtl] .hp-resources-index li::before{transform:scaleX(-1)}
@media(max-width:639px){.hp-trial{grid-template-columns:1fr;gap:20px;padding:var(--hp-section-space) 0}.hp-trial .hp-trial-badge{max-width:340px}.hp-trial-copy h2{font-size:26px}.hp-trial-badge-top{font-size:26px}.hp-trial-badge-bottom{font-size:19px}}

/* These two sections intentionally expose the fixed key-pattern ground. */
.mf-homepage .hp-qawaid,.mf-homepage .hp-qawaid+.hp-section{border-block-start:0}

/* Real teaching materials: independent groups keep their flat artwork intact. */
#learning-resources .hp-resources-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:40px}
#learning-resources .hp-resources-index>div[data-resource-group]{grid-template-columns:.8fr 1.2fr;gap:20px;padding-block:18px;transition:border-color .25s ease}
#learning-resources .is-collage-highlight h3{color:var(--mf-red-dark)}
#learning-resources .is-collage-highlight{border-color:var(--mf-red)}
/* A single paper fan: all sheets share the same lower pivot. */
.hp-collage{position:relative;inline-size:100%;aspect-ratio:1;direction:ltr;isolation:isolate;align-self:center}
.hp-collage-piece{position:absolute;inset:0;display:block;padding:0;margin:0;border:0;background:none;pointer-events:none;color:inherit;transform:translateY(0) scale(1);transition:transform .28s cubic-bezier(.22,.61,.36,1);transform-origin:50% 80%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.hp-collage-piece:focus-visible{outline:none}
.hp-collage-piece:focus-visible .hp-collage-sheet{outline:2px solid var(--mf-red-dark);outline-offset:5px}
.hp-collage-sheet{position:absolute;display:block;left:33%;bottom:25%;width:34%;border:0;background:white;box-shadow:0 2px 5px #25232012,0 12px 24px #25232024;transform-origin:50% 100%;pointer-events:auto;cursor:pointer}
.hp-collage-sheet img{display:block;width:100%;height:auto}
.hp-collage-posters{z-index:1}
.hp-collage-poster-back{transform:rotate(-34deg)}
.hp-collage-poster-front{transform:rotate(-18deg)}
.hp-collage-plan{z-index:2}
.hp-collage-plan .hp-collage-sheet{bottom:43%;width:30%;left:35%;transform:rotate(-3deg)}
.hp-collage-exams{z-index:3}
.hp-collage-exams .hp-collage-sheet{width:29%;left:35.5%}
.hp-collage-exam-1{transform:rotate(12deg)}
.hp-collage-exam-2{transform:rotate(28deg)}
.hp-collage-exam-3{transform:rotate(44deg)}
.hp-collage-slides{z-index:4}
.hp-collage-slides .hp-collage-sheet{left:28%;bottom:21%;width:44%;transform:rotate(-5deg)}
@media(max-width:799px){#learning-resources .hp-resources-layout{grid-template-columns:1fr;gap:24px}.hp-collage{grid-row:1;max-inline-size:640px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.hp-collage-piece{transition:none}.hp-collage-piece:is(:hover,:focus-visible,[aria-pressed=true]){transform:none}#learning-resources .hp-resources-index>div[data-resource-group]{transition:none}}

/* Visual overlays crossfade above a stable fan; hit areas never jump layers. */
.hp-collage-tag{display:none}
.hp-collage-preview{z-index:6;opacity:0;visibility:hidden;transform:translateY(0) scale(1);transition:opacity .28s ease,transform .32s cubic-bezier(.22,.61,.36,1),visibility 0s .32s}
.hp-collage-preview.is-active{z-index:7;opacity:1;visibility:visible;transform:translateY(-12px) scale(1.045);transition-delay:0s}
.hp-collage-preview,.hp-collage-preview *{pointer-events:none}
.hp-collage-preview .hp-collage-sheet{outline:3px solid var(--mf-red);outline-offset:2px}
.hp-collage-preview .hp-collage-tag{display:block;position:absolute;left:var(--tag-x);top:var(--tag-y);z-index:2;max-width:58%;padding:8px 13px;background:var(--mf-red);color:white;font-family:var(--mf-ui);font-size:clamp(12px,1.2vw,16px);font-weight:600;line-height:1.35;white-space:nowrap;transform:translate(-50%,-50%) rotate(-5deg);box-shadow:0 4px 10px #25232018}
.hp-collage-posters{--tag-x:20%;--tag-y:20%}
.hp-collage-plan{--tag-x:51%;--tag-y:12%}
.hp-collage-slides{--tag-x:48%;--tag-y:43%}
.hp-collage-exams{--tag-x:77%;--tag-y:23%}
.hp-collage-leader{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--mf-red);stroke-width:.4;stroke-linecap:round;stroke-linejoin:round}
.hp-collage-leader path{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .32s ease}
.hp-collage-preview.is-active .hp-collage-leader path{stroke-dashoffset:0}
@media(max-width:799px){.hp-collage-preview.is-active{transform:translateY(-7px) scale(1.035)}.hp-collage-preview .hp-collage-tag{padding:6px 9px}.hp-collage-preview .hp-collage-sheet{outline-width:2px}}
@media(prefers-reduced-motion:reduce){.hp-collage-preview,.hp-collage-leader path{transition:none}.hp-collage-preview.is-active{transform:none}}

.hp-collage.is-enhanced .hp-collage-piece:focus-visible .hp-collage-sheet{outline:none}

/* Editorial: Qawaid introduction above an open, complete Sarf/Nahw shelf. */
.mf-homepage .hp-qawaid-layout{display:block}
.hp-qawaid .hp-section-copy{max-inline-size:900px;margin-block-end:36px}
.hp-qawaid .hp-section-copy h2,.hp-qawaid .hp-section-copy .hp-reading{max-inline-size:none}
.hp-qawaid-shelf{max-inline-size:1080px;margin-inline:auto;gap:60px}
.hp-qawaid-shelf .mf-book-group{min-inline-size:0}
.mf-homepage .hp-qawaid-shelf .hp-group-title{border:0;border-block-end:1px solid var(--level-color);padding-block:0 20px;margin-block-end:24px;font:600 clamp(30px,3vw,46px)/1.35 var(--mf-display);color:var(--level-color)}
.hp-qawaid-shelf .mf-level-sarf{--level-color:#2280ba}
.hp-qawaid-shelf .mf-level-nahw{--level-color:#dd601e}
.hp-qawaid-shelf .mf-book-pair{gap:24px;align-items:start}
.mf-homepage .hp-qawaid-shelf .mf-book img{inline-size:100%;max-block-size:270px;object-fit:contain}
.hp-book-metadata,.mf-homepage .hp-book-metadata{display:flex;flex-direction:column;gap:6px;text-align:center;font:500 15px/1.5 var(--mf-ui);color:var(--mf-ink);margin-block:0 16px;min-block-size:3.5em}
.hp-book-metadata:lang(ar),.mf-homepage .hp-book-metadata:lang(ar){font-size:20px}
.hp-book-metadata bdi{font-family:Onest,Arial,sans-serif;font-size:14px;color:var(--mf-muted)}
.hp-contact-phone{display:flex!important;align-items:center;gap:10px;min-block-size:44px}
.hp-contact-phone svg{flex:0 0 24px}
.hp-contact-phone bdi{font-family:Onest,Arial,sans-serif}
@media(max-width:639px){.hp-qawaid-shelf{gap:36px}.hp-qawaid-shelf .mf-book-pair{gap:12px}.mf-homepage .hp-qawaid-shelf .mf-book img{max-block-size:250px}.hp-book-metadata,.mf-homepage .hp-book-metadata{font-size:13px}.hp-book-metadata:lang(ar),.mf-homepage .hp-book-metadata:lang(ar){font-size:18px}.hp-book-metadata bdi{font-size:12px}}

.hp-qawaid-shelf .mf-book{flex:1;max-inline-size:none;margin:0}

/* 3 October: the Qawaid canvas shares the homepage wrapper and section rhythm. */
.mf-homepage .hp-qawaid{margin-block:var(--hp-background-gap)}
.mf-homepage .hp-qawaid-shelf{max-inline-size:none}
.mf-homepage .hp-qawaid-shelf .mf-book img{max-block-size:240px}
.mf-homepage .hp-qawaid-shelf .hp-book-metadata bdi{font:600 22px/1.5 Onest,Arial,sans-serif;color:var(--book-accent)}
@media(max-width:639px){.mf-homepage .hp-qawaid-shelf .mf-book img{max-block-size:225px}.mf-homepage .hp-qawaid-shelf .hp-book-metadata bdi{font-size:20px}}