/* Finding The WAY — module pages. Loads after /academy/academy.css. */

.way-hero{padding-top:48px;padding-bottom:72px;overflow:hidden;}
.way-hero .slab--xl{margin:36px 0 28px 8px;}
.way-hero .lead{max-width:44ch;}

/* course stepper: The WAY > Gifts > Skills > Options */
.stepper{list-style:none;display:flex;flex-wrap:wrap;gap:6px 0;margin-top:36px;font-family:var(--comic);font-size:20px;letter-spacing:.04em;}
.stepper li{display:flex;align-items:center;}
.stepper li+li::before{content:"";width:22px;height:3px;background:var(--night);margin:0 6px;opacity:.6;}
.stepper a{display:block;text-decoration:none;color:var(--mint);background:var(--night);padding:6px 14px 4px;transform:skewX(-14deg);}
.stepper a > span{display:block;transform:skewX(14deg);}
.stepper a:hover{color:var(--gold);}
.stepper a[aria-current="step"]{background:var(--gold);color:var(--night);}
.stepper li.done a > span::after{content:" \2713";}

/* lesson copy */
.lesson{max-width:var(--measure);}
.wrap.lesson{max-width:1040px;}
.wrap.lesson > *{max-width:var(--measure);}
.lesson h2{margin-bottom:20px;}
.lesson p{font-size:18px;}
.definition{margin:28px 0;padding:18px 22px;border-left:5px solid var(--gold);background:rgba(254,201,0,.07);font-size:19px;line-height:1.5;}
.definition strong{color:var(--gold);}
.reassure{margin-top:24px;padding:16px 20px;border:2px dashed var(--mint);color:var(--text);}
.reassure strong{font-family:var(--comic);font-weight:400;font-size:22px;letter-spacing:.04em;color:var(--mint);}

/* activity layout */
.activity{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:start;}
.activity > *{min-width:0;}
.step-head{display:flex;align-items:baseline;gap:14px;margin-bottom:10px;}
.step-head .tag{flex-shrink:0;}
.step-head h3{font-family:var(--comic);font-weight:400;font-size:30px;letter-spacing:.03em;color:var(--mint);margin:0;line-height:1;}
.step-note{color:var(--muted);font-size:16px;margin-bottom:18px;}
.step + .step{margin-top:44px;}
.examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;margin:0 0 18px;font-size:15px;}
.examples dt{font-weight:700;color:var(--gold);}
.examples dd{color:var(--muted);}

