/* Evidence and composition guidance share one card, one image and one replay. */
.review-group+.review-group{margin-top:26px}
.review-group-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border:1px solid #dce7f9;border-radius:8px 8px 0 0}
.review-group-heading h3{font-size:16px;font-weight:600;line-height:1.5}
.review-group-heading p{font-size:11px;line-height:1.65}
.review-scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #dce7f9;border-top:0;border-radius:0 0 8px 8px;overflow:hidden}
.review-scene-grid .scene{grid-template-columns:minmax(170px,35%) 1fr;align-items:start;padding:20px;gap:18px;min-height:0}
.review-scene-grid .scene+.scene{border-top:0}
.review-scene-grid .scene:nth-child(even){border-left:1px solid #e4ebf5}
.review-scene-grid .scene:nth-child(n+3){border-top:1px solid #e4ebf5}
.scene-photo{width:100%;max-width:270px}
.scene-photo .scene-frame-button{display:block;position:relative;padding:0;width:100%;max-width:none;margin:0;border:0;border-radius:7px;overflow:hidden;background:#eaf1fd;cursor:zoom-in}
.marked-frame{position:relative;isolation:isolate;width:100%;aspect-ratio:540/952;background:#dae7fb}
.marked-frame>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
.frame-thirds{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33.1%,#ffffff60 33.1%,#ffffff60 33.45%,transparent 33.45%,transparent 66.3%,#ffffff60 66.3%,#ffffff60 66.65%,transparent 66.65%);opacity:.55;z-index:1}
.frame-mark{position:absolute;border:2px solid #91c4ff;border-radius:3px;box-shadow:0 0 0 1px #fff9;z-index:2;text-align:left;pointer-events:none}
.frame-mark.adjust{border:2px dashed #1664ff;background:#1664ff06}
.frame-mark b{position:absolute;left:-2px;top:-2px;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.45;padding:3px 4px;background:#dfedff;color:#174988;border-radius:3px 0 3px 0;box-shadow:0 1px 3px #173c5730}
.frame-mark.adjust b{background:#1664ff;color:#fff}
.frame-arrow{position:absolute;inset:0;width:100%;height:100%;color:#1664ff;filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 1px 1px #ffffffc0);pointer-events:none;z-index:3}
.frame-arrow-label{position:absolute;padding:3px 4px;font-size:10px;font-weight:600;line-height:1.4;white-space:nowrap;color:#fff;background:#164d9de6;border-radius:3px;z-index:4}
.frame-zoom-hint{position:absolute;right:7px;bottom:7px;padding:3px 6px;color:#3767a6;background:#fffffff0;border-radius:4px;font-size:9px;z-index:5}
.scene-photo>button[data-action=play]{margin-top:5px;min-height:29px;font-size:11px}
.scene-photo>span{font-size:10px;line-height:1.7;margin:7px 0 0}
.scene-status{flex-wrap:wrap;line-height:1.5}.scene-status time{font-size:10px}
.scene h3{margin-top:8px;font-size:17px}.scene-copy>.scene-fact{margin-top:9px;font-size:12px}
.scene-shot{margin-top:9px;padding:8px 10px;border-left:2px dashed #91b6ef;font-size:11px;line-height:1.8;background:#f6f9ff;color:#657d9f}
.scene-shot b{font-size:10px;display:block;font-weight:600;color:#4c74ac;margin-bottom:2px}
#frame-detail{width:min(860px,calc(100vw - 28px));max-height:calc(100dvh - 28px);background:#fff;border-color:#dce7f9;padding:0}
.frame-detail-label{font-size:11px;color:#5b81ba}.frame-detail-body{padding:22px;display:flex;gap:25px;align-items:center;justify-content:center}
.marked-frame-large{width:auto;height:min(69dvh,720px);aspect-ratio:540/952;flex-shrink:0;border-radius:5px;overflow:hidden}
.marked-frame-large .frame-mark b,.marked-frame-large .frame-arrow-label{font-size:12px}
.frame-detail-copy{max-width:275px;font-size:14px;line-height:1.9;color:#637a9a}.frame-detail-copy h3{font-size:12px;color:#4178c3;margin:20px 0 6px}
@media(min-width:1500px){.review-scene-grid .scene{padding:23px;gap:20px;grid-template-columns:minmax(185px,36%) 1fr}.frame-mark b,.frame-arrow-label{font-size:11px}}
@media(max-width:1050px){.review-scene-grid{grid-template-columns:1fr}.review-scene-grid .scene{grid-template-columns:minmax(180px,31%) 1fr;padding:20px;gap:23px}.review-scene-grid .scene:nth-child(even){border-left:0}.review-scene-grid .scene+.scene{border-top:1px solid #e4ebf5}.scene h3{font-size:18px}.scene-copy>p,.scene-action p{font-size:13px}.scene-status{display:flex}.frame-mark b,.frame-arrow-label{font-size:11px}}
@media(max-width:650px){.review-group-heading{display:block;padding:12px 14px}.review-group-heading h3{font-size:15px}.review-group-heading p{margin-top:3px;font-size:10px}.review-scene-grid .scene{grid-template-columns:1fr;padding:16px;gap:15px}.scene-photo{max-width:290px;justify-self:center}.scene h3{font-size:17px}.scene-status time{font-size:10px}.scene-photo>span{text-align:center}.scene-photo>button[data-action=play]{max-width:none}.frame-detail-body{display:block;padding:14px}.marked-frame-large{height:auto;width:min(100%,350px);margin:0 auto}.frame-detail-copy{max-width:none;font-size:13px;margin-top:15px}.marked-frame-large .frame-mark b,.marked-frame-large .frame-arrow-label{font-size:11px}.scene-shot{font-size:12px}}
@media print{.review-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-scene-grid .scene{grid-template-columns:36% 1fr;gap:12px;padding:12px;break-inside:avoid}#frame-detail,.frame-zoom-hint{display:none!important}.scene-photo .scene-frame-button{display:block!important}.scene-photo>button[data-action=play]{display:none!important}}
