/* Handle workshop: tool pieces on top of guide.css. Same palette, paper, tape and olive focus. */
.hw-field{display:block;margin-bottom:14px}.hw-field>span,.hw-legend{display:block;font-weight:700;font-size:14px;line-height:1.4;margin-bottom:5px}
.hw-field input[type=text],.hw-field input[type=number],.own-in{width:100%;min-width:0;border:2px solid var(--olive);border-radius:2px;background:var(--chalk);padding:12px 14px;color:var(--chocolate);font-size:16px;min-height:54px}
.hw-field input::placeholder,.own-in::placeholder{color:var(--olive);opacity:1}
.hw-hint,.hint{font-size:13px;line-height:1.6;margin-top:4px}
.signup .primary{width:100%}
.tune{margin-top:14px}.tune summary{cursor:pointer;display:flex;align-items:center;min-height:44px;font:700 24px/1.2 Caveat,cursive;color:var(--olive)}
.tune[open] summary{margin-bottom:8px}
.tune fieldset{border:0;margin:0 0 14px;padding:0;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips label,.checks-in label{position:relative;display:inline-flex}
.chips input,.checks-in input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:2px solid var(--olive);background:var(--chalk);font-weight:600;font-size:14px}
.chips input:checked+span{background:var(--chocolate);color:var(--chalk);border-color:var(--chocolate);font-weight:700}
.chips input:focus-visible+span,.checks-in input:focus-visible+span{outline:3px solid var(--olive);outline-offset:3px;box-shadow:0 0 0 5px var(--chalk)}
.checks-in{display:flex;flex-wrap:wrap;gap:8px}.checks-in span{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 12px 0 10px;border:2px solid var(--olive);background:var(--chalk);font-weight:600;font-size:14px}
.checks-in span:before{content:"";width:16px;height:16px;border:2px solid var(--chocolate);border-radius:2px 4px 1px 3px;flex:none}
.checks-in input:checked+span:before{background:linear-gradient(135deg,transparent 40%,var(--chocolate) 40% 60%,transparent 60%),var(--lime)}
.checks-in input:checked+span{background:var(--lime)}
.field-error{margin:.45rem 0 0}.field-error:before{content:none}
/* results */
.hw-sec{padding-block:30px 70px}
.hw-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:40px;align-items:start;margin-top:40px}
.hw-main{min-width:0}
.hw-note{--tilt:-1deg;padding:30px 30px 26px;margin:0 0 30px;max-width:640px}.hw-note p{font:500 25px/1.3 Caveat,cursive}
.hw-status{min-height:1.7em;font-size:14px;font-weight:600;margin:0 0 14px;overflow-wrap:anywhere}.hw-status:empty{min-height:0;margin:0}
.hw-stale{font-weight:700;border-left:4px solid var(--persimmon);padding:4px 0 4px 12px;margin:0 0 16px}
#results-h{font:700 28px/1.2 Caveat,cursive;margin:0 0 8px}#results-h:focus{outline:none}
.hw-empty{--tilt:-.6deg;padding:34px 30px;max-width:620px}.hw-empty:before{background:var(--grain),repeating-linear-gradient(to bottom,transparent 0 33px,#45502624 33px 35px),var(--chalk);clip-path:polygon(.4% 0,100% .4%,99.7% 100%,0 99.6%)}
.hw-empty h3{font:700 32px/1.2 Caveat,cursive;margin-bottom:8px}
.hw-group{margin-bottom:34px;min-width:0}.hw-group h3{display:inline-block;font:900 20px/1.2 Unbounded,sans-serif;letter-spacing:-.05em;background:var(--persimmon);color:#fff;padding:9px 18px 12px;clip-path:polygon(0 6%,98% 0,100% 92%,2% 100%);transform:rotate(-1.5deg)}
.hw-group-note{font:500 22px/1.3 Caveat,cursive;margin:8px 0 14px 6px}
.slips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}
.slip{position:relative;isolation:isolate;min-width:0;padding:20px 20px 16px;filter:drop-shadow(0 8px 10px #34211a1c)}
.slip:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain),var(--chalk);clip-path:var(--tear)}
.slip:nth-child(even):before{background:var(--grain),#f4e9d4}.slip:nth-child(odd){transform:rotate(-.6deg)}.slip:nth-child(even){transform:rotate(.7deg)}
.slip-top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.slip-handle{font:700 22px/1.3 Bitter,serif;overflow-wrap:anywhere;min-width:0;letter-spacing:.01em}
.slip-actions{display:flex;gap:6px;flex:none}
.star,.copy,.rm,.ghost,.linkbtn{font:700 14px/1 Bitter,serif;color:var(--chocolate);background:var(--chalk);border:2px solid var(--chocolate);min-height:44px;min-width:44px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.star:hover,.copy:hover,.rm:hover,.ghost:hover{background:var(--lime)}
.star[aria-pressed=true]{background:var(--chocolate);color:var(--chalk)}
.star-shape{width:16px;height:16px;background:currentColor;clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 98%,50% 76%,20% 98%,30% 60%,0 38%,38% 36%);flex:none}
.star[aria-pressed=false] .star-shape{background:transparent;box-shadow:inset 0 0 0 0 currentColor;outline:0;border:0;position:relative}
.star[aria-pressed=false] .star-shape:after{content:"";position:absolute;inset:3px 3px 4px;background:var(--chalk);clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 98%,50% 76%,20% 98%,30% 60%,0 38%,38% 36%)}
.star[aria-pressed=false] .star-shape{background:var(--chocolate)}
.linkbtn{border:0;background:none;color:var(--olive);text-decoration:underline;text-underline-offset:4px;padding:0 8px}
.slip-why{font-size:13px;line-height:1.5;margin:4px 0 10px;overflow-wrap:anywhere}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.ck{font-size:13px;line-height:1.45;padding:3px 0 3px 10px;border-left:4px solid var(--olive);overflow-wrap:anywhere}.ck b{font-weight:700;margin-right:2px}
.ck.warn{border-left:4px dashed var(--chocolate)}.ck.bad{border-left:5px solid var(--persimmon);font-weight:600}
.slip-note{font-size:12px;line-height:1.5;margin-top:8px}
.hw-more-wrap{margin:6px 0 0}.ghost{font-size:15px}
.own{--tilt:.7deg;margin-top:44px;padding:40px 28px 30px;max-width:640px}.own h3{font:700 30px/1.2 Caveat,cursive;margin-bottom:10px}
.own .slips{grid-template-columns:minmax(0,1fr);margin-top:16px}.own .slip{transform:none}
/* shortlist */
.hw-side{position:sticky;top:20px;min-width:0}
.short{--tilt:1.2deg;padding:46px 26px 28px}.short:before{background:var(--grain),repeating-linear-gradient(to bottom,transparent 0 33px,#45502624 33px 35px),var(--chalk);clip-path:polygon(.4% 0,100% .4%,99.7% 100%,0 99.6%)}
.short h2{font:700 36px/1.15 Caveat,cursive;letter-spacing:-.01em}.short-count{font:500 22px/1.2 Caveat,cursive;color:var(--olive);margin:2px 0 14px}
.short-list{list-style:none;margin:0 0 14px;padding:0;max-height:520px;overflow:auto}
.short-item{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:2px dotted #45502655}
.short-text{min-width:0;display:flex;flex-direction:column}.short-handle{font:700 18px/1.3 Bitter,serif;overflow-wrap:anywhere}.short-meta{font-size:12px}
.short-empty{font-size:15px;line-height:1.6}
.short-tools{display:flex;flex-wrap:wrap;gap:8px}.short-tools .ghost{flex:1 1 auto}
.short-status{font-size:13px;font-weight:600;margin-top:10px;min-height:1.6em;overflow-wrap:anywhere}
.print-note{display:none}
/* guide notes and checklist reuse guide.css */
.hw-steps{counter-reset:s}.how-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px;padding:44px 8px 0}
.how-grid .note{margin:0}.how-grid .note:nth-child(even){margin-top:28px;--paper:#f4e9d4}.how-grid .note:nth-child(odd){--tilt:-1.6deg}.how-grid .note:nth-child(even){--tilt:1.6deg}
.how-grid .eg{font:700 20px/1.4 Bitter,serif;overflow-wrap:anywhere;margin-top:10px}.how-grid .eg small{display:block;font:400 13px/1.5 Bitter,serif}
.kit-link{max-width:720px;margin:0 auto 70px;text-align:center;padding-inline:16px}.kit-link p{font-size:16px}.kit-link a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.nav{max-width:100%}
@media(max-width:1100px){.hw-grid{grid-template-columns:minmax(0,1fr);gap:34px}.hw-side{position:static}.how-grid{gap:30px 20px}}
@media(max-width:760px){
.tune summary{font-size:26px}
.hw-sec{padding-block:20px 50px}.hw-note{padding:26px 22px 22px}.hw-note p{font-size:23px}
.slips{grid-template-columns:minmax(0,1fr)}.slip:nth-child(odd),.slip:nth-child(even){transform:none}
.opening-copy{display:contents}.opening{display:flex;flex-direction:column}.opening h1{order:1}.opening .signup{order:2}.opening .lede{order:3;margin-top:28px;padding-inline:8px}
.how-grid{grid-template-columns:minmax(0,1fr);padding-inline:2px}.how-grid .note:nth-child(even){margin-top:0!important}
.short{padding:42px 20px 24px}.short-tools .ghost{flex:1 1 40%}
.opening:before{height:360px}
.opening h1{padding-inline:8px}
}
@media(max-width:430px){.slip-top{flex-wrap:wrap}.slip-actions{width:100%}.slip-actions button{flex:1}.short-item{flex-wrap:wrap}.short-item .rm{width:100%}}
@media print{
body{background:#fff}.header,.footer,#stickycta,.skip-link,.opening,.cta-repeat,.more,.kit-link{display:none!important}
main{display:block;overflow:visible}main>*{display:none!important}main>#shortlist-sec{display:block!important}
#shortlist-sec{padding:0}.hw-grid{display:block;margin:0}.hw-main{display:none}.hw-side{position:static}
.short{transform:none;filter:none;padding:0}.short:before{display:none}.short-tools,.rm,.short-status{display:none!important}
.short-list{max-height:none;overflow:visible}.short-item{break-inside:avoid;color:#000}.print-note{display:block;font-size:12px;margin-top:14px}
}
@media print{.section-heading{display:none}}