@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/plex-arabic-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/plex-arabic-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/plex-arabic-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/plex-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/plex-latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/plex-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}:root{--green-950: #052e21;--green-900: #064e35;--green-700: #0a5c40;--green-600: #0d7150;--green-050: #eef6f1;--gold-500: #c9a227;--gold-600: #a9871d;--paper: #faf8f2;--card: #ffffff;--ink: #1c2420;--ink-soft: #4c5a53;--line: #e3ded0;--error: #b3261e;--radius: 14px;--shadow: 0 1px 2px rgba(6, 46, 33, .06), 0 8px 24px rgba(6, 46, 33, .07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:IBM Plex Sans Arabic,Tajawal,Segoe UI,Tahoma,sans-serif;background:var(--paper);color:var(--ink);line-height:1.8;font-size:17px;-webkit-font-smoothing:antialiased}.container{max-width:1080px;margin-inline:auto;padding-inline:16px}h1{font-size:1.75rem;line-height:1.5;margin:0 0 8px;font-weight:700}h2{font-size:1.35rem;line-height:1.6;margin:32px 0 10px;font-weight:700;color:var(--green-950)}h3{font-size:1.1rem;margin:20px 0 6px;font-weight:600}p{margin:0 0 12px}a{color:var(--green-700);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--green-600)}:focus-visible{outline:3px solid var(--gold-500);outline-offset:2px;border-radius:4px}.site-header{background:var(--green-950);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px #052e2140}.site-header .container{display:flex;align-items:center;gap:20px;min-height:60px;flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:#fff}.brand .brand-ar{font-size:1.6rem;font-weight:700;line-height:1.2}.brand .brand-ar .gold{color:var(--gold-500)}.brand .brand-lat{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#cfd8d2}.main-nav{display:flex;gap:4px;margin-inline-start:auto;flex-wrap:wrap}.main-nav a{color:#e9efec;text-decoration:none;padding:8px 12px;border-radius:8px;font-size:.98rem}.main-nav a:hover{background:#ffffff1a;color:#fff}.main-nav a.lang-switch{border:1.5px solid var(--gold-500);color:#fff;font-weight:700;padding:6px 16px;margin-inline-start:8px;border-radius:999px}.main-nav a.lang-switch:hover{background:var(--gold-500);color:#231a00}.site-footer{background:var(--green-950);color:#d9e2dc;margin-top:56px;padding:36px 0 28px}.site-footer a{color:#d9e2dc}.site-footer .cols{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:720px){.site-footer .cols{grid-template-columns:1.4fr 1fr 1fr}}.site-footer h3{color:#fff;margin-top:0}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-bottom:6px}.footer-note{border-top:1px solid rgba(255,255,255,.15);margin-top:24px;padding-top:16px;font-size:.9rem;color:#aebbb3}.lede{font-size:1.12rem;color:var(--ink-soft);max-width:62ch}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.today-strip{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;background:var(--green-050);border:1px solid var(--line);border-radius:var(--radius);padding:12px 18px;margin:18px 0;font-size:1.02rem}.today-strip strong{color:var(--green-900)}.ad-slot{margin:28px 0;min-height:100px;border:1.5px dashed var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#9aa79e;font-size:.85rem;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(6,46,33,.015) 10px,rgba(6,46,33,.015) 20px)}@media(min-width:720px){.ad-slot{min-height:110px}}.updated-line{font-size:.88rem;color:var(--ink-soft);margin-top:14px}.disclaimer{font-size:.92rem;color:var(--ink-soft);background:var(--green-050);border-inline-start:4px solid var(--gold-500);padding:10px 14px;border-radius:8px}.tools-grid{display:grid;gap:16px;grid-template-columns:1fr;margin-top:20px}@media(min-width:640px){.tools-grid{grid-template-columns:1fr 1fr}}@media(min-width:960px){.tools-grid{grid-template-columns:1fr 1fr 1fr}}.tool-card{display:block;text-decoration:none;color:var(--ink);position:relative;transition:transform .15s ease,box-shadow .15s ease}a.tool-card:hover{transform:translateY(-2px);color:var(--ink)}.tool-card .icon{font-size:1.7rem;line-height:1}.tool-card h3{margin:10px 0 4px;color:var(--green-950)}.tool-card p{color:var(--ink-soft);font-size:.97rem;margin:0}.badge{position:absolute;inset-block-start:14px;inset-inline-end:14px;background:var(--gold-500);color:#231a00;font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:999px}.badge.soon{background:#e8e2cf;color:#6d6242}.tool-card.is-soon{opacity:.75}.direction-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.direction-toggle button{font:inherit;font-weight:600;min-height:52px;padding:10px 8px;cursor:pointer;border-radius:10px;border:1.5px solid var(--green-700);background:#fff;color:var(--green-900)}.direction-toggle button[aria-pressed=true]{background:var(--green-700);color:#fff}.field-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px}.field label{display:block;font-weight:600;font-size:.95rem;margin-bottom:4px}.field input,.field select{width:100%;font:inherit;font-size:16px;min-height:52px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus{border-color:var(--green-600);outline:2px solid rgba(13,113,80,.25)}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center}.btn{font:inherit;font-weight:700;min-height:52px;padding:10px 26px;cursor:pointer;border-radius:10px;border:none;background:var(--green-700);color:#fff}.btn:hover{background:var(--green-600)}.btn.secondary{background:#fff;color:var(--green-900);border:1.5px solid var(--green-700)}.btn.ghost{background:transparent;color:var(--green-900);border:1.5px solid var(--line);font-weight:600}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem}.switch input{width:22px;height:22px;accent-color:var(--green-700)}.form-error{color:var(--error);font-weight:600;margin-top:12px;display:none}.form-error.show{display:block}.result-panel{margin-top:20px;border:2px solid var(--green-700);display:none}.result-panel.show{display:block}.result-main{font-size:1.45rem;font-weight:700;color:var(--green-950);line-height:1.6;margin-bottom:4px}.result-sub{font-size:1.05rem;color:var(--ink-soft);margin-bottom:14px}.result-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0 0 14px}@media(min-width:640px){.result-facts{grid-template-columns:repeat(4,1fr)}}.result-facts div{background:var(--green-050);border-radius:10px;padding:8px 12px}.result-facts dt{font-size:.82rem;color:var(--ink-soft);margin:0}.result-facts dd{margin:0;font-weight:700;font-size:1.05rem}.cross-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.btn.ghost.is-soon{opacity:.75;cursor:default;border-style:dashed;display:inline-flex;align-items:center;gap:8px}.soon-tag{background:#e8e2cf;color:#6d6242;font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:999px}.sighting-note{margin-top:14px}.guide{max-width:75ch}.guide table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.98rem}.guide th,.guide td{border:1px solid var(--line);padding:8px 12px;text-align:start}.guide th{background:var(--green-050)}.faq details{border:1px solid var(--line);border-radius:10px;padding:4px 16px;margin-bottom:10px;background:#fff}.faq summary{font-weight:600;cursor:pointer;padding:10px 0;min-height:48px;display:flex;align-items:center}.faq details p{color:var(--ink-soft)}.breadcrumb{font-size:.9rem;color:var(--ink-soft);margin:14px 0 0}.breadcrumb a{color:var(--ink-soft)}