/* Library-only editorial layouts from approved Prototype 01.
site.css remains the sole authority for shared components. */
.library-frame {
  width: min(1280px, calc(100% - 2 * clamp(1.25rem, 4vw, 4rem)));
  margin-inline: auto;
  font-size: 1.075rem;
  line-height: 1.7;
}

.library-frame .eyebrow {
  font-size: .75rem;
  line-height: 1.5;
  letter-spacing: .14em;
  margin: 0 0 1rem;
}

.library-frame h1, .library-frame h2 {
  text-wrap: wrap;
}

.library-frame {
  --library-reading-size: clamp(1.12rem, 1.45vw, 1.34rem);
}

.library-frame .library-index-hero {
  padding: clamp(5rem, 8vw, 8.5rem) 0 clamp(4rem, 7vw, 6rem);
  text-align:center;
}

.library-frame .library-index-hero .eyebrow {
  letter-spacing:.2em;
  margin-bottom:1.5rem;
}

.library-frame .library-index-hero h1 {
  margin:0;
  font-weight:400;
  font-size:clamp(3.75rem,6vw,6.8rem);
  line-height:1.08;
  letter-spacing:-.026em;
}

.library-frame .library-index-hero .gold-hairline {
  display:block;
  width:4.5rem;
  height:1px;
  background:var(--gold);
  margin:2.3rem auto;
}

.library-frame .library-index-hero .library-desc {
  max-width:36rem;
  margin:0 auto;
  color:#d9d4c9;
  font-size:clamp(1.1rem,1.6vw,1.3rem);
  line-height:1.65;
}

.library-frame .library-index-list {
  padding:clamp(1rem,2vw,2rem) 0 clamp(6rem,9vw,9rem);
}

.library-frame .library-index-list .section-label {
  color:var(--gold);
  font-size:.79rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  margin:0 0 2.2rem;
}

.library-frame .library-entries {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
}

.library-frame .library-entry {
  padding:1.25rem clamp(1.8rem,4vw,4.6rem) 3rem;
}

.library-frame .library-entry:first-child {
  padding-left:clamp(.25rem,1vw,1.25rem)
}

.library-frame .library-entry + .library-entry {
  border-left:1px solid #b58c4966;
}

.library-frame .library-entry .eyebrow {
  font-size:.78rem;
  letter-spacing:.14em;
  margin-bottom:1.35rem;
}

.library-frame .library-entry h2 {
  font-weight:400;
  font-size:clamp(2.25rem,3.5vw,3.6rem);
  line-height:1.14;
  letter-spacing:-.02em;
  margin:0 0 1.6rem;
  max-width:18ch;
}

.library-frame .library-entry .teaser {
  color:#dad4cb;
  font-size:clamp(1.08rem,1.4vw,1.23rem);
  line-height:1.78;
  max-width:48ch;
  margin:0 0 1.8rem;
}

.library-frame .library-entry .open-essay {
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  color:var(--gold);
  font-size:1rem;
  text-decoration:none;
  padding-bottom:.25rem;
  border-bottom:1px solid #b58c49;
  min-height:38px;
}

.library-frame .library-entry .open-essay:hover {
  color:var(--ivory);
}

.library-frame .library-essay-hero {
  padding:clamp(4rem,8vw,8rem) 0 clamp(3rem,5vw,5.5rem);
  text-align:center;
  position:relative;
}

.library-frame .library-essay-hero .eyebrow {
  letter-spacing:.17em;
  margin-bottom:1.9rem;
}

.library-frame .library-essay-hero h1 {
  font-size:clamp(3.2rem,5.2vw,5.6rem);
  line-height:1.12;
  max-width:17ch;
  letter-spacing:-.025em;
  font-weight:400;
  margin:0 auto;
}

.library-frame .library-essay-hero .gold-hairline {
  display:block;
  width:4.5rem;
  height:1px;
  background:var(--gold);
  margin:2.5rem auto 0;
}

