/* Starting Artist Kit — loads after academy.css and finding-the-way/way.css */

.stepper{font-size:18px;}

/* roadmap on the overview */
.roadmap{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px;}
.roadmap li{display:flex;flex-direction:column;}
.roadmap li.soon{background:transparent;border:3px dashed var(--line);box-shadow:none;}
.roadmap li.soon h3,.roadmap li.soon .loop__n{color:var(--muted);}
.roadmap .loop__n{font-family:var(--comic);font-size:48px;line-height:1;color:var(--gold);}
.roadmap h3{font-family:var(--comic);font-weight:400;font-size:28px;letter-spacing:.04em;color:var(--mint);margin:4px 0 8px;line-height:1;}
.roadmap p.muted{color:var(--text);font-size:16px;}
.roadmap p:last-child{margin-top:auto!important;padding-top:18px;}
.roadmap li.done h3::after{content:" \2713";color:var(--gold);}
.soon-tag{display:inline-block;font-size:13px;font-weight:700;color:var(--muted);border:1.5px solid var(--line);padding:2px 8px;margin-top:auto;align-self:flex-start;}

/* score + matrix tables */
.score-table input,.score-table select,.kit-table input,.kit-table select{width:100%;font:inherit;font-size:15px;color:var(--text);background:var(--night);border:2px solid var(--line);padding:7px 8px;}
.score-table select:focus,.kit-table select:focus,.kit-table input:focus{outline:none;border-color:var(--gold);}
.score-table td,.kit-table td{padding:10px 8px;vertical-align:middle;}
.score-table td:first-child,.kit-table td:first-child{font-weight:700;min-width:150px;}
.lift{font-family:var(--comic);font-size:26px;color:var(--gold);text-align:center;white-space:nowrap;}
.lift small{display:block;font-family:var(--body);font-size:12px;color:var(--muted);}
.weights{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:4px 0 6px;padding:14px 16px;border:2px dashed var(--line);}
.weights strong{font-family:var(--comic);font-weight:400;font-size:20px;letter-spacing:.04em;color:var(--mint);}
.weights label{display:flex;align-items:center;gap:8px;font-size:15px;}
.weights select{font:inherit;font-size:15px;color:var(--text);background:var(--night);border:2px solid var(--line);padding:5px 6px;}

.matrix-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start;}
.matrix-wrap > *{min-width:0;}
.matrix svg{width:100%;height:auto;display:block;}
.matrix-legend{list-style:none;margin-top:12px;font-size:15px;display:grid;gap:4px;}
.matrix-legend b{font-family:var(--comic);font-weight:400;font-size:19px;color:var(--gold);margin-right:6px;}
.quad{display:inline-block;font-size:13.5px;font-weight:700;padding:3px 8px;white-space:nowrap;}
.quad--now{background:var(--gold);color:var(--night);}
.quad--strategic{background:var(--mint);color:var(--night);}
.quad--quick{background:var(--teal);color:var(--text);}
.quad--drop{background:transparent;color:var(--muted);border:1.5px solid var(--line);}
.suggest{margin-top:20px;padding:16px 18px;background:rgba(254,201,0,.08);border-left:5px solid var(--gold);}
.suggest strong{color:var(--gold);}

.questions{list-style:none;display:grid;gap:10px;margin:10px 0 0;}
.questions li{padding-left:28px;position:relative;font-size:17px;}
.questions li::before{content:"?";position:absolute;left:0;top:-2px;font-family:var(--comic);font-size:24px;color:var(--gold);}

/* stage cards (Process, System) */
.stages{display:grid;gap:22px;}
.stage{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;padding:20px 22px;background:var(--teal);border:3px solid var(--night);box-shadow:-6px 6px 0 var(--mint);}
.stage__name{font-family:var(--comic);font-size:30px;letter-spacing:.04em;line-height:1;color:var(--gold);}
.stage__name span{display:block;font-family:var(--body);font-size:14px;letter-spacing:0;color:var(--text);margin-top:8px;line-height:1.4;}
.stage__name b{display:block;font-family:var(--comic);font-weight:400;font-size:40px;color:var(--mint);opacity:.6;margin-bottom:4px;}
.stage .field{margin-top:0;}
.stage .field + .field{margin-top:14px;}
.stage .field__q small{display:block;font-weight:400;color:var(--muted);font-size:14px;margin-top:2px;}
.stage .field input,.stage .field textarea,.stage .field select{border-color:var(--night);}
.stage .field select{width:100%;font:inherit;font-size:16px;color:var(--text);background:var(--night);border:2px solid var(--night);padding:10px 12px;}
.stage .ref{font-size:14.5px;color:var(--text);background:rgba(0,0,0,.2);padding:10px 12px;margin-bottom:14px;border-left:3px solid var(--mint);}
.stage .ref b{color:var(--mint);}
.stage .grid3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.stage .grid3 .field + .field{margin-top:0;}
.project-pick{max-width:640px;margin-bottom:28px;}
.project-pick input{font-size:20px!important;font-weight:700;}

