/* Client photo comparisons, styled to match the training site. */
.results-section { border-top:1px solid var(--line); }
.results-heading { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:75px; margin-bottom:43px; }
.results-heading h2 { margin-bottom:0; }
.results-heading>p { max-width:440px; margin:0; color:var(--muted); font-size:14px; line-height:1.9; }
.results-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:stretch; }
.result-card { display:flex; flex-direction:column; min-width:0; border:1px solid #374b5b; background:#0d141a; }
.result-card-header { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:18px; padding:25px 24px 23px; }
.result-number { display:block; margin:0 0 9px; color:var(--blue); font:600 10px/1.7 var(--body); letter-spacing:.12em; text-transform:uppercase; }
.result-card-header h3 { margin:0; font-size:35px; line-height:1.05; }
.result-view-toggle { display:flex; gap:5px; flex-wrap:wrap; }
.result-view-toggle button,button.result-view-toggle { display:inline-flex; justify-content:center; align-items:center; min-height:40px; padding:10px 12px; border:1px solid #536d80; border-radius:0; background:var(--bg); color:#d1e0eb; font:600 10px/1.5 var(--body); letter-spacing:.035em; text-transform:uppercase; cursor:pointer; }
.result-view-toggle button[aria-pressed="true"],button.result-view-toggle[aria-pressed="true"] { background:var(--blue); border-color:var(--blue); color:var(--bg); }
.result-view-toggle button:hover,button.result-view-toggle:hover { border-color:var(--blue); }
.result-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0 20px; }
.result-photo { display:block; width:100%; min-width:0; padding:0; border:1px solid #324958; border-radius:0; background:var(--bg); color:var(--text); text-align:center; cursor:zoom-in; }
.result-photo:hover { border-color:var(--blue); }
.result-photo-frame { display:block; position:relative; width:100%; aspect-ratio:3/4; overflow:hidden; background:#000; }
.result-photo-frame img { display:block; width:100%; height:100%; object-fit:contain; background:#000; }
.result-photo--ty-before .result-photo-frame img { position:absolute; width:100%; height:auto; max-width:none; max-height:none; top:-32%; left:0; object-fit:initial; }
.result-photo-label { display:block; padding:13px 8px; color:#cee4f3; font:600 10px/1.6 var(--body); letter-spacing:.12em; text-transform:uppercase; }
.result-combined { display:block; width:calc(100% - 40px); margin:0 20px; padding:0; border:1px solid #324958; border-radius:0; background:#000; cursor:zoom-in; }
.result-combined:hover { border-color:var(--blue); }
.result-combined img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; background:#000; }
.combined-labels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:13px 20px; color:#cee4f3; text-align:center; font:600 10px/1.6 var(--body); letter-spacing:.12em; text-transform:uppercase; }
.result-card-footer { display:flex; justify-content:space-between; gap:15px; margin-top:auto; padding:18px 23px 20px; color:#a7bfce; font-size:10px; line-height:1.7; }
.result-card-footer small { font:inherit; }
.results-note { max-width:950px; margin:23px 0 0; color:#9eafbb; font-size:11px; line-height:1.9; }
.results-next-step { display:flex; justify-content:space-between; align-items:center; gap:30px; padding-top:29px; margin-top:28px; border-top:1px solid var(--line); }
.results-next-step p { max-width:680px; margin:0; color:#c6d5df; font-size:14px; line-height:1.8; }
.results-next-step .button { flex-shrink:0; }

/* Enlarged photos preserve proportions; Ty's screenshot keeps its photo-area frame. */
.results-dialog { width:calc(100% - 32px); max-width:1100px; max-height:calc(100dvh - 32px); padding:24px; border:1px solid #55768d; border-top:3px solid var(--blue); background:#0c1217; color:var(--text); }
.results-dialog::backdrop { background:#030609eb; }
.results-dialog-top { display:flex; justify-content:space-between; align-items:flex-start; gap:25px; margin-bottom:22px; }
.results-dialog-top p,.results-dialog-top h2 { margin:0; color:var(--text); font:700 34px/1.1 var(--heading); letter-spacing:.015em; text-transform:uppercase; }
.results-dialog-close { display:inline-flex; justify-content:center; align-items:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:1px solid #526e82; border-radius:0; background:var(--bg); color:var(--blue); font:400 29px/1 var(--body); cursor:pointer; }
.results-dialog-close:hover { border-color:var(--blue); background:#192b38; }
.results-dialog-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start; }
.results-dialog-pair figure { min-width:0; margin:0; }
.results-dialog-pair .result-photo-frame { width:min(100%,49.5dvh); margin-inline:auto; }
.results-dialog-pair img { display:block; width:100%; height:100%; object-fit:contain; background:#000; }
.results-dialog-pair figcaption { padding-top:14px; color:#cde3f2; text-align:center; font:600 11px/1.7 var(--body); letter-spacing:.09em; text-transform:uppercase; }
.results-dialog-single { min-width:0; margin:0; }
.results-dialog-single figure { margin:0; }
.results-dialog-single .result-photo-frame { aspect-ratio:auto; }
.results-dialog-single img { display:block; width:100%; height:auto; max-height:66dvh; object-fit:contain; background:#000; }
.results-dialog-single figcaption { margin-top:13px; color:#cde3f2; text-align:center; font-size:11px; line-height:1.8; }

@media(max-width:1150px) {
 .results-heading { gap:48px; }
 .results-grid { gap:20px; }
 .result-card-header { padding:24px 20px 21px; }
 .result-card-header h3 { font-size:32px; }
 .result-pair { gap:10px; padding-inline:16px; }
 .result-combined { width:calc(100% - 32px); margin-inline:16px; }
 .result-card-footer { padding-inline:20px; }
}
@media(max-width:900px) {
 .results-heading { gap:33px; }
 .results-heading>p { font-size:12px; }
 .result-card-header { align-items:flex-start; }
 .result-view-toggle button,button.result-view-toggle { font-size:9px; padding-inline:11px; }
 .results-next-step p { font-size:12px; }
}
@media(max-width:700px) {
 .results-heading { display:block; margin-bottom:31px; }
 .results-heading h2 { margin-bottom:24px; }
 .results-heading>p { max-width:540px; font-size:13px; }
 .results-grid { grid-template-columns:1fr; gap:24px; }
 .result-card-header { align-items:flex-end; padding:24px 20px 21px; }
 .result-card-header h3 { font-size:34px; }
 .result-photo-label,.combined-labels { font-size:9px; padding-block:12px; }
 .result-card-footer { padding-block:16px 18px; font-size:9px; }
 .results-note { font-size:10px; }
 .results-next-step { display:block; padding-top:25px; }
 .results-next-step p { margin-bottom:21px; font-size:13px; }
 .results-dialog { width:calc(100% - 20px); max-height:calc(100dvh - 20px); padding:14px; }
 .results-dialog-top { gap:14px; margin-bottom:17px; }
 .results-dialog-top p,.results-dialog-top h2 { font-size:28px; }
 .results-dialog-close { flex-basis:43px; width:43px; height:43px; font-size:27px; }
 .results-dialog-pair { gap:10px; }
 .results-dialog-pair img { height:100%; object-fit:contain; }
 .results-dialog-pair figcaption { padding-top:11px; font-size:9px; letter-spacing:.065em; }
 .results-dialog-single img { max-height:66dvh; }
}