*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d8d5cf;color:#ede9e2;font-family:Georgia,'Times New Roman',serif}.testbar{position:sticky;top:0;z-index:10;background:#e8e3d9;color:#222;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 16px;font:12px Arial,sans-serif;letter-spacing:.1em}.testbar button{border:1px solid #595650;background:transparent;color:#252525;padding:9px 15px;cursor:pointer;letter-spacing:.08em}.testbar button.active{background:#29282a;color:#f5f1eb}.sheet{max-width:1100px;min-height:800px;margin:28px auto 55px;background:#17171b;position:relative;overflow:hidden;padding:62px 8% 55px;box-shadow:0 15px 50px #0003}.sheet[hidden]{display:none}.top,.footer{font:11px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;display:flex;justify-content:space-between;gap:20px;color:#b9b1a6}.top{border-bottom:1px solid #625e5d;padding-bottom:19px}.outline{position:absolute;top:90px;left:2%;font:300 clamp(180px,33vw,400px)/.8 Georgia,serif;color:transparent;-webkit-text-stroke:1px #858084;opacity:.68;pointer-events:none;user-select:none}.sheet.even .outline{left:auto;right:3%;top:100px}.heading{position:relative;margin:115px 0 75px 36%;max-width:510px}.sheet.even .heading{margin-left:5%;margin-right:37%}.eyebrow{font:11px Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#c5a88c}.heading h1{font-size:clamp(32px,4.3vw,52px);font-weight:normal;line-height:1.06;margin:16px 0 22px;letter-spacing:-.018em}.story{position:relative;margin-left:36%;margin-right:0;max-width:620px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,1.22vw,16px);font-weight:400;letter-spacing:.005em;line-height:1.85;color:#e8e2d9}.sheet.even .story{margin-left:5%;margin-right:0;max-width:620px}.story p{margin:0 0 1.25em}.desktop-break{display:block}.footer{border-top:1px solid #625e5d;margin-top:70px;padding-top:23px;align-items:center}.footer button{font:inherit;letter-spacing:inherit;text-transform:uppercase;border:0;border-bottom:1px solid #b9b1a6;background:none;color:#e8e2d9;padding:0 0 5px;cursor:pointer}.footnote{font:11px Arial,sans-serif;color:#a9a29a;letter-spacing:.14em;text-transform:uppercase;margin-top:14px}.intro{font:12px Arial,sans-serif;color:#4a4641;text-align:center;margin:18px 12px 0}@media(max-width:700px){.sheet{margin:0 0 20px;min-height:0;padding:35px 7% 45px}.top{font-size:9px;line-height:1.6;flex-wrap:wrap}.outline{top:105px;left:-9%;font-size:220px}.sheet.even .outline{right:-8%;top:105px}.heading,.sheet.even .heading{margin:160px 0 75px 15%;max-width:85%}.sheet.even .heading{margin-left:0}.heading h1{font-size:36px}.story,.sheet.even .story{margin-left:0;margin-right:0;max-width:100%;font-size:15.5px;line-height:1.78}.desktop-break{display:none}.footer{flex-direction:column;align-items:flex-start;line-height:1.8}}

body{background:#17171b}.sheet{box-shadow:none;margin:0 auto;min-height:100vh}.sheet.even .story{max-width:590px}.story{font-size:16px}.story p{overflow-wrap:break-word}.sheet.even .story p:first-child{max-width:560px}.sheet.even .story p:first-child .desktop-break{display:block}.footer a{font:inherit;color:#e8e2d9;text-decoration:none;border-bottom:1px solid #b9b1a6;padding-bottom:5px}.footer a:hover{color:#c5a88c}.navlinks{display:flex;gap:25px;flex-wrap:wrap}.sheet .heading h1{font-size:clamp(31px,4vw,48px)}@media(max-width:700px){.sheet.even .story p:first-child .desktop-break{display:none}.sheet{min-height:100vh}.story{font-size:15.5px}}
/* Fix: keep left-side outline numerals out of text on chapters 3, 5, 7 (and 1). */
@media(min-width:701px){
  .sheet.odd .outline{width:32%;overflow:hidden;white-space:nowrap;}
  .sheet.odd .heading,.sheet.odd .story{margin-left:39%;}
}
@media(max-width:700px){
  .sheet.odd .outline{width:62%;overflow:hidden;white-space:nowrap;}
  .sheet.odd .heading{margin-top:180px;}
}

/* Refinement: whole, legible numerals within a dedicated graphic column. */
@media(min-width:701px){
 .sheet.odd .outline{left:3%;top:155px;width:34%;font-size:clamp(145px,19vw,235px);line-height:1;white-space:nowrap;overflow:visible;letter-spacing:-.075em;}
 .sheet.odd .heading,.sheet.odd .story{margin-left:39%;}
 .sheet.even .heading{max-width:500px;}
}
@media(max-width:700px){
 .sheet.odd .outline{left:5%;top:105px;width:auto;font-size:clamp(100px,30vw,165px);line-height:1;white-space:nowrap;overflow:visible;letter-spacing:-.075em;}
 .sheet.odd .heading{margin-top:210px;margin-left:0;}
}
.chapter-four-title .title-line{display:block;white-space:nowrap;}
@media(max-width:700px){.chapter-four-title .title-line{white-space:normal;}}

/* Balanced chapter numeral scale — consistent on alternating pages. */
@media (min-width:701px) {
  .sheet.odd .outline,
  .sheet.even .outline {
    font-size:clamp(215px,24vw,285px);
    line-height:1;
    top:145px;
    letter-spacing:-.075em;
    width:auto;
    overflow:visible;
    white-space:nowrap;
  }
  .sheet.odd .outline {left:3%;right:auto;}
  .sheet.even .outline {right:3%;left:auto;}
  .sheet.odd .heading,.sheet.odd .story {margin-left:39%;}
  .sheet.even .heading {margin-left:5%;margin-right:37%;}
  .sheet.even .story {margin-left:5%;max-width:55%;}
}
@media (max-width:700px) {
  .sheet.odd .outline,.sheet.even .outline {
    font-size:clamp(135px,29vw,195px);
    top:110px;
    line-height:1;
    letter-spacing:-.075em;
    width:auto;
    white-space:nowrap;
    overflow:visible;
  }
  .sheet.odd .outline {left:6%;right:auto;}
  .sheet.even .outline {right:6%;left:auto;}
  .sheet.odd .heading,.sheet.even .heading {margin:205px 0 65px 0;max-width:100%;}
  .sheet.odd .story,.sheet.even .story {margin-left:0;max-width:100%;}
}