/* The Event CEO Assessment — layout on top of styles.css */

.assessment-page .assess-shell{
  max-width:820px;margin:0 auto;padding:70px 32px 110px;
  min-height:60vh;
}
.assess-stage{display:none;}
.assess-stage.is-active{display:block;}
.assess-inner{max-width:720px;}

.assess-stage h1{font-size:40px;line-height:1.12;margin-top:16px;}
.assess-stage h2{font-size:31px;line-height:1.16;margin-top:14px;}
.assess-sub{font-size:18px;color:var(--charcoal-soft);margin-top:18px;max-width:56ch;}
.assess-intro-copy{margin-top:30px;padding-top:26px;border-top:1px solid var(--line);}
.assess-intro-copy p{color:var(--charcoal-soft);max-width:60ch;}
.assess-intro-copy p + p{margin-top:14px;}
#assess-start{margin-top:34px;}
.assess-meta{margin-top:16px;font-size:14.5px;color:var(--charcoal-soft);}

/* progress */
.assess-progress{margin-bottom:44px;}
.assess-progress-head{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  font-size:14px;color:var(--charcoal-soft);margin-bottom:12px;
}
#progress-cat{color:var(--terracotta-deep);font-weight:600;}
.assess-progress-track{height:2px;background:var(--line);position:relative;overflow:hidden;}
.assess-progress-bar{
  position:absolute;inset:0 auto 0 0;width:0;
  background:var(--terracotta);transition:width .35s cubic-bezier(.4,0,.2,1);
}

/* question */
.assess-question h2{font-size:27px;line-height:1.24;margin:0;max-width:34ch;}
.assess-question .q-hint{font-size:14.5px;color:var(--charcoal-soft);margin-top:14px;}

.scale{display:grid;gap:10px;margin-top:32px;}
.scale button{
  display:flex;align-items:center;gap:16px;width:100%;text-align:left;
  background:#fff;border:1px solid var(--line);border-radius:3px;
  padding:16px 20px;cursor:pointer;font-family:inherit;font-size:16.5px;
  color:var(--charcoal);transition:border-color .2s ease, background .2s ease;
}
.scale button:hover{border-color:var(--blush);}
.scale button .n{
  flex:none;width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);font-size:14px;color:var(--charcoal-soft);
  transition:all .2s ease;
}
.scale button[aria-pressed="true"]{border-color:var(--terracotta);background:var(--blush-soft);}
.scale button[aria-pressed="true"] .n{
  background:var(--terracotta-deep);border-color:var(--terracotta-deep);color:#fff;
}

.assess-open{margin-top:30px;}
.assess-open textarea{
  width:100%;min-height:130px;padding:15px 16px;font-family:inherit;font-size:16px;
  border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--charcoal);
  resize:vertical;line-height:1.6;
}
.assess-open textarea:focus{outline:none;border-color:var(--terracotta);}

.choice-list{display:grid;gap:8px;margin-top:30px;}
.choice-list button{
  text-align:left;background:#fff;border:1px solid var(--line);border-radius:3px;
  padding:15px 20px;cursor:pointer;font-family:inherit;font-size:16.5px;color:var(--charcoal);
  transition:border-color .2s ease, background .2s ease;
}
.choice-list button:hover{border-color:var(--blush);}
.choice-list button[aria-pressed="true"]{border-color:var(--terracotta);background:var(--blush-soft);}
.choice-other{margin-top:12px;}
.choice-other input{
  width:100%;padding:14px 16px;font-family:inherit;font-size:16px;
  border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--charcoal);
}
.choice-other input:focus{outline:none;border-color:var(--terracotta);}

/* nav row */
.assess-nav{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-top:40px;padding-top:26px;border-top:1px solid var(--line);
}
.assess-back{
  background:none;border:none;padding:6px 0;cursor:pointer;
  font-family:inherit;font-size:15.5px;color:var(--charcoal-soft);
}
.assess-back:hover{color:var(--terracotta-deep);}
.assess-back[hidden]{visibility:hidden;display:block;}
#assess-next:disabled{opacity:0.4;cursor:not-allowed;}

