/*
  ============================================================
  Robert Warren Lyons, Jr. · The Papers of the House
  File: css/paper.css
  The long-form reading page: one paper, typeset for keeping.
  Loads AFTER catalogue.css (tokens + shared pieces come
  from there). Print-friendly by design.
  ============================================================
*/

/* ============================================================
   THE READING PAGE
============================================================ */
.paper-wrap{
  min-height:100vh;
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(184,151,58,0.05), transparent 60%),
    var(--room);
  padding:clamp(5.5rem, 12vh, 8rem) clamp(1.25rem, 5vw, 4rem) clamp(4rem, 10vh, 7rem);
}

.paper{
  max-width:680px;
  margin:0 auto;
  background:var(--panel);
  border:1px solid var(--hairline-dim);
  padding:clamp(2.5rem, 6vw, 5rem) clamp(1.6rem, 6vw, 4.5rem);
}

/* ------------------------------------------------------------
   PAPER HEAD · the accession block
------------------------------------------------------------ */
.paper-head{ text-align:center; margin-bottom:clamp(2.5rem, 6vh, 4rem); }

.paper-series{
  font-family:var(--utility); font-weight:300;
  font-size:0.6rem; letter-spacing:0.42em; text-transform:uppercase;
  color:var(--gold);
}
.paper-no{
  margin-top:1.4rem;
  font-family:var(--caps);
  font-size:0.9rem; letter-spacing:0.34em;
  color:var(--muted);
}
.paper h1{
  margin-top:1.1rem;
  font-family:var(--display); font-weight:500;
  font-size:clamp(2.6rem, 6vw, 4rem);
  line-height:1.05;
  color:#FBF7EC;
}
.paper h1 .gold-period{ color:var(--gold); }
/* paper pages carry the house nav always-shown; clear its fixed bar */
.house-nav + .paper-wrap{ padding-top:4.2rem; }
/* on phones the four room links crowd the bar: collapse to one way home */
.house-nav .nav-return{ display:none; }
@media (max-width: 680px){
  .house-nav .links{ display:none; }
  .house-nav .nav-return{
    display:block;
    font-family:var(--caps); font-size:0.72rem; letter-spacing:0.2em;
    color:var(--gold); text-decoration:none; white-space:nowrap;
  }
  .house-nav .nav-return:hover{ color:var(--gold-light); }
}
.paper-sub{
  margin-top:1rem;
  font-family:var(--display); font-style:italic; font-weight:300;
  font-size:clamp(1.05rem, 1.6vw, 1.3rem);
  color:var(--bone-dim);
}
.paper-issue{
  margin-top:1.6rem;
  font-family:var(--utility); font-weight:300;
  font-size:0.58rem; letter-spacing:0.26em; text-transform:uppercase;
  color:var(--muted);
}
.paper-head .head-rule{
  width:44px; height:1px; background:var(--gold);
  opacity:0.8; margin:2rem auto 0;
}

