/* STILLS reader rhythm — v1.0.38
   Keeps the visual story, transcript, continuation and exits in one calm column.
*/

/* Immediate exits beneath the slide controls */
.room-quick-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.65rem;
  width:100%;
  max-width:520px;
  margin:.8rem auto 1rem;
  padding:0;
  border:0;
  font-family:Inter,system-ui,sans-serif;
}
.room-quick-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:.72rem .85rem;
  border:1px solid rgba(47,79,61,.28);
  border-radius:3px;
  color:var(--leaf);
  background:transparent;
  text-decoration:none;
  font-size:.76rem;
  font-weight:500;
  letter-spacing:.035em;
  line-height:1.25;
  white-space:normal;
  text-align:center;
}
.room-quick-nav a:hover,
.room-quick-nav a:focus-visible{
  background:rgba(47,79,61,.055);
  text-decoration:none;
  outline:none;
}

/* Transcript: visible as a deliberate part of the experience, not a stray disclosure */
.transcript{
  width:100%;
  max-width:520px;
  margin:1rem auto 1.2rem;
  padding:0;
  border:1px solid rgba(47,79,61,.20);
  border-radius:3px;
  background:rgba(255,255,255,.24);
  overflow:hidden;
}
.transcript summary{
  position:relative;
  display:block;
  padding:1rem 2.7rem 1rem 1.05rem;
  cursor:pointer;
  list-style:none;
  font-family:Inter,system-ui,sans-serif;
  font-size:.80rem;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.045em;
  text-transform:none;
  color:var(--leaf);
}
.transcript summary::-webkit-details-marker{display:none}
.transcript summary::before{
  content:"Transcript";
  display:block;
  margin-bottom:.25rem;
  font-size:.61rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.transcript summary::after{
  content:"+";
  position:absolute;
  right:1.05rem;
  top:50%;
  transform:translateY(-50%);
  font-size:1.1rem;
  font-weight:300;
  color:var(--leaf);
}
.transcript[open] summary{
  border-bottom:1px solid rgba(47,79,61,.15);
}
.transcript[open] summary::after{content:"–"}
.transcript-list{
  margin:0;
  padding:1rem 1.25rem 1rem 2.55rem;
  font-family:Inter,system-ui,sans-serif;
  font-size:.88rem;
  line-height:1.72;
  color:var(--ink);
}
.transcript-list li{margin:0 0 .8rem;padding-left:.12rem}
.transcript-list li:last-child{margin-bottom:0}
.transcript-list strong{font-weight:600;color:var(--ink-soft)}

/* End-of-room sequence: one column, one rhythm */
.next-shelf-card,
.gift-box,
.series-cta,
.reader-nav{
  width:100%;
  max-width:520px;
  box-sizing:border-box;
}
.next-shelf-card{
  margin:1.2rem auto 0;
  padding:1.45rem 1.05rem;
  text-align:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.next-shelf-card .nsc-label{margin-bottom:.45rem}
.next-shelf-card .nsc-title{margin-bottom:.25rem}
.next-shelf-card .nsc-sub{margin-bottom:.65rem}
.next-shelf-card .nsc-date{margin:.25rem 0 1rem}
.next-shelf-card .nsc-actions{justify-content:center}

.gift-box{
  margin:1.15rem auto 0;
  padding:1.45rem 1.05rem;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  text-align:center;
}
.gift-box h2{margin:0 0 .35rem}
.gift-box p{margin:0 0 .9rem}

.series-cta{
  margin:1.15rem auto 0;
  padding:1.35rem 1.05rem;
  text-align:center;
  border-bottom:1px solid var(--line);
}
.series-cta p{margin:0 0 .7rem!important}

.reader-nav{
  margin:1.15rem auto 0;
  padding:1rem 0 0;
  border-top:0;
}

/* Keep the reader controls close to the frame */
.deck-nav{margin:.85rem 0 .5rem!important}
.hint{margin:.45rem auto .6rem!important;line-height:1.45}

@media(max-width:560px){
  .room-quick-nav,
  .transcript,
  .next-shelf-card,
  .gift-box,
  .series-cta,
  .reader-nav{max-width:100%}
  .room-quick-nav{gap:.5rem;margin:.7rem auto .9rem}
  .room-quick-nav a{font-size:.73rem;padding:.68rem .55rem}
  .transcript{margin:.9rem auto 1rem}
  .transcript summary{padding:.95rem 2.5rem .95rem .95rem;font-size:.78rem}
  .transcript-list{padding:.9rem .95rem .95rem 2.1rem;font-size:.86rem;line-height:1.68}
  .next-shelf-card{margin:1rem auto 0;padding:1.25rem .9rem}
  .gift-box,.series-cta{margin:1rem auto 0;padding:1.25rem .9rem}
}