/* 静室 CSS：18-archive-density.css。高密度归档控制界面：信息更多，但每一行保持可预测秩序。 */
@layer pages {
  :root {
    --archive-index-column:44px;
    --archive-row-gap:16px;
    --archive-row-pad:18px;
    --archive-title-size:clamp(1.08rem,1.25vw,1.28rem);
    --archive-summary-size:.84rem;
    --archive-summary-leading:1.64;
  }

  /* 首页从展厅式开场收束为档案入口：路径、主题与控制都成为紧凑而独立的索引带。 */
  .library-intro {
    max-width:var(--container-feature);
    padding-top:clamp(4.8rem,8vw,7rem);
    padding-bottom:clamp(2.2rem,4vw,3.3rem);
  }

  .library-intro h1 {
    max-width:16ch;
    font-size:clamp(2.35rem,4.5vw,4.35rem);
    line-height:1.08;
    letter-spacing:-.04em;
  }

  .library-intro>p:not(.library-measure) {
    max-width:46ch;
    font-size:1rem;
    line-height:1.72;
  }

  .library-measure {
    margin-top:var(--space-4);
  }

  .library-paths {
    max-width:var(--container-feature);
    margin-bottom:clamp(2.4rem,4vw,3.6rem);
    border-top:var(--stroke-hairline) solid var(--border-strong);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle);
  }

  .library-paths a {
    min-height:78px;
    padding:var(--space-3) var(--space-4);
  }

  .library-paths span {
    font-size:.61rem;
    letter-spacing:.065em;
  }

  .library-paths strong {
    font-size:.94rem;
    line-height:1.38;
    letter-spacing:-.01em;
  }

  .library-topography,
  .library-controls,
  .category-constellation,
  .topic-reentry {
    max-width:var(--container-feature);
  }

  .library-topography {
    grid-template-columns:5fr 7fr;
    gap:var(--space-6);
    margin-bottom:clamp(2.6rem,4vw,3.8rem);
    padding:var(--space-5) 0;
  }

  .library-topography h2,
  .library-controls h2 {
    font-size:clamp(1.55rem,2.6vw,2.45rem);
    line-height:1.16;
    letter-spacing:-.03em;
  }

  .topography-copy>p {
    max-width:46ch;
    font-size:.9rem;
    line-height:1.68;
  }

  .topography-routes {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .topography-routes a {
    min-height:52px;
    padding:var(--space-3) 0;
  }

  .library-controls {
    align-items:center;
    margin-bottom:var(--space-4);
    padding-bottom:var(--space-3);
  }

  .category-constellation {
    gap:var(--space-2);
    margin-bottom:var(--space-5);
  }

  .category-constellation a {
    padding:5px 8px;
    border:var(--stroke-hairline) solid transparent;
    border-radius:var(--soft-radius-small);
  }

  .category-constellation a:hover,
  .category-constellation a.selected {
    border-color:color-mix(in srgb,var(--border-subtle) 80%,transparent);
    background:color-mix(in srgb,var(--action-subtle) 22%,transparent);
  }

  /* 日刊首页保留编辑结构，但压缩大型空白，让真实文章成为连续、可扫描的档案。 */
  .start-daily-edition {
    padding-top:var(--space-5);
  }

  .start-daily-editorial-grid {
    padding:var(--space-5) 0 var(--space-4);
  }

  .start-daily-lead {
    grid-column:span 7;
    max-width:none;
    padding-right:var(--space-5);
  }

  .start-daily-lead h1 {
    max-width:17ch;
    font-size:clamp(2.15rem,3.6vw,3.95rem);
    line-height:1.1;
    letter-spacing:-.032em;
  }

  .start-daily-deck {
    max-width:56ch;
    margin-top:var(--space-4);
    font-size:.97rem;
    line-height:1.7;
  }

  .start-daily-lead-actions {
    margin-top:var(--space-4);
  }

  .start-daily-rail {
    grid-column:span 5;
    padding-left:var(--space-5);
  }

  .start-daily-rail-item {
    padding:var(--space-4) 0;
  }

  .start-daily-rail-item h2 {
    max-width:22ch;
    font-size:1.13rem;
    line-height:1.3;
  }

  .start-daily-item-deck {
    display:-webkit-box;
    overflow:hidden;
    max-width:38ch;
    font-size:.8rem;
    line-height:1.62;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .start-daily-reading-route {
    grid-template-columns:repeat(4,minmax(0,1fr));
    box-shadow:none;
  }

  .start-daily-reading-route a {
    min-height:70px;
    padding-top:var(--space-3);
    padding-bottom:var(--space-3);
  }

  .start-daily-reading-route small {
    font-size:.59rem;
  }

  .start-daily-columns {
    padding:var(--space-5) 0 var(--space-6);
  }

  .start-daily-columns-head {
    margin-bottom:var(--space-4);
  }

  .start-daily-column-grid {
    border-top-color:var(--border-strong);
  }

  .start-daily-column-item {
    padding:var(--space-4) 0;
  }

  .start-daily-column-item h3,
  .start-daily-quiet-list h3 {
    font-size:1.16rem;
    line-height:1.3;
  }

  .start-daily-quiet {
    padding:var(--space-5) 0 var(--space-6);
  }

  .start-daily-quiet-list article {
    padding:var(--space-4) 0;
  }

  /* 馆藏、文集、检索与书签共用一套“编号—内容—动作”档案行。 */
  .featured-reading,
  .library-list,
  .collection-list,
  .search-results,
  .marks-list {
    max-width:var(--container-feature);
  }

  .featured-reading {
    grid-template-columns:var(--archive-index-column) minmax(0,1fr);
    gap:var(--archive-row-gap);
    margin-top:var(--space-5);
    padding:var(--archive-row-pad) 0 var(--space-5);
    border-top-color:var(--border-strong);
  }

  .feature-index,
  .entry-index,
  .search-result>span,
  .mark-row>span {
    color:var(--text-muted);
    font:500 .78rem/1.35 var(--font-ui);
    letter-spacing:.035em;
  }

  .feature-copy h2 {
    max-width:38ch;
    margin:var(--space-2) 0;
    font-size:clamp(1.38rem,2vw,2rem);
    line-height:1.22;
    letter-spacing:-.025em;
  }

  .feature-copy .feature-summary {
    display:-webkit-box;
    overflow:hidden;
    max-width:62ch;
    font-size:.88rem;
    line-height:var(--archive-summary-leading);
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .read-button {
    margin-top:var(--space-3);
    font-size:.66rem;
  }

  .library-entry,
  .collection-entry,
  .search-result,
  .mark-row {
    grid-template-columns:var(--archive-index-column) minmax(0,1fr) auto;
    gap:var(--archive-row-gap);
    align-items:start;
    padding:var(--archive-row-pad) 0;
    border-bottom-color:var(--soft-line);
    border-radius:0;
  }

  .library-entry:hover,
  .library-entry:focus-within,
  .collection-entry:hover,
  .collection-entry:focus-within,
  .search-result:hover,
  .search-result:focus-within,
  .mark-row:hover,
  .mark-row:focus-within {
    background:color-mix(in srgb,var(--action-subtle) 14%,transparent);
  }

  .library-entry h2,
  .collection-entry h2,
  .search-result h2,
  .mark-row h2 {
    max-width:42ch;
    margin:var(--space-1) 0 var(--space-2);
    font-size:var(--archive-title-size);
    line-height:1.28;
    letter-spacing:-.016em;
    text-wrap:balance;
  }

  .post-kicker,
  .search-result div>p:first-child,
  .mark-row div>p:first-child {
    font-size:.61rem;
    line-height:1.52;
    letter-spacing:.035em;
  }

  .library-entry .core-summary,
  .collection-entry .core-summary,
  .mark-row .core-summary,
  .search-result .search-snippet {
    display:-webkit-box;
    overflow:hidden;
    max-width:68ch;
    min-height:calc(var(--archive-summary-size) * var(--archive-summary-leading) * 2);
    margin:0;
    color:var(--text-secondary);
    font-size:var(--archive-summary-size);
    line-height:var(--archive-summary-leading);
    letter-spacing:0;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .library-entry .core-summary::before,
  .library-entry .core-summary::after,
  .collection-entry .core-summary::before,
  .collection-entry .core-summary::after,
  .mark-row .core-summary::before,
  .mark-row .core-summary::after {
    content:none;
  }

  .entry-arrow,
  .search-result>a,
  .mark-row>a {
    min-width:28px;
    padding-top:var(--space-2);
    font-size:1rem;
    text-align:right;
  }

  .search-results-head,
  .marks-toolbar {
    max-width:var(--container-feature);
    margin-top:var(--space-6);
    padding-bottom:var(--space-3);
  }

  .search-results-head h2,
  .marks-toolbar h2 {
    font-size:clamp(1.3rem,2vw,1.75rem);
    line-height:1.22;
    letter-spacing:-.02em;
  }

  .search-context-link,
  .mark-row form {
    margin-top:var(--space-2);
  }

  .mark-reading-position {
    margin-left:var(--space-2);
    padding-left:var(--space-2);
    font-size:.64rem;
  }

  .pagination {
    max-width:var(--container-feature);
    margin-top:var(--space-5);
    padding-top:var(--space-4);
  }

  @media (max-width:760px) {
    :root {
      --archive-index-column:28px;
      --archive-row-gap:10px;
      --archive-row-pad:14px;
      --archive-title-size:1rem;
      --archive-summary-size:.8rem;
    }

    .library-intro {
      padding-top:4.4rem;
      padding-bottom:2rem;
    }

    .library-intro h1 {
      max-width:14ch;
      font-size:clamp(2rem,9vw,3rem);
      line-height:1.13;
    }

    .library-paths {
      grid-template-columns:repeat(2,minmax(0,1fr));
      margin-bottom:2.4rem;
    }

    .library-paths a,
    .library-paths a+a {
      min-height:78px;
      padding:var(--space-3);
      border-left:0;
      border-bottom:var(--stroke-hairline) solid var(--soft-line);
    }

    .library-paths a:nth-child(odd) {
      border-right:var(--stroke-hairline) solid var(--soft-line);
    }

    .library-paths strong {
      font-size:.84rem;
      line-height:1.35;
    }

    .library-topography {
      display:block;
      padding:var(--space-4) 0;
    }

    .topography-copy {
      margin-top:var(--space-4);
    }

    .topography-routes {
      gap:0 var(--space-4);
    }

    .start-daily-edition {
      padding-top:var(--space-4);
    }

    .start-daily-editorial-grid {
      padding:var(--space-4) 0;
    }

    .start-daily-lead h1 {
      max-width:15ch;
      font-size:clamp(1.92rem,8vw,2.7rem);
      line-height:1.15;
    }

    .start-daily-deck {
      max-width:34ch;
      font-size:.9rem;
      line-height:1.68;
    }

    .start-daily-rail {
      margin-top:var(--space-5);
      padding-top:var(--space-4);
    }

    .start-daily-rail-item {
      padding:var(--space-3) 0;
    }

    .start-daily-reading-route {
      grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .start-daily-reading-route a,
    .start-daily-reading-route a+a {
      min-height:66px;
      padding:var(--space-3);
      border-left:0;
    }

    .start-daily-reading-route a:nth-child(odd) {
      border-right:var(--stroke-hairline) solid var(--soft-line);
    }

    .library-entry,
    .collection-entry,
    .search-result,
    .mark-row {
      grid-template-columns:var(--archive-index-column) minmax(0,1fr) 20px;
    }

    .library-entry h2,
    .collection-entry h2,
    .search-result h2,
    .mark-row h2 {
      max-width:24ch;
      line-height:1.32;
    }

    .library-entry .core-summary,
    .collection-entry .core-summary,
    .mark-row .core-summary,
    .search-result .search-snippet {
      max-width:34ch;
      min-height:calc(var(--archive-summary-size) * var(--archive-summary-leading) * 2);
      line-height:1.6;
    }

    .search-results-head,
    .marks-toolbar {
      align-items:flex-start;
      gap:var(--space-3);
    }

    .search-results-head>p {
      font-size:.62rem;
      line-height:1.5;
    }

    .mark-reading-position {
      display:inline-block;
      margin-top:var(--space-1);
      margin-left:0;
      padding-left:0;
      border-left:0;
    }
  }
}