/* الأدوات المالية — أنماط هادئة بنفس لغة الموقع */
.ft-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:26px 0 8px}
.ft-tile{display:grid;gap:8px;padding:22px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--card);text-decoration:none;color:inherit;transition:border-color .2s}
.ft-tile:hover{border-color:var(--acc)}
.ft-tile svg{width:30px;height:30px;color:var(--acc)}
.ft-tile h2{margin:4px 0 0;font-size:20px;border:0;padding:0}
.ft-tile p{margin:0;color:var(--ink-2)}
.ft-tile .go{font-weight:600;color:var(--acc);margin-top:6px}
.ft-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin:22px 0}
.ft-form,.ft-out{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--card);padding:22px}
.ft-form{display:grid;gap:16px;align-content:start}
.ft-f{display:grid;gap:6px}.ft-f>span{font-weight:600;font-size:15px}
.ft-f input{height:48px;padding:0 14px;border:1px solid var(--rule-2);border-radius:var(--r);background:var(--bg);color:var(--ink);font:inherit;font-size:17px;text-align:start}
.ft-f input:focus{outline:2px solid var(--acc);outline-offset:1px}
.ft-f input[aria-invalid="true"]{border-color:#B94A48}
.ft-e{font-style:normal;color:#B94A48;font-size:13px;min-height:0}
.ft-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--rule-2);border-radius:var(--r);overflow:hidden;background:var(--bg)}
.ft-seg button{min-height:46px;border:0;background:none;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
.ft-seg button[aria-pressed="true"]{background:var(--btn);color:var(--btn-ink)}
.ft-acts{display:flex;gap:10px;flex-wrap:wrap}
.ft-ex,.ft-loc{margin:0;font-size:13px;color:var(--ink-3)}
.ft-out{display:grid;gap:16px;align-content:start}
.ft-s{display:grid;gap:4px}.ft-s small{color:var(--ink-3);font-size:13.5px}.ft-s b{font-family:var(--fin-num,inherit);font-size:20px;font-weight:700;letter-spacing:-.02em}
.ft-s.big{padding:16px 18px;border-radius:var(--r);background:var(--acc-soft)}.ft-s.big b{font-size:clamp(30px,5vw,42px);color:var(--acc)}
.ft-s.neg{background:rgba(185,74,72,.12)}.ft-s.neg b{color:#B94A48}
.ft-g{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ft-bar{height:12px;border-radius:9px;background:#C5A66A;overflow:hidden}.ft-bar i{display:block;height:100%;background:var(--acc)}
.ft-leg{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-2)}.ft-leg b{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:6px}.ft-leg .d1{background:var(--acc)}.ft-leg .d2{background:#C5A66A}
.ft-msg{margin:0;font-size:14px;color:var(--ink-2)}.ft-msg.neg{color:#B94A48;font-weight:600}.ft-msg.pos{color:var(--acc);font-weight:600}
.ft-det{border:1px solid var(--rule);border-radius:var(--r);padding:12px 16px;background:var(--card)}
.ft-det summary{cursor:pointer;font-weight:600}.ft-det p{margin:10px 0 0;color:var(--ink-2);font-size:14.5px;line-height:1.8}
.ft-tw{max-height:360px;overflow:auto;margin-top:10px}
.ft-tw table{width:100%;border-collapse:collapse;font-size:13px}.ft-tw th,.ft-tw td{padding:6px 8px;text-align:end;border-bottom:1px solid var(--rule)}.ft-tw th{position:sticky;top:0;background:var(--card)}
.ft-cmp{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.ft-cmp div{display:grid;gap:4px;font-size:14px}.ft-cmp i{font-style:normal;font-weight:700}
.ft-disc{margin:14px 0 4px;padding:14px 16px;border-radius:var(--r);background:var(--bg-2);font-size:13.5px;line-height:1.8;color:var(--ink-2)}
.ft-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 30px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--card)}
.ft-intro h2{margin:0 0 8px;font-size:clamp(22px,2.6vw,30px)}.ft-intro p{margin:0;color:var(--ink-2);max-width:40em}
@media(max-width:820px){.ft-card{grid-template-columns:1fr}.ft-grid{grid-template-columns:1fr}}
@media(max-width:420px){.ft-g,.ft-cmp{grid-template-columns:1fr}.ft-intro{padding:22px 20px}}
.doc-body .prose{max-width:1040px}
.ft-det{overflow:hidden}.ft-det summary{padding:2px 0}

/* static SEO text under calculators */
.ft-static{margin-top:28px}
.ft-static p{margin:0 0 12px}
.ft-static ul{margin:0 0 14px}
.ft-static li{margin-bottom:8px}
