/* ============================================================
   MIFTAH FOUNDATION — sibling-brand layer
   Consumes tokens/main.css. Pine leads as the institutional
   ground; crimson stays reserved for the Miftah Media mark.
   ============================================================ */
.f-page{--f-link:var(--pine-2);--f-link-h:var(--pine)}
.f-page a:where(:not([class])){color:var(--f-link)}
.f-page a:where(:not([class])):hover{color:var(--f-link-h)}
.f-page{position:relative;z-index:1}
.f-wrap{width:var(--col);margin-inline:auto;padding-inline:var(--gut)}

/* masthead */
.f-mast{background:var(--pine);color:var(--paper-fixed);position:sticky;top:0;z-index:40}
.f-mast-in{display:flex;align-items:center;gap:clamp(12px,3vw,26px);padding-block:12px}
.f-brand{display:flex;align-items:center;gap:11px;min-width:0;margin-inline-end:auto}
.f-crest{height:46px;width:auto;flex:none;display:block}
.f-crest-tile{background:var(--paper);border-radius:var(--radius);padding:6px 8px;display:grid;place-items:center;flex:none}
.f-wm{display:flex;flex-direction:column;line-height:1.12;min-width:0}
.f-wm b{font-family:var(--f-display);font-weight:700;font-size:clamp(1.15rem,3.6vw,1.45rem);color:#fff}
.f-wm em{font-style:normal;font-family:var(--f-display);font-weight:500;font-size:.7rem;color:rgba(255,255,255,.66);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[lang="en"] .f-wm b{font-family:var(--f-latin)}
.f-nav{display:flex;gap:clamp(12px,2.4vw,22px);overflow-x:auto;scrollbar-width:none}
.f-nav::-webkit-scrollbar{display:none}
.f-nav a{font-family:var(--f-display);font-weight:600;font-size:.9rem;color:rgba(255,255,255,.84);white-space:nowrap}
.f-nav a:hover{color:var(--gold)}
.f-lang{flex:none;height:34px;padding-inline:14px;border:1px solid rgba(255,255,255,.34);border-radius:999px;font-family:var(--f-display);font-weight:600;font-size:.8rem;color:#fff;transition:.2s var(--ease)}
.f-lang:hover{border-color:var(--gold);color:var(--gold)}

/* shared type */
.f-key{font-family:var(--f-display);font-weight:600;font-size:var(--t-xs);letter-spacing:.06em;color:var(--pine-2)}
.f-h2{font-family:var(--f-display);font-weight:700;font-size:clamp(1.5rem,3.6vw,2.15rem);line-height:1.2;color:var(--pine);margin:0}
[lang="en"] .f-h2{font-family:var(--f-latin)}
.f-p{color:var(--ink-2);max-width:62ch}
.f-blank{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;color:var(--ink-3);border-bottom:1px dashed var(--line-2);padding-bottom:1px;direction:ltr;unicode-bidi:isolate}

/* buttons */
.f-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:600;font-size:.95rem;padding:13px 26px;border-radius:999px;transition:.2s var(--ease);border:1px solid transparent}
.f-btn-solid{background:var(--pine);color:#fff}
.f-btn-solid:hover{background:var(--pine-2);color:#fff}
.f-btn-line{border-color:var(--line-2);color:var(--ink)}
.f-btn-line:hover{border-color:var(--pine);color:var(--pine)}
.f-btn-onpine{border-color:rgba(255,255,255,.4);color:#fff}
.f-btn-onpine:hover{border-color:var(--gold);color:var(--gold)}
.f-btn[aria-disabled="true"]{opacity:.55;cursor:default;pointer-events:none}
.f-soon{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.04em;opacity:.8}

/* arms */
.f-arm-crest{height:54px;width:auto;display:block;flex:none}
.f-arm-h{font-family:var(--f-display);font-weight:700;font-size:clamp(1.25rem,2.8vw,1.6rem);color:var(--ink);margin:0}
[lang="en"] .f-arm-h{font-family:var(--f-latin)}
.f-arm-out{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-display);font-weight:600;font-size:.9rem;color:var(--crimson)}
.f-arm-out:hover{color:var(--crimson-d)}

/* principles */
.f-princ{list-style:none;margin:0;padding:0;display:grid}
.f-princ li{display:flex;gap:clamp(14px,3vw,28px);align-items:baseline;padding-block:clamp(18px,3vw,26px);border-top:1px solid var(--line)}
.f-princ-n{font-family:var(--f-display);font-weight:700;font-size:1.5rem;color:var(--gold);line-height:1;flex:none;min-width:1.4em}
.f-princ-t{font-family:var(--f-display);font-weight:700;font-size:1.1rem;color:var(--ink);display:block;margin-bottom:.25em}
[lang="en"] .f-princ-t{font-family:var(--f-latin)}

/* contact */
.f-cta{background:var(--pine);color:var(--paper-fixed)}
.f-cta-in{padding-block:clamp(38px,7vw,68px);display:grid;gap:22px}
.f-cta h2{font-family:var(--f-display);font-weight:700;font-size:clamp(1.6rem,4vw,2.4rem);color:#fff;margin:0;max-width:30ch}
[lang="en"] .f-cta h2{font-family:var(--f-latin)}
.f-cta p{color:rgba(255,255,255,.76);max-width:56ch;margin:0}
.f-cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.f-mail{font-family:var(--f-display);font-weight:700;color:var(--gold);direction:ltr;unicode-bidi:isolate}

/* footer */
.f-ftr{background:var(--paper-2);border-top:1px solid var(--line)}
.f-ftr-in{padding-block:clamp(30px,5vw,46px) 26px;display:grid;gap:26px}
@media (min-width:760px){.f-ftr-in{grid-template-columns:1.2fr .8fr .8fr}}
.f-ftr-col{display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.f-ftr-h{font-family:var(--f-display);font-weight:700;font-size:.95rem;color:var(--ink-3)}
.f-ftr-col a{font-family:var(--f-display);font-weight:500;font-size:.95rem;color:var(--ink-2)}
.f-ftr-col a:hover{color:var(--pine)}
.f-colophon{border-top:1px solid var(--line);padding-block:16px 30px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.84rem;color:var(--ink-3)}