.library-frame .library-essay-layout {
  display:grid;
  grid-template-columns:minmax(130px,210px) minmax(0,740px);
  gap:clamp(2rem,5vw,6rem);
  justify-content:center;
  padding:clamp(2.5rem,4.5vw,5rem) 0 clamp(3rem,7vw,6rem);
}

.library-frame .library-essay-aside {
  padding-top:.6rem;
  align-self:start;
  position:sticky;
  top:2.25rem;
}

.library-frame .library-essay-aside .eyebrow {
  font-size:.74rem;
  letter-spacing:.13em;
}

.library-frame .library-essay-aside a {
  display:inline-flex;
  gap:.65rem;
  align-items:center;
  color:#d9d4c9;
  font-size:.99rem;
  line-height:1.65;
  text-decoration:none;
  min-height:44px;
}

.library-frame .library-essay-aside a:hover {
  color:var(--gold);
}

.library-frame .library-essay-article {
  max-width:67ch;
}

.library-frame .library-essay-article p {
  font-size:var(--library-reading-size);
  line-height:1.85;
  margin:0 0 1.65em;
  color:#e1dbd1;
}

.library-frame .library-essay-article p:first-child {
  font-size:clamp(1.22rem,1.65vw,1.46rem);
  line-height:1.62;
  color:var(--ivory);
}

.library-frame .library-essay-article p:last-child {
  margin-bottom:0;
}

.library-frame .essay-endnotes {
  max-width:740px;
  margin:0 auto clamp(5rem,8vw,8rem);
  border-top:1px solid #b58c4955;
  padding-top:2.15rem;
  display:flex;
  justify-content:space-between;
  gap:1.5rem;
  flex-wrap:wrap;
}

.library-frame .essay-endnotes a {
  color:var(--gold);
  text-decoration:none;
  font-size:1rem;
}

.library-frame .essay-endnotes a:hover {
  text-decoration:underline;
}

@media(max-width:900px){
  .library-frame .library-essay-layout{
    grid-template-columns:155px minmax(0,1fr);
    gap:2rem;
  }

  .library-frame .library-entry {
    padding-right:2rem;
    padding-left:2rem;
  }

}

@media(max-width:680px){
  .library-frame{
    --library-reading-size:1.16rem;
  }

  .library-frame .library-index-hero {
    padding:4.1rem 0 3.8rem;
  }

  .library-frame .library-index-hero h1 {
    font-size:3.4rem;
  }

  .library-frame .library-index-list {
    padding:1rem 0 4.4rem;
  }

  .library-frame .library-entries {
    grid-template-columns:1fr;
    gap:3.1rem;
  }

  .library-frame .library-entry {
    padding:0;
  }

  .library-frame .library-entry:first-child {
    padding-left:0;
  }

  .library-frame .library-entry+.library-entry {
    border-left:0;
    border-top:1px solid #b58c4952;
    padding-top:3rem;
  }

  .library-frame .library-entry h2 {
    font-size:2.7rem;
    max-width:none;
  }

  .library-frame .library-essay-hero {
    padding:4rem 0 2rem;
  }

  .library-frame .library-essay-hero h1 {
    font-size:clamp(2.65rem,9.2vw,3.5rem);
  }

  .library-frame .library-essay-layout {
    display:block;
    padding:2.5rem 0 3.8rem;
  }

  .library-frame .library-essay-aside {
    position:static;
    border-bottom:1px solid #b58c4955;
    padding:0 0 1.1rem;
    margin-bottom:2.5rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
  }

  .library-frame .library-essay-aside .eyebrow {
    display:none;
  }

  .library-frame .library-essay-article p {
    line-height:1.8;
  }

  .library-frame .essay-endnotes {
    margin-bottom:4rem;
  }

}

.library-frame .essay-endnotes a {
  padding: 0;
  min-height: auto;
}