/* Opt-in compositions for the six expanded subpages. The homepage never loads this file.
   All copy stays in reading order; the existing story controller only adds movement. */
@media screen {
  [data-subpage-depth] .chapter-layout {
    display: grid;
    align-items: start;
    gap: clamp(36px, 5vw, 76px);
  }
  [data-subpage-depth] .chapter-layout > *,
  [data-subpage-depth] .chapter-lead > * {
    min-width: 0;
  }
  [data-subpage-depth] .chapter-lead .local-section-heading,
  [data-subpage-depth] .chapter-lead .section-heading {
    display: block;
    margin-bottom: 0;
  }
  [data-subpage-depth] .chapter-lead .eyebrow {
    padding-top: 0;
    margin-bottom: 22px;
  }
  [data-subpage-depth] .chapter-lead h2 {
    font-size: clamp(30px, 3.4vw, 48px);
    line-height: 1.08;
    letter-spacing: -0.045em;
    text-wrap: balance;
    hyphens: none;
    overflow-wrap: normal;
    max-width: 21ch;
  }
  [data-subpage-depth] .chapter-lead p:not(.eyebrow, .chapter-image-note) {
    max-width: 48ch;
    line-height: 1.7;
  }
  [data-subpage-depth] .chapter-photo {
    margin: 32px 8px 0 0;
  }
  [data-subpage-depth] .chapter-photo .story-image-frame {
    aspect-ratio: 3 / 2;
    box-shadow: 8px 8px 0 #dce4ce;
  }
  [data-subpage-depth] .chapter-photo figcaption {
    margin-top: 16px;
    margin-left: 0;
    font-size: 13px;
    line-height: 1.6;
  }
  [data-subpage-depth] .chapter-photo figcaption strong {
    display: block;
    color: var(--ink);
  }
  [data-subpage-depth] .chapter-image-note {
    margin: 12px 0 0 17px;
    color: #626b59;
    font-size: 11px;
  }
  [data-subpage-depth] .depth-chapter .inheritance-steps {
    grid-template-columns: minmax(0, 1fr);
    margin: 0;
    gap: 0;
  }
  [data-subpage-depth] .depth-chapter .inheritance-steps > li {
    padding: 32px 0 36px 46px;
  }
  [data-subpage-depth] .depth-chapter .inheritance-steps > li::before {
    top: 36px;
    font-variant-numeric: tabular-nums;
  }
  [data-subpage-depth] .depth-chapter .inheritance-steps h3 {
    font-size: clamp(23px, 2.3vw, 32px);
    line-height: 1.15;
    max-width: 24ch;
    text-wrap: balance;
  }
  [data-subpage-depth] .depth-chapter .inheritance-steps p {
    font-size: 16px;
    line-height: 1.75;
  }
  [data-subpage-depth] .depth-chapter .inheritance-steps p[class$='-source'] {
    font-size: 13px;
  }
  /* Handover: a continuous sequence; land value: separate pieces of evidence. */
  [data-subpage-depth] .depth-chapter--timeline .inheritance-steps {
    border-left: 1px solid #aab99a;
    padding-left: 20px;
  }
  [data-subpage-depth] .depth-chapter--timeline .inheritance-steps > li::before {
    left: -32px;
    width: 25px;
    padding-block: 4px;
    background: var(--paper);
  }
  [data-subpage-depth] .depth-chapter--terms .inheritance-steps {
    gap: 20px;
    padding-right: 8px;
  }
  [data-subpage-depth] .depth-chapter--terms .inheritance-steps > li {
    padding: 28px 24px 28px 54px;
    background: #fff;
    box-shadow: 8px 8px 0 #e3e7db;
  }
  [data-subpage-depth] .depth-chapter--terms .inheritance-steps > li::before {
    left: 16px;
    top: 32px;
  }
  [data-subpage-depth] .depth-chapter--dossier .inheritance-steps > li {
    border-top-width: 2px;
    padding-block: 38px 44px;
  }
  [data-subpage-depth] .depth-chapter--heritage .chapter-photo .story-image-frame {
    box-shadow: 8px 8px 0 #ddd8c7;
  }
  [data-subpage-depth] .chapter-interlude .editorial-story-heading h2 {
    font-size: clamp(30px, 3.5vw, 50px);
    max-width: 24ch;
    text-wrap: balance;
    hyphens: none;
    overflow-wrap: normal;
  }
  [data-subpage-depth]
    .chapter-interlude
    .editorial-photos
    > .editorial-photo:only-child
    .story-image-frame {
    aspect-ratio: 3 / 2;
  }
  /* Purpose first, then one complete valuation method at a time. */
  [data-subpage-depth] .valuation-options-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    margin-top: 0;
    padding-right: 8px;
  }
  [data-subpage-depth] .valuation-options-grid > article {
    min-width: 0;
    padding: clamp(22px, 3vw, 40px);
    border: 1px solid #bac5ac;
    background: #fff;
    box-shadow: 8px 8px 0 #e1e6d8;
  }
  [data-subpage-depth] .chapter-number {
    margin: 0 0 24px;
    color: #56732c;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.12em;
  }
  [data-subpage-depth] .valuation-options-grid h3 {
    font-size: clamp(25px, 2.6vw, 36px);
    line-height: 1.12;
    max-width: 22ch;
    text-wrap: balance;
  }
  [data-subpage-depth] .valuation-options-grid dl > div {
    border-top: 1px solid #dbe0d3;
    padding-top: 18px;
    margin-top: 18px;
  }
  [data-subpage-depth] .valuation-options-grid dt {
    margin-top: 0;
  }
  [data-subpage-depth] .valuation-prep-list > li {
    padding-block: 28px;
  }
  [data-subpage-depth] .valuation-prep-download {
    border-left: 4px solid #91a96b;
    box-shadow: 8px 8px 0 #e1e6d8;
    margin-right: 8px;
  }
  /* Seller: preparation questions, shared responsibilities, then a working record. */
  [data-subpage-depth] .broker-evidence > article {
    background: #f1f3ec;
    padding: clamp(22px, 3vw, 36px);
    border-top: 2px solid #a7ba89;
  }
  [data-subpage-depth] .broker-terms > div {
    padding: 24px 20px;
    background: #fff;
  }
  [data-subpage-depth] .marketing-stages {
    margin-top: 0;
    padding-left: 0;
  }
  [data-subpage-depth] .marketing-stages > li {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding-block: 32px 40px;
  }
  [data-subpage-depth] .marketing-stages h3 {
    font-size: clamp(25px, 2.5vw, 34px);
    line-height: 1.15;
  }
  [data-subpage-depth] .marketing-stages dl {
    gap: 24px;
  }
  [data-subpage-depth] .marketing-stages dl > div {
    border-left: 2px solid #c5d0b5;
    padding-left: 18px;
  }
  [data-subpage-depth] .marketing-stages dl > div:last-child {
    border-left-color: #56732c;
  }
  [data-subpage-depth] .chapter-route {
    margin-top: 40px;
    padding: 24px 0 24px 24px;
    border-left: 3px solid #a7ba89;
    display: grid;
    gap: 8px;
    color: #65784d;
    font-size: clamp(24px, 2.7vw, 38px);
    font-weight: 500;
    letter-spacing: -0.04em;
  }
  [data-subpage-depth] .chapter-route span:nth-child(2) {
    padding-left: 18px;
  }
  [data-subpage-depth] .chapter-route span:nth-child(3) {
    padding-left: 36px;
  }
  [data-subpage-depth] .marketing-feedback {
    --story-accent: #bcd98d;
    padding: clamp(24px, 4vw, 64px);
    background: var(--ink);
    color: var(--paper);
    box-shadow: 8px 8px 0 #dce4ce;
    margin-right: 8px;
  }
  [data-subpage-depth] .marketing-feedback .eyebrow,
  [data-subpage-depth] .marketing-feedback dt {
    color: #d8ec9b;
  }
  [data-subpage-depth] .marketing-feedback .feedback-example-note,
  [data-subpage-depth] .marketing-feedback .feedback-context {
    color: #d7ddd0;
  }
  [data-subpage-depth] .marketing-feedback h3 {
    font-size: clamp(27px, 3.3vw, 46px);
    line-height: 1.15;
    text-wrap: balance;
  }
  [data-subpage-depth] .feedback-overview > div {
    border-color: #6c7961;
  }
  [data-subpage-depth] .marketing-feedback a {
    color: var(--paper);
  }
  @media (min-width: 700px) {
    [data-subpage-depth] .valuation-options-grid dl > div {
      display: grid;
      grid-template-columns: minmax(0, 0.65fr) minmax(0, 1.4fr);
      gap: 20px;
    }
    [data-subpage-depth] .valuation-options-grid dd {
      margin-top: 0;
    }
  }
  @media (min-width: 1000px) {
    [data-subpage-depth] .chapter-layout {
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.25fr);
    }
    [data-subpage-depth] .chapter-interlude {
      display: grid;
      grid-template-columns: minmax(0, 0.65fr) minmax(0, 1fr);
      align-items: center;
      column-gap: 8%;
    }
    [data-subpage-depth] .chapter-interlude .editorial-image-note {
      grid-column: 2;
    }
    [data-subpage-depth] .chapter-interlude .editorial-story-heading {
      margin-bottom: 0;
    }
    [data-subpage-depth] .depth-chapter--dossier .inheritance-steps > li:nth-child(2) {
      margin-left: 24px;
    }
  }
  @media (max-width: 699px) {
    [data-subpage-depth] .chapter-route {
      display: none;
    }
    [data-subpage-depth] .chapter-lead h2 {
      font-size: clamp(28px, 7.8vw, 40px);
    }
    [data-subpage-depth] .chapter-interlude .editorial-story-heading h2 {
      font-size: clamp(27px, 7.4vw, 40px);
    }
    [data-subpage-depth] .marketing-stages dl {
      grid-template-columns: minmax(0, 1fr);
    }
    [data-subpage-depth] .marketing-feedback a {
      hyphens: none;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-subpage-depth] .chapter-lead {
      position: static;
    }
  }
}
@media print {
  .chapter-number,
  .chapter-route {
    display: none;
  }
}