
.photo-phase-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;padding:5px;border-radius:12px;background:#eef3eb}
.photo-phase-switch button{min-height:48px;padding:10px 8px;border:1px solid transparent;background:transparent;color:#365443;border-radius:9px;font-size:16px}
.photo-phase-switch button[aria-pressed=true]{background:white;border-color:#b6c9b1;color:#214b3c;box-shadow:0 2px 5px #203d2512}
.photo-placeholders{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#print-copy .photo-placeholders .document-photo-prompt,.photo-placeholders .document-photo-prompt{min-width:0;margin:6px 0;padding:8px;display:flex;flex-direction:column;gap:3px;border:1px dashed #9eb696;border-radius:8px;background:#f3f7ef;cursor:pointer;font-size:13px}
.photo-placeholders .document-photo-prompt span{font-size:12px;color:#567052}
.photo-placeholders .document-photo-prompt:focus-visible{outline:3px solid #9c6d30;outline-offset:2px}
@media screen and (max-width:700px){#reading-copy .photo-placeholders{gap:12px}#reading-copy .photo-placeholders .document-photo-prompt{margin:12px 0;padding:16px;font-size:17px;line-height:1.5}#reading-copy .photo-placeholders .document-photo-prompt span{font-size:16px}}
@media screen and (max-width:350px){#reading-copy .photo-placeholders{grid-template-columns:1fr}}
@media print{.document-photo-prompt{visibility:hidden!important}}
