@font-face{font-family:'Alyamama';src:url('../fonts/alyamama/Alyamama-Variable.woff2') format('woff2');font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url('../fonts/fraunces/Fraunces-600-700.woff2') format('woff2');font-weight:600 700;font-display:swap}
@font-face{font-family:Onest;src:url('../fonts/onest/Onest-400-600.woff2') format('woff2');font-weight:400 600;font-display:swap}
:root{--mf-red:#e30613;--mf-red-dark:#b80711;--mf-ink:#252320;--mf-muted:#625e59;--mf-line:#d7d4d0;--mf-paper:#fff;--mf-display:Fraunces,Georgia,serif;--mf-ui:Onest,Arial,sans-serif;--mf-reading:Onest,Arial,sans-serif;--mf-reading-weight:400;--mf-space:clamp(20px,4vw,64px);color-scheme:light}
html:lang(ar){--mf-display:'Alyamama',Arial,sans-serif;--mf-ui:'Alyamama',Arial,sans-serif;--mf-reading:'Alyamama',Arial,sans-serif;--mf-reading-weight:300}
*{box-sizing:border-box}
body.mf-site{margin:0;background:#fff;color:var(--mf-ink);font:400 17px/1.65 var(--mf-ui);font-synthesis:none;isolation:isolate}
.mf-site:lang(ar){font-size:19px;font-weight:500}
.mf-site::before{content:"";position:fixed;inset:0;z-index:-1;background-image:url('../images/miftah-key-pattern.svg');background-repeat:repeat;background-size:140px 208px;pointer-events:none}
.mf-site ::selection{background:#f7c6c9;color:#252320}
.mf-site a{color:inherit;text-underline-offset:.24em;text-decoration-thickness:1px}
.mf-site a:hover{text-decoration-color:var(--mf-red);color:var(--mf-red-dark)}
.mf-site :focus-visible{outline:3px solid var(--mf-red-dark);outline-offset:4px}
.mf-site button,.mf-site summary,.mf-site a{touch-action:manipulation;-webkit-tap-highlight-color:#f7c6c9}
.mf-site button,.mf-site input{font:inherit}
.mf-site button,.mf-site summary{cursor:pointer}
.mf-site img{max-inline-size:100%;display:block}
.mf-site h1,.mf-site h2,.mf-site h3,.mf-site h4,.mf-site p,.mf-site figure{margin:0}
.mf-site h1,.mf-site h2,.mf-site h3{font-family:var(--mf-display);font-weight:600;line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
.mf-site h2{font-size:clamp(30px,3.1vw,44px)}
.mf-site h3{font-size:clamp(23px,2.3vw,32px)}
.mf-site h4{font-size:18px;font-weight:600;line-height:1.45}
.mf-site h1:lang(ar),.mf-site h2:lang(ar),.mf-site h3:lang(ar){line-height:1.35;letter-spacing:normal;font-weight:700}
.mf-site h4:lang(ar){font-size:21px}
.mf-wrap{max-inline-size:1280px;margin-inline:auto;padding-inline:var(--mf-space)}
.mf-sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.mf-kashida{user-select:none}
.mf-skip{position:fixed;inset-block-start:8px;inset-inline-start:12px;z-index:20;background:#fff;padding:12px;transform:translateY(-160%)}
.mf-skip:focus{transform:none}
.mf-header{position:relative;z-index:5;background:#fff;border-block-end:1px solid var(--mf-line)}
.mf-header-top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-block-size:92px}
.mf-brand{display:block;flex-shrink:0}
.mf-brand img{inline-size:156px;block-size:auto}
.mf-header-actions{display:flex;align-items:center;gap:24px;min-inline-size:0}
.mf-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--mf-red);color:#fff!important;border:1px solid var(--mf-red);border-radius:3px;padding:10px 21px;min-block-size:46px;text-decoration:none;font-weight:600;line-height:1.4;transition:background-color 150ms ease,border-color 150ms ease}
.mf-button:hover{background:var(--mf-red-dark);border-color:var(--mf-red-dark)}
.mf-button:disabled{background:#e6e3df;border-color:#c8c3bd;color:#625e59!important;cursor:default}
.mf-navigation-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-block-size:54px}
.mf-nav{display:flex;align-items:center;gap:clamp(24px,3.6vw,52px);font-weight:500}
.mf-nav>a,.mf-nav summary{min-block-size:48px;display:flex;align-items:center;text-decoration:none}
.mf-dropdown{position:relative}
.mf-dropdown summary{list-style:none;display:flex;align-items:center;gap:10px;min-block-size:44px}
.mf-dropdown summary::-webkit-details-marker{display:none}
.mf-dropdown summary::after{content:"";inline-size:7px;block-size:7px;border-inline-end:1.5px solid;border-block-end:1.5px solid;transform:rotate(45deg);margin-block-start:-4px;flex:none}
.mf-dropdown[open] summary::after{transform:rotate(225deg);margin-block-start:4px}
.mf-dropdown-panel{position:absolute;inset-block-start:100%;inset-inline-start:0;min-inline-size:220px;max-inline-size:310px;background:#fff;border:1px solid var(--mf-line);padding:8px;z-index:8}
.mf-dropdown-panel a,.mf-dropdown-panel>span{display:block;padding:10px 12px;min-block-size:44px;text-decoration:none}
.mf-dropdown-panel a:hover{background:#faf7f4}
.mf-dropdown-panel small{display:block;color:var(--mf-muted);line-height:1.5;font-size:13px;margin-block-start:4px;white-space:normal}
.mf-account .mf-dropdown-panel{inset-inline-start:auto;inset-inline-end:0}
.mf-account summary{max-inline-size:220px;overflow-wrap:anywhere}
.mf-text-button{background:none;border:0;padding:10px 12px;min-block-size:44px;color:inherit;text-align:start}
.mf-resource-shortcut{font-size:14px;color:var(--mf-muted)!important;white-space:nowrap}
.mf-menu-toggle{display:none;align-items:center;gap:10px;background:none;border:0;padding:8px 0;min-block-size:48px}
.mf-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;position:relative;min-block-size:345px;padding-block:34px 20px;column-gap:12px}
.mf-introduction{position:relative;z-index:1;background:transparent;padding-block:18px}
.mf-title-art{inline-size:100%;max-inline-size:515px;block-size:auto}
:lang(ar) .mf-title-art{inline-size:360px}
.mf-intro-text{font-size:25px;line-height:1.5;margin-block-start:17px!important;font-family:var(--mf-display);font-weight:600;max-inline-size:32ch}
.mf-subtitle-art{inline-size:100%;max-inline-size:515px;block-size:auto}
:lang(ar) .mf-intro-text{font-family:'Alyamama',sans-serif;font-size:25px;line-height:1.7;font-weight:500}
.mf-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-block-start:26px}
.mf-text-link{font-weight:600;display:inline-block;padding-block:10px;min-block-size:44px}
.mf-architecture{inline-size:100%;max-inline-size:none!important;block-size:auto;justify-self:center;animation:mf-photo-settle 780ms cubic-bezier(.19,1,.22,1) 1 both}
@keyframes mf-photo-settle{from{transform:translateY(10px)}to{transform:translateY(0)}}
.mf-catalogue{padding-block:24px 48px;background:#fff;scroll-margin-block-start:24px}
.mf-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-block-end:26px}
.mf-section-heading p{color:var(--mf-muted);font-size:15px}
.mf-series-name{font-family:var(--mf-ui)!important;font-size:18px!important;font-weight:600!important;margin-block-end:16px!important;letter-spacing:normal!important}
.mf-book-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px}
.mf-book-group{min-inline-size:0}
.mf-book-group h4{border-block-start:2px solid var(--level-color,#777);padding-block:10px 14px}
.mf-level-starter{--level-color:#2280ba}.mf-level-a1{--level-color:#348448}.mf-level-a2{--level-color:#dd601e}.mf-level-b1{--level-color:#198e8d}.mf-level-b2{--level-color:#765191}.mf-level-sarf{--level-color:#599747}.mf-level-nahw{--level-color:#bb7537}
.mf-book-pair{display:flex;gap:12px;align-items:flex-start}
.mf-book{flex:1;min-inline-size:0;cursor:default}
.mf-book img{inline-size:100%;block-size:auto;aspect-ratio:240/339;object-fit:contain;object-position:top;background:#fff}
.mf-book figcaption{font-size:12px;line-height:1.55;margin-block-start:10px;color:var(--mf-muted);overflow-wrap:break-word}
:lang(ar) .mf-book figcaption{font-size:16px;line-height:1.5}
.mf-unassigned-note{font-size:13px;color:var(--mf-muted);margin-block-start:18px!important}
:lang(ar) .mf-unassigned-note{font-size:16px}
.mf-qawaid-heading{border-block-start:1px solid var(--mf-line);padding-block-start:32px;margin-block-start:32px}
.mf-qawaid-groups{display:grid;grid-template-columns:2fr 3fr;gap:36px;max-inline-size:800px}
.mf-qawaid-groups .mf-book{max-inline-size:138px}
.mf-classroom{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:48px;background:#fff;border-block-start:1px solid var(--mf-line)}
.mf-classroom h2{max-inline-size:18ch}
.mf-classroom-image{inline-size:100%;aspect-ratio:16/10;block-size:auto;object-fit:cover;object-position:48% 45%}
.mf-resource-list{padding:0;margin:22px 0 0;list-style:none}
.mf-resource-list li{border-block-end:1px solid var(--mf-line)}
.mf-resource-list a{display:block;padding-block:13px;text-decoration:none}
.mf-form{max-inline-size:460px;background:#fff;display:grid;gap:8px}
.mf-form label{font-weight:600;margin-block-start:14px}
.mf-form input{min-inline-size:0;inline-size:100%;min-block-size:50px;border:1px solid #908980;border-radius:3px;background:#fff;color:var(--mf-ink);padding:10px 12px;caret-color:var(--mf-red-dark)}
.mf-form input[aria-invalid=true]{border-color:var(--mf-red-dark)}
.mf-form .mf-button{margin-block-start:20px;justify-self:start}
.mf-feedback{padding:16px;border:1px solid var(--mf-line);background:#fff;line-height:1.65}
.mf-error{color:var(--mf-red-dark);border-color:var(--mf-red-dark)}
.mf-field-error{font-size:14px;color:var(--mf-red-dark)}
.mf-feedback ul{padding-inline-start:24px;margin:8px 0 0}
.mf-access-book{padding-block:20px;border-block-end:1px solid var(--mf-line)}
.mf-access-book h3{font-size:23px;overflow-wrap:anywhere}
.mf-access-book .book-expiry{font-variant-numeric:tabular-nums}
.mf-unavailable{color:var(--mf-muted);margin-block-start:12px!important}
.mf-reading{font-family:var(--mf-reading);font-weight:var(--mf-reading-weight);font-size:17px;line-height:1.65;max-inline-size:70ch}
.mf-reading:lang(ar){font-size:24px;line-height:1.9}
@media(min-width:1441px){.mf-hero{min-block-size:380px}.mf-architecture{inline-size:100%}}
@media(max-width:1000px){.mf-book-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.mf-nav{gap:24px}.mf-resource-shortcut{display:none}.mf-account summary{max-inline-size:150px}.mf-hero{min-block-size:300px}.mf-intro-text{font-size:22px}.mf-classroom{gap:32px}.mf-section-heading{flex-wrap:wrap;gap:10px}}
@media(max-width:640px){
 .mf-header-top{min-block-size:80px;gap:12px}.mf-brand img{inline-size:112px}.mf-header-actions{gap:14px}.mf-header-actions .mf-button{padding:9px 12px;min-block-size:44px;font-size:14px}
 .mf-navigation-row{display:block}.mf-menu-toggle:not([hidden]){display:flex}.mf-nav{flex-direction:column;align-items:stretch;gap:0;padding-block-end:14px}.mf-nav[hidden]{display:none}.mf-nav>a,.mf-nav summary{min-block-size:48px}.mf-nav .mf-dropdown-panel{position:static;max-inline-size:none;border:0;border-block-start:1px solid var(--mf-line);padding-inline:12px}
 .mf-hero{grid-template-columns:1fr;min-block-size:0;padding-block:28px 0;gap:0}.mf-introduction{padding-block:10px}.mf-title-art{max-inline-size:360px}:lang(ar) .mf-title-art{inline-size:275px}.mf-intro-text{font-size:23px;margin-block-start:13px!important}:lang(ar) .mf-intro-text{font-size:22px}.mf-hero-actions{gap:20px;margin-block-start:18px}.mf-hero-actions .mf-button{font-size:16px;padding-inline:15px}.mf-text-link{font-size:15px}
 .mf-architecture{inline-size:100%;max-inline-size:100%!important;block-size:150px;object-fit:contain;margin-block:-1px -4px}.mf-catalogue{padding-block:24px 32px}.mf-section-heading{margin-block-end:20px}.mf-section-heading h2{font-size:32px}.mf-section-heading p{font-size:14px}.mf-book-groups{grid-template-columns:1fr;gap:26px}.mf-book-pair{gap:22px}.mf-book img{max-block-size:255px}.mf-book figcaption{font-size:14px}.mf-book-group h4{padding-block:10px 15px}.mf-qawaid-groups{grid-template-columns:1fr;gap:26px}.mf-qawaid-groups .mf-book{max-inline-size:none}.mf-qawaid-groups .mf-book-pair{gap:14px}.mf-qawaid-heading{margin-block-start:24px;padding-block-start:26px}.mf-classroom{grid-template-columns:1fr;gap:24px;padding-block:32px}.mf-classroom-image{aspect-ratio:16/10}.mf-classroom h2{max-inline-size:22ch}
}
@media(prefers-reduced-motion:reduce){.mf-architecture{animation:none;transform:none}.mf-button{transition:none}}

.mf-site [lang=ar]{--mf-display:'Alyamama',Arial,sans-serif;--mf-ui:'Alyamama',Arial,sans-serif;--mf-reading:'Alyamama',Arial,sans-serif;--mf-reading-weight:300;font-family:var(--mf-ui)}
.mf-site [lang=tr],.mf-site [lang=en]{--mf-display:Fraunces,Georgia,serif;--mf-ui:Onest,Arial,sans-serif;--mf-reading:Onest,Arial,sans-serif;--mf-reading-weight:400;font-family:var(--mf-ui)}

/* Review revision: compact real-link language selector; no dropdown panel. */
.mf-language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--mf-line);border-radius:28px;background:#fff;flex-shrink:0}
.mf-language-option{display:flex;align-items:center;justify-content:center;inline-size:42px;min-block-size:42px;border-radius:50%;font:500 13px/1 Onest,Arial,sans-serif!important;text-decoration:none!important;transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease}
.mf-language-option:lang(ar){font-family:'Alyamama',Arial,sans-serif!important;font-size:23px!important}
.mf-language-option.is-current{background:var(--mf-red);color:#fff}
.mf-language-option:focus-visible{outline-offset:2px}
@media(hover:hover){.mf-language-option[href]:hover{background:#fae8e9;color:var(--mf-red-dark);box-shadow:inset 0 0 0 1px #efb9bd}}
.mf-language-option[href]:active{background:#f4cbd0}
.mf-brand img,.mf-title-art{image-rendering:auto}
@media(max-width:640px){.mf-header-top{gap:10px}.mf-brand img{inline-size:96px}.mf-header-actions{gap:8px}.mf-language-switch{gap:0;padding:2px}.mf-language-option{inline-size:36px;min-block-size:40px}.mf-header-actions .mf-button{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.mf-language-option{transition:none}}

/* Focused main-header refinement; artwork and hero remain unchanged. */
.mf-header-top{min-block-size:72px}
.mf-header .mf-brand{position:relative;isolation:isolate;margin-block-start:12px}
.mf-header .mf-brand img{inline-size:178px}

.mf-header .mf-header-actions .mf-button{background:#fff;color:var(--mf-red-dark)!important;border-color:#ebc3c6;font-weight:500;min-block-size:42px;padding:8px 16px}
.mf-header .mf-header-actions .mf-button:hover{background:#fff5f5;border-color:var(--mf-red-dark)}
.mf-header .mf-navigation-row{min-block-size:48px}
.mf-language-reveal{position:relative;flex:none}
.mf-language-reveal>summary{list-style:none;border:1px solid var(--mf-red);cursor:pointer}
.mf-language-reveal>summary::-webkit-details-marker{display:none}
.mf-language-options{position:absolute;inset-block-start:100%;left:-4px;display:flex;flex-direction:column;gap:6px;padding:8px 4px 4px;z-index:12}
.mf-language-options .mf-language-option{background:#fff;border:1px solid #ebc3c6;color:var(--mf-ink)}


@keyframes mf-language-slide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.mf-header-top{min-block-size:64px}.mf-header .mf-brand img{inline-size:124px}.mf-header .mf-brand{margin-block-start:10px}.mf-header .mf-header-actions .mf-button{padding-inline:11px;font-size:14px}.mf-language-reveal .mf-language-option{inline-size:40px;min-block-size:40px}}


/* Supplied mosaic: full transparent composition, no clipping or mirroring. */
.mf-hero-mosaic{display:block;inline-size:100%;block-size:auto;justify-self:center;object-fit:contain;animation:mf-photo-settle 780ms cubic-bezier(.19,1,.22,1) 1 both}
@media(max-width:640px){.mf-hero-mosaic{inline-size:min(100%,460px);margin-block:24px 28px}}
@media(prefers-reduced-motion:reduce){.mf-hero-mosaic{animation:none;transform:none}}