/* Same felt dialogue surface; one speaker, one small turn. */
.service-layout>.conversation{min-height:150px;max-height:43dvh;grid-template-columns:minmax(0,1fr) auto}
.conversation .line{font-size:clamp(16px,1.5vw,20px)!important;line-height:1.8!important}
.conversation .speaker{display:flex;align-items:center;gap:16px}
.conversation .dialogue-position{font-size:14px;color:#c2d1db;font-weight:400}
.conversation .action-beat{color:#efd5ae;font-style:normal}
.conversation .dialogue-tools{display:flex;gap:14px;align-items:center;justify-content:flex-end;grid-column:2;font-size:14px}
.conversation .dialogue-tools button{border:0;background:none;color:#c8d7e1;text-decoration:underline;text-underline-offset:4px;font:inherit;padding:7px;cursor:pointer}
.conversation .dialogue-wait{color:#d7c7b0;font-size:14px}
.service-layout>.conversation:has(.choices){grid-template-columns:1fr}
.conversation:has(.choices)>.actions{grid-row:3;grid-column:1/-1;max-width:none;width:100%}
.conversation:has(.choices)>.dialogue-tools{grid-column:1;justify-content:flex-end}
.conversation .transcript{grid-column:1;max-height:27dvh;overflow:auto;font-size:16px;line-height:1.8}
.service-layout>.conversation .dialogue-tools .btn{font-size:14px;padding:7px;border:0;outline:0;box-shadow:none;background:none;color:#c8d7e1}
.conversation .transcript b{color:#ffd29c;margin-right:.6em;font-size:14px}
.phone-patch{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:6;pointer-events:none;clip-path:polygon(30.9% 59.7%,42.1% 60.8%,39.5% 79%,35.9% 91.8%,20.8% 90%,21.2% 83.1%)}
.scene-art[data-phone="off"],.scene-art[data-phone="back"]{transition:background-image .25s}
.elder-photo-note{position:absolute;right:3%;top:5%;z-index:7;width:min(32%,270px);padding:10px 14px;background:#f7e5c6;color:#493727;border:1px dashed #b78c58;border-radius:5px;box-shadow:2px 4px 8px #18233144;transform:rotate(2deg);font-size:14px;line-height:1.6}
.elder-photo-note strong{display:block;color:#32556d;font-size:15px}
.reward-record{margin:18px auto;max-width:40ch;font-size:17px;line-height:1.8;color:#64472d}
.reward-view .reward-cup{display:flex;align-items:center;justify-content:center;gap:24px;text-align:left;margin:18px auto;max-width:420px}
.reward-view .reward-cup .cup-preview{width:145px;margin:0;flex-shrink:0}
.reward-view .reward-cup .collection-eyebrow,.reward-view .reward-progress{font-size:14px}
.reward-view .reward-table{padding-block:27px}
@media(max-width:650px){.service-layout>.conversation{grid-template-columns:1fr;max-height:51dvh;padding:16px 20px;gap:8px}.conversation>.actions{grid-column:1!important;grid-row:auto!important;justify-content:flex-start!important;max-width:none!important}.conversation .dialogue-tools{grid-column:1;justify-content:flex-start}.conversation .line{font-size:16px!important}.conversation .choices{grid-template-columns:1fr!important;gap:9px!important}.conversation .btn{font-size:16px!important;padding:10px 16px!important}.elder-photo-note{font-size:14px;padding:7px 10px;width:37%}.reward-view .reward-cup{gap:12px}.reward-view .reward-cup .cup-preview{width:110px}.reward-record{font-size:16px}}
/* Reading controls retain the same position while changing display mode. */
.conversation .dialogue-tools{flex-wrap:wrap;gap:6px 12px}
.photo-crop{position:relative;overflow:hidden;aspect-ratio:4/3;background:#fff1d8}
.photo-crop>img{position:absolute;width:240%;height:auto;max-width:none;left:-123%;top:-30%}
.photo-crop.crop-detail>img{width:420%;left:-227%;top:-133%}
.gather-photo-pair{display:flex;gap:6px;align-items:center;height:73%;width:100%}
.gather-photo-pair>.outcome-photo,.gather-photo-pair>.outcome-prop{width:100%;min-width:0;height:100%;object-fit:contain}
.gather-photo-pair>.photo-crop{height:auto;flex:1}
.gather-shot-preview{position:absolute;z-index:8;left:50%;top:43%;transform:translate(-50%,-50%);width:34%;max-width:320px;min-width:165px;padding:9px;background:#fff0d6;border:2px solid #bba17c;border-radius:6px;box-shadow:0 5px 18px #15263c66;margin:0}
.gather-shot-preview>.outcome-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gather-shot-preview.framing{border-style:dashed}
.gather-shot-preview figcaption{font-size:14px;line-height:1.5;color:#473526;padding-top:7px;text-align:center}
.gather-shot-preview.shot{animation:photo-arrive .45s ease both}
.visit-followup{font-size:16px;line-height:1.8}
.visit-followup>b{display:block;font-size:14px;color:#47617a}
.journal-keepsake{width:180px;max-width:100%;margin:12px 0}
.journal-keepsake>.outcome-photo,.journal-keepsake>.outcome-prop{display:block;width:100%;height:auto}
@keyframes photo-arrive{from{filter:brightness(1.8)}to{filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.gather-shot-preview.shot{animation:none}}