/* Creator Kit — loads after academy.css, finding-the-way/way.css and starting-artist-kit/kit.css */

/* points legend + post scorer (same system as the Powerback Pack) */
.points{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}
.points li{display:flex;align-items:baseline;gap:8px;background:var(--teal);border:3px solid var(--night);box-shadow:-5px 5px 0 var(--gold);padding:8px 16px 6px;}
.points li:first-child{background:var(--gold);color:var(--night);box-shadow:-5px 5px 0 var(--mint);}
.points b{font-family:var(--comic);font-weight:400;font-size:34px;line-height:1;color:var(--gold);}
.points li:first-child b{color:var(--night);}
.points span{font-weight:500;font-size:15px;}
.post-table{min-width:980px;margin-top:20px;table-layout:fixed;}
.post-table input{width:100%;font:inherit;font-size:15px;color:var(--text);background:rgba(0,0,0,.25);border:2px solid var(--line);padding:8px 10px;}
.post-table input:focus{outline:none;border-color:var(--gold);}
.post-table input[inputmode]{text-align:right;font-variant-numeric:tabular-nums;}
.post-table td{padding:10px 6px;vertical-align:middle;}
.post-table th{font-size:17px;}
.post-table th:nth-child(1){width:21%;}
.post-table th:nth-child(n+2):nth-child(-n+6){width:9.5%;}
.post-table th:nth-child(7){width:15%;}
.post-table th:nth-child(8){width:12%;}
.post-table th:nth-child(9){width:4.5%;}
.post-table .pts{font-family:var(--comic);font-size:28px;color:var(--gold);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
.post-table tr.is-winner td{background:rgba(254,201,0,.10);}
.post-table .win{display:block;width:max-content;margin:4px 0 0 auto;font-family:var(--comic);font-size:15px;letter-spacing:.05em;background:var(--gold);color:var(--night);padding:3px 8px 1px;transform:skewX(-14deg);}
.post-table .x{font:inherit;font-size:22px;color:var(--muted);background:none;border:0;cursor:pointer;}
.strs{line-height:1.2;}
.str{display:inline-block;font-size:12.5px;font-weight:700;color:var(--mint);border:1.5px solid var(--mint);padding:1px 7px;margin:2px 4px 2px 0;}
.str--multi{background:var(--mint);color:var(--night);}
.add-row{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;}
.add-row:hover{border-color:var(--mint);}

/* Module 1: struggles */
.struggle{display:grid;grid-template-columns:28px minmax(0,1.2fr) minmax(0,1fr) 170px 32px;gap:10px;align-items:center;margin-bottom:10px;}
.struggle-head{display:grid;grid-template-columns:28px minmax(0,1.2fr) minmax(0,1fr) 170px 32px;gap:10px;font-size:14px;font-weight:700;color:var(--mint);margin-bottom:6px;}
.struggle .n{font-family:var(--comic);font-size:22px;color:var(--gold);text-align:right;}
.struggle input,.struggle select,.grid-inputs input,.grid-inputs select,.week input,.week select,.flow-list input,.tier input,.tier textarea,.five input,.ab-table input,.ab-table select{width:100%;font:inherit;font-size:15.5px;color:var(--text);background:var(--night);border:2px solid var(--line);padding:9px 11px;}
.struggle input:focus,.struggle select:focus,.grid-inputs input:focus,.grid-inputs select:focus,.week input:focus,.week select:focus,.flow-list input:focus,.tier input:focus,.tier textarea:focus,.five input:focus,.ab-table input:focus,.ab-table select:focus{outline:none;border-color:var(--gold);}
.struggle .x{font:inherit;font-size:22px;color:var(--muted);background:none;border:0;cursor:pointer;}

/* Module 2: week + flow */
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;}
.week .day{background:var(--teal);border:3px solid var(--night);padding:12px 10px;display:flex;flex-direction:column;gap:8px;}
.week .day b{font-family:var(--comic);font-weight:400;font-size:22px;letter-spacing:.04em;color:var(--gold);}
.week .day input{font-size:14px;padding:7px 8px;border-color:var(--night);}
.week .day.has-theme{box-shadow:-5px 5px 0 var(--gold);}
.grid-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;}
.grid-inputs .field{margin-top:0;}
.per-week{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 16px;}
.per-week label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;padding:8px 10px;border:2px solid var(--line);}
.per-week input{width:64px;font:inherit;font-size:16px;text-align:right;color:var(--text);background:var(--night);border:2px solid var(--line);padding:5px 8px;}
.flow-list{list-style:none;counter-reset:f;display:grid;gap:10px;}
.flow-list li{counter-increment:f;display:grid;grid-template-columns:44px 190px minmax(0,1fr);gap:12px;align-items:center;}
.flow-list li::before{content:counter(f);font-family:var(--comic);font-size:28px;color:var(--gold);text-align:right;}
.flow-list b{font-family:var(--comic);font-weight:400;font-size:22px;letter-spacing:.04em;color:var(--mint);}
.rhythm{margin-top:24px;}

