.whitepaper-page { background: #ece9e4; color: var(--ink); }
.whitepaper-header { position: sticky; top: 0; }
.whitepaper-header nav { gap: 1.8rem; }
.whitepaper-header nav .is-current { color: var(--rose); opacity: 1; }
.whitepaper-layout { display: grid; grid-template-columns: minmax(250px, 22vw) minmax(0, 1fr); min-height: 100vh; }
.whitepaper-outline { align-self: start; background: var(--black-soft); color: var(--white); height: calc(100vh - 78px); overflow-y: auto; padding: 3rem 2.2vw 2rem; position: sticky; top: 78px; }
.outline-heading { border-bottom: 1px solid var(--line-dark); padding-bottom: 2rem; }
.outline-heading > span { color: var(--rose); font-size: 0.63rem; font-weight: 600; letter-spacing: 0.19em; text-transform: uppercase; }
.outline-heading h1 { font-family: var(--serif); font-size: clamp(2rem, 3vw, 3.3rem); font-weight: 400; letter-spacing: -0.035em; margin: 0.75rem 0 0.5rem; }
.outline-heading p { color: #a8a8a8; font-size: 0.68rem; letter-spacing: 0.08em; margin: 0; text-transform: uppercase; }
.outline-nav { display: flex; flex-direction: column; gap: 0; margin-top: 1.2rem; }
.outline-nav a { align-items: baseline; border-bottom: 1px solid rgba(255,255,255,.1); color: #a8a8a8; display: grid; gap: .8rem; grid-template-columns: 1.6rem 1fr; letter-spacing: 0; padding: .72rem 0; text-transform: none; transition: color 180ms ease, padding-left 180ms ease; }
.outline-nav a b { color: var(--rose); font-size: .58rem; font-weight: 600; letter-spacing: .1em; }
.outline-nav a span { font: 400 .78rem/1.35 var(--sans); }
.outline-nav a:hover, .outline-nav a:focus-visible, .outline-nav a.is-active { color: var(--white); padding-left: .35rem; }
.outline-download { align-items: center; border: 1px solid rgba(255,255,255,.42); display: flex; font-size: .64rem; font-weight: 600; justify-content: space-between; letter-spacing: .12em; margin-top: 2rem; padding: .95rem 1rem; text-transform: uppercase; transition: background 180ms ease, color 180ms ease; }
.outline-download:hover, .outline-download:focus-visible { background: var(--rose); color: var(--black); }
.whitepaper-reader { min-width: 0; padding: 0 5vw 6rem; }
.reader-intro { align-items: end; display: grid; gap: 1.5rem 3rem; grid-template-columns: minmax(0,1fr) minmax(260px,.62fr); margin: 0 auto; max-width: 1040px; padding: clamp(4rem,7vw,7rem) 0 clamp(3rem,5vw,5rem); }
.reader-intro .eyebrow { color: var(--wine); grid-column: 1 / -1; margin: 0; }
.reader-intro h2 { font-family: var(--serif); font-size: clamp(4.2rem,7.5vw,8.5rem); font-weight: 400; letter-spacing: -.045em; line-height: .82; margin: 0; }
.reader-intro h2 em { color: var(--wine); font-style: normal; }
.reader-intro > p:last-child { font: 400 clamp(1rem,1.5vw,1.25rem)/1.65 var(--sans); margin: 0; }
.mobile-outline { display: none; }
.whitepaper-document { background: var(--white); box-shadow: 0 20px 65px rgba(24,17,18,.13); margin: 0 auto; max-width: 1040px; padding: 0 clamp(2.2rem,5vw,5.5rem); }
.whitepaper-section { border-top: 1px solid var(--line-light); display: grid; gap: clamp(1.5rem,3vw,3rem); grid-template-columns: 3rem minmax(0,1fr); padding: clamp(3.5rem,6vw,6rem) 0; scroll-margin-top: 105px; }
.whitepaper-section:first-child { border-top: 0; }
.chapter-number { color: var(--wine); font-size: .68rem; font-weight: 600; letter-spacing: .16em; padding-top: .55rem; }
.chapter-content { max-width: 790px; }
.chapter-content h2 { font-family: var(--serif); font-size: clamp(2.8rem,5vw,5.2rem); font-weight: 400; letter-spacing: -.04em; line-height: .96; margin: 0 0 2.6rem; }
.chapter-content h3 { color: var(--wine); font-family: var(--serif); font-size: clamp(1.6rem,2.5vw,2.3rem); font-weight: 400; line-height: 1.12; margin: 3rem 0 1rem; }
.chapter-content h4 { font-size: .72rem; letter-spacing: .15em; margin: 2rem 0 .8rem; text-transform: uppercase; }
.chapter-content p, .chapter-content li, .chapter-content dd { font-size: clamp(.98rem,1.25vw,1.12rem); line-height: 1.75; }
.chapter-content ul { margin: 0; padding: 0; }
.chapter-content li { list-style: none; margin: 0 0 1.2rem; padding-left: 1.25rem; position: relative; }
.chapter-content li::before { color: var(--rose); content: "•"; left: 0; position: absolute; top: 0; }
.chapter-content strong { font-weight: 650; }
.chapter-content .statement { border-left: 2px solid var(--wine); font-family: var(--serif); font-size: clamp(1.15rem,1.7vw,1.45rem); margin: 2rem 0 0; padding: .1rem 0 .1rem 1.5rem; }
.chapter-content .statement::before { display: none; }
.chapter-deck { color: var(--wine); font-family: var(--serif); font-size: clamp(1.25rem,2vw,1.8rem) !important; margin: -1.5rem 0 2.5rem; }
.token-facts { border-top: 1px solid var(--line-light); margin: 0 0 2.5rem; }
.token-facts > div { border-bottom: 1px solid var(--line-light); display: grid; gap: 1.5rem; grid-template-columns: minmax(110px,.32fr) 1fr; padding: 1.2rem 0; }
.token-facts dt { color: var(--wine); font-size: .65rem; font-weight: 700; letter-spacing: .13em; padding-top: .35rem; text-transform: uppercase; }
.token-facts dd { margin: 0; }
.token-facts-wide > div { padding: 1.5rem 0; }
.roadmap-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3,1fr); }
.roadmap-grid > section { background: var(--paper); padding: 1.5rem; }
.roadmap-grid > section > span { color: var(--rose); font-size: .62rem; font-weight: 700; letter-spacing: .14em; }
.roadmap-grid h3 { margin: 1.2rem 0 .2rem; }
.roadmap-grid p { color: #6c6264; font-size: .68rem; font-weight: 600; letter-spacing: .1em; margin: 0 0 1.5rem; text-transform: uppercase; }
.roadmap-grid li { font-size: .9rem; line-height: 1.55; }
.conclusion-section { padding-bottom: clamp(4rem,8vw,7rem); }
.conclusion-section blockquote { border-left: 0; color: var(--wine); font-family: var(--serif); font-size: clamp(2rem,4vw,4rem); letter-spacing: -.035em; line-height: 1.05; margin: 3rem 0 0; padding: 0; }
@media (max-width:1100px) {
  .whitepaper-layout { grid-template-columns: 230px minmax(0,1fr); }
  .whitepaper-outline { padding-left: 1.5rem; padding-right: 1.5rem; }
  .whitepaper-reader { padding-left: 4vw; padding-right: 4vw; }
  .reader-intro { grid-template-columns: 1fr; }
  .reader-intro > p:last-child { max-width: 620px; }
  .roadmap-grid { grid-template-columns: 1fr; }
}
@media (max-width:800px) {
  .whitepaper-header { position: relative; }
  .whitepaper-header .header-cta { font-size: .6rem; }
  .whitepaper-layout { display: block; }
  .whitepaper-outline { display: none; }
  .whitepaper-reader { padding: 0 5vw 4rem; }
  .reader-intro { padding-bottom: 2.4rem; padding-top: 3.5rem; }
  .reader-intro h2 { font-size: clamp(3.8rem,17vw,6.5rem); }
  .mobile-outline { background: var(--black-soft); color: var(--white); display: block; margin: 0 0 2.5rem; }
  .mobile-outline summary { align-items: center; cursor: pointer; display: flex; font-size: .68rem; font-weight: 600; justify-content: space-between; letter-spacing: .15em; list-style: none; padding: 1rem 1.2rem; text-transform: uppercase; }
  .mobile-outline summary::-webkit-details-marker { display: none; }
  .mobile-outline[open] summary span { transform: rotate(45deg); }
  .mobile-outline summary span { transition: transform 180ms ease; }
  .mobile-outline > div { border-top: 1px solid var(--line-dark); padding: .5rem 1.2rem 1rem; }
  .mobile-outline a { border-bottom: 1px solid rgba(255,255,255,.1); display: block; font-size: .76rem; padding: .75rem 0; }
  .whitepaper-document { padding: 0 6vw; }
  .whitepaper-section { grid-template-columns: 1fr; scroll-margin-top: 20px; }
  .chapter-number { padding: 0; }
  .chapter-content h2 { margin-bottom: 2rem; }
  .token-facts > div { grid-template-columns: 1fr; gap: .3rem; }
  .token-facts dt { padding-top: 0; }
}
@media (max-width:430px) {
  .whitepaper-header .header-cta { max-width: 110px; text-align: right; }
  .reader-intro h2 { font-size: 15vw; }
  .whitepaper-document { padding: 0 5vw; }
  .chapter-content h2 { font-size: 12vw; }
  .chapter-content .statement { padding-left: 1rem; }
}