/* AI Readiness Assessment page (builds on styles.css) */
.nav a[aria-current="page"]{color:#3a62b0;box-shadow:inset 0 -2px 0 var(--sky)}
.btn{border:0;cursor:pointer}
.btn--ghost{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px #c6d3ea}
.btn--ghost:hover{background:var(--sky-soft);color:var(--navy)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}

/* Intro */
.ax-intro{padding:clamp(2.5rem,6vw,5rem) 0 var(--pad);background:linear-gradient(180deg,#fff 0%,var(--bg-alt) 100%)}
.ax-intro__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.ax-intro h1{max-width:16ch}
.ax-intro .lede{max-width:46ch}
.ax-shared[hidden]{display:none}
.ax-shared{display:inline-block;margin-bottom:1.25rem;padding:.55rem .9rem;border-radius:var(--r-md);background:var(--navy);color:#fff;font-size:var(--text-sm);font-weight:500}
.ax-meta{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-wrap:wrap;gap:.75rem 2rem}
.ax-meta li{font-size:var(--text-sm);color:var(--muted)}
.ax-meta strong{display:block;font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);color:var(--navy);line-height:1}
.ax-start{margin-top:0}
.ax-note{font-size:var(--text-xs);color:var(--muted);max-width:24ch}
.ax-intro__panel{background:var(--navy);color:#dbe6ff;border-radius:var(--r-lg);padding:clamp(1.75rem,3vw,2.5rem);position:relative;box-shadow:0 30px 60px -35px rgba(4,35,89,.6)}
.ax-intro__panel::before{content:"";position:absolute;inset:auto -16px -16px auto;width:45%;height:45%;background:var(--sky);border-radius:var(--r-lg);z-index:-1}
.ax-panel__title{color:#fff;font-size:var(--text-lg);margin-bottom:1.25rem}
.ax-areas{list-style:none;margin:0;padding:0;counter-reset:a}
.ax-areas li{counter-increment:a;display:grid;grid-template-columns:2.25rem 1fr;column-gap:.5rem;padding:.8rem 0;border-top:1px solid rgba(151,189,254,.22);font-size:var(--text-sm);color:#c6d6f5}
.ax-areas li::before{content:"0" counter(a);grid-row:span 2;font-family:var(--font-display);font-weight:800;color:var(--sky)}
.ax-areas span{font-family:var(--font-display);font-weight:700;color:#fff;font-size:var(--text-base)}

/* Quiz */
.ax-quiz{padding:clamp(2rem,5vw,4rem) 0 var(--pad);background:var(--bg-alt);min-height:calc(100vh - 84px)}
.ax-card{max-width:760px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.5rem,4vw,3rem);box-shadow:0 24px 60px -40px rgba(4,35,89,.45)}
.ax-progress__top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem}
.ax-progress__count{font-size:var(--text-sm);font-weight:700;color:var(--navy)}
.ax-progress__cat{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3a62b0}
.ax-progress__bar{height:6px;border-radius:99px;background:var(--sky-soft);overflow:hidden}
.ax-progress__bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#3a62b0,var(--sky));border-radius:inherit;transition:width .4s cubic-bezier(.2,.8,.2,1)}
.ax-q{margin-top:clamp(1.75rem,4vw,2.5rem)}
.ax-q.is-in fieldset{animation:ax-slide .35s cubic-bezier(.2,.8,.2,1)}
.ax-q fieldset{border:0;margin:0;padding:0;min-width:0}
.ax-q legend{font-family:var(--font-display);font-weight:800;color:var(--navy);font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem);line-height:1.15;letter-spacing:-.01em;padding:0;margin-bottom:1.5rem;text-wrap:balance;outline:none}
.ax-options{display:grid;gap:.7rem}
.ax-opt{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border:1.5px solid #d3ddef;border-radius:var(--r-md);cursor:pointer;background:#fff;font-weight:500;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
@media (hover:hover){.ax-opt:hover{border-color:#3a62b0;background:#fafcff}}
.ax-opt input{position:absolute;opacity:0;width:1px;height:1px}
.ax-opt__key{flex:none;width:2rem;height:2rem;border-radius:6px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);color:#3a62b0;background:var(--sky-soft);transition:background .15s,color .15s}
.ax-opt__label{line-height:1.35}
.ax-opt:has(input:checked){border-color:var(--navy);background:var(--sky-soft);box-shadow:0 0 0 3px rgba(151,189,254,.5)}
.ax-opt:has(input:checked) .ax-opt__key{background:var(--navy);color:#fff}
.ax-opt:has(input:focus-visible){outline:3px solid var(--sky);outline-offset:3px}
.ax-hint{margin:-.9rem 0 1.1rem;font-size:var(--text-sm);color:#3a62b0;font-weight:700}
.ax-hint[hidden]{display:none}
.ax-options--multi{grid-template-columns:1fr 1fr}
.ax-options--multi .ax-opt{padding:.85rem 1rem;font-size:var(--text-sm)}
.ax-opt--none{grid-column:1/-1}
.ax-opt__box{flex:none;width:1.35rem;height:1.35rem;border-radius:5px;border:2px solid #9fb3d6;background:#fff;display:grid;place-items:center;transition:background .15s,border-color .15s}
.ax-opt__box::after{content:"";width:.6rem;height:.32rem;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.ax-opt:has(input:checked) .ax-opt__box{background:var(--navy);border-color:var(--navy)}
.ax-opt:has(input:checked) .ax-opt__box::after{opacity:1}
.ax-insight{margin-top:1.25rem;padding:.9rem 1rem;border-radius:var(--r-md);background:rgba(151,189,254,.12);border-left:3px solid var(--sky);color:#e3ecff;font-size:var(--text-sm);text-align:left;max-width:44ch}
.ax-insight[hidden]{display:none}
.ax-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem}
.ax-back{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;color:var(--navy);flex-direction:row-reverse}
.ax-back::after{content:"\2190"}
.ax-back:hover::after{transform:translateX(-4px)}
@keyframes ax-slide{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

/* Results */
.ax-results{padding:clamp(2rem,5vw,4rem) 0 var(--pad);background:var(--bg-alt)}
.ax-results__top{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.25rem,3vw,2rem);align-items:stretch}
.ax-score{background:var(--navy);color:#dbe6ff;border-radius:var(--r-lg);padding:clamp(1.75rem,4vw,2.75rem);text-align:center;display:grid;justify-items:center;align-content:center}
.ax-score .eyebrow{margin-bottom:.5rem}
.ax-gauge{position:relative;width:min(220px,60vw);aspect-ratio:1;margin:.5rem 0 1.25rem}
.ax-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.ax-gauge circle{fill:none;stroke-width:10}
.ax-gauge__track{stroke:rgba(151,189,254,.18)}
.ax-gauge__fill{stroke:var(--sky);stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.ax-gauge__num{position:absolute;inset:0;display:grid;place-content:center;font-family:var(--font-display);font-weight:800;color:#fff;line-height:1}
.ax-gauge__num span{font-size:clamp(3.25rem,2.5rem + 3vw,4.5rem);letter-spacing:-.03em}
.ax-gauge__num small{font-size:var(--text-sm);font-weight:700;color:var(--sky);margin-top:.35rem}
.ax-tier{color:#fff;font-size:var(--text-xl);outline:none}
.ax-tier__text{color:#c6d6f5;max-width:38ch;margin-top:.75rem}
.ax-breakdown{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.5rem,3.5vw,2.5rem);display:flex;flex-direction:column}
.ax-breakdown h3{margin-bottom:1.5rem}
.ax-bars{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem;flex:1;align-content:center}
.ax-bar__head{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:700;margin-bottom:.4rem}
.ax-bar__head strong{color:var(--navy);font-family:var(--font-display)}
.ax-bar__track{height:10px;border-radius:99px;background:var(--sky-soft);overflow:hidden}
.ax-bar__track span{display:block;height:100%;width:0;border-radius:inherit;transition:width .9s cubic-bezier(.2,.8,.2,1) var(--d)}
.ax-bars.is-in .ax-bar__track span{width:var(--w)}
.ax-bar--low .ax-bar__track span{background:#a9c4f5}
.ax-bar--mid .ax-bar__track span{background:#3a62b0}
.ax-bar--high .ax-bar__track span{background:var(--navy)}
.ax-scale{display:flex;justify-content:space-between;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--muted)}

.ax-steps{margin-top:clamp(3rem,6vw,5rem)}
.ax-steps .section-head{margin-bottom:2rem}
.ax-steps__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem);counter-reset:st}
.ax-steps__list li{counter-increment:st;background:#fff;border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:var(--r-md);padding:clamp(1.25rem,2.5vw,1.75rem);display:flex;flex-direction:column;gap:.6rem}
.ax-steps__area{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3a62b0}
.ax-steps__area::before{content:"0" counter(st) "  ";font-family:var(--font-display);font-weight:800;color:var(--navy);white-space:pre}
.ax-steps__list p{color:var(--muted);font-size:var(--text-sm);flex:1}
.ax-steps__list .link-arrow{margin-top:.25rem}

.ax-bottom{margin-top:clamp(3rem,6vw,5rem);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.25rem,3vw,2rem);align-items:start}
.ax-share{background:var(--navy);color:#c6d6f5;border-radius:var(--r-lg);padding:clamp(1.5rem,3.5vw,2.5rem)}
.ax-share h3{color:#fff;margin-bottom:.6rem}
.ax-share__btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.ax-share__li{background:#0a66c2;gap:.55rem}
.ax-share__li:hover{background:#004182}
.ax-share .btn--ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(151,189,254,.55)}
.ax-share .btn--ghost:hover{background:rgba(151,189,254,.12)}
.ax-copied{min-height:1.3em;margin-top:.75rem;font-size:var(--text-sm);color:var(--sky);font-weight:500;word-break:break-all}
.ax-retake{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;color:#fff;margin-top:.5rem}
.ax-report__form h3{margin-bottom:.4rem}
.ax-report__sub{color:var(--muted);font-size:var(--text-sm)}
.ax-check{display:flex;gap:.7rem;align-items:flex-start;font-size:var(--text-sm);font-weight:500;cursor:pointer;line-height:1.4}
.ax-check input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--navy)}
.ax-report__form .form__submit{margin-top:.25rem}
.ax-report__done{background:#fff;border:1px solid #d5e4ff;border-radius:var(--r-lg);padding:clamp(2rem,4vw,3rem);text-align:center;display:grid;justify-items:center;gap:.75rem;outline:none;opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.ax-report__done.is-in{opacity:1;transform:none}
.ax-report__done[hidden],.ax-report__form[hidden]{display:none}
.ax-report__done p{color:var(--muted);max-width:40ch}
.ax-report__check{width:56px;height:56px;border-radius:50%;background:var(--navy);display:grid;place-items:center;box-shadow:0 0 0 8px var(--sky-soft)}


@media (max-width:960px){
  .ax-intro__grid,.ax-results__top,.ax-bottom{grid-template-columns:1fr}
  .ax-steps__list{grid-template-columns:1fr}
  .ax-intro__panel::before{inset:auto -10px -10px auto}
}
@media (max-width:760px){
  .ax-options--multi{grid-template-columns:1fr}
  .ax-nav .btn{flex:1}
  .ax-share__btns .btn{flex:1 1 auto}
  .ax-opt{padding:.9rem}
}
@media (prefers-reduced-motion:reduce){
  .ax-q.is-in fieldset{animation:none}
  .ax-gauge__fill,.ax-bar__track span,.ax-progress__bar span{transition:none}
  .ax-report__done{transition:none;transform:none}
}
.ax-progress__count{white-space:nowrap}
.ax-progress__cat{text-align:right}
.ax-help{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;color:var(--navy);align-self:flex-start;margin-top:.25rem}
.ax-flash{animation:ax-flash 1.4s ease-out}
@keyframes ax-flash{0%{box-shadow:0 0 0 0 rgba(151,189,254,.9)}40%{box-shadow:0 0 0 8px rgba(151,189,254,.55)}100%{box-shadow:0 0 0 0 rgba(151,189,254,0)}}
@media (prefers-reduced-motion:reduce){.ax-flash{animation:none}}

/* Share card and report form: equal width and equal height */
.ax-bottom{grid-template-columns:1fr 1fr;align-items:stretch}
.ax-share{display:flex;flex-direction:column}
.ax-retake{margin-top:auto;padding-top:1.25rem;align-self:flex-start}
.ax-report{display:flex;flex-direction:column}
.ax-report__form,.ax-report__done{flex:1}
.ax-report__done{align-content:center}
@media (max-width:960px){.ax-bottom{grid-template-columns:1fr}}

.field label .opt{color:var(--muted);font-weight:500}

/* v2: profile step, tools, observations, phased plan */
.ax-panel__sub{color:#c6d6f5;font-size:var(--text-sm);margin:-.5rem 0 1rem;max-width:46ch}
.ax-profile{display:grid;grid-template-columns:1fr;gap:1rem;max-width:560px}
.ax-profile .field{display:flex;flex-direction:column;gap:.4rem}
.ax-hint{color:var(--muted)}
.ax-scale span{flex:1;text-align:center}.ax-scale span:first-child{text-align:left}.ax-scale span:last-child{text-align:right}
.ax-bar__head strong{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:#3a62b0}
.ax-bar--high .ax-bar__head strong{color:var(--navy)}
.ax-tools__title{margin:1.5rem 0 .75rem!important;font-size:var(--text-base)}
.ax-tools{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.ax-tools li{font-size:var(--text-xs);font-weight:600;color:var(--navy);background:var(--sky-soft);border:1px solid #c9daf8;border-radius:999px;padding:.35rem .7rem}
.ax-obs-wrap{margin-top:clamp(3rem,6vw,5rem)}
.ax-obs-wrap .section-head{margin-bottom:2rem}
.ax-obs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.5rem)}
.ax-obs li{background:#fff;border:1px solid var(--line);border-left:3px solid #3a62b0;border-radius:var(--r-md);padding:clamp(1.1rem,2.2vw,1.5rem)}
.ax-obs h3{font-size:var(--text-base);margin-bottom:.45rem}
.ax-obs p{color:var(--muted);font-size:var(--text-sm);margin:0}
.ax-steps__note{color:var(--muted);font-size:var(--text-sm);margin-top:.5rem}
.ax-steps__phase{font-family:var(--font-display);font-weight:800;color:var(--navy);font-size:var(--text-lg)}
.ax-steps__area::before{content:none}
@media (max-width:760px){.ax-obs{grid-template-columns:1fr}}