/* The larger photograph uses the same asset as the recipe, at native size. */
.recipe-photo-trigger{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;color:var(--ink);cursor:zoom-in}
.recipe-photo-trigger img{display:block}
.recipe-photo-trigger:focus-visible{outline:3px solid var(--olive);outline-offset:-5px}
.recipe-photo-hint{position:absolute;right:13px;bottom:13px;background:var(--paper);color:var(--ink);padding:9px 12px;font:10px/1.3 var(--sans);box-shadow:0 2px 12px #0002;pointer-events:none}
.photo-open{overflow:hidden}
.photo-dialog{width:max-content;max-width:calc(100vw - 32px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);margin:auto;box-shadow:0 20px 90px #0006}
.photo-dialog:not([open]){display:none}
.photo-dialog::backdrop{background:#101310dc}
.photo-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}
.photo-dialog-header h2{font:500 20px/1.25 var(--serif);margin:0;max-width:56ch;overflow-wrap:anywhere}
.photo-dialog-close{flex-shrink:0;min-height:40px;padding:8px 10px;background:transparent;color:var(--ink);border:1px solid var(--line);font:12px/1.4 var(--sans)}
.photo-dialog-stage{display:grid;place-items:center;min-width:min(300px,calc(100vw - 66px));min-height:150px}
.photo-dialog-image{display:block;width:auto;height:auto;max-width:calc(100vw - 66px);max-height:calc(100vh - 135px);max-height:calc(100dvh - 135px);object-fit:contain}
.photo-dialog-status{font:13px/1.8 var(--sans);max-width:42ch;margin:30px 0;text-align:center}
@media(max-width:720px){.photo-dialog{padding:12px;max-width:calc(100vw - 20px)}.photo-dialog-header{gap:12px}.photo-dialog-header h2{font-size:17px}.photo-dialog-image{max-width:calc(100vw - 46px);max-height:calc(100dvh - 150px)}.recipe-photo-hint{font-size:9px;padding:8px 10px}}
@media print{.photo-dialog,.photo-dialog::backdrop,.recipe-photo-hint{display:none!important}.photo-open{overflow:visible!important}}