/*  Landing chapter structure · source-order-preserving landing stylesheet.  */

      .chapter {
        position: relative;
        display: grid;
        grid-template-columns: var(--margin-width) minmax(0, 1fr);
        isolation: isolate;
        overflow: hidden;
        background: var(--night);
        border-bottom: 1px solid var(--line-dark);
      }

      .chapter.light {
        color: var(--ink);
        background: var(--paper);
        border-color: var(--line-light);
      }

      .chapter-margin {
        position: relative;
        z-index: 3;
        min-height: 100%;
        padding: 72px 28px;
        background: rgba(6, 7, 10, 0.56);
        border-right: 1px solid var(--line-dark);
      }

      .chapter.light .chapter-margin {
        background: rgba(218, 212, 201, 0.72);
        border-color: var(--line-light);
      }

      .chapter-margin-inner {
        position: sticky;
        top: calc(var(--nav-height) + 28px);
      }

      .chapter-number {
        display: block;
        color: var(--amber);
        font-family: var(--serif);
        font-size: clamp(2.7rem, 4vw, 4.4rem);
        line-height: 1;
        font-weight: 700;
      }

      .chapter-margin h2 {
        margin: 24px 0 12px;
        font-family: var(--serif);
        font-size: 22px;
        line-height: 1.4;
        letter-spacing: -0.02em;
      }

      .chapter-margin p {
        margin: 0;
        color: #77736c;
        font-size: 11px;
        line-height: 1.9;
      }

      .chapter.light .chapter-margin p {
        color: #6d685f;
      }

      .chapter-body {
        position: relative;
        z-index: 2;
        min-width: 0;
        padding: 0 clamp(34px, 5vw, 88px) 108px;
      }

      .chapter-heading {
        width: min(100%, 1060px);
        min-height: 330px;
        margin: 0 auto;
        padding: 86px 24px 62px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
      }

      .chapter-heading h3 {
        max-width: 900px;
        margin: 0;
        font-family: var(--serif);
        font-size: clamp(2.8rem, 5vw, 5.3rem);
        line-height: 1.13;
        letter-spacing: -0.052em;
        font-weight: 700;
        text-wrap: balance;
      }

      .chapter-heading p {
        max-width: 670px;
        margin: 25px 0 0;
        color: var(--muted);
        font-size: 14px;
        line-height: 2;
      }

      .chapter.light .chapter-heading p {
        color: var(--muted-dark);
      }

      .content-shell {
        width: min(100%, 1160px);
        margin: 0 auto;
      }