/* AYSA Assessment V3: visual alignment, layout repair, mobile and RTL */
:root{--blue:#3459db;--navy:#17233d;--muted:#697a93;--line:#e7edf4;--bg:#fbfcff;--soft:#edf3ff;--radius:20px}
html{direction:rtl;scroll-behavior:smooth}
body{min-width:320px;background:radial-gradient(ellipse 36% 18% at 5% 8%,#eef3ff55,transparent),#fbfcff;color:var(--navy);font:15px/1.95 Tahoma,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
button,input,select{font-family:inherit}
.aysa-demo-label{text-align:center;background:#f4f6fa;color:#7a8595;font-size:11px;line-height:1.5;padding:7px}
.aysa-global-header{position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #e7edf4;z-index:90}
.aysa-global-inner{max-width:1190px;width:calc(100% - 48px);margin:auto;display:flex;align-items:center;gap:32px;min-height:76px}
.aysa-logo{display:flex;align-items:center;gap:9px;color:#17233d;text-decoration:none;font-size:21px;white-space:nowrap}
.aysa-logo-symbol{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e7edf4;border-radius:13px;background:white;color:#f7a600;font-size:31px;line-height:1}
.aysa-global-links{display:flex;align-items:center;gap:22px;flex:1;font-size:12px;font-weight:bold}
.aysa-global-links a{color:#526079;text-decoration:none;white-space:nowrap}
.aysa-global-links a:hover,.aysa-global-links a.current{color:#264dc1}
.aysa-global-actions{margin-right:auto}.aysa-top-cta{background:#17233d;border-radius:12px;padding:9px 15px;font-weight:bold;text-decoration:none;color:white;font-size:12px;white-space:nowrap}
.aysa-mobile-nav{display:none;position:relative;margin-right:auto}.aysa-mobile-nav summary{list-style:none;font-size:25px;cursor:pointer;padding:4px 10px;border:1px solid #e7edf4;border-radius:10px}.aysa-mobile-nav summary::-webkit-details-marker{display:none}.aysa-mobile-nav nav{position:absolute;top:46px;left:0;display:grid;gap:0;min-width:200px;background:white;border:1px solid #e7edf4;border-radius:14px;box-shadow:0 20px 40px #15223d20;overflow:hidden}.aysa-mobile-nav nav a{padding:12px 14px;color:#17233d;border-bottom:1px solid #f1f3f8;text-decoration:none;font-size:13px}
.aysa-breadcrumb{max-width:1176px;width:calc(100% - 48px);margin:22px auto 0;display:flex;align-items:center;gap:10px;color:#8996a9;font-size:12px}.aysa-breadcrumb a{color:#64758f;text-decoration:none}.aysa-breadcrumb strong{color:#3157c2}
.aysa-related{max-width:1176px;margin:40px auto 0;background:#17233d;color:white;border-radius:24px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.aysa-related strong{font-size:18px}.aysa-related p{margin:6px 0 0;color:#c9d4e7;font-size:13px;max-width:650px}.aysa-related a{background:#ffb423;border-radius:12px;padding:11px 17px;color:#17233d;font-weight:bold;text-decoration:none;white-space:nowrap;font-size:13px}
.aysa-global-footer{border-top:1px solid #e8edf5;color:#77849b;margin-top:40px;background:#f7f9fc}.aysa-global-footer .aysa-global-inner{min-height:75px;justify-content:space-between;font-size:12px;gap:14px}.aysa-global-footer a{color:#5370ad;text-decoration:none}
/* Consistent product typography */
h1,h2,h3{color:#17233d}h1{letter-spacing:-.5px}.landing h1 strong{color:#325edc}.eyebrow{color:#b37900}.btn{border-radius:13px;background:#17233d;color:white;font-weight:700;box-shadow:none}.btn:hover{background:#263f76}.btn.secondary{background:white;border:1px solid #dbe2ee;color:#17233d}.btn.ghost{background:transparent;color:#697a93;box-shadow:none}
.landing,.survey-layout,.result,.hub{max-width:1176px}.landing{min-height:440px;margin-top:22px}.survey-layout{grid-template-columns:244px minmax(0,1fr);gap:24px;direction:rtl;align-items:start}
.sidebar{background:#f3f6fc;border-radius:22px;padding:24px 15px;top:105px;border:1px solid #ebeff7;max-height:calc(100vh - 120px);overflow-y:auto}.sidebar h2{font-weight:800;color:#17233d;padding:0 12px}.step{align-items:flex-start}.step span.step-no{display:grid;place-items:center}.step-group{line-height:1.7}.step.active{background:#e7efff}.save-note{line-height:2}
.survey-panel{min-width:0;padding:31px 32px;background:white;box-shadow:0 12px 35px #1831510c}.survey-title{font-size:27px;line-height:1.55}.survey-help{font-size:14px}.option-help{font-size:12px}
.questions{width:100%;min-width:0}.question{width:100%;min-width:0;max-width:100%;padding:21px 0 23px;display:block!important;border-bottom:1px solid #ecf0f6}.question legend{width:100%!important;max-width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;float:none!important;font-size:16px;line-height:1.85;padding:0!important;margin-bottom:9px;white-space:normal}.question p{clear:both;margin:8px 0 13px;line-height:1.9}
/* KEY FIX: The old tool question CSS made radio options only ~200px wide because fieldset+CSS grid/legend conflicted. */
.question.tool-row{grid-template-columns:none!important;display:block!important;min-width:0;width:100%}.question.tool-row legend{width:100%!important;float:none!important;direction:rtl;justify-content:flex-start;margin-bottom:12px}.question.tool-row .segments{width:100%!important;min-width:0;max-width:100%;clear:both!important}.question.tool-row .tool-monogram{margin:0;min-width:35px}
.segments{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;max-width:100%;min-width:0;overflow:visible;border-radius:13px;background:#f0f4fb;padding:5px;direction:rtl;clear:both}.choice{display:block;min-width:0;width:100%;margin:0}.choice span{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:44px;padding:8px 9px;line-height:1.65;font-size:12px;overflow-wrap:break-word;word-break:normal;white-space:normal;text-align:center;border-radius:10px}.tool-row .choice span{font-size:12px!important}.choice input:checked+span{background:#fff;color:#1f55dc;box-shadow:0 2px 10px #17396319;outline:1px solid #b4cafb}.choice input:focus-visible+span{outline:3px solid #ffb423;outline-offset:1px}.choice input{width:1px!important;height:1px!important;opacity:0}
.tool-row{align-items:stretch!important}.tool-row .segments{justify-self:stretch!important}.tool-row .choice{text-align:center}
.batch{width:100%;border:1px dashed #b8cef5;background:#f7faff;color:#315bc5;border-radius:13px;padding:12px 16px}
.nav-controls{flex-wrap:wrap;gap:10px}.nav-controls .counter{margin-inline:auto}
.map-card,.card,.radar-card,.experience-dots,.rec,.growth-banner{box-shadow:0 12px 32px #16254009;border:1px solid #e6edf7;border-radius:22px}.result-hero{background:#17233d}.result-hero h1{color:#fff}.result-hero .eyebrow{color:#c4d5ff}
.result-grid,.radar-card,.metric-cards{min-width:0}.domain,.radar-card,.role-summary{overflow-wrap:anywhere}
.role-nav{max-width:1176px;margin:15px auto;line-height:1.8}.role-nav a{color:#3c66d4}
@media(max-width:1150px){.aysa-global-links{gap:12px}.aysa-global-inner{gap:16px}.aysa-global-links a{font-size:11px}}
@media(max-width:950px){.aysa-global-links,.aysa-global-actions{display:none}.aysa-mobile-nav{display:block}.aysa-global-inner{justify-content:space-between}.survey-layout{grid-template-columns:190px minmax(0,1fr);gap:16px}.survey-panel{padding:23px}}
@media(max-width:760px){.aysa-global-inner,.aysa-breadcrumb{width:calc(100% - 32px)}.aysa-related{margin:26px 16px 0;display:block;padding:22px}.aysa-related a{display:inline-flex;margin-top:14px}.aysa-global-footer .aysa-global-inner{display:block;padding:20px 0;min-height:0}.aysa-global-footer .aysa-global-inner span{display:block}.aysa-demo-label{font-size:10px}
.survey-layout{display:flex;flex-direction:column;gap:12px;margin:12px 16px}.sidebar{position:static;max-height:none;width:100%;padding:13px 15px}.sidebar .steps{display:flex;overflow-x:auto;gap:4px;scrollbar-width:thin}.sidebar .steps li{flex:0 0 auto}.sidebar .step{white-space:nowrap;display:inline-flex;padding:8px 12px}.sidebar .step-group{margin:12px 0 5px}.sidebar h2{margin:2px 0 7px}.sidebar .save-note{margin:12px 0 3px}.survey-panel{width:100%;padding:18px 16px;border-radius:18px}.survey-title{font-size:23px}.survey-help{font-size:13px}.option-help{font-size:11px}.question legend{font-size:15px}.question p{font-size:12px}.choice span{font-size:11px;min-height:51px;padding:7px 5px}.question.tool-row .choice span{font-size:11px!important}
.landing,.result{margin-left:16px;margin-right:16px}.landing{padding:0}.result-grid,.rec-grid{grid-template-columns:minmax(0,1fr)}.result-hero{padding:25px 20px}.result-emblem{width:70px;height:70px}.radar-card{overflow:hidden}
}
@media(max-width:440px){.segments{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.choice span,.question.tool-row .choice span{font-size:12px!important;min-height:44px}.question{padding:17px 0}.survey-panel{padding:16px 13px}.aysa-related{padding:19px}.result-hero{gap:12px;display:block}.result-emblem{margin-top:20px}}
@media print{.aysa-global-header,.aysa-demo-label,.aysa-breadcrumb,.aysa-related,.aysa-global-footer{display:none}.sidebar{display:none!important}.survey-layout{display:block}.survey-panel{box-shadow:none;border:none}}


/* AYSA_ASSESSMENT_TYPOGRAPHY_SYNC_V1 */
html,
body,
button,
input,
select,
textarea,
dialog {
  font-family: "Vazirmatn", "IRANSansX", "IRANSans", Tahoma, Arial, sans-serif !important;
}

h1,
h2,
.survey-title,
.result-hero h1,
.wordmark {
  font-weight: 900;
}

h3,
.question legend,
.aysa-global-links,
.aysa-top-cta {
  font-weight: 800;
}