/* examples */
.example{margin-top:12px;border:2px solid var(--line);}
.example summary{cursor:pointer;padding:12px 16px;font-weight:700;color:var(--mint);list-style-position:inside;}
.example summary:hover{color:var(--gold);}
.example[open] summary{border-bottom:2px solid var(--line);}
.example .table-scroll{margin:0;padding:0 8px 8px;}
.ex-table{font-size:14.5px;}
.ex-table td:first-child{font-weight:700;color:var(--gold);white-space:nowrap;}

/* criteria cards (Tools) */
.criteria{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;}
.criteria li{border-top:4px solid var(--mint);padding-top:12px;}
.criteria h3{font-family:var(--comic);font-weight:400;font-size:24px;letter-spacing:.04em;color:var(--gold);margin-bottom:4px;}
.criteria p{font-size:15.5px;color:var(--muted);}
.kit-table .x{font:inherit;font-size:22px;color:var(--muted);background:none;border:0;cursor:pointer;}
.kit-table .x:hover{color:var(--gold);}
.kit-table tr.is-chosen td:first-child input{border-color:var(--gold);}
.chosen-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;}
.chosen-list div{padding:12px 14px;background:var(--teal);border:2px solid var(--night);}
.chosen-list b{display:block;font-family:var(--comic);font-weight:400;font-size:20px;letter-spacing:.04em;color:var(--gold);}
.chosen-list span{font-size:15px;}

/* workflow map */
.wf{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 48px;counter-reset:wf;}
.wf__node{position:relative;background:var(--teal);border:3px solid var(--night);box-shadow:-6px 6px 0 var(--gold);padding:16px 18px 18px;}
.wf__node:not(:nth-child(3n))::after{content:"";position:absolute;right:-38px;top:50%;width:28px;height:4px;background:var(--gold);}
.wf__node:not(:nth-child(3n))::before{content:"";position:absolute;right:-40px;top:calc(50% - 7px);border:9px solid transparent;border-left:12px solid var(--gold);border-right:0;}
.wf__node:nth-child(3)::after{content:"continues at 4";position:absolute;right:0;bottom:-30px;font-size:12.5px;font-weight:700;color:var(--gold);}
.wf__node--loop{box-shadow:-6px 6px 0 var(--mint);}
.wf__head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;border-bottom:2px solid var(--night);padding-bottom:8px;}
.wf__n{font-family:var(--comic);font-size:32px;line-height:1;color:var(--gold);}
.wf__head h3{font-family:var(--comic);font-weight:400;font-size:28px;letter-spacing:.04em;color:var(--text);margin:0;line-height:1;}
.wf dl{display:grid;gap:8px;}
.wf__row dt{font-size:12.5px;font-weight:700;color:var(--mint);}
.wf__row dd{font-size:15px;line-height:1.4;overflow-wrap:anywhere;}
.wf__row dd.blank{color:var(--muted);font-style:italic;}
.wf__loop{margin-top:12px;font-size:13.5px;font-weight:700;color:var(--mint);}
.wf__loop::before{content:"\21BA  ";font-size:16px;}
.wf__scope{font-family:var(--comic);font-size:24px;letter-spacing:.04em;color:var(--mint);margin-bottom:22px;}
.wf__scope strong{font-weight:400;color:var(--gold);}

@media (max-width:860px){
  .roadmap,.criteria,.chosen-list{grid-template-columns:1fr;}
  .matrix-wrap{grid-template-columns:1fr;}
  .stage{grid-template-columns:1fr;gap:12px;}
  .stage .grid3{grid-template-columns:1fr;}
  .wf{grid-template-columns:1fr;gap:44px;}
  .wf .wf__node:nth-child(n)::after{content:"";right:auto;left:calc(50% - 2px);top:auto;bottom:-36px;width:4px;height:26px;background:var(--gold);font-size:0;}
  .wf .wf__node:nth-child(n)::before{content:"";position:absolute;right:auto;left:calc(50% - 9px);top:auto;bottom:-46px;border:9px solid transparent;border-top:12px solid var(--gold);border-bottom:0;}
  .wf .wf__node:last-child::after,.wf .wf__node:last-child::before{display:none;}
}
@media print{
  .stage,.wf__node{background:#fff;box-shadow:none;border:1.5px solid #111;break-inside:avoid;}
  .wf__node::after,.wf__node::before{display:none!important;}
  .example{display:none;}
  .score-table select,.kit-table select,.kit-table input,.score-table input,.stage .field select{border:0;border-bottom:1px solid #999;background:#fff;color:#111;}
  .quad{border:1px solid #111;background:#fff!important;color:#111!important;}
}

.stage-defs{list-style:none;display:grid;gap:8px;margin:16px 0 0;}
.stage-defs strong{color:var(--gold);}

.project-pick input{border-color:var(--line)!important;}