:root{--bg:#f7f8fa;--surface:#fff;--ink:#14181f;--ink-soft:#5b6472;--line:#e2e6ec;--brand:#0f6e5c;--brand-dark:#0a4f42;--brand-tint:#e6f3f0;--accent:#f2a31b;--max:70rem;--read:44rem;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-rtl:"Noto Naskh Arabic", "Segoe UI", Tahoma, sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;font-size:1.0625rem;line-height:1.6}html[dir=rtl] body{font-family:var(--font-rtl);line-height:1.85}a{color:var(--brand);text-underline-offset:3px}a:hover{color:var(--brand-dark)}h1,h2,h3{letter-spacing:-.01em;line-height:1.2}h1{margin:0 0 .75rem;font-size:clamp(1.9rem,4.5vw,2.8rem)}h2{margin:2.25rem 0 .75rem;font-size:clamp(1.35rem,2.6vw,1.75rem)}h3{margin:1.25rem 0 .5rem;font-size:1.15rem}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0}.wrap{max-width:var(--max);margin:0 auto;padding:0 1rem}.read{max-width:var(--read);margin:0 auto;padding:0 1rem}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding-top:.9rem;padding-bottom:.9rem;display:flex}.logo{color:var(--ink);letter-spacing:-.02em;font-size:1.35rem;font-weight:800;font-family:var(--font);direction:ltr;unicode-bidi:isolate;text-decoration:none}.logo b{color:var(--brand)}.logo i{color:var(--accent);font-style:normal}.nav{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.nav a{color:var(--ink);font-size:.95rem;text-decoration:none}.nav a:hover{color:var(--brand)}.lang-switch{flex-wrap:wrap;gap:.35rem;display:flex}.lang-switch a{border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:.2rem .5rem;font-size:.8rem;text-decoration:none}.lang-switch a[aria-current=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.hero{background:linear-gradient(135deg, var(--brand-dark), var(--brand));color:#fff;padding:3.5rem 0 3rem}.hero h1{color:#fff}.hero p{color:#d9efe9;max-width:36rem;margin:0;font-size:1.1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.card:hover{border-color:var(--brand);color:var(--ink);box-shadow:0 4px 16px #0f6e5c14}.card h3{margin-top:0}.card p{color:var(--ink-soft);margin:0;font-size:.95rem}.card .go{color:var(--brand);margin-top:.75rem;font-size:.9rem;font-weight:600;display:inline-block}section.block{padding:2.75rem 0}.page-head{padding:2.25rem 0 1rem}.lead{color:var(--ink-soft);max-width:40rem;font-size:1.1rem}.breadcrumb{color:var(--ink-soft);margin-bottom:.5rem;font-size:.85rem}.breadcrumb a{color:var(--ink-soft)}.calc{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:1.25rem 0;padding:1.25rem}.calc h2{margin-top:0;font-size:1.2rem}.fields{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:end;gap:.9rem;display:grid}.field label,.field .label{color:var(--ink-soft);margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}.field input,.field select{width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:.65rem .75rem}.field input{text-align:start;direction:ltr}html[dir=rtl] .field input{text-align:right}.field input:focus,.field select:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.radio-row{flex-wrap:wrap;gap:1rem;font-size:.95rem;display:flex}.radio-row label{color:var(--ink);align-items:center;gap:.4rem;margin:0;font-size:.95rem;font-weight:400;display:flex}.field .radio-row input{width:auto;margin:0}.out{background:var(--brand-tint);border-radius:8px;gap:.4rem;margin-top:1rem;padding:.9rem 1rem;display:grid}.out .row{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.out .row span:first-child{color:var(--ink-soft)}.out .big{color:var(--brand-dark);font-size:1.35rem;font-weight:800}.out .num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-weight:700}.explain h2{border-top:1px solid var(--line);padding-top:1.75rem}.formula{text-align:left;color:#e2e8f0;white-space:pre;direction:ltr;background:#0f172a;border-radius:8px;padding:1rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.92rem;overflow-x:auto}.example li{margin-bottom:.35rem}details{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:.6rem;padding:.75rem 1rem}details summary{cursor:pointer;font-weight:600}details p{color:var(--ink);margin:.6rem 0 .2rem}.note{color:var(--ink-soft);font-size:.85rem}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);background:var(--surface);margin-top:3.5rem;padding:2rem 0;font-size:.9rem}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.prose{font-size:1.05rem}.prose h2{margin-top:2.25rem}.prose ol,.prose ul{padding-inline-start:1.4rem}.prose li{margin-bottom:.45rem}.prose code{direction:ltr;unicode-bidi:isolate;background:#eef1f4;border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,Consolas,monospace;font-size:.9em}.prose pre{text-align:left;color:#e2e8f0;direction:ltr;background:#0f172a;border-radius:8px;padding:1rem;font-size:.9rem;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:start;vertical-align:top;padding:.5rem .65rem}.prose th{background:var(--brand-tint)}.prose blockquote{border-inline-start:3px solid var(--accent);background:#fff8e8;border-radius:0 6px 6px 0;margin:1.25rem 0;padding:.4rem 1rem}html[dir=rtl] .prose blockquote{border-radius:6px 0 0 6px}.prose kbd{border:1px solid var(--line);direction:ltr;unicode-bidi:isolate;background:#fff;border-bottom-width:2px;border-radius:4px;padding:0 .3rem;font-size:.85em}.nav a{align-items:center;min-height:44px;padding:0 .4rem;display:inline-flex}.lang-switch a{align-items:center;min-height:32px;padding:.3rem .7rem;display:inline-flex}.radio-row label{cursor:pointer;min-height:44px}.field .radio-row input{width:1.25rem;height:1.25rem;accent-color:var(--brand)}.prose a,.note a,.breadcrumb a{padding:.15rem 0}@media (width<=640px){.lang-switch{width:100%}}