.matching-component{--matching-ink:#403d32;--matching-line:#747d5d;--matching-card:#fffdf7;--matching-border:#cbcdbb;color:var(--matching-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;min-width:0}.matching-instruction{font:400 32px/1.9 "Geeza Pro","Noto Naskh Arabic","Traditional Arabic",serif;letter-spacing:0;margin:0 0 8px;text-align:right}.matching-help{font-size:13px;line-height:1.8;color:#6e715e;margin:0 0 24px}.matching-board{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:76px;min-width:0;isolation:isolate}.matching-stem-column{grid-column:2;grid-row:1;display:flex;align-items:center;min-width:0}.matching-choice-column{grid-column:1;grid-row:1;display:grid;gap:22px;min-width:0}.matching-card{position:relative;width:100%;min-width:0;min-height:124px;padding:14px 19px;border:2px solid var(--matching-border);border-radius:14px;background:var(--matching-card);color:var(--matching-ink);cursor:pointer;touch-action:auto;text-align:center;font:inherit;overflow:visible}.matching-stem{min-height:235px}.matching-card-text{display:block;user-select:text;-webkit-user-select:text;direction:rtl;unicode-bidi:plaintext;font-family:"Geeza Pro","Noto Naskh Arabic","Traditional Arabic",serif;font-size:clamp(44px,4.5vw,48px);font-weight:400;line-height:1.6;letter-spacing:0;word-break:normal;overflow-wrap:anywhere;hyphens:none}.matching-handle{position:absolute;top:calc(50% - 22px);width:44px;height:44px;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;z-index:3;cursor:grab}.matching-stem .matching-handle{left:-23px}.matching-choice .matching-handle{right:-23px}.matching-dot{display:block;width:20px;height:20px;border:3px solid var(--matching-line);border-radius:50%;background:#fffdf7;box-shadow:0 0 0 5px #f4f2e9}.matching-card.is-armed{border-color:#8a7151;background:#fbf5e8}.matching-card.is-armed .matching-dot{background:#b79564;border-color:#8a7151}.matching-card.is-selected{border-color:#7e8867;background:#f1f4e8}.matching-card.is-selected .matching-dot{background:var(--matching-line)}.matching-card.is-snap-target{border-color:#68754d;box-shadow:0 0 0 3px #dfe5cf}.matching-card:focus-visible{outline:3px solid #ab6849;outline-offset:6px}.matching-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}.matching-line,.matching-preview{fill:none;stroke:var(--matching-line);stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}.matching-preview{stroke-dasharray:7 7;opacity:.8}.matching-status{font-size:13px;line-height:1.9;min-height:25px;margin:25px 0 10px;overflow-wrap:anywhere}.matching-controls{display:flex;gap:10px;flex-wrap:wrap}.matching-controls button{min-height:46px;padding:10px 18px;font:600 13px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;border-radius:10px;cursor:pointer}.matching-submit{background:#9e583f;color:#fffdf7;border:1px solid #9e583f}.matching-remove{background:#fffdf7;color:#626b4e;border:1px solid #d0d5c1}.matching-controls button:focus-visible{outline:3px solid #ab6849;outline-offset:4px}.matching-component button:disabled{cursor:default;opacity:.55}.matching-component.is-locked .matching-card{opacity:.85}.matching-component.is-dragging .matching-handle{cursor:grabbing}@media(max-width:600px){.matching-board{column-gap:54px}.matching-card{padding:12px 8px;min-height:126px;border-radius:11px}.matching-stem{min-height:190px}.matching-card-text{font-size:30px;line-height:1.8}.matching-choice-column{gap:18px}.matching-instruction{font-size:29px}.matching-help{font-size:12px;margin-bottom:20px}.matching-status{font-size:12px}.matching-controls button{flex:1 1 125px;font-size:12px}}@media(prefers-reduced-motion:reduce){.matching-component *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.matching-instruction[lang="ms"]{font:500 14px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left}