:root {
      --bg: #f6efe4;
      --ink: #1f2933;
      --muted: #64748b;
      --card: rgba(255, 255, 255, 0.9);
      --line: rgba(31, 41, 51, 0.12);
      --accent: #9a6b42;
      --accent-dark: #453427;
      --accent-soft: rgba(154, 107, 66, 0.12);
      --shadow: 0 18px 60px rgba(31, 41, 51, 0.12);
    }

    .page {
      width: min(980px, calc(100% - 32px));
      margin: 0 auto;
      color: var(--ink);
    }

    .eyebrow {
      display: inline-block;
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 12px;
    }

    h1 {
      margin: 0;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(2.8rem, 7vw, 5.5rem);
      line-height: 1;
      letter-spacing: -0.05em;
      font-weight: 500;
    }

    .section {
      margin: 24px 0;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      background: var(--card);
      box-shadow: var(--shadow);
    }

    .section-inner {
      margin: 0 auto;
      padding: 30px 30px 10px; 
      line-height: 1.5;
    }

    .lead p:first-child {
      font-size: clamp(1.7rem, 3vw, 2.6rem);
      line-height: 1.2;
      letter-spacing: -0.035em;
      color: var(--accent);
    }

    .image-section {
      min-height: 230px;
      display: flex;
      align-items: flex-end;
      color: #fff;
      background:
        linear-gradient(180deg, rgba(31, 41, 51, 0.1), rgba(31, 41, 51, 0.78)),
        var(--image) center/cover;
    }

    .image-section p {
      text-shadow: 0 2px 24px rgba(0,0,0,0.35);
    }

    .question-block {
      padding: clamp(28px, 6vw, 64px);
      background:
        linear-gradient(135deg, rgba(154, 107, 66, 0.12), rgba(255,255,255,0.7)),
        url("https://images.unsplash.com/photo-1499209974431-9dddcece7f88?auto=format&fit=crop&w=1600&q=80") center/cover;
    }

    .question-panel {
      max-width: 720px;
      margin: 0 auto;
      padding: 28px;
      background: rgba(255,255,255,0.9);
      border: 1px solid rgba(154,107,66,0.2);
      line-height: 1.5;
    }

    .question-panel p:first-child {
      color: var(--accent);
      font-size: 1.8rem;
    }

    .callout {
      color: #fff;
      background:
        linear-gradient(145deg, rgba(31,41,51,0.96), rgba(69,52,39,0.92));
    }

    .closing {
      text-align: center;
      background:
        linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.75)),
        url("https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=1800&q=80") center/cover;
    }

    @media (max-width: 720px) {
      .image-section { min-height: 300px; }
    }