:root{--ink:#08111d;--navy:#0b1b2d;--navy2:#112b46;--steel:#7890a8;--line:#cfdae4;--paper:#f5f7f9;--red:#8e2d2d;--blue:#155f96}
*{box-sizing:border-box}body.assessment-page{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans Arabic",Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}.is-hidden{display:none!important}.tool-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.tool-header{position:sticky;top:0;z-index:20;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(7,17,30,.97);backdrop-filter:blur(14px)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}.tool-identity{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.identity-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #aebdcc;font:700 .67rem/1 Georgia,serif;letter-spacing:.14em}.tool-identity strong,.tool-identity small{display:block}.tool-identity strong{font-size:.88rem}.tool-identity small{margin-top:2px;color:#98a9ba;font:.7rem/1.4 Arial,sans-serif}.header-actions{display:flex;align-items:center;gap:10px}.language-toggle,.home-link{min-height:42px;padding:9px 15px;color:#fff;border:1px solid rgba(255,255,255,.34);background:transparent;text-decoration:none}.language-toggle:hover,.home-link:hover{background:rgba(255,255,255,.08)}
.tool-intro{color:#fff;background:radial-gradient(circle at 12% 20%,rgba(69,114,158,.28),transparent 36%),linear-gradient(135deg,#07111e,#10253d)}.intro-grid{min-height:410px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center;padding-block:70px}.eyebrow{margin:0 0 13px;color:#aebdcc;font-size:.76rem;font-weight:800;letter-spacing:.08em}.tool-intro h1{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.12;letter-spacing:-.035em}.tool-intro h1 span{display:block;margin-bottom:12px;color:#90a8bf;font:700 .22em/1 Georgia,serif;letter-spacing:.22em}.tool-intro h1 b{font-weight:800}.intro-copy{max-width:760px;margin:24px 0 0;color:#bdc8d3;font-size:1rem;line-height:1.9}.identity-card{padding:28px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.045)}.identity-card small,.identity-card strong,.identity-card span{display:block}.identity-card small{color:#8fa2b5;font-size:.72rem}.identity-card strong{margin-top:18px;color:#fff;font-size:1.12rem}.identity-card span{margin-top:4px;color:#b7c4d0;font:.78rem/1.5 Arial,sans-serif}.identity-card p{margin:24px 0 0;padding-top:18px;color:#9eafbf;border-top:1px solid rgba(255,255,255,.13);font-size:.78rem;line-height:1.75}
.tool-stage{min-height:650px;padding:72px 0 100px}.view-panel{padding:38px;border:1px solid var(--line);background:#fff;box-shadow:0 24px 70px rgba(12,30,48,.08)}.section-heading{max-width:760px}.section-heading>span{color:var(--blue);font-size:.73rem;font-weight:850}.section-heading h2,.section-heading h3{margin:8px 0 0;color:var(--navy);line-height:1.35}.section-heading h2{font-size:clamp(1.8rem,4vw,3rem)}.section-heading h3{font-size:1.45rem}.section-heading p{margin:10px 0 0;color:#5c6f81;line-height:1.8}.section-heading.compact{margin-bottom:17px}
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.path-card{min-height:265px;display:flex;flex-direction:column;align-items:flex-start;padding:28px;color:var(--navy);text-align:start;border:1px solid #b9c8d5;background:#f7f9fb;transition:.18s ease}.path-card:hover,.path-card:focus-visible{transform:translateY(-3px);border-color:var(--navy2);box-shadow:0 18px 38px rgba(9,26,43,.12)}.path-card.incident{border-top:5px solid var(--red)}.path-card.readiness{border-top:5px solid var(--blue)}.path-index{color:#8496a7;font:700 .72rem/1 Georgia,serif}.path-card strong{margin-top:38px;font-size:1.45rem;line-height:1.45}.path-card small{margin-top:10px;color:#607284;font-size:.88rem;line-height:1.75}.path-card b{margin-top:auto;padding-top:28px;color:var(--blue);font-size:.85rem}.path-card.incident b{color:var(--red)}.boundary-note{margin:22px 0 0;padding:16px 18px;color:#5c6e80;border-inline-start:3px solid #8ca0b4;background:#f2f5f7;font-size:.82rem;line-height:1.8}
.question-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.text-action{padding:0;color:var(--blue);border:0;background:none;font-weight:800;text-decoration:underline;text-underline-offset:4px}.path-badge{padding:6px 10px;color:#fff;background:var(--navy2);font-size:.72rem;font-weight:800}.progress-row{display:flex;align-items:center;gap:16px;margin:24px 0 30px}.progress-row>span{flex:0 0 auto;color:#617487;font-size:.76rem;font-weight:800}.progress-track{width:100%;height:4px;background:#e3e9ee}.progress-track i{display:block;width:8%;height:100%;background:linear-gradient(90deg,var(--blue),#7aa8cc);transition:width .25s ease}.question-card{max-width:900px;margin-inline:auto}.question-domain{margin:0 0 10px;color:var(--blue);font-size:.74rem;font-weight:850}.question-card h2{margin:0;color:var(--navy);font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.5}.question-help{margin:10px 0 24px;color:#647789;font-size:.88rem}.answer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answer-option{min-height:58px;padding:12px 15px;color:#203b57;border:1px solid #bdcbd7;background:#f7f9fb;text-align:start;font-weight:700}.answer-option:hover,.answer-option:focus-visible{border-color:var(--blue);background:#edf6fc}.answer-option[aria-pressed="true"]{color:#fff;border-color:var(--blue);background:var(--blue)}.status-line{min-height:24px;margin:12px 0 0;color:var(--red);font-size:.82rem}.question-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.button-primary,.button-secondary,.whatsapp-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border:1px solid transparent;text-decoration:none;font-weight:850}.button-primary{color:#fff;background:var(--blue);border-color:var(--blue)}.button-secondary{color:var(--navy);background:#edf2f6;border-color:#b8c7d3}button:disabled{opacity:.42;cursor:not-allowed}
.result-view{padding:42px}.result-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}.result-heading h2{max-width:850px;margin:0;color:var(--navy);font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1.4}.result-heading>div>p:last-child{max-width:820px;margin:12px 0 0;color:#647789;line-height:1.8}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 46px}.summary-grid article{min-height:230px;padding:21px;border:1px solid var(--line);background:#f8fafb}.summary-grid article>span{color:#8a9bac;font:700 .67rem/1 Georgia,serif}.summary-grid h3{margin:17px 0 11px;color:var(--navy);font-size:.94rem}.summary-grid ul,.human-review ul{margin:0;padding-inline-start:20px;color:#526678;font-size:.78rem;line-height:1.75}.summary-grid li+li,.human-review li+li{margin-top:6px}
.matrix-section{margin-top:20px}.matrix-wrap{overflow-x:auto;border:1px solid #aebdca}.response-matrix{width:100%;min-width:1080px;border-collapse:collapse}.response-matrix th{padding:15px;color:#fff;background:var(--navy2);text-align:start;font-size:.75rem;line-height:1.5}.response-matrix td{min-width:170px;padding:16px 15px;color:#465c70;border-top:1px solid var(--line);border-inline-start:1px solid #dde5eb;vertical-align:top;font-size:.76rem;line-height:1.7}.response-matrix td:first-child{color:var(--navy);font-weight:850;background:#f3f6f8}.response-matrix tr:nth-child(even) td{background-color:#fbfcfd}
.human-review{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;margin-top:42px;padding:28px;color:#fff;background:linear-gradient(135deg,#0b1b2d,#163b5c)}.human-review span{color:#a8bdcf;font-size:.72rem;font-weight:850}.human-review h3{margin:8px 0 13px;font-size:1.35rem}.human-review ul{color:#c5d1dc}.whatsapp-button{min-width:210px;color:#082016;background:#77d6a5;border-color:#a3e7c2}.final-disclaimer{margin:24px 0 0;padding:17px;color:#637688;border-inline-start:3px solid var(--red);background:#f3f5f7;font-size:.8rem;line-height:1.8}
.tool-footer{color:#aebdcc;background:#07111e;border-top:1px solid rgba(255,255,255,.1)}.footer-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p{margin:0;font-size:.78rem}.footer-inner a{color:#d8e2ec}html[dir="ltr"] body.assessment-page{font-family:Arial,sans-serif}html[dir="ltr"] .tool-intro h1{letter-spacing:-.025em}
@media(max-width:900px){.intro-grid{grid-template-columns:1fr;gap:30px}.identity-card{max-width:620px}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.tool-shell{width:min(100% - 24px,1180px)}.header-inner{min-height:72px}.tool-identity strong{font-size:.78rem}.tool-identity small{font-size:.62rem}.identity-mark{width:42px;height:42px}.home-link{display:none}.language-toggle{padding-inline:11px}.intro-grid{min-height:auto;padding-block:48px}.tool-intro h1{font-size:2.35rem}.tool-stage{padding:30px 0 60px}.view-panel,.result-view{padding:22px 17px}.path-grid,.summary-grid,.answer-options{grid-template-columns:1fr}.path-card{min-height:220px}.question-topline,.result-heading{align-items:flex-start}.result-heading{display:grid}.result-heading .button-secondary{width:100%}.question-card h2{font-size:1.38rem}.answer-option{min-height:54px}.question-actions{display:grid;grid-template-columns:1fr 1fr}.question-actions button{width:100%}.summary-grid article{min-height:auto}.human-review{grid-template-columns:1fr;padding:22px 18px}.whatsapp-button{width:100%}.footer-inner{display:grid;justify-content:start;padding-block:22px}}@media print{.tool-header,.tool-intro,#path-view,#question-view,.result-heading .button-secondary,.whatsapp-button,.tool-footer{display:none!important}body.assessment-page,.tool-stage{background:#fff}.tool-stage{padding:0}.view-panel{border:0;box-shadow:none}.summary-grid article,.matrix-wrap,.response-matrix td{break-inside:avoid}}

/* Scoped readability and keyboard focus; existing identity retained. */
.assessment-page :focus-visible{outline:3px solid #bb791c;outline-offset:4px}.summary-grid ul,.human-review ul,.response-matrix td{font-size:.9rem;line-height:1.85}#related-reading{line-height:1.9}#related-reading a{color:#155f96;text-underline-offset:3px}.matrix-wrap:focus-visible{outline-offset:2px}

.assessment-page [hidden]{display:none!important}
@media print{#review-another-area{display:none!important}}
