@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@400;700&family=IBM+Plex+Sans:wght@400;700&family=IBM+Plex+Mono&display=swap";.tools-scope{--ink:#1e2d2a;--ink-soft:#3e524c;--paper:#f3f6f1;--paper-alt:#e9f0e4;--line:#d3dbcd;--accent:#c1592c;--accent-dark:#9c431e;--secondary:#4b7a64;--secondary-dark:#33574a;--danger:#a23b2e;--ok:#3f7a55;--et-ink:var(--ink);--et-ink-soft:var(--ink-soft);--et-iris:var(--secondary);--et-iris-deep:var(--secondary-dark);--et-iris-tint:var(--paper-alt);--et-amber:var(--accent);--et-amber-tint:#f6e7da;--et-alert:var(--danger);--et-alert-tint:#f7e4e1;--et-paper:var(--paper);--et-panel:#fff;--et-line:var(--line);--et-radius:18px;--step-0:clamp(1rem, .95rem + .25vw, 1.125rem);--step-1:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--step-2:clamp(1.75rem, 1.5rem + 1vw, 2.25rem);--step-3:clamp(2.25rem, 1.9rem + 1.75vw, 3.25rem);--radius:6px;background:var(--paper);color:var(--ink);font-size:var(--step-0);line-height:1.7;display:block}.tools-scope,.tools-scope *,.tools-scope :before,.tools-scope :after{box-sizing:border-box}.tools-scope[data-lang=ar]{direction:rtl}.tools-scope[data-lang=en]{direction:ltr}.tools-scope[data-lang=ar] [data-en]{display:none!important}.tools-scope[data-lang=ar] [data-ar]{display:block!important}.tools-scope[data-lang=en] [data-ar]{display:none!important}.tools-scope[data-lang=en] [data-en]{display:block!important}.tools-scope[data-lang=ar]{font-family:IBM Plex Sans Arabic,sans-serif}.tools-scope[data-lang=en]{font-family:IBM Plex Sans,sans-serif}.tools-scope h1,.tools-scope h2,.tools-scope h3,.tools-scope .display{margin:0 0 .5em;font-weight:700;line-height:1.25}.tools-scope[data-lang=ar] h1,.tools-scope[data-lang=ar] h2,.tools-scope[data-lang=ar] .display{font-family:Amiri,serif}.tools-scope[data-lang=en] h1,.tools-scope[data-lang=en] h2,.tools-scope[data-lang=en] .display{font-family:IBM Plex Sans,sans-serif;font-weight:700}.tools-scope .num,.tools-scope .reading,.tools-scope input,.tools-scope select,.tools-scope .tick-label{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace}.tools-scope a{color:var(--secondary-dark)}.tools-scope .container{max-width:880px;margin-inline:auto;padding-inline:1.25rem}.tools-scope .lang-toggle-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding-block:.75rem;display:flex}.tools-scope .units-toggle{border:1px solid var(--line);background:#fff;border-radius:999px;margin-inline-end:auto;display:inline-flex;overflow:hidden}.tools-scope .units-toggle[hidden]{display:none}.tools-scope .units-toggle-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:.4rem .85rem;font-size:.8rem}.tools-scope .units-toggle-btn.is-active{background:var(--secondary);color:#fff}.tools-scope .measure-canonical[hidden],.tools-scope .measure-imperial[hidden],.tools-scope .measure-ftin[hidden]{display:none!important}.tools-scope .measure-ftin{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.tools-scope .measure-ftin-part{gap:.2rem;display:grid}.tools-scope .measure-ftin-hint{color:var(--ink-soft);font-size:.75rem}.tools-scope .calc-form input.measure-imperial{width:100%}.tools-scope[data-units=imperial] [data-ar][data-unit-label=height],.tools-scope[data-units=imperial] [data-en][data-unit-label=height]{display:none!important}.tools-scope .lang-toggle{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .9rem;font-size:.85rem}.tools-scope .lang-toggle:hover{background:var(--ink);color:var(--paper)}.tools-scope .tape{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin-block:1.5rem;padding-block:.75rem;position:relative}.tools-scope .tape-track{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1px;display:grid}.tools-scope .tape-stop{color:var(--ink);background:var(--paper);text-align:center;padding-block:.75rem .4rem;padding-inline:.5rem;text-decoration:none;transition:background .15s;position:relative}.tools-scope .tape-stop:before{content:attr(data-tick);color:var(--secondary-dark);letter-spacing:.05em;margin-bottom:.35rem;font-family:IBM Plex Mono,monospace;font-size:.7rem;display:block}.tools-scope .tape-stop .stop-label{font-size:.82rem;line-height:1.35;display:block}.tools-scope .tape-stop:hover{background:var(--paper-alt)}.tools-scope .tape-stop.current{background:var(--accent);color:var(--paper)}.tools-scope .tape-stop.current:before{color:var(--paper)}@media (width<=560px){.tools-scope .tape-track{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}.tools-scope .tool-hero{padding-block:2rem 1rem}.tools-scope .tool-hero .kicker{color:var(--secondary-dark);letter-spacing:.06em;font-family:IBM Plex Mono,monospace;font-size:.8rem}.tools-scope .tool-hero h1{font-size:var(--step-3);max-width:20ch}.tools-scope .tool-hero p.lead{color:var(--ink-soft);max-width:60ch}.tools-scope .calc-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-block:1.5rem;padding:1.5rem}.tools-scope .field-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=560px){.tools-scope .field-grid{grid-template-columns:1fr}}.tools-scope .field label{color:var(--ink-soft);margin-bottom:.35rem;font-size:.85rem;display:block}.tools-scope .field input,.tools-scope .field select{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;color:var(--ink);padding:.65rem .75rem;font-size:1rem}.tools-scope .field input:focus,.tools-scope .field select:focus{outline:2px solid var(--secondary);outline-offset:1px}.tools-scope .btn-calc{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;margin-top:1.25rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:600}.tools-scope .btn-calc:hover{background:var(--accent-dark)}.tools-scope .btn-calc:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}.tools-scope .result{border-top:1px dashed var(--line);margin-top:1.5rem;padding-top:1.25rem;display:none}.tools-scope .result.show{display:block}.tools-scope .result .reading{font-size:var(--step-2);font-weight:700}.tools-scope .result .badge{color:#fff;border-radius:999px;margin-inline-start:.6rem;padding:.2rem .7rem;font-size:.8rem;display:inline-block}.tools-scope .info-section{margin-block:2.5rem}.tools-scope .info-section h2{font-size:var(--step-1);border-inline-start:4px solid var(--accent);padding-inline-start:.75rem}.tools-scope .info-section p{color:var(--ink-soft);max-width:68ch}.tools-scope .disclaimer{background:var(--paper-alt);border-inline-start:4px solid var(--secondary);border-radius:var(--radius);color:var(--ink-soft);margin-block:1.5rem;padding:1rem 1.25rem;font-size:.88rem}.tools-scope .quiz-item{border:none;border-top:1px solid var(--line);margin:0;padding-block:1rem}.tools-scope .quiz-item:first-of-type{border-top:none}.tools-scope .quiz-item legend{gap:.5rem;margin-bottom:.6rem;padding:0;font-weight:600;display:flex}.tools-scope .quiz-num{color:var(--secondary-dark);flex-shrink:0;font-family:IBM Plex Mono,monospace}.tools-scope .quiz-options{flex-wrap:wrap;gap:.5rem;display:flex}.tools-scope .quiz-option{border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.85rem;display:flex}.tools-scope .quiz-option:has(input:checked){background:var(--accent);color:#fff;border-color:var(--accent)}.tools-scope .crisis-banner{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);background:#fbeae6;margin-bottom:1rem;padding:.85rem 1rem;font-size:.9rem}.tools-scope .et-instructions{color:var(--ink-soft);margin:0 0 20px;padding-inline-start:22px;font-size:15px}.tools-scope .et-instructions li{margin-bottom:6px}.tools-scope .et-amsler-grid{--et-cell:24px;aspect-ratio:1;background-color:#fff;background-image:linear-gradient(to left, var(--ink) 1px, transparent 1px), linear-gradient(to top, var(--ink) 1px, transparent 1px);background-size:var(--et-cell) var(--et-cell);border:2px solid var(--ink);width:min(100%,360px);margin:0 auto 22px;position:relative}.tools-scope .et-amsler-dot{background:var(--danger);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tools-scope .et-amsler-form{max-width:480px;margin:0 auto}.tools-scope .et-result{border:1.5px solid var(--line);background:var(--paper);border-radius:14px;margin-top:18px;padding:18px 20px}.tools-scope .et-result.et-ok{border-color:var(--secondary);background:var(--paper-alt)}.tools-scope .et-result.et-warn{border-color:var(--accent);background:#f6e7da}.tools-scope .et-result.et-alert{border-color:var(--danger);background:#f7e4e1}.tools-scope .et-result h3{margin-bottom:6px;font-size:17px}.tools-scope .et-result[hidden]{display:none}.tools-scope .et-help{color:var(--ink-soft);font-size:13px}.tools-scope .et-choice-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.tools-scope .et-choice{border:1.5px solid var(--line);cursor:pointer;text-align:center;background:#fff;border-radius:12px;padding:12px 14px;font-size:15px;transition:border-color .12s,background .12s;display:block}.tools-scope .et-choice input{opacity:0;pointer-events:none;position:absolute}.tools-scope .et-choice:has(input:checked){border-color:var(--secondary);background:var(--paper-alt);font-weight:700}.tools-scope .et-choice:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:1px}.tools-scope .et-btn{cursor:pointer;background:var(--secondary);color:#fff;border:none;border-radius:12px;padding:12px 22px;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.tools-scope .et-btn:hover{background:var(--secondary-dark)}.tools-scope .et-btn:active{transform:scale(.98)}.tools-scope .et-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tools-scope .et-hero{max-width:760px;margin:0 auto 28px;padding:0 16px;position:relative}.tools-scope .et-hero h1{font-size:clamp(26px,4vw,34px)}.tools-scope .et-hero p{color:var(--ink-soft);max-width:62ch;font-size:16px}.tools-scope .et-eyebrow{letter-spacing:.04em;color:var(--secondary-dark);background:var(--paper-alt);border-radius:999px;align-items:center;gap:10px;margin-bottom:14px;padding:6px 14px 6px 10px;font-size:13px;font-weight:700;display:inline-flex}.tools-scope .et-viewfinder{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:760px;margin:0 auto 24px;padding:28px;position:relative;box-shadow:0 1px 2px #14232e0a}.tools-scope .et-viewfinder-inner{position:relative}.tools-scope .et-section{max-width:760px;margin:0 auto 22px;padding:0 16px}.tools-scope .et-section h2{font-size:19px}.tools-scope .et-section p,.tools-scope .et-section li{color:var(--ink-soft);font-size:15.5px}.tools-scope .et-section ul{margin:0;padding-inline-start:22px}.tools-scope .et-disclaimer{border:1px dashed var(--line);max-width:760px;color:var(--ink-soft);background:#fbfaf6;border-radius:12px;margin:30px auto 10px;padding:16px 18px;font-size:13.5px}.tools-scope .et-footer{text-align:center;max-width:760px;margin:20px auto;padding:0 16px}.tools-scope .et-footer a{color:var(--secondary-dark);font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.tools-scope .et-footer a:hover{text-decoration:underline}