/* Real project previews; the summary remains readable without opening anything. */
.evidence-intro{font-size:13px;color:var(--muted);margin:-8px 0 20px;max-width:720px}
.project.visual{padding:0;overflow:hidden;display:flex;flex-direction:column}
.project.visual[hidden]{display:none}
.project-copy{padding:18px;display:flex;flex-direction:column;flex:1}
.project-copy .contribution{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.project:hover .contribution,.project:focus-within .contribution{border-color:#14211840}
.project-copy .project-links{margin-top:auto;padding-top:3px;display:flex;gap:15px;flex-wrap:wrap}
.preview-link{width:100%;display:block!important;position:relative;margin:0!important;background:#e9ebe9;overflow:hidden;text-decoration:none}
.preview-link img{display:block;width:100%;height:175px;object-fit:contain}
.preview-link .preview-label{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#142118;color:#f7fff7;font-size:11px;letter-spacing:.01em}
.preview-link:hover .preview-label,.preview-link:focus-visible .preview-label{background:#205e43}
.preview-link:focus-visible{outline-offset:-4px;outline-color:#a4dba7}
.phone-pair{display:flex;justify-content:center;gap:17px;padding:12px;background:#efe9df;height:175px}
.phone-pair img{width:auto;max-width:45%;height:151px;object-fit:contain;border-radius:3px;box-shadow:0 2px 8px #0002}
.project-copy h3{font-size:19px}.project-copy .project-tech{font:11px/1.6 monospace;margin:10px 0;color:inherit}
.evidence-dialog{width:min(1040px,calc(100% - 28px));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);overscroll-behavior:contain}
.evidence-dialog::backdrop{background:#07120de0}
.evidence-dialog .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:1}
.evidence-dialog h2{font-size:22px;line-height:1.2;margin:0;letter-spacing:-.03em}
.evidence-dialog button{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:6px;min-height:44px;padding:8px 15px}
.evidence-dialog figure{margin:0;padding:22px;display:grid;gap:16px}
.evidence-dialog img{width:100%;height:auto;max-height:62dvh;object-fit:contain;background:#e9ebe9}
.evidence-dialog figcaption{font-size:14px;max-width:780px}.evidence-dialog figcaption p{margin:0 0 10px}
body:has(.evidence-dialog[open]){overflow:hidden}
.project.compact{margin-top:4px}.project.compact .project-tech{font:11px/1.6 monospace;margin-top:10px}
.evidence-note{font-size:12px;color:var(--muted);margin:18px 0 0}
@media(max-width:600px){.preview-link img{height:190px}.phone-pair{height:190px}.phone-pair img{height:166px}.evidence-dialog figure{padding:14px}.evidence-dialog .dialog-head{padding:12px 14px}.evidence-dialog h2{font-size:18px}}
