/* Existing field-guide direction: coherent illustration sizes and reserved text space. */
:root { --reading-object: clamp(120px, 12vw, 194px); --reading-space: 29px; }
.encounter-gallery { display:grid; grid-template-columns:minmax(0,1fr); align-content:center; padding:20px 24px 36px; overflow:hidden; }
.encounter-gallery .encounter-whole { display:block; position:static; bottom:auto; grid-area:1/1; width:100%; height:auto; max-height:400px; object-fit:contain; align-self:center; opacity:0; visibility:hidden; transform:translateY(12px); transition:opacity .35s ease,transform .5s ease; }
[data-encounter-state="cafe"] .encounter-whole-cafe,
[data-encounter-state="walk"] .encounter-whole-walk,
[data-encounter-state="making"] .encounter-whole-making { opacity:1; visibility:visible; transform:none; }
.encounter-gallery .scene-handnote { position:static; top:auto; bottom:auto; right:auto; grid-column:1; grid-row:2; text-align:center; margin:12px 0 0; transform:none; }
html[data-mode="community"] .contact-page .section-heading .contact-seat { width:clamp(240px,28vw,390px); max-width:100%; }
html[data-mode="community"] .contact-page .section-heading .contact-seat .reading-art { width:100%; max-height:270px; aspect-ratio:3/2; }
.about-reading-spot { max-width:28%; }
.practice-reading-spot { width:var(--reading-object); margin:0 0 16px var(--reading-space); }
.choice-reading-spot { width:130px; margin:0 0 12px 20px; }
.follow-reading-spot { width:130px; margin:0 0 12px 20px; }
.contact-reading-element,.privacy-reading-element { width:var(--reading-object); }
@media(max-width:800px) {
 .encounter-gallery { min-height:0; padding:16px 24px 24px; }
 .encounter-gallery .encounter-whole { max-height:330px; }
 html[data-mode="community"] .contact-page #social .section-heading { grid-template-columns:minmax(0,1fr); }
 html[data-mode="community"] .contact-page #social .section-heading .contact-seat { grid-column:1; grid-row:auto; justify-self:start; width:min(100%,350px); margin-top:24px; }
}
@media(max-width:520px) {
 .encounter-gallery { padding:14px 14px 22px; }
 .encounter-gallery .encounter-whole { max-height:250px; }
 .practice-reading-spot { width:110px; margin:0 0 14px 18px; }
 .choice-reading-spot,.follow-reading-spot { width:110px; margin:0 0 14px 18px; }
 .about-reading-spot { max-width:32%; }
 .contact-page .reading-aside,.privacy-page .reading-aside { grid-template-columns:100px minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .encounter-gallery .encounter-whole { transition:none; transform:none; } }