.ai-assessment-page{background-image:url('../images/pages/ai-guide/assessment/bg-ai-assessment.webp')}
.ai-assessment-page .assessment-shell{grid-template-columns:190px minmax(0,1fr)}
.assessment-header{text-align:center;margin:8px 0 26px}.assessment-header h1{margin:0 0 14px;font-size:34px}.assessment-header p{margin:0;font-size:17px;line-height:1.65}
.assessment-progress{padding:18px 28px 20px;margin-bottom:24px;border-radius:18px;background:rgba(255,255,255,.58)}
.assessment-progress__labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin-bottom:14px;font-size:17px;line-height:1.3}
.assessment-progress__labels span{text-align:center;white-space:nowrap}
.assessment-progress__track{--assessment-step:0;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;height:14px}
.assessment-progress__track:before,.assessment-progress__track:after{content:"";position:absolute;left:calc(12.5%);top:50%;height:4px;border-radius:999px;transform:translateY(-50%)}
.assessment-progress__track:before{right:calc(12.5%);background:#fff}
.assessment-progress__track:after{width:calc((75% / 3) * var(--assessment-step));background:#183d79}
.assessment-progress__dot{position:relative;z-index:1;width:14px;height:14px;border-radius:50%;background:#fff;justify-self:center;box-shadow:0 0 0 1px rgba(255,255,255,.4)}
.assessment-progress__dot.is-active,.assessment-progress__dot.is-complete{background:#183d79;box-shadow:none}
.assessment-view{display:none}.assessment-view.is-active{display:block}.assessment-view>h2{font-size:21px;margin:0 0 10px}.assessment-lead{margin:0 0 18px;font-size:17px}.assessment-panel,.criterion-card,.profile-summary,.recommendation-box,.consult-box{border:1px solid rgba(255,255,255,.45);border-radius:18px;background:rgba(255,255,255,.58)}.assessment-panel{padding:24px}.profile-field+ .profile-field{margin-top:22px}.profile-field h3{font-size:17px;margin:0 0 10px}.choice-grid{display:grid;gap:12px}.choice-grid.cols-4{grid-template-columns:repeat(4,1fr)}.choice-grid.cols-3{grid-template-columns:repeat(3,1fr)}.assessment-choice{min-height:52px;border:0;border-radius:999px;background:#fff;font:inherit;font-size:17px;cursor:pointer}.assessment-choice.is-selected{background:#183d79;color:#fff}.criteria-list{display:grid;gap:14px}.criterion-card{padding:18px}.criterion-card h3{font-size:20px;margin:0 0 7px}.criterion-card p{font-size:17px;margin:0 0 14px}.criterion-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.criterion-option{position:relative;overflow:hidden;min-height:48px;border:0;border-radius:999px;background:#fff;font:inherit;cursor:pointer}.criterion-option.is-selected{background-repeat:no-repeat!important;background-position:0 0!important;background-size:100% 100%!important}.criterion-option.is-selected.tone-good{background-image:linear-gradient(90deg,rgba(255,255,255,.50) 0%,rgba(205,216,255,.50) 45%,rgba(79,119,246,.50) 100%)!important}.criterion-option.is-selected.tone-neutral{background-image:linear-gradient(90deg,rgba(255,255,255,.50) 0%,rgba(207,255,226,.50) 45%,rgba(89,244,146,.50) 100%)!important}.criterion-option.is-selected.tone-bad{background-image:linear-gradient(90deg,rgba(255,255,255,.50) 0%,rgba(255,215,229,.50) 45%,rgba(250,108,157,.50) 100%)!important}.criterion-option span{position:relative;z-index:1}.assessment-warning{margin-top:16px;padding:16px;border-radius:14px;background:rgba(255,224,224,.82);font-size:17px}.assessment-nav-actions{display:flex;justify-content:center;gap:14px;margin-top:22px}.assessment-nav-actions[hidden]{display:none}.assessment-prev:after{transform:rotate(-90deg)}.profile-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:20px;text-align:center;margin-bottom:20px}.profile-summary span{display:block;font-size:17px}.profile-summary strong{font-size:18px}.eligibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.eligibility-card{padding:20px;border-radius:18px;background-color:transparent!important;background-repeat:no-repeat!important;background-position:0 0!important;background-size:100% 100%!important;border:0!important;box-shadow:none}.eligibility-card--eb{background-image:linear-gradient(90deg,rgba(255,255,255,.50) 0%,rgba(205,216,255,.50) 45%,rgba(79,119,246,.50) 100%)!important}.eligibility-card--niw{background-image:linear-gradient(90deg,rgba(255,255,255,.50) 0%,rgba(255,215,229,.50) 45%,rgba(250,108,157,.50) 100%)!important}.eligibility-card__head{display:flex;justify-content:space-between;gap:12px;font-weight:700}.eligibility-card__line{display:flex;justify-content:space-between;margin:14px 0 8px}.mini-progress{height:5px;background:rgba(255,255,255,.65);border-radius:999px;overflow:hidden}.mini-progress i{display:block;height:100%;background:#183d79}.eligibility-card p{font-size:17px;line-height:1.55}.recommendation-box{padding:20px;margin-top:18px}.recommendation-box h3{margin:0 0 8px}.disclaimer{font-size:17px;line-height:1.55;color:#fff;margin:18px 0}.consult-box{text-align:center;padding:26px}.consult-box h3{margin:0 0 10px}.consult-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.consult-actions button,.consult-actions a{min-height:60px;border:0;border-radius:14px;background:#fff;color:#1d2735;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;text-decoration:none}.consult-actions a{background:#183d79;color:#fff}
.assessment-nav-actions .primary-action:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
@media(min-width:1101px){.assessment-header{text-align:left}}
@media(max-width:1100px){.choice-grid.cols-4,.choice-grid.cols-3{grid-template-columns:repeat(2,1fr)}.assessment-progress{padding-inline:18px}.assessment-progress__labels{font-size:17px}}
@media(max-width:640px){.assessment-header{text-align:left}.assessment-header h1{font-size:28px}.assessment-header p br{display:none}.assessment-progress{padding:14px 8px 16px}.assessment-progress__labels{font-size:17px;margin-bottom:10px}.assessment-progress__track{height:10px}.assessment-progress__track:before,.assessment-progress__track:after{height:3px}.assessment-progress__dot{width:10px;height:10px}.choice-grid.cols-4,.choice-grid.cols-3,.criterion-options,.eligibility-grid,.consult-actions{grid-template-columns:1fr}.assessment-panel{padding:16px}.criterion-card h3{font-size:18px}.profile-summary{grid-template-columns:1fr;gap:14px}.assessment-nav-actions{flex-direction:column-reverse}.assessment-nav-actions .primary-action{width:100%;margin-top:0}}

/* Mobile/tablet navigation follows simulation.html exactly: one stacked region, no left/right split. */
@media(max-width:1100px){
  .ai-assessment-page .assessment-shell{
    height:auto;
    min-height:calc(100vh - 120px);
    grid-template-columns:1fr;
    padding:22px;
  }
  .ai-assessment-page .simulation-nav{
    border-right:0;
    border-bottom:1px solid rgba(24,40,57,.15);
    padding:0 0 14px;
  }
  .ai-assessment-page .simulation-nav__title{
    cursor:pointer;
    margin-bottom:0;
  }
  .ai-assessment-page .simulation-nav__title-arrow{
    display:block;
    transform:rotate(180deg);
  }
  .ai-assessment-page .simulation-nav.is-mobile-open .simulation-nav__title-arrow{
    transform:rotate(0deg);
  }
  .ai-assessment-page .simulation-nav:not(.is-mobile-open) .simulation-nav__group{
    display:none;
  }
  .ai-assessment-page .simulation-nav.is-mobile-open .simulation-nav__group{
    display:block;
  }
  .ai-assessment-page .simulation-nav__links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ai-assessment-page .simulation-content,
  .ai-assessment-page .simulation-scroll{
    width:100%;
    height:auto;
  }
  .ai-assessment-page .simulation-scroll{
    overflow:visible;
    padding-right:0;
  }
}
@media(max-width:640px){
  .ai-assessment-page .assessment-shell{
    padding:18px 14px;
    border-radius:20px;
    gap:20px;
  }
  .ai-assessment-page .simulation-nav__links{
    grid-template-columns:1fr;
  }
}

/* AI detail typography normalization */
body h1{font-size:28px!important}
body h2{font-size:21px!important}
body h3{font-size:18px!important}
body input::placeholder,body textarea::placeholder{font-size:17px!important}
body h2 + p,body h3 + p{font-size:17px!important}
body h1 + p{font-size:18px!important}
body button{font-size:17px!important}

h4{font-size:17px}