.recipe-walkthrough{margin-block:var(--phi-space-5) var(--phi-space-6)}.recipe-walkthrough-layout{gap:clamp(var(--phi-space-4), 4vw, var(--phi-space-6));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.recipe-walkthrough-layout.without-map{grid-template-columns:minmax(0, var(--golden-reading));justify-content:center}.recipe-walkthrough h2{margin:0 0 var(--phi-space-3);font-size:var(--phi-type-h3)}.recipe-walkthrough-map{min-width:0;top:var(--phi-space-4);position:sticky}.recipe-map-hint{margin:0 0 var(--phi-space-3);color:var(--muted);font-size:var(--phi-type-sm)}.recipe-map-images{gap:var(--phi-space-3);display:grid}.recipe-walkthrough .recipe-map-images figure{min-width:0;margin:0}.recipe-map-canvas{width:fit-content;max-width:100%;margin-inline:auto;position:relative}.recipe-map-canvas img{width:auto;max-width:100%;height:auto;max-height:64vh;display:block}.recipe-walkthrough .recipe-map-images figcaption{padding:var(--phi-space-2) 0;color:var(--muted);font-size:var(--phi-type-sm);background:0 0;position:static}.recipe-map-marker{width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.recipe-map-marker span,.recipe-palette-letter{border:1px solid var(--ink);background:var(--paper,#fff);direction:ltr;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:13px;font-weight:800;line-height:1;display:grid}.recipe-map-marker span{box-shadow:0 1px 5px #0006}.recipe-map-marker.is-muted{opacity:.45}.recipe-map-marker[aria-pressed=true] span{background:var(--acid);outline:2px solid var(--ink);outline-offset:2px}.recipe-map-marker:focus-visible{outline:3px solid var(--acid);outline-offset:2px}.recipe-map-legend{gap:var(--phi-space-2);margin-top:var(--phi-space-3);display:grid}.recipe-map-legend>button{align-items:flex-start;gap:var(--phi-space-3);padding:var(--phi-space-3);border:1px solid var(--line);border-radius:var(--golden-radius-sm);background:var(--surface);color:var(--ink);text-align:start;font:inherit;cursor:pointer;display:flex}.recipe-map-legend>button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 3px 0 var(--acid)}.recipe-map-legend>button[aria-pressed=true] .recipe-palette-letter{background:var(--acid)}.recipe-palette-colours{gap:var(--phi-space-2) var(--phi-space-3);flex-wrap:wrap;align-self:center;display:flex}.recipe-palette-colours>span{align-items:center;gap:var(--phi-space-1);font-size:var(--phi-type-xs);display:flex}.recipe-palette-colours>span>span{overflow-wrap:anywhere}.recipe-walkthrough-instructions{min-width:0}.recipe-step-picker{gap:var(--phi-space-1);font-size:var(--phi-type-sm);display:grid}.recipe-step-picker select{width:100%;min-width:0;padding:var(--phi-type-xs);border:1px solid var(--line);border-radius:var(--golden-radius-sm);color:var(--ink);background:var(--surface);font:inherit;text-overflow:ellipsis}.recipe-current-step{padding-block:var(--phi-space-4)}.recipe-step-position{margin:0 0 var(--phi-space-2);font-size:var(--phi-type-sm);font-weight:750}.recipe-current-step h3{margin:0 0 var(--phi-space-4);font-size:var(--phi-type-h3);overflow-wrap:anywhere;line-height:1.25}.recipe-step-areas{gap:var(--phi-space-1);margin-bottom:var(--phi-space-4);font-size:var(--phi-type-sm);display:grid}.recipe-current-step h4{margin:0 0 var(--phi-space-2);font-size:var(--phi-type-sm)}.recipe-walkthrough-paints{gap:var(--phi-space-2) var(--phi-space-3);flex-wrap:wrap;display:flex}.recipe-walkthrough-paints>div{align-items:center;gap:var(--phi-space-2);min-width:0;display:flex}.recipe-walkthrough-paints>div>span{gap:3px;display:grid}.recipe-walkthrough-paints strong{font-size:var(--phi-type-sm);overflow-wrap:anywhere}.recipe-walkthrough-paints small{color:var(--muted);font-size:var(--phi-type-xs)}.recipe-step-instruction{margin-block:var(--phi-space-4);white-space:pre-line;line-height:1.65}.recipe-step-result,.recipe-step-warning{padding:var(--phi-type-sm) var(--phi-space-3);border-inline-start:3px solid var(--acid);background:var(--surface);margin-top:var(--phi-type-sm)}.recipe-step-warning{border-inline-start-color:var(--line)}.recipe-step-result p,.recipe-step-warning p{line-height:1.6;font-size:var(--phi-type-sm);margin:0}.recipe-step-navigation{gap:var(--phi-space-2);flex-wrap:wrap;justify-content:space-between;display:flex}.recipe-step-navigation button{min-height:var(--golden-control);padding:var(--phi-type-xs) var(--phi-space-3);border:1px solid var(--ink);border-radius:var(--golden-radius-sm);color:var(--ink);font:inherit;font-size:var(--phi-type-sm);cursor:pointer;background:0 0;flex:1;font-weight:700}.recipe-step-navigation button:last-child{background:var(--ink);color:var(--acid)}.recipe-step-navigation button:disabled{opacity:.4;cursor:default}.recipe-all-paints{margin-top:var(--phi-space-5);padding-block:var(--phi-space-4);border-top:1px solid var(--line)}.recipe-all-paints summary{cursor:pointer;font-weight:700}.recipe-all-paints[open] summary{margin-bottom:var(--phi-space-4)}@media (max-width:900px){.recipe-walkthrough-layout{gap:var(--phi-space-4);grid-template-columns:minmax(0,1fr)}.recipe-walkthrough-map{position:static}.recipe-map-canvas img{max-height:52vh}}@media (pointer:coarse){.recipe-map-marker{width:44px;height:44px}.recipe-map-legend>button{min-height:var(--golden-control)}}.recipe-stage-details{margin-block:1.25rem}.recipe-stage-details summary{cursor:pointer;padding-block:.75rem;font-weight:600}.recipe-stage-details ol{padding-inline-start:1.5rem}.recipe-stage-details li{border-block-end:1px solid #ffffff18;padding-block:.75rem}.recipe-stage-details li h4{margin-block:.4rem}.workshop-add-photo{aspect-ratio:auto;grid-column:1/-1;min-height:48px;padding:12px}.workshop-step .workshop-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;padding:12px 0;position:static}.workshop-step .workshop-actions>button:last-child{background:var(--ink);color:var(--acid);grid-column:1/-1}.recipe-stage-details li img{border-radius:12px;max-width:100%;height:auto}.workshop-step-paints{margin-block:20px;display:block}.workshop-step-paints>summary{cursor:pointer;align-content:center;min-height:44px;margin-bottom:8px;font-size:16px}.workshop-paint-count{color:var(--muted);font-size:13px;font-weight:400}.workshop-step-paint{border:0;border-block-end:1px solid var(--line);gap:4px;min-width:0;padding:10px 0}.workshop-step-paint>.workshop-paint-heading{align-items:center;gap:8px;display:flex}.workshop-paint-heading>div{flex:1;min-width:0}.workshop-paint-heading strong{overflow-wrap:anywhere;font-size:14px;display:block}.workshop-paint-heading small{text-transform:none;margin-top:2px;font-size:11px;font-weight:400;display:block}.workshop-paint-owned{color:var(--ink);background:var(--acid);white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:11px}.workshop-step-paint .workshop-paint-usage{color:var(--ink);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.workshop-paint-usage>span{color:var(--muted)}.workshop-paint-alternatives summary{cursor:pointer;align-content:center;min-height:44px;padding-block:8px;font-size:13px}.workshop-paint-alternatives .workshop-step-matches{margin-block:4px}.workshop-step-paint .workshop-paint-missing{font-size:11px}.workshop-collection-link{width:fit-content;padding-block:12px;font-size:12px}.workshop-instruction-paints{flex-wrap:wrap;gap:6px;margin-block:8px;display:flex}.workshop-instruction-paints>span{border:1px solid var(--line);border-radius:5px;align-items:center;gap:6px;max-width:100%;padding:5px 8px;display:flex}.workshop-instruction-paints b{overflow-wrap:anywhere;font-size:13px}.workshop-instruction-paints small{color:var(--muted);font-size:10px;display:block}.workshop-reference-disclosure>summary{cursor:pointer;align-content:center;min-height:44px;padding-block:8px;font-size:14px;font-weight:600}.workshop-reference-disclosure[open]>summary{margin-bottom:12px}.workshop-step .recipe-stage-details li{border-color:var(--line)}.workshop-step .recipe-stage-details li h3{margin-block:4px;font-size:16px}@media (max-width:899px){.workshop-reference{margin-top:12px;padding:8px 12px}.workshop-step{min-width:0;padding-top:18px}.workshop-step h1{margin-bottom:12px;font-size:30px;line-height:1.15}.workshop-step .recipe-stage-details{margin-block:12px}.workshop-step .recipe-stage-details summary{min-height:44px}.workshop-step .recipe-stage-details ol{padding-inline-start:20px}.workshop-step .recipe-stage-details li p{font-size:14px;line-height:1.6}}.recipe-full-guide{margin-top:var(--phi-space-5);padding:var(--phi-space-4);border:1px solid var(--golden-line);border-radius:var(--golden-radius-md);background:var(--golden-surface)}.recipe-full-guide>summary{cursor:pointer;align-content:center;min-height:46px;font-weight:650}.recipe-full-guide>section{margin-top:var(--phi-space-5);scroll-margin-top:var(--phi-space-7)}.recipe-full-guide li+li{margin-top:var(--phi-space-4)}.recipe-full-guide ol{padding-inline-start:var(--phi-space-4)}.recipe-full-guide p{overflow-wrap:anywhere}