/* email capture */
.assess-form{margin-top:34px;max-width:460px;}
.assess-form .field + .field{margin-top:20px;}
.assess-form .btn{margin-top:26px;}
.assess-fine{font-size:13px;line-height:1.6;color:var(--charcoal-soft);margin-top:18px;font-style:italic;}
.assess-error{color:#A8452F;font-size:14.5px;margin-top:16px;min-height:1px;}
.assess-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* results */
.score-card{
  background:#fff;border:1px solid var(--blush);border-radius:3px;
  padding:44px 46px;text-align:center;
  box-shadow:0 0 0 6px rgba(243,213,205,0.32), 0 12px 34px -10px rgba(200,130,148,0.17);
}
.score-figure{
  font-family:'Literata',serif;font-size:76px;line-height:1;
  color:var(--terracotta-deep);margin:14px 0 22px;
}
.score-track{height:3px;background:var(--line);position:relative;overflow:hidden;max-width:420px;margin:0 auto;}
.score-bar{
  position:absolute;inset:0 auto 0 0;width:0;background:var(--terracotta);
  transition:width 1s cubic-bezier(.3,.7,.2,1);
}
.score-note{
  font-size:14.5px;line-height:1.6;color:var(--charcoal-soft);
  margin:24px auto 0;max-width:46ch;
}

.result-block{margin-top:56px;}
.result-block h2{font-size:31px;line-height:1.16;}
.result-block p{color:var(--charcoal-soft);margin-top:16px;max-width:62ch;}
.result-block p.lead-out{color:var(--charcoal);font-weight:600;}

.category-block{margin-top:56px;padding-top:38px;border-top:1px solid var(--line);}
.category-block h3{font-size:25px;margin-top:12px;}

.cat-list{list-style:none;margin:26px 0 0;padding:0;}
.cat-list li{
  display:grid;grid-template-columns:1fr 90px 46px;align-items:center;gap:16px;
  padding:15px 0;border-bottom:1px solid var(--line);font-size:16.5px;
}
.cat-list li.is-low{color:var(--terracotta-deep);font-weight:600;}
.cat-track{height:2px;background:var(--line);position:relative;overflow:hidden;}
.cat-track span{position:absolute;inset:0 auto 0 0;background:var(--terracotta);}
.cat-list li.is-low .cat-track span{background:var(--terracotta-deep);}
.cat-pct{text-align:right;font-size:15px;color:var(--charcoal-soft);}
.cat-list li.is-low .cat-pct{color:var(--terracotta-deep);}
.action-list{margin:18px 0 0;padding-left:22px;}
.action-list li{color:var(--charcoal-soft);font-size:16.5px;line-height:1.65;}
.action-list li + li{margin-top:12px;}

.start-here{
  margin-top:52px;background:var(--blush-soft);border:1px solid var(--blush);
  border-radius:3px;padding:44px 46px;
}
.start-here h3{font-size:27px;line-height:1.2;}
.start-here p{color:var(--charcoal-soft);margin-top:16px;max-width:58ch;}
.start-here p.ask{
  font-family:'Literata',serif;font-size:20px;color:var(--charcoal);
  margin-top:22px;padding-left:20px;border-left:2px solid var(--terracotta);
}
.assess-cta{margin-top:60px;}
.assess-restart{margin-top:34px;text-align:center;}
.assess-restart button{
  background:none;border:none;cursor:pointer;font-family:inherit;
  font-size:14.5px;color:var(--charcoal-soft);text-decoration:underline;
}
.assess-restart button:hover{color:var(--terracotta-deep);}

@media (max-width:760px){
  .assessment-page .assess-shell{padding:48px 24px 80px;}
  .assess-stage h1{font-size:31px;}
  .assess-stage h2, .result-block h2{font-size:25px;}
  .assess-question h2{font-size:22px;}
  .score-card{padding:32px 24px;}
  .score-figure{font-size:58px;}
  .start-here{padding:32px 26px;}
  .cat-list li{grid-template-columns:1fr 46px;}
  .cat-list li .cat-track{display:none;}
}