/* Outfit palette planner, session timeline planner and headshot prep checklist. Loaded with the tool stylesheet. */
.pal__anchor{border:0;margin:0 0 1rem;padding:0;grid-column:1/-1;min-width:0}
.pal__anchor legend{padding:0;margin:0 0 .6rem;font:600 var(--label)/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim)}
.pal__picks{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(7.2rem,1fr))}
.pal__pick{position:relative;display:block;cursor:pointer}
.pal__pick input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.pal__chip{display:flex;align-items:flex-end;min-height:4.2rem;padding:.55rem .6rem;border:2px solid transparent;border-radius:var(--radius);font:500 .82rem/1.15 var(--font-ui);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.pal__pick input:checked+.pal__chip{border-color:var(--paper);box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--accent)}
.pal__pick input:focus-visible+.pal__chip{outline:2px solid var(--accent);outline-offset:3px}
.pal__strip{list-style:none;margin:1rem 0 1.2rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.pal__strip li{display:grid;gap:.15rem;align-content:end;min-height:6.5rem;padding:.8rem}
.pal__strip b{font:600 .95rem/1.15 var(--font-ui)}
.pal__strip span{font:500 .8rem/1.1 var(--font-ui);opacity:.85}
.pal__dot{display:inline-block;width:1rem;height:1rem;border-radius:50%;vertical-align:-.15em;margin-right:.3rem;border:1px solid rgba(255,255,255,.35)}
.pal__warn{display:inline-block;margin-left:.4rem;padding:.1rem .5rem;border:1px solid var(--warn,#d9a05b);border-radius:999px;font:600 .78rem/1.3 var(--font-ui);font-style:normal;color:var(--warn,#d9a05b)}
.pal__note{max-width:64ch;color:var(--paper)}
.tl{list-style:none;margin:1.2rem 0;padding:0;max-width:44rem;border-left:2px solid var(--line)}
.tl__i{position:relative;display:grid;grid-template-columns:6.4rem 1fr;gap:1rem;padding:.7rem 0 .7rem 1.2rem}
.tl__i::before{content:"";position:absolute;left:-.45rem;top:1.15rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--ink);border:2px solid var(--paper-dim)}
.tl__i--start::before,.tl__i--golden::before,.tl__i--sunset::before{border-color:var(--accent);background:var(--accent)}
.tl__t{font:600 var(--step-0)/1.3 var(--font-ui);color:var(--paper);white-space:nowrap}
.tl__i b{display:block;font:400 var(--step-1)/1.2 var(--font-display);color:var(--paper)}
.tl__i span{display:block;margin-top:.15rem;font-size:var(--step--1);color:var(--paper-dim);line-height:1.5}
.tl__i--start b,.tl__i--golden b,.tl__i--sunset b{color:var(--accent)}
@media (max-width:520px){.tl__i{grid-template-columns:1fr;gap:.1rem}}
.chk__g{margin:0 0 1.4rem;padding:0;border:0}
.chk__g h3{margin:0 0 .4rem;font:400 var(--step-1)/1.15 var(--font-display);color:var(--accent)}
.chk__g ul{list-style:none;margin:0;padding:0}
.chk__g li{border-bottom:1px solid var(--line)}
.chk__when{display:block;margin-top:.15rem;color:var(--paper-dim);font-size:var(--step--1)}
.chk__prog{align-self:center;margin-right:.6rem;font:600 var(--label)/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.chk label.check{padding:.7rem 0}
.chktool .tool-actions{align-items:center}
.tool-actions .btn[hidden]{display:none}
@media print{html.print-tool .tl,html.print-tool .chk{color:#111}}