/* 静室 CSS：16-reading-hierarchy.css。校准标题、原文派生概括与元信息之间的阅读层级。 */
@layer pages {
  /* 首页主文：保留编辑性，但不以过大的字号和过紧字距压迫长标题。 */
  .start-daily-lead h1 {
    max-width:13.5ch;
    font-size:clamp(2.82rem,4.35vw,5.35rem);
    line-height:1.035;
    letter-spacing:-.043em;
    text-wrap:balance;
    overflow-wrap:anywhere;
  }

  .start-daily-deck {
    max-width:35ch;
    margin-top:clamp(1.05rem,1.7vw,1.42rem);
    color:var(--text-secondary);
    font-size:clamp(1rem,.96rem + .12vw,1.1rem);
    line-height:1.78;
    letter-spacing:.003em;
    text-wrap:pretty;
  }

  .start-daily-origin {
    margin-top:clamp(1.1rem,1.8vw,1.42rem);
    color:var(--text-muted);
    font-size:.69rem;
    line-height:1.6;
    letter-spacing:.03em;
  }

  .start-daily-lead-actions {
    gap:var(--space-4);
    margin-top:clamp(1.1rem,1.8vw,1.42rem);
  }

  /* 次栏遵循“元信息—标题—一段说明—动作”的固定节奏，防止窄列重心漂移。 */
  .start-daily-item-meta {
    flex-wrap:wrap;
    column-gap:var(--space-2);
    row-gap:var(--space-1);
    font-size:.64rem;
    line-height:1.55;
    letter-spacing:.025em;
  }

  .start-daily-rail-item h2 {
    max-width:16.5ch;
    margin-top:var(--space-3);
    font-size:clamp(1.26rem,1.55vw,1.66rem);
    line-height:1.24;
    letter-spacing:-.026em;
    text-wrap:balance;
    overflow-wrap:anywhere;
  }

  .start-daily-item-deck,
  .start-daily-quiet-list article>p:not(.start-daily-item-meta) {
    max-width:31ch;
    margin-top:var(--space-3);
    color:var(--text-secondary);
    font-size:.88rem;
    line-height:1.74;
    letter-spacing:.002em;
    text-wrap:pretty;
  }

  .start-daily-column-item h3,
  .start-daily-quiet h2,
  .start-daily-quiet-list h3 {
    text-wrap:balance;
    overflow-wrap:anywhere;
  }

  .start-daily-column-item h3 {
    max-width:18ch;
    font-size:clamp(1.4rem,2vw,2rem);
    line-height:1.2;
    letter-spacing:-.028em;
  }

  .start-daily-quiet h2 {
    max-width:12ch;
    line-height:1.1;
    letter-spacing:-.037em;
  }

  .start-daily-quiet-list h3 {
    max-width:19ch;
    font-size:clamp(1.22rem,1.65vw,1.7rem);
    line-height:1.26;
    letter-spacing:-.024em;
  }

  /* 原文派生核心概括是次级说明，不需要引号或模拟正文的声音。 */
  .core-summary {
    max-width:48ch;
    margin-top:.8rem;
    color:var(--text-secondary);
    font-size:clamp(.94rem,.91rem + .08vw,1rem);
    line-height:1.76;
    letter-spacing:.002em;
    text-wrap:pretty;
  }

  .core-summary::before,
  .core-summary::after {
    content:none;
  }

  .library-entry .core-summary,
  .collection-entry .core-summary,
  .mark-row .core-summary {
    max-width:52ch;
  }

  .feature-copy .feature-summary {
    max-width:39ch;
    color:var(--text-secondary);
    font-size:clamp(1rem,.96rem + .12vw,1.1rem);
    line-height:1.78;
    letter-spacing:.003em;
    text-wrap:pretty;
  }

  /* 文章页的标题与阅读说明保持明确分层；书签动作不挤压说明文字。 */
  .essay-header h1 {
    max-width:24ch;
    margin-bottom:clamp(.85rem,1.4vw,1.12rem);
    font-size:clamp(1.82rem,3.1vw,2.85rem);
    line-height:1.22;
    letter-spacing:-.026em;
    text-wrap:pretty;
    overflow-wrap:anywhere;
  }

  .essay-deck {
    align-items:flex-start;
    padding-top:clamp(.88rem,1.5vw,1.18rem);
  }

  .essay-deck>p {
    max-width:42ch;
    color:var(--text-secondary);
    font-size:.92rem;
    line-height:1.7;
    letter-spacing:.003em;
  }

  .mark-button {
    min-height:30px;
    padding-inline:8px;
    border-bottom-color:transparent;
    border-radius:var(--radius-pill);
  }

  .mark-button:hover,
  .mark-button:focus-visible,
  .mark-button.is-marked {
    background:color-mix(in srgb,var(--action-subtle) 40%,transparent);
  }

  @media (max-width:760px) {
    .start-daily-lead h1 {
      max-width:12ch;
      font-size:clamp(2.3rem,10vw,3.55rem);
      line-height:1.11;
      letter-spacing:-.035em;
    }

    .start-daily-deck {
      max-width:32ch;
      font-size:1rem;
      line-height:1.75;
    }

    .start-daily-rail-item h2,
    .start-daily-column-item h3,
    .start-daily-quiet-list h3 {
      max-width:20ch;
      line-height:1.28;
    }

    .start-daily-item-deck,
    .start-daily-quiet-list article>p:not(.start-daily-item-meta),
    .core-summary {
      max-width:34ch;
      line-height:1.72;
    }

    .essay-header h1 {
      max-width:18ch;
      font-size:clamp(1.7rem,7.4vw,2.3rem);
      line-height:1.24;
      letter-spacing:-.022em;
    }

    .essay-deck {
      display:grid;
      gap:var(--space-3);
    }

    .essay-deck>p {
      max-width:34ch;
      font-size:.9rem;
      line-height:1.72;
    }
  }
}