/* timer */
.timer{position:sticky;top:84px;text-align:center;}
.timer__presets{display:flex;justify-content:center;gap:8px;margin-bottom:6px;}
.timer__preset{font:inherit;font-size:14px;font-weight:500;color:var(--mint);background:transparent;border:2px solid var(--night);padding:4px 12px;cursor:pointer;}
.timer__preset[aria-pressed="true"]{background:var(--night);color:var(--gold);}
.timer__time{font-family:var(--comic);font-size:clamp(5rem,14vw,7.5rem);line-height:1;color:var(--gold);-webkit-text-stroke:1.5px var(--night);paint-order:stroke fill;text-shadow:-3px 3px 0 var(--night),-5px 5px 0 var(--night);margin:10px 0 18px;font-variant-numeric:tabular-nums;}
.timer.is-done .timer__time{color:var(--mint);}
.timer__controls{display:flex;justify-content:center;align-items:center;gap:18px;}
.timer__reset{font:inherit;font-size:15px;color:var(--mint);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.timer__status{min-height:1.5em;margin-top:14px;color:var(--text);font-weight:500;}
.timer__musicrow{display:flex;justify-content:center;margin-top:6px;}
.timer__music{font:inherit;font-size:14px;letter-spacing:.04em;color:var(--night);background:var(--mint);border:2px solid var(--night);padding:5px 12px;cursor:pointer;}
.timer__music[aria-pressed="false"]{background:transparent;color:var(--mint);border-color:var(--mint);}
.timer__np{margin-top:10px;font-size:13px;line-height:1.45;color:var(--muted);}
.timer__np a{color:var(--mint);}

/* numbered brainstorm list */
.way-list{list-style:none;counter-reset:n;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;}
.way-list li{counter-increment:n;display:flex;align-items:center;gap:10px;}
.way-list li::before{content:counter(n);font-family:var(--comic);font-size:22px;color:var(--gold);width:26px;text-align:right;flex-shrink:0;}
.way-list input,.combo input,.pair select,.pair input,.rate select{width:100%;font:inherit;font-size:16px;color:var(--text);background:var(--night);border:2px solid var(--line);padding:9px 11px;}
.way-list input:focus,.combo input:focus,.pair select:focus,.pair input:focus,.rate select:focus{outline:none;border-color:var(--gold);}
.way-add{margin-top:14px;font:inherit;font-size:15px;font-weight:500;color:var(--mint);background:none;border:2px dashed var(--line);padding:8px 14px;cursor:pointer;}
.way-add:hover{border-color:var(--mint);}

/* pick chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;}
.chip{font:inherit;font-size:16px;font-weight:500;color:var(--text);background:var(--night);border:2px solid var(--line);padding:8px 16px;cursor:pointer;}
.chip:hover{border-color:var(--mint);}
.chip[aria-pressed="true"]{background:var(--gold);color:var(--night);border-color:var(--night);box-shadow:-4px 4px 0 var(--night);}
.chip-count{margin-top:12px;font-size:14.5px;color:var(--muted);}
.chip-count.flash{animation:flash .6s;}
@keyframes flash{0%,100%{color:var(--muted);}30%{color:var(--gold);}}
.way-empty{color:var(--muted);font-style:italic;}

/* skill → gift pairs, gift → skill combos */
.pair{display:grid;grid-template-columns:28px minmax(0,1fr) 28px minmax(0,1fr) 36px;align-items:center;gap:10px;margin-bottom:10px;}
.pair .n{font-family:var(--comic);font-size:22px;color:var(--gold);text-align:right;}
.pair .arrow{font-family:var(--comic);font-size:24px;color:var(--mint);text-align:center;}
.pair .x{font:inherit;font-size:22px;line-height:1;color:var(--muted);background:none;border:0;cursor:pointer;}
.pair .x:hover{color:var(--gold);}
.pair-labels{display:grid;grid-template-columns:28px minmax(0,1fr) 28px minmax(0,1fr) 36px;gap:10px;font-size:14px;font-weight:700;color:var(--mint);margin-bottom:6px;}
.pair-labels span:nth-child(2){grid-column:2;}
.pair-labels span:nth-child(3){grid-column:4;}

.combo{margin-bottom:22px;}
.combo h4{font-family:var(--comic);font-weight:400;font-size:24px;letter-spacing:.03em;color:var(--gold);margin-bottom:10px;line-height:1.1;}
.combo h4 span{color:var(--mint);}
.combo .opts{display:grid;gap:8px;}

/* prioritize */
.rate-table th{font-size:17px;}
.rate select{min-width:120px;}
.rate td:first-child{font-weight:700;}
.score-cell{font-family:var(--comic);font-size:26px;color:var(--gold);text-align:center;}
.first-move{margin-top:24px;}

/* Starting Artist ID */
.id-card{background:var(--gold);color:var(--night);border:3px solid var(--night);box-shadow:-10px 10px 0 var(--mint);padding:28px;max-width:760px;}
.id-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:3px solid var(--night);padding-bottom:16px;margin-bottom:18px;}
.id-card__top h2{font-family:var(--comic);font-weight:400;font-size:clamp(2rem,6vw,3rem);letter-spacing:.03em;line-height:.9;}
.id-card__top img{width:64px;height:64px;filter:brightness(0) saturate(100%);opacity:.85;}
.id-card__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.id-card h3{font-family:var(--comic);font-weight:400;font-size:22px;letter-spacing:.04em;margin-bottom:6px;}
.id-card ul{list-style:none;font-size:15.5px;line-height:1.5;}
.id-card li+li{margin-top:4px;}
.id-card .move{margin-top:20px;padding-top:16px;border-top:3px solid var(--night);font-size:17px;}
.id-card .move strong{font-family:var(--comic);font-weight:400;font-size:22px;letter-spacing:.04em;}
.id-card .blank{opacity:.55;font-style:italic;}
.id-name{font:inherit;font-size:18px;font-weight:700;color:var(--night);background:transparent;border:0;border-bottom:2px solid var(--night);padding:2px 0;width:100%;max-width:320px;margin-top:8px;}
.id-name::placeholder{color:rgba(12,35,37,.55);}
.id-name:focus{outline:none;border-bottom-width:3px;}

/* module footer nav */
.module-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:28px;border-top:2px solid var(--line);}
.module-nav .back{font-weight:500;}
.saved-note{font-size:14px;color:var(--muted);}
.reset-link{font:inherit;font-size:14px;color:var(--muted);background:none;border:0;text-decoration:underline;cursor:pointer;}

@media (max-width:860px){
  .activity{grid-template-columns:1fr;}
  .timer{position:static;}
  .id-card__grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .way-list{grid-template-columns:1fr;}
  .examples{grid-template-columns:1fr;}
  .pair,.pair-labels{grid-template-columns:22px minmax(0,1fr) 20px minmax(0,1fr) 28px;gap:6px;}
  .stepper{font-size:17px;}
  .stepper li+li::before{width:10px;margin:0 3px;}
}
@media print{
  .timer,.stepper,.module-nav,.way-add{display:none!important;}
  .activity{grid-template-columns:1fr;}
  .chip{border:1px solid #999;background:#fff;color:#111;}
  .chip[aria-pressed="true"]{border:2px solid #111;font-weight:700;box-shadow:none;}
  .way-list input,.combo input,.pair select,.pair input,.rate select{border:0;border-bottom:1px solid #999;background:#fff;color:#111;}
  .id-card{background:#fff;box-shadow:none;border:2px solid #111;break-inside:avoid;}
  .id-card__top img{filter:brightness(0);}
  .definition{background:#fff;}
}

/* overview: the three modules */
.modules{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px;}
.modules li{display:flex;flex-direction:column;}
.modules .loop__n{font-family:var(--comic);font-size:52px;line-height:1;color:var(--gold);}
.modules h3{font-family:var(--comic);font-weight:400;font-size:32px;letter-spacing:.04em;color:var(--mint);margin:4px 0 8px;}
.modules p.muted{color:var(--text);font-size:16px;}
.modules p:last-child{margin-top:auto!important;padding-top:20px;}
.modules li.done h3::after{content:" \2713";color:var(--gold);}
.carry{margin-top:28px;color:var(--muted);}
.carry strong{color:var(--text);}
@media (max-width:860px){.modules{grid-template-columns:1fr;}}

.id-card__badge{display:flex;align-items:center;gap:10px;font-family:var(--comic);font-size:18px;letter-spacing:.04em;text-align:right;line-height:1;}
.id-card__badge img{width:72px!important;height:72px!important;filter:none!important;opacity:1!important;}