
/* COURTYARD READING DOORS — canonical responsive architecture.
   Never a horizontal scroller. Four doors remain discoverable together. */
body.home .reading-door-rail, .reading-door-rail{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1rem!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}
body.home .reading-door, .reading-door{
  min-width:0!important;
  width:auto!important;
  flex:none!important;
}
@media(max-width:920px){
  body.home .reading-door-rail,.reading-door-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:600px){
  body.home .reading-door-rail,.reading-door-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:360px){
  body.home .reading-door-rail,.reading-door-rail{grid-template-columns:1fr!important;}
}
/* v82 live stability: Courtyard visibility + CSJA threshold/journey, desktop/mobile verified. */

/* Courtyard doors: all four must be visible on phones; no single-card horizontal rail. */
@media (max-width:600px){
  body.home .reading-door-rail,
  .reading-door-rail{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.75rem!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    padding-bottom:0!important;
  }
  .reading-door{
    min-width:0!important;
    width:auto!important;
    flex:none!important;
    padding:.72rem!important;
    scroll-snap-align:none!important;
  }
  .reading-door h3{font-size:1.08rem!important;line-height:1.14!important;margin:.42rem 0!important;}
  .reading-door p{font-size:.82rem!important;line-height:1.42!important;min-height:0!important;}
  .reading-door small{margin-top:.62rem!important;}
  .reading-door span{font-size:.61rem!important;line-height:1.35!important;letter-spacing:.08em!important;margin-top:.65rem!important;}
}
@media (max-width:370px){
  .reading-door-rail{grid-template-columns:1fr!important;}
}

/* CSJA threshold: same house geometry, no new visual language. */
.csja-home-v80{background:#f4efe3;color:#2c2519;font-family:Inter,system-ui,sans-serif;}
.csja-threshold-v80{max-width:72rem;margin:0 auto;padding:7.5rem 5vw 4rem;}
.csja-threshold-grid-v80{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(19rem,.95fr);gap:clamp(2rem,5vw,5rem);align-items:center;}
.csja-threshold-frame-v80{width:100%;aspect-ratio:4/5;overflow:hidden;background:#e9e2d4;border:1px solid rgba(44,37,25,.14);}
.csja-threshold-frame-v80 img{width:100%;height:100%;object-fit:contain;display:block;background:#efe4cf;}
.csja-threshold-copy-v80{max-width:31rem;}
.csja-threshold-copy-v80 .eyebrow{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#756d63;margin:0 0 .8rem;}
.csja-threshold-copy-v80 h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.15rem,4.3vw,3.6rem);font-weight:500;line-height:1.08;margin:0 0 1rem;color:#2c2519;}
.csja-threshold-copy-v80 .lede{font-family:"Playfair Display",Georgia,serif;font-size:1.15rem;line-height:1.5;color:#4e5d44;margin:0 0 .8rem;}
.csja-threshold-copy-v80 p{font-size:.98rem;line-height:1.72;color:#5d554a;margin:0 0 1rem;}
.csja-door-v80{margin-top:.4rem;display:inline-block;}
@media(max-width:720px){
  .csja-threshold-v80{padding:5.6rem 5vw 2.8rem;}
  .csja-threshold-grid-v80{grid-template-columns:1fr;gap:1.5rem;}
  .csja-threshold-frame-v80{width:min(100%,25rem);margin:0 auto;}
  .csja-threshold-copy-v80{text-align:center;margin:0 auto;max-width:32rem;}
  .csja-threshold-copy-v80 h1{font-size:2.15rem;}
  .csja-threshold-copy-v80 .csja-door-v80{display:inline-flex;justify-content:center;align-items:center;}
}

/* CSJA Reading Room top journey: deterministic desktop/mobile alignment. */
.csja-reading-room .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:.6rem!important;}
.csja-reading-room .topbar>a:first-child{text-align:left!important;}
.csja-reading-room .topbar .mark{text-align:center!important;white-space:nowrap!important;}
.csja-reading-room .topbar>a:last-child{text-align:right!important;}
@media(max-width:520px){
  .csja-reading-room .topbar{padding-left:3.5vw!important;padding-right:3.5vw!important;gap:.35rem!important;}
  .csja-reading-room .topbar a{font-size:.68rem!important;letter-spacing:.025em!important;white-space:nowrap!important;}
  .csja-reading-room .topbar .mark{font-size:.8rem!important;}
}


/* CSJA home topbar: inherit the same visual rhythm as STILLS; no off-centre mobile exception. */
.csja-home-v80 .csja-home-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;}
.csja-home-v80 .csja-home-topbar>a{min-width:0!important;}
.csja-home-v80 .csja-home-topbar .mark{text-align:center!important;}
@media(max-width:520px){
  .csja-home-v80 .csja-home-topbar{padding:.72rem 4.5vw!important;gap:.55rem!important;}
  .csja-home-v80 .csja-home-topbar a{font-size:.68rem!important;letter-spacing:.025em!important;white-space:nowrap!important;}
  .csja-home-v80 .csja-home-topbar .mark{font-size:.86rem!important;}
}
