/* The stage supports observation; every decisive detail is also readable text. */
.theatre-page .morning-prose{max-width:49rem;margin-inline:auto}
.theatre-page .morning-scene-heading,.theatre-page .morning-actions{max-width:53rem;margin-inline:auto}
.theatre-page .morning-scene-image{max-width:42rem;margin:1.4rem auto}
.theatre-page .morning-scene-image img{display:block;width:100%;height:auto;object-fit:contain}
.theatre-brooch{display:grid;grid-template-columns:minmax(9rem,15rem) 1fr;align-items:center;gap:1.4rem;max-width:49rem;margin:1.8rem auto;padding:1rem;border-block:1px solid #b69b6255}
.theatre-brooch img{display:block;width:100%;height:auto}
.theatre-brooch figcaption{font:inherit;line-height:1.9;color:#d4d7c7}
.theatre-cast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:43rem;margin:1.5rem auto 2rem}
.theatre-cast article{display:flex;flex-direction:column;gap:.45rem;align-items:center;text-align:center;padding:1rem .5rem}
.theatre-cast strong{font-size:1rem}.theatre-cast article>span:last-child{font-size:.9rem;color:#b3bca7}
.theatre-portrait{display:block;flex:none;width:4rem;height:4.6rem;border:1px solid #b69b6255;border-radius:3px;background-image:url(assets/chronicle/theatre-portraits.webp);background-size:300% auto;background-repeat:no-repeat}
.theatre-person-0{background-position:0 27%}.theatre-person-1{background-position:50% 27%}.theatre-person-2{background-position:100% 27%}
.theatre-cast .theatre-portrait{width:5rem;height:6rem}
.theatre-page .morning-clues li{display:flex;gap:.8rem;padding:1rem 0}
.theatre-page .morning-clues li p{margin:.35rem 0;line-height:1.85}
.theatre-page .morning-clues li small{font-size:.875rem;color:#b4bda9}
.theatre-witness{border-left:2px solid #b69b6288;padding:.2rem 1rem;margin:1.5rem 0}
.theatre-witness h3{font-size:1rem;color:#d5bd87}
.theatre-witness p{line-height:1.85}
.theatre-observation{max-width:59rem;margin:1.5rem auto 2.5rem;scroll-margin-top:1rem}
.theatre-observation>p{max-width:49rem;margin:1rem auto;line-height:1.9}
.theatre-observations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:1.5rem 0}
.theatre-observations article{border-top:1px solid #b69b6260;padding:.6rem .2rem}
.theatre-observations h3{font-size:1rem;color:#d5bd87;margin:.5rem 0}
.theatre-observations p{font-size:1rem;line-height:1.85;margin:.6rem 0}
.theatre-observation-note{color:#bbc3af}
.theatre-answer-hint{display:block;font-size:.9rem;color:#e2c586;line-height:1.7;margin-top:.5rem}
.theatre-page .morning-actions{flex-wrap:wrap}
.theatre-page button:focus-visible,.theatre-page select:focus-visible{outline:2px solid #d5bd87;outline-offset:3px}
@media(max-width:640px){.theatre-brooch{grid-template-columns:1fr;gap:.8rem;padding:1rem 0}.theatre-brooch img{max-width:16rem;margin:auto}.theatre-cast{gap:.2rem}.theatre-cast article{padding:.5rem .15rem}.theatre-cast strong{font-size:.9rem;line-height:1.6}.theatre-cast .theatre-portrait{width:3.8rem;height:4.8rem}.theatre-observations{grid-template-columns:1fr;gap:.25rem}.theatre-page .morning-prose p{font-size:1rem;line-height:1.85}.theatre-page .morning-actions button{white-space:normal;text-align:center;line-height:1.65}.theatre-page .morning-reference-cards article{min-width:0}.theatre-page .morning-proof{padding-inline:1rem}.theatre-page h1{overflow-wrap:normal}}