/* Module 4: audience */
.persona{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.persona .stage{grid-template-columns:1fr;gap:6px;}
.tiers{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin-top:20px;}
.tier{position:relative;background:var(--teal);border:3px solid var(--night);box-shadow:-6px 6px 0 var(--mint);padding:18px;display:flex;flex-direction:column;gap:12px;}
.tier:last-child{background:var(--gold);color:var(--night);box-shadow:-6px 6px 0 var(--mint);}
.tier:last-child h3,.tier:last-child .field__q{color:var(--night);}
.tier:last-child .tier__what{color:var(--night);}
.tier:not(:last-child)::after{content:"";position:absolute;right:-36px;top:50%;width:26px;height:4px;background:var(--gold);}
.tier:not(:last-child)::before{content:"";position:absolute;right:-38px;top:calc(50% - 7px);border:9px solid transparent;border-left:12px solid var(--gold);border-right:0;}
.tier h3{font-family:var(--comic);font-weight:400;font-size:28px;letter-spacing:.04em;color:var(--gold);margin:0;line-height:1;}
.tier__what{font-size:15px;color:var(--text);}
.tier .field{margin-top:0;}
.tier textarea{min-height:64px;}
.five-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;}
.five h3{font-family:var(--comic);font-weight:400;font-size:46px;line-height:1;color:var(--gold);margin-bottom:2px;}
.five h3 span{font-size:22px;color:var(--mint);letter-spacing:.04em;margin-left:8px;}
.five p{font-size:15px;color:var(--muted);margin-bottom:10px;}
.five input{margin-bottom:8px;}

/* Module 5: metrics + tests */
.ab-table{min-width:900px;}
.ab-table td{padding:10px 6px;vertical-align:top;}
.ab-table input,.ab-table select{font-size:14.5px;padding:8px 9px;}
.ab-table .x{font:inherit;font-size:22px;color:var(--muted);background:none;border:0;cursor:pointer;}

/* overview checklist */
.checklist{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin-top:20px;}
.checklist label{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;padding:12px 14px;border:2px solid var(--line);cursor:pointer;}
.checklist input{width:22px;height:22px;flex-shrink:0;accent-color:var(--gold);margin-top:2px;}
.checklist label:has(input:checked){border-color:var(--gold);background:rgba(254,201,0,.07);}
.checklist label:has(input:checked) span{text-decoration:line-through;text-decoration-color:var(--gold);color:var(--muted);}
.outcomes{list-style:none;display:grid;gap:10px;margin-top:16px;}
.outcomes li{padding-left:18px;border-left:4px solid var(--gold);}
.outcomes strong{color:var(--gold);}

@media (max-width:980px){
  .week{grid-template-columns:repeat(4,minmax(0,1fr));}
  .per-week{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:860px){
  .persona,.tiers,.five-grid,.checklist,.grid-inputs{grid-template-columns:1fr;}
  .tiers{gap:48px;}
  .tier:not(:last-child)::after{right:auto;left:calc(50% - 2px);top:auto;bottom:-38px;width:4px;height:26px;}
  .tier:not(:last-child)::before{right:auto;left:calc(50% - 9px);top:auto;bottom:-48px;border:9px solid transparent;border-top:12px solid var(--gold);border-bottom:0;}
  .struggle,.struggle-head{grid-template-columns:24px minmax(0,1fr) 28px;}
  .struggle-head span:nth-child(3),.struggle-head span:nth-child(4){display:none;}
  .struggle > :nth-child(3),.struggle > :nth-child(4){grid-column:2;}
  .struggle .x{grid-column:3;grid-row:1;}
  .struggle{padding-bottom:14px;border-bottom:1px solid var(--line);}
  .flow-list li{grid-template-columns:32px minmax(0,1fr);}
  .flow-list li input{grid-column:2;}
}
@media (max-width:640px){
  .week{grid-template-columns:repeat(2,minmax(0,1fr));}
  .per-week{grid-template-columns:1fr;}
}
@media print{
  .week .day,.tier{background:#fff!important;color:#111!important;box-shadow:none;border:1.5px solid #111;}
  .tier::after,.tier::before{display:none!important;}
  .points li{background:#fff;box-shadow:none;border:1.5px solid #111;color:#111;}
}

/* hints under field labels, everywhere in the Creator Kit */
.field__q small{display:block;font-weight:400;color:var(--muted);font-size:14px;margin-top:2px;}
.tier:last-child .field__q small{color:var(--night);opacity:.75;}
.field input,.field textarea,.field select{border-color:var(--line);}