.version-guide{padding:22px;background:var(--dn-surface,#f7f6f3);overflow:hidden}.version-guide h2{font-size:28px;margin:10px 0}.version-guide .eyebrow{font-size:9px}.version-photo-car{font-size:12px;font-weight:500;margin:0 0 13px;color:var(--dn-ink)}.version-guide .system-find{font-size:12px;line-height:1.7;margin:0 0 14px}.version-photo-menu{font-size:11px;line-height:1.7;padding:11px 13px;border:1px solid var(--dn-line);border-radius:9px;background:var(--dn-bg);margin:0 0 12px;color:var(--dn-muted)}
.version-photo-figure{margin:0}.version-photo-hero{appearance:none;display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:zoom-in;background:#17191c;color:inherit}.version-photo-frame{position:relative;display:block;width:100%;overflow:hidden;background:#101112}.version-photo-frame img{position:absolute;display:block;max-width:none;height:auto;object-fit:initial;border:0;border-radius:0;margin:0}.version-photo-marker{position:absolute;border:2px solid #86c7ff;border-radius:4px;box-shadow:0 0 0 1px #162d46,0 0 0 999px rgb(0 0 0 / .12);pointer-events:none}.version-photo-caption{font-size:10px;color:var(--dn-muted);margin:8px 0 13px}.version-photo-read{font-size:12px;line-height:1.7;color:var(--dn-muted);margin:0 0 18px}.version-photo-read strong{font-size:15px;color:var(--dn-ink);display:block;margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.version-photo-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.version-photo-thumb{appearance:none;border:1px solid var(--dn-line);padding:4px;border-radius:9px;background:var(--dn-bg);color:var(--dn-ink);cursor:pointer;min-width:0;text-align:left;transition:border-color .15s}.version-photo-thumb>.version-photo-frame{border-radius:5px;max-height:85px;aspect-ratio:1.5!important}.version-photo-thumb img{width:100%!important;left:0!important;top:0!important;height:100%;object-fit:contain}.version-photo-thumb .version-photo-marker{display:none}.version-photo-thumb>span:last-child{display:block;font-size:9px;line-height:1.5;padding:7px 3px 4px;overflow-wrap:anywhere}.version-photo-thumb[aria-pressed="true"]{border-color:var(--dn-ink);box-shadow:0 0 0 1px var(--dn-ink)}.version-photo-thumb:hover{border-color:var(--dn-muted)}.version-photo-hero:focus-visible,.version-photo-thumb:focus-visible,.version-photo-dialog button:focus-visible{outline:2px solid var(--dn-focus,#0666eb);outline-offset:4px}
.version-photo-more{margin-top:14px}.version-photo-more summary{font-size:11px;cursor:pointer;line-height:1.8;text-decoration:underline;text-underline-offset:4px;margin-bottom:12px}.version-photo-source{display:inline-block;margin:14px 0 12px;font-size:9px;color:var(--dn-muted);text-decoration:underline;text-underline-offset:3px}.version-guide .system-example-note{font-size:10px;line-height:1.7}
.version-photo-dialog{position:fixed;inset:0;width:min(1100px,94vw);max-width:94vw;max-height:92dvh;padding:22px;border:1px solid var(--dn-line);border-radius:16px;background:var(--dn-bg);color:var(--dn-ink);overflow:auto}.version-photo-dialog::backdrop{background:rgb(0 0 0 / .75)}.version-photo-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.version-photo-dialog-header h2{font:500 22px/1.3 OpenSauceTwo,sans-serif;margin:0}.version-photo-dialog-header button{font-size:12px;cursor:pointer;background:var(--dn-surface);border:1px solid var(--dn-line);border-radius:8px;padding:10px 16px;color:var(--dn-ink)}.version-photo-dialog .version-photo-frame{max-height:none;border-radius:8px}.version-photo-dialog>p{font-size:13px;line-height:1.8;margin-bottom:0;color:var(--dn-muted)}
@media(min-width:761px){.flow-identification{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px}}@media(max-width:760px){.version-guide{padding:17px}.version-guide h2{font-size:26px}.version-photo-dialog{padding:14px}.version-photo-dialog-header{gap:12px}.version-photo-dialog-header h2{font-size:18px}.version-photo-nav{gap:7px}.version-photo-thumb>span:last-child{font-size:9px}.version-photo-read{font-size:12px}}@media(prefers-reduced-motion:reduce){.version-photo-thumb{transition:none}}
.flow-identification .flow-family-grid .flow-choice-text{min-height:68px}.flow-other-versions{margin-top:18px}.flow-other-versions summary{font-size:12px;cursor:pointer;margin-bottom:14px;color:var(--dn-muted)}.version-photo-thumb>span:last-child{font-size:11px}.version-photo-read strong{font-family:inherit}.version-guide .system-example-note{margin-bottom:0}