/* ------------------------------------------------------------
   PAPER BODY · the typesetting standard
------------------------------------------------------------ */
.paper-body p{
  font-family:var(--display); font-weight:400;
  font-size:clamp(1.08rem, 1.45vw, 1.2rem);
  line-height:1.95;
  color:var(--bone);
  margin-top:1.4rem;
}
.paper-body > p:first-of-type{ margin-top:0; }
.paper-body > p:first-of-type::first-letter{
  font-size:3.6em; float:left; line-height:0.8;
  padding-right:0.14em; padding-top:0.05em;
  color:var(--gold); font-weight:300;
}
.paper-body p strong{ font-weight:500; color:#F7F2E4; }
.paper-body p em{ font-weight:300; }

/* section mark: a numbered breath between movements */
.section-mark{
  display:flex; align-items:center; justify-content:center; gap:1.1rem;
  margin:clamp(2.5rem, 6vh, 3.5rem) 0 1rem;
}
.section-mark .line{ width:34px; height:1px; background:var(--hairline); }
.section-mark .num{
  font-family:var(--display); font-weight:300;
  font-size:1rem; color:var(--gold); opacity:0.75;
}

/* Scripture: set apart, always. superscript verse numbers,
   full reference closing every quotation. NASB95. */
.scripture{
  margin:2rem 0;
  padding:1.6rem 1.9rem;
  border-left:1px solid var(--gold);
  background:rgba(184,151,58,0.045);
}
.scripture p{
  font-family:var(--display); font-style:italic; font-weight:300;
  font-size:1.1rem; line-height:1.85; color:var(--bone);
  margin:0;
}
.scripture sup{
  font-style:normal; font-size:0.6em; color:var(--gold);
  margin-right:0.25em; line-height:0;
}
.scripture cite{
  display:block; margin-top:1rem;
  font-family:var(--utility); font-style:normal; font-weight:300;
  font-size:0.6rem; letter-spacing:0.26em; text-transform:uppercase;
  color:var(--gold);
}

/* the pull line: one sentence given the wall */
.pull-line{
  margin:clamp(2.2rem, 5vh, 3rem) 0;
  text-align:center;
  font-family:var(--display); font-weight:300; font-style:italic;
  font-size:clamp(1.5rem, 2.8vw, 2rem);
  line-height:1.4;
  color:var(--gold-light);
}

/* footnote references */
.fn-ref{
  font-size:0.62em; line-height:0; color:var(--gold);
  text-decoration:none; vertical-align:super;
}

/* ------------------------------------------------------------
   FOOTNOTES
------------------------------------------------------------ */
.footnotes{
  margin-top:clamp(3rem, 7vh, 4.5rem);
  padding-top:1.8rem;
  border-top:1px solid var(--hairline-dim);
}
.footnotes .fn-label{
  font-family:var(--utility); font-weight:300;
  font-size:0.55rem; letter-spacing:0.3em; text-transform:uppercase;
  color:var(--muted);
  margin-bottom:1rem;
}
.footnotes ol{
  margin-left:1.1rem;
}
.footnotes li{
  font-family:var(--display); font-weight:300;
  font-size:0.95rem; line-height:1.7;
  color:var(--bone-dim);
  margin-top:0.6rem;
}

/* ------------------------------------------------------------
   PAPER CLOSE · signature + issue line + PDF
------------------------------------------------------------ */
.paper-close{
  margin-top:clamp(3rem, 7vh, 4.5rem);
  padding-top:2rem;
  border-top:1px solid var(--hairline-dim);
  text-align:center;
}
.paper-close img.sig{
  width:170px; margin:0 auto;
  filter:invert(1) hue-rotate(180deg);
  mix-blend-mode:screen; opacity:0.85;
}
.paper-close .who{
  margin-top:0.9rem;
  font-family:var(--utility); font-weight:300; font-size:0.58rem;
  letter-spacing:0.3em; text-transform:uppercase; color:var(--muted);
}
.paper-close .keep{
  display:inline-flex; align-items:center; gap:0.7rem;
  margin-top:2rem;
  font-family:var(--caps); font-size:0.8rem; letter-spacing:0.28em;
  color:var(--gold); text-decoration:none;
  border:1px solid var(--hairline);
  padding:0.8rem 1.8rem;
  transition:color .25s ease, border-color .25s ease;
}
.paper-close .keep:hover{ color:var(--gold-light); border-color:var(--gold); }
.paper-close .return{
  display:block; margin-top:2rem;
  font-family:var(--caps); font-size:0.75rem; letter-spacing:0.26em;
  color:var(--muted); text-decoration:none;
  transition:color .25s ease;
}
.paper-close .return:hover{ color:var(--gold-light); }

/* draft banner (removed at publish) */
.draft-strip{
  position:fixed; top:0; left:0; right:0; z-index:99;
  text-align:center;
  font-family:var(--utility); font-weight:400; font-size:0.55rem;
  letter-spacing:0.24em; text-transform:uppercase;
  color:#C98A3B;
  background:rgba(7,6,5,0.92);
  border-bottom:1px dashed rgba(201,138,59,0.5);
  padding:0.5rem;
}

/* ------------------------------------------------------------
   PRINT · the page was born to be kept
------------------------------------------------------------ */
@media print{
  body, .paper-wrap{ background:#fff; }
  .paper{ border:none; background:#fff; max-width:100%; padding:0; }
  .paper-body p, .footnotes li{ color:#111; }
  .paper h1, .paper-body p strong{ color:#000; }
  .scripture{ background:#f5f2ea; border-left:2px solid #9a7d2e; }
  .scripture p, .paper-sub, .pull-line{ color:#222; }
  .draft-strip, .paper-close .keep, .paper-close .return{ display:none; }
}

@media (max-width: 680px){
  .paper{ padding:2rem 1.3rem; }
}