:root{--cream-white:#fdfbf5;--lemon-cream:#fff6d6;--coral-reef:#ffb5a7;--ocean-mist:#b7dcd6;--morning-sky:#d6e4fa;--golden-dune:#f4d9a6;--sunset-clay:#e07a5f;--clay-ink:#9e4a32;--teal-ink:#2e5d55;--gold-ink:#8a6420;--sky-ink:#3a5a8c;--coral-ink:#b04a3a;--bg:var(--cream-white);--surface:#ffffff;--ink:#3d3630;--ink-soft:#6e645b;--ink-faint:var(--ink-soft);--accent:var(--sunset-clay);--accent-ink:var(--clay-ink);--accent-soft:#fbe9e0;--insight-bg:var(--ocean-mist);--insight-ink:var(--teal-ink);--selected-bg:var(--golden-dune);--selected-ink:#7b591c;--safety-bg:var(--coral-reef);--safety-ink:#88392d;--border:#eadfc9;--line:var(--border);--radius:14px;--maxw:640px;--surface-muted:#f5f3ee;--surface-placeholder:#eae8e2;--brand-clay-pressed:#7c2e19;--brand-clay-soft:#fbe9e0;--divider:#efe8dc;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-pill:999px;--tap-min:44px;--tap-comfort:48px}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}body,html{background:var(--bg);color:var(--ink);font-family:var(--font-plex-arabic),"IBM Plex Sans Arabic",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Arabic","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.6;min-height:100dvh}main{max-width:var(--maxw);margin:0 auto;padding:24px 20px 64px}h1{font-size:1.9rem;line-height:1.25;font-weight:700;letter-spacing:-.01em}h1.question,h2{font-size:1.35rem;line-height:1.3;font-weight:700}h1.question{letter-spacing:0}h1.question:focus{outline:none}.insight h1.question{color:var(--insight-ink)}p.lead{color:var(--ink-soft);font-size:1.06rem}.btn{display:inline-block;width:100%;padding:15px 24px;border:none;border-radius:var(--radius);background:var(--accent-ink);color:#fff;font-size:1.05rem;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s ease,opacity .15s ease}.btn:hover{background:var(--brand-clay-pressed)}.btn:disabled{opacity:.4;cursor:default}.btn.secondary{background:transparent;color:var(--accent-ink);border:1.5px solid var(--accent)}.card{border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card,.option{background:var(--surface)}.option{display:block;width:100%;padding:15px 18px;margin-bottom:10px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:1.02rem;text-align:start;cursor:pointer;color:var(--ink);transition:border-color .12s ease,background .12s ease}.option:hover{border-color:var(--accent)}.option.selected{border-color:var(--selected-ink);background:var(--selected-bg);color:var(--selected-ink);font-weight:700}.option .hint{display:block;font-size:.88rem;color:var(--ink-soft);font-weight:400}.option.multi{display:flex;align-items:flex-start;gap:12px}.option.multi .check{flex:none;width:22px;height:22px;margin-top:2px;border:2px solid var(--ink-soft);border-radius:6px;background:var(--surface)}.option.multi.selected .check{border-color:var(--selected-ink);background:var(--selected-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M4 10.5l4 4 8-9'/%3E%3C/svg%3E");background-size:16px 16px;background-position:50%;background-repeat:no-repeat}.progressbar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin:18px 0 28px}.progressbar>div{height:100%;background:var(--accent);border-radius:3px;transition:width .25s ease}.insight{background:var(--insight-bg);border:1px solid var(--teal-ink);border-radius:var(--radius);padding:22px;color:var(--insight-ink)}.insight .kicker{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.insight .kicker,.insight h2{color:var(--insight-ink)}.result-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.result-row:last-child{border-bottom:none}.result-row .label{color:var(--ink-soft)}.result-row .value{font-weight:600;text-align:end}.safety{background:var(--safety-bg);border:1px solid var(--safety-ink);border-radius:var(--radius);padding:18px;color:var(--safety-ink);font-weight:600}.footer-note{font-size:.85rem;color:var(--ink-faint);margin-top:28px;text-align:center}.lang-switch{display:inline-flex;align-items:center;min-height:var(--tap-min);font-size:.9rem;color:var(--ink-soft);text-decoration:none;border:1px solid var(--border);border-radius:22px;padding:5px 16px;background:var(--surface)}header.site{display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:18px 20px 0}header.site .brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;color:var(--accent-ink);text-decoration:none}header.site .brand-mark{display:block;width:28px;height:28px;flex:none;background-color:var(--accent-ink);-webkit-mask:url(/brand/mark.svg) center/contain no-repeat;mask:url(/brand/mark.svg) center/contain no-repeat}header.site .brand-name{line-height:1}.site-footer{margin-top:64px;padding:24px 0 40px;border-top:1px solid var(--line,#e8e0d5);font-size:13px}.site-footer nav{display:flex;flex-wrap:wrap;gap:0 8px;padding:0 20px}.site-footer a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:var(--ink-soft,#8a7f75);text-decoration:none}.site-footer p{padding:0 26px}.site-footer a:hover{text-decoration:underline}.site-footer p{margin-top:12px;color:var(--ink-soft,#8a7f75);opacity:.8}.inline-link{color:var(--clay-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.inline-link:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;top:-100px;inset-inline-start:16px;z-index:100;padding:10px 16px;background:var(--surface);color:var(--accent-ink);border:1.5px solid var(--accent);border-radius:var(--radius);text-decoration:none;font-weight:700}.skip-link:focus{top:12px}@media (prefers-reduced-motion:reduce){.btn,.option,.progressbar>div{transition:none}}