#photo-card{width:min(720px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:fit-content;max-height:calc(100dvh - 28px);padding:0;overflow:auto;overscroll-behavior:contain;color:#473858;background:#fff9e9;border:3px solid #473858;border-radius:26px}#photo-card .menu-heading{position:sticky;top:0;z-index:2;background:#fff9e9;padding:16px 20px;margin:0;border-bottom:1px solid #c8cbb6}#photo-card .menu-heading h2{font-size:30px;padding:0;margin:0;letter-spacing:0;text-transform:none;line-height:1.2}#photo-card .menu-heading button{flex:none;width:44px;height:44px;border-radius:50%;background:#9acbb8;border:2px solid #473858}.photo-body{padding:12px 20px 18px}.photo-body p{font-size:14px;line-height:1.55}.photo-cameras{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.photo-cameras button,.photo-footer button,.photo-footer a,.photo-launch{min-height:44px;padding:10px 15px;font:600 14px 'DM Sans',sans-serif;border:2px solid #473858;border-radius:12px;color:#473858;background:#f0f0db}.photo-cameras button[aria-pressed=true]{background:#eff69d}.photo-cameras button:disabled{opacity:.6}.photo-body img{display:block;width:auto;max-width:100%;max-height:48dvh;height:auto;margin:16px auto;border-radius:10px}.photo-body img[hidden],.photo-footer a[hidden]{display:none}.photo-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff9e9;padding:12px 20px;border-top:1px solid #c8cbb6}.photo-footer a{display:inline-flex;align-items:center;background:#ff927e;text-decoration:none}.photo-launch{margin:12px 0}#photo-card :focus-visible,.photo-launch:focus-visible{outline:3px solid #eb825f;outline-offset:3px;scroll-margin-block:90px}#photo-status{min-height:2.8em}@media(max-width:420px){#photo-card{max-height:calc(100dvh - 16px)}.photo-body{padding-inline:14px}#photo-card .menu-heading,.photo-footer{padding-inline:14px}#photo-card .menu-heading h2{font-size:26px}.photo-cameras{gap:6px}.photo-cameras button{padding:9px 11px}}@media(prefers-reduced-motion:reduce){#photo-card *{scroll-behavior:auto}}

.photo-cameras button,.photo-footer button,.photo-footer a,.photo-launch{touch-action:manipulation;-webkit-tap-highlight-color:#9acbb855}#photo-card .menu-heading h2{text-wrap:balance}#photo-status{font-variant-numeric:tabular-nums}.photo-cameras button:not(:disabled):hover,.photo-footer button:not(:disabled):hover,.photo-launch:hover{background:#d7e8d3}.photo-footer a:hover{background:#ffab91}