/* MTWAFIQ v20.43 · financial-services challenges (challenges.html, EN + AR) */
.fx-wrap{padding:26px 0 56px}
.fx-flags h2,.fx-cat h2,.fx-regband h2{font-size:1.25rem;margin:0 0 12px}
.fx-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0 0 26px}
.fx-flag{border:1px solid var(--border);border-top:4px solid var(--sc);border-radius:16px;padding:16px;background:var(--surface)}
.fx-flag h3{margin:4px 0 6px;font-size:1.05rem}.fx-flag p{margin:0 0 10px;font-size:.92rem}
.fx-k{font:700 .74rem var(--f-body);color:var(--muted)}
.fx-flt{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:0 0 12px}
.fx-flt label{display:grid;gap:3px;font:600 .76rem var(--f-body);color:var(--muted)}
.fx-flt select,.fx-flt input{font:500 .88rem var(--f-body);padding:7px 9px;border-radius:9px;border:1px solid var(--border-2);background:var(--surface);color:var(--text);max-width:240px}
.fx-flt .fx-q{flex:1 1 220px}.fx-flt .fx-q input{max-width:none;width:100%}
.fx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.fx-card{display:grid;gap:6px;align-content:start;border:1px solid var(--border);border-inline-start:4px solid var(--sc);border-radius:14px;padding:14px;text-decoration:none;color:inherit;background:var(--surface)}
.fx-card:hover{border-color:var(--sc)}.fx-card b{color:var(--heading)}.fx-card small{color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fx-per,.fx-so{font-size:.78rem;color:var(--muted)}.fx-so{color:var(--text);border-top:1px dashed var(--border);padding-top:6px}
.fx-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fx-seg,.fx-cc,.fx-fl{font:600 .72rem var(--f-body);border-radius:99px;padding:2px 9px;background:color-mix(in srgb,var(--sc,#1FB5B2) 14%,transparent);text-decoration:none;color:var(--heading)}
.fx-cc{background:var(--chip,rgba(138,148,166,.16))}.fx-fl{background:color-mix(in srgb,#F5B301 18%,transparent)}
.fx-n{margin:4px 0 10px}.fx-stg-p{font-size:.9rem;margin:-4px 0 12px}
.fx-regband{margin:30px 0 0;border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--surface)}
.fx-note{font-size:.84rem;border-inline-start:3px solid #EC6C25;padding:6px 12px;margin:22px 0 0;background:color-mix(in srgb,#EC6C25 7%,transparent);border-radius:8px}
.fx-crumbs{margin:0 0 12px;font-size:.88rem}
.fx-one{border:1px solid var(--border);border-top:5px solid var(--sc);border-radius:18px;padding:20px;background:var(--surface)}
.fx-oh h2{margin:6px 0 6px}.fx-en{color:var(--muted);margin:0 0 8px}.fx-status{margin:6px 0 0}
.fx-sec{border-top:1px solid var(--border);padding:14px 0 4px}.fx-sec h3{margin:0 0 8px;font-size:1.05rem}.fx-sec h4{margin:12px 0 6px;font-size:.92rem}
.fx-dl{display:grid;grid-template-columns:minmax(110px,160px) 1fr;gap:6px 14px;margin:0}.fx-dl dt{font-weight:700}.fx-dl dd{margin:0}
.fx-tbl{width:100%;border-collapse:collapse;font-size:.86rem}.fx-tbl th,.fx-tbl td{border-bottom:1px solid var(--border);padding:6px 8px;text-align:start;vertical-align:top}.fx-tbl th{font-size:.76rem;color:var(--muted)}
.fx-sec{overflow-x:auto}
.fx-refs{display:grid;gap:10px}.fx-ref{border:1px solid var(--border);border-radius:12px;padding:10px 12px}.fx-ref header{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.fx-ref h4{margin:6px 0 4px;font-size:.95rem}.fx-ref p{margin:4px 0}
.fx-cls,.fx-ver{font:700 .68rem var(--f-body);border-radius:6px;padding:1px 7px;border:1px solid currentColor}
.fx-c-mandatory{color:#B0470F}.fx-c-activity{color:#0F6E8A}.fx-c-contractual{color:#6B4E9B}.fx-c-voluntary{color:#2B8423}.fx-c-mtwafiq{color:#8A6400}
.fx-v-verified{color:#2B8423;background:color-mix(in srgb,#4CAE3F 12%,transparent)}.fx-v-partial{color:#8A6400;background:color-mix(in srgb,#F5B301 16%,transparent);border-style:dashed}.fx-v-unverified{color:#B0470F;background:color-mix(in srgb,#EC6C25 12%,transparent)}
[data-theme=dark] .fx-c-mandatory,[data-theme=dark] .fx-v-unverified{color:#FFAB7E}[data-theme=dark] .fx-c-activity{color:#7FD4F0}[data-theme=dark] .fx-c-contractual{color:#C9B6FF}[data-theme=dark] .fx-c-voluntary,[data-theme=dark] .fx-v-verified{color:#8CE07F}[data-theme=dark] .fx-c-mtwafiq,[data-theme=dark] .fx-v-partial{color:#F5CF5B}
.fx-partial{font-size:.82rem;color:#8A6400}.fx-unv{font-size:.86rem;border:1px dashed var(--border-2);border-radius:10px;padding:8px 10px}
.fx-as h4 small{color:var(--muted);font-weight:500}.fx-al{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.88rem}.fx-al code{font-size:.74rem;color:var(--muted)}
.fx-stages{list-style:none;margin:0;padding:0;display:grid;gap:8px}.fx-stages details{border:1px solid var(--border);border-radius:12px;padding:8px 12px}
.fx-stages summary{cursor:pointer}.fx-stages summary small{color:var(--muted);font-weight:500}
.fx-sn{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--sc,#1FB5B2);color:#fff;font:700 .78rem var(--f-body)}
.fx-sb{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4px 16px;margin:8px 0}.fx-sf h5{margin:6px 0 2px;font-size:.8rem;color:var(--muted)}.fx-sf ul{margin:0;padding-inline-start:18px}.fx-sf p{margin:0}
.fx-sb .fx-as{grid-column:1/-1}
.fx-bst{display:grid;gap:4px;font-size:.86rem}
.fx-end{margin:18px 0 0}
@media (max-width:640px){.fx-one{padding:14px}.fx-flt select{max-width:100%}.fx-flt label{flex:1 1 140px}.fx-dl{grid-template-columns:1fr}}
/* v20.43 · the catalogue and register are sections inside the page (no page padding) */
.fx-flags,.fx-cat,.fx-src{padding:16px 0}