/* v15 — single-column journaling Bible page */
.chapter-page{
  --journal-margin: 205px;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.95), rgba(255,255,255,0) 36%),
    linear-gradient(180deg,#fffdf9 0%,#fcf8f2 100%);
  border:1px solid #dfd0c6;
  border-radius:12px;
  width:min(980px,calc(100% - 36px));
  min-height:1000px;
  margin:22px auto 34px;
  padding:50px 58px 78px;
  box-shadow:0 18px 42px rgba(74,50,57,.11), inset 0 0 0 1px rgba(255,255,255,.72);
  position:relative;
}

/* Soft page edge only — no writing rules/lines. */
.chapter-page::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(167,131,112,.10);
  border-radius:5px;
  pointer-events:none;
}

/* Each verse remains one scripture column with a clean journaling margin to the right. */
.verse-block{
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--journal-margin);
  column-gap:34px;
  align-items:start;
  border-bottom:0 !important;
  padding:7px 0 17px;
  position:relative;
}

.above-note{
  grid-column:1;
  resize:vertical;
  min-height:34px;
  margin:0 0 8px;
  padding:7px 8px;
  border:0 !important;
  border-bottom:0 !important;
  outline:none;
  background:transparent !important;
  color:#715d65;
  font-size:12px;
  line-height:1.45;
}

.above-note:focus{
  background:rgba(248,241,234,.58) !important;
  border-radius:7px;
}

.verse-text{
  grid-column:1;
  position:relative;
  display:block;
  border-radius:7px;
  padding:3px 6px 7px;
  font-family:"Libre Baskerville",Georgia,serif;
  font-size:18px;
  line-height:1.72;
  letter-spacing:.005em;
  color:#33262d;
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
}

.verse-text:hover,
.verse-text:focus-visible{
  background:rgba(247,239,232,.54) !important;
}

.verse-text sup{
  color:#8c6f7d;
  margin-right:7px;
  font-family:"DM Sans",sans-serif;
  font-size:10px;
  font-weight:700;
  vertical-align:super;
}

/* Keep the verse-specific controls visually attached to the scripture column. */
.verse-actions{
  grid-column:1;
  justify-content:space-between;
  align-items:center;
  gap:9px;
  margin-top:5px;
  padding:0 5px;
  display:flex;
  flex-wrap:wrap;
}

.verse-actions > div{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.verse-actions button{
  min-height:28px;
}

/* Sticky note editor stays with its verse, not in the blank journal margin. */
.sticky-editor{
  grid-column:1;
}

/* Leave the right side intentionally blank as a freehand journaling margin. */
.verse-block::after{
  content:"";
  grid-column:2;
  grid-row:1 / span 6;
  min-height:100%;
  pointer-events:none;
}

@media (max-width:1100px){
  .chapter-page{
    --journal-margin:165px;
    width:min(900px,calc(100% - 28px));
    padding:42px 38px 64px;
  }
  .verse-block{
    column-gap:25px;
  }
}

@media (max-width:860px){
  .chapter-page{
    width:min(760px,calc(100% - 20px));
    padding:34px 28px 54px;
  }
  .verse-block{
    display:block;
    padding:6px 0 15px;
  }
  .verse-block::after{
    display:none;
  }
}

@media (max-width:720px){
  .chapter-page{
    border:0;
    border-radius:0;
    width:100%;
    margin:0;
    padding:24px 15px 40px;
    box-shadow:none;
  }
  .chapter-page::before{
    display:none;
  }
  .verse-text{
    padding:3px 5px 7px;
    font-size:17px;
    line-height:1.68;
  }
  .above-note{
    min-height:32px;
    padding:6px 5px;
  }
  .verse-actions{
    padding:0 3px;
  }
}