.recipe-example{margin:3rem 0;padding:1rem 0;scroll-margin-top:2rem}
.recipe-comparison{margin:1.5rem 0}
.recipe-comparison[hidden]{display:none}
.recipe-comparison-stage{--split:50%;position:relative;aspect-ratio:2048/1365;overflow:hidden;touch-action:pan-y;user-select:none;cursor:ew-resize;background:#fff}
.recipe-comparison-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain;pointer-events:none;margin:0}
.recipe-comparison-stage .recipe-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.recipe-label{position:absolute;top:.75rem;background:rgba(255,255,255,.92);color:#111;padding:.3rem .6rem;font:12px/1.4 var(--font-mono);pointer-events:none}
.recipe-label-before{left:.75rem}.recipe-label-after{right:.75rem}
.recipe-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;transform:translateX(-50%);box-shadow:0 0 2px #000;pointer-events:none}
.recipe-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:white;color:#111;box-shadow:0 1px 6px #0006;font-size:24px}
.recipe-comparison figcaption{margin:1rem 0;font:14px/1.5 var(--font-mono)}
.recipe-comparison label{display:block;font-weight:700}
.recipe-comparison input{display:block;width:100%;height:32px;margin:.35rem 0;accent-color:#111;cursor:ew-resize}
.recipe-comparison input:focus-visible{outline:2px solid #111;outline-offset:3px}
.recipe-comparison-help{display:block;font-size:12px}
.recipe-full-frames summary{cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
.recipe-example-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:1.5rem 0}
.recipe-example-pair figure{min-width:0;margin:0}
.recipe-example-pair h3{font-size:1rem;line-height:1.5;margin:0 0 .6rem}
.recipe-example-pair img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#fff}
.recipe-example-pair .photo-open{display:block;width:100%;padding:.75rem;background:#fff}
.recipe-example-pair figcaption{font:11px/1.6 var(--font-mono);margin:.6rem 0}
.recipe-example-note{font-size:.85em;color:var(--color-muted)}
.recipe-example a.recipe-example-cta{display:inline-block;background:var(--color-ink);color:var(--color-paper);padding:1rem 1.25rem;font-weight:700;line-height:1.4;text-decoration:none}
.recipe-example a.recipe-example-cta:hover{text-decoration:underline}
.recipe-example a.recipe-example-cta:focus-visible{outline:3px solid var(--color-ink);outline-offset:4px}
@media(max-width:600px){.recipe-example-pair{grid-template-columns:minmax(0,1fr);gap:1.5rem}.recipe-example a.recipe-example-cta{display:block;text-align:center}}