body {
    margin: 0;
    background:
      radial-gradient(circle at top left, rgba(184, 145, 53, 0.11), transparent 32%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent 260px),
      var(--parchment);
    color: var(--ink);
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.75;
  }

  body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
      linear-gradient(90deg, rgba(112, 79, 49, 0.035) 1px, transparent 1px),
      linear-gradient(180deg, rgba(112, 79, 49, 0.026) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.45;
    z-index: -1;
  }

  .document-topbar {
    position: sticky;
    top: 0;
    z-index: 20;
    background: rgba(53, 36, 22, 0.96);
    border-bottom: 1px solid rgba(210, 176, 93, 0.28);
    backdrop-filter: blur(14px);
  }

  .document-topbar-inner {
    width: min(1120px, calc(100% - 40px));
    min-height: 68px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }

  .document-brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: var(--sepia-100);
    text-decoration: none;
  }

  .document-brand img {
    height: 38px;
    width: auto;
    display: block;
    border-radius: 3px;
  }

  .document-brand span {
    font-size: 0.78rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(244, 234, 219, 0.82);
  }

  .document-back {
    color: var(--gold-light);
    text-decoration: none;
    font-size: 0.76rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(210, 176, 93, 0.42);
    padding-bottom: 3px;
  }

  .document-brand:focus-visible,
  .document-back:focus-visible,
  .document-outline a:focus-visible,
  .document-section-back:focus-visible {
    outline: 2px solid var(--gold-light);
    outline-offset: 4px;
    border-radius: 4px;
  }

  .document-hero {
    padding: 86px 20px 38px;
    background:
      radial-gradient(circle at top, rgba(210, 176, 93, 0.14), transparent 40%),
      linear-gradient(180deg, var(--sepia-800), #2a1c11);
    color: var(--sepia-100);
    text-align: center;
    border-bottom: 1px solid rgba(210, 176, 93, 0.25);
  }

  .document-eyebrow {
    margin: 0 0 16px;
    color: var(--gold-light);
    font-size: 0.76rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
  }

  .document-hero h1 {
    margin: 0 auto 14px;
    max-width: 760px;
    color: #fff;
    font-family: var(--font-display);
    font-size: clamp(2.4rem, 7vw, 4.6rem);
    font-weight: 700;
    line-height: 1.02;
  }

  .document-hero p {
    max-width: 660px;
    margin: 0 auto;
    color: rgba(244, 234, 219, 0.78);
    font-size: 1.02rem;
  }

  .document-layout {
    width: min(860px, calc(100% - 34px));
    margin: 42px auto 72px;
  }

  .WordSection1 {
    min-width: 0;
    margin: 0 !important;
    padding: clamp(28px, 5vw, 62px);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.16)),
      repeating-linear-gradient(180deg, transparent 0, transparent 31px, rgba(112, 79, 49, 0.025) 31px, rgba(112, 79, 49, 0.025) 32px),
      var(--paper);
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: var(--shadow);
    position: relative;
  }

  .WordSection1::before {
    content: '';
    position: absolute;
    inset: 14px;
    border: 1px solid rgba(184, 145, 53, 0.12);
    pointer-events: none;
  }

  p.MsoNormal,
  li.MsoNormal,
  div.MsoNormal {
    margin: 0;
    font-size: 1.02rem;
    font-family: var(--font-body);
  }

  .WordSection1 > p.MsoNormal {
    color: var(--ink);
    font-size: 1.02rem;
    line-height: 1.78;
    margin-bottom: 0.76rem;
    position: relative;
    max-width: 68ch;
  }

  .WordSection1 span,
  .WordSection1 b,
  .WordSection1 i {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  .WordSection1 > p[align=center] {
    color: var(--sepia-800);
    font-family: var(--font-display) !important;
    letter-spacing: 0.02em;
    max-width: none;
  }

  .WordSection1 p[align=center] b {
    font-family: var(--font-display) !important;
    font-weight: 700 !important;
  }

  .WordSection1 p[align=center] span {
    color: inherit !important;
  }

  .WordSection1 p[style*="margin-left:.5in"] {
    padding-left: 18px;
    border-left: 2px solid rgba(184, 145, 53, 0.18);
  }

  .WordSection1 a {
    color: var(--sepia-700);
    text-decoration-color: rgba(184, 145, 53, 0.54);
    text-underline-offset: 3px;
  }

  .document-kicker {
    margin: 0 0 6px;
    color: var(--sepia-500);
    font-size: 0.82rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .document-section {
    scroll-margin-top: 94px;
    padding-top: 6px;
    margin-top: 34px;
  }

  .document-section + .document-section {
    margin-top: 40px;
  }

  .document-section-title {
    margin: 0 0 14px;
    color: var(--sepia-800);
    font-family: var(--font-display);
    font-size: clamp(1.55rem, 2.7vw, 2.1rem);
    line-height: 1.08;
    text-transform: uppercase;
    text-wrap: balance;
  }

  .document-section-back {
    display: inline-flex;
    margin-top: 12px;
    color: var(--sepia-600);
    font-size: 0.9rem;
    text-decoration: none;
    border-bottom: 1px solid rgba(184, 145, 53, 0.32);
  }

  .document-intro {
    margin-bottom: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(112, 79, 49, 0.12);
  }

  .document-outline {
    margin: 0 0 20px;
    padding: 14px 16px;
    background: rgba(248, 242, 232, 0.62);
    border: 1px solid rgba(112, 79, 49, 0.14);
    border-radius: 6px;
  }

  .document-outline-title {
    margin: 0 0 12px;
    color: var(--sepia-800);
    font-family: var(--font-display);
    font-size: 0.98rem;
  }

  .document-outline-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
  }

  .document-outline-list li {
    min-width: 0;
  }

  .document-outline a {
    display: block;
    padding: 8px 10px;
    color: var(--sepia-700);
    text-decoration: none;
    border: 1px solid rgba(184, 145, 53, 0.14);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.55);
    font-size: 0.9rem;
    line-height: 1.35;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
  }

  .document-outline a:hover,
  .document-outline a.is-active {
    background: rgba(184, 145, 53, 0.12);
    border-color: rgba(184, 145, 53, 0.36);
    color: var(--sepia-900);
  }

  .document-intro p[align=center] {
    margin-bottom: 0.45rem;
  }

  .document-intro p[align=center]:first-child {
    font-size: 1.4rem;
  }

  .document-footer {
    width: min(860px, calc(100% - 34px));
    margin: 0 auto 56px;
    color: var(--sepia-500);
    text-align: center;
    font-size: 0.88rem;
  }

  .document-footer {
    width: min(860px, calc(100% - 34px));
  }

  @media (max-width: 700px) {
    .document-topbar-inner {
      width: min(100% - 28px, 1120px);
      min-height: 64px;
    }

    .document-brand span {
      display: none;
    }

    .document-hero {
      padding-top: 64px;
    }

    .WordSection1 {
      padding: 24px 18px;
      border-radius: 6px;
    }

    .WordSection1::before {
      inset: 10px;
    }

    .document-section-title {
      font-size: 1.45rem;
    }

    .document-outline {
      padding: 10px 12px;
    }

    .document-outline-list {
      grid-template-columns: 1fr;
      gap: 6px;
    }
  }

  @media print {
    body {
      background: #fff;
      color: #000;
    }

    body::before,
    .document-topbar,
    .document-section-back,
    .document-footer {
      display: none !important;
    }

    .document-layout {
      width: auto;
      margin: 0;
      display: block;
    }

    .WordSection1 {
      box-shadow: none;
      border: 0;
      width: auto;
      margin: 0 !important;
      padding: 0;
      background: #fff;
    }

    .WordSection1::before {
      display: none;
    }
  }