/* 静室 CSS：20-publication-system.css。统一出版版面：开始、目录、寻找与随机进入的文章共享同一套令牌。 */
@layer pages {
  .site-header {
    background:var(--publication-paper);
    border-bottom:var(--publication-masthead-rule) solid var(--publication-ink);
  }

  .masthead,
  .page-shell,
  .site-footer {
    max-width:calc(var(--publication-page-width) + (var(--publication-page-gutter) * 2));
  }

  .masthead {
    padding-inline:var(--publication-page-gutter);
  }

  .page-shell {
    min-height:calc(100vh - 180px);
    padding-inline:var(--publication-page-gutter);
  }

  .site-footer {
    align-items:flex-start;
    padding-inline:var(--publication-page-gutter);
    border-top:var(--publication-rule) solid var(--publication-rule-color);
    box-shadow:var(--publication-shadow);
  }

  .publication-page,
  .library-intro,
  .archive-hero,
  .search-hero,
  .collection-hero {
    max-width:var(--publication-page-width);
    margin-inline:auto;
  }

  .eyebrow,
  .section-kicker,
  .publication-kicker {
    color:var(--publication-ink-muted);
    font:500 var(--publication-kicker)/var(--publication-leading-meta) var(--font-ui);
    letter-spacing:.02em;
    text-transform:none;
  }

  .publication-hero {
    padding-block:var(--publication-space-8) var(--publication-space-6);
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
  }

  .publication-hero h1,
  .collection-hero h1,
  .library-intro h1,
  .archive-hero h1,
  .search-hero h1 {
    max-width:18ch;
    margin:var(--publication-space-3) 0;
    color:var(--publication-ink);
    font:600 var(--publication-function-title)/var(--publication-leading-heading) var(--font-ui);
    letter-spacing:-.035em;
    text-wrap:balance;
  }

  .publication-hero>p,
  .collection-hero div>p,
  .library-intro>p:nth-of-type(2),
  .archive-hero div>p,
  .search-hero div>p {
    max-width:var(--publication-reading-width);
    color:var(--text-secondary);
    font:400 var(--publication-body)/var(--publication-leading-body) var(--font-reading);
  }

  .publication-article-index,
  .start-daily-item-meta span,
  .feature-index,
  .entry-index,
  .search-result>span {
    color:var(--publication-ink-muted);
    font-family:var(--font-mono);
    font-size:var(--publication-meta);
    font-variant-numeric:tabular-nums;
    letter-spacing:.02em;
  }

  .publication-list,
  .library-list,
  .search-results,
  .archive-entries ol,
  .collection-list {
    max-width:var(--publication-page-width);
    margin-inline:auto;
    border-top:var(--publication-rule) solid var(--publication-rule-color);
  }

  .publication-entry,
  .library-entry,
  .search-result,
  .archive-entries li {
    display:grid;
    grid-template-columns:var(--publication-index-column) minmax(0,1fr) var(--publication-action-column);
    gap:var(--publication-space-4);
    align-items:start;
    padding-block:var(--publication-space-4);
    border:0;
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
    border-radius:var(--publication-radius);
    background:transparent;
    box-shadow:var(--publication-shadow);
    transition:transform var(--publication-hover-duration) var(--motion-easing),opacity var(--publication-hover-duration) var(--motion-easing);
  }

  .publication-entry:hover,
  .publication-entry:focus-within,
  .library-entry:hover,
  .library-entry:focus-within,
  .search-result:hover,
  .search-result:focus-within,
  .archive-entries li:hover,
  .archive-entries li:focus-within {
    transform:var(--publication-hover-lift);
    background:transparent;
    box-shadow:var(--publication-shadow);
  }

  .publication-entry h2,
  .library-entry h2,
  .search-result h2,
  .archive-entries li div>a {
    margin:0;
    color:var(--publication-ink);
    font:500 var(--publication-h2)/var(--publication-leading-title) var(--font-ui);
    letter-spacing:-.018em;
  }

  .publication-entry-summary,
  .entry-excerpt,
  .search-result .search-snippet {
    max-width:var(--publication-reading-width);
    margin:var(--publication-space-1) 0 0;
    color:var(--text-secondary);
    font:400 var(--publication-body)/var(--publication-leading-body) var(--font-reading);
  }

  .publication-entry-meta,
  .post-kicker,
  .search-result div>p:first-child,
  .archive-entries li div>p,
  .archive-entries time {
    margin:0;
    color:var(--publication-ink-muted);
    font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
    letter-spacing:.02em;
  }

  .publication-entry-action,
  .entry-arrow,
  .search-result>a,
  .archive-entries li>i {
    justify-self:end;
    color:var(--publication-accent);
    font:500 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
  }

  /* 日报式首页已退役。开始页的唯一展示型欢迎语由21号索引大厅样式层独占。 */

  /* 目录、寻找：同一版心、同一文章行、同一发丝线；来源和主题入口不再伪装为编号条目。 */
  .collection-hero,
  .library-intro,
  .archive-hero,
  .search-hero {
    padding-block:var(--publication-space-8) var(--publication-space-6);
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
  }

  .collection-hero .collection-measure,
  .library-measure,
  .archive-hero .collection-measure {
    margin:0;
    color:var(--publication-ink-muted);
    font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
  }

  .collection-section,
  .library-controls,
  .archive-layout,
  .search-form,
  .search-results-head,
  .search-prompt,
  .library-topography,
  .collection-topography {
    max-width:var(--publication-page-width);
    margin-inline:auto;
  }

  .collection-section,
  .library-topography,
  .collection-topography,
  .search-results-head,
  .library-controls {
    padding-block:var(--publication-space-6);
    border:0;
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
    background:transparent;
    box-shadow:var(--publication-shadow);
  }

  .collection-section-head h2,
  .library-controls h2,
  .archive-entries h2,
  .search-results-head h2,
  .library-topography h2,
  .collection-topography h2 {
    max-width:20ch;
    margin:var(--publication-space-2) 0 0;
    color:var(--publication-ink);
    font:600 var(--publication-h2)/var(--publication-leading-title) var(--font-ui);
    letter-spacing:-.035em;
    text-wrap:balance;
  }

  .collection-list .collection-entry,
  .collection-work-list .collection-entry {
    display:grid;
    grid-template-columns:minmax(0,1fr) var(--publication-action-column);
    gap:var(--publication-space-4);
    padding-block:var(--publication-space-4);
    border:0;
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
    border-radius:var(--publication-radius);
    background:transparent;
    box-shadow:var(--publication-shadow);
  }

  .collection-list .entry-index,
  .topography-routes span {
    display:none;
  }

  .collection-list .collection-entry h2 {
    margin:var(--publication-space-1) 0;
    font:500 var(--publication-h2)/var(--publication-leading-title) var(--font-ui);
  }

  .collection-list .collection-entry>div>p:not(.section-kicker),
  .collection-section-head>p,
  .topography-copy>p {
    max-width:var(--publication-reading-width);
    color:var(--text-secondary);
    font:400 var(--publication-body)/var(--publication-leading-body) var(--font-reading);
  }

  .topography-routes,
  .topic-map-list,
  .content-map-links,
  .library-paths,
  .search-trails {
    display:block;
    border:0;
    border-top:var(--publication-rule) solid var(--publication-rule-color);
  }

  .topography-routes a,
  .topic-map-list a,
  .content-map-links a,
  .library-paths a,
  .search-trails a {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:var(--publication-space-3);
    min-height:0;
    padding:var(--publication-space-4) 0;
    border:0;
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
    border-radius:var(--publication-radius);
    background:transparent;
    box-shadow:var(--publication-shadow);
  }

  .topography-routes strong,
  .topic-map-list span,
  .content-map-links span,
  .library-paths strong,
  .search-trails a {
    color:var(--publication-ink);
    font:500 var(--publication-h2)/var(--publication-leading-title) var(--font-ui);
  }

  .topography-routes b,
  .topic-map-list strong,
  .content-map-links strong,
  .library-paths span,
  .search-trails span {
    color:var(--publication-ink-muted);
    font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
  }

  .library-paths i,
  .topography-routes i,
  .topic-map-list i,
  .content-map-links i {
    color:var(--publication-accent);
  }

  .archive-layout {
    display:block;
  }

  .year-index {
    position:static;
    display:flex;
    flex-wrap:wrap;
    gap:var(--publication-space-2);
    margin:0 0 var(--publication-space-5);
    padding-bottom:var(--publication-space-3);
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
  }

  .year-index .section-kicker {
    width:100%;
  }

  .year-index a {
    display:inline-flex;
    gap:var(--publication-space-1);
    padding:0;
    border:0;
    color:var(--publication-ink-muted);
    font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
  }

  .archive-entries header {
    padding-bottom:var(--publication-space-3);
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
  }

  .archive-entries li {
    grid-template-columns:var(--publication-index-column) minmax(0,1fr) var(--publication-action-column);
  }

  .archive-entries time {
    display:block;
    font-variant-numeric:tabular-nums;
  }

  .archive-entries time b,
  .archive-entries time span {
    font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-mono);
  }

  .search-form {
    margin-top:var(--publication-space-5);
    padding-block:var(--publication-space-4);
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
  }

  .search-form label {
    color:var(--publication-ink-muted);
    font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
  }

  .search-form>div {
    border-bottom:var(--publication-rule) solid var(--publication-ink);
  }

  .search-form input {
    padding-block:var(--publication-space-2);
    color:var(--publication-ink);
    font:500 var(--publication-h2)/var(--publication-leading-title) var(--font-ui);
  }

  .search-submit {
    color:var(--publication-accent);
    font:500 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
  }

  .search-results-head {
    display:block;
    margin-top:var(--publication-space-6);
  }

  .search-results-head>p {
    margin:var(--publication-space-2) 0 0;
    text-align:left;
    color:var(--publication-ink-muted);
    font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
  }

  .search-result {
    grid-template-columns:var(--publication-index-column) minmax(0,1fr) var(--publication-action-column);
  }

  .search-result .search-context-link {
    grid-column:2;
    margin-top:var(--publication-space-2);
    color:var(--publication-accent);
    font:500 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
  }

  .search-result>a:last-child {
    grid-column:3;
    grid-row:1 / span 2;
  }

  .search-prompt {
    margin-block:var(--publication-space-7);
    padding-block:var(--publication-space-6);
    border-top:var(--publication-rule) solid var(--publication-rule-color);
    border-bottom:var(--publication-rule) solid var(--publication-rule-color);
  }

  @media (max-width:760px) {
    .masthead,
    .page-shell,
    .site-footer {
      max-width:none;
    }

    .publication-hero,
    .collection-hero,
    .library-intro,
    .archive-hero,
    .search-hero {
      padding-block:var(--publication-space-7) var(--publication-space-5);
    }

    .publication-hero h1,
    .collection-hero h1,
    .library-intro h1,
    .archive-hero h1,
    .search-hero h1,
    .start-daily-edition .start-cascade-feature h1,
    .start-daily-edition .start-cascade-feature.start-title-extended h1 {
      max-width:13ch;
      font-size:var(--publication-h1);
      line-height:var(--publication-leading-heading);
    }

    .start-daily-edition .start-daily-folio {
      display:block;
    }

    .start-daily-edition .start-daily-folio-date {
      grid-column:auto;
      grid-row:auto;
      margin-top:var(--publication-space-2);
      text-align:left;
    }

    .publication-entry,
    .library-entry,
    .search-result,
    .archive-entries li,
    .start-daily-edition .start-cascade-feature,
    .start-daily-edition .start-daily-rail-item,
    .start-daily-edition .start-daily-column-item,
    .start-daily-edition .start-daily-quiet-list article,
    .start-daily-edition .start-distribution-switchboard a {
      grid-template-columns:var(--publication-mobile-index-column) minmax(0,1fr) var(--publication-mobile-action-column);
      gap:var(--publication-space-2);
    }

    .start-daily-edition .start-daily-lead-actions,
    .start-daily-edition .start-daily-item-action,
    .start-daily-edition .start-daily-column-actions {
      grid-column:3;
      grid-row:1 / span 2;
      font-size:0!important;
    }

    .start-daily-edition .start-daily-column-actions a,
    .start-news-section .start-daily-column-actions a {
      width:var(--publication-mobile-action-column);
      color:transparent!important;
      font-size:0!important;
      letter-spacing:0!important;
    }

    .start-daily-edition .start-daily-rail-head>p:last-child {
      display:none;
    }

    .start-daily-edition .start-daily-lead-actions b,
    .start-daily-edition .start-daily-item-action b,
    .start-daily-edition .start-daily-column-actions b,
    .start-news-section .start-daily-column-actions b,
    .start-news-section .start-daily-item-action b {
      color:var(--publication-accent)!important;
      font-size:var(--publication-h2);
    }

    .start-daily-edition .publication-action-label,
    .start-news-section .publication-action-label {
      display:none;
    }

    .start-daily-edition .start-daily-column-actions a:not(:first-child) {
      display:none;
    }

    .publication-entry h2,
    .library-entry h2,
    .search-result h2,
    .archive-entries li div>a,
    .start-daily-edition .start-daily-rail-item h2,
    .start-daily-edition .start-daily-column-item h3,
    .start-daily-edition .start-daily-quiet-list h3,
    .start-daily-edition .start-distribution-switchboard strong {
      font-size:20px;
    }

    .publication-entry-summary,
    .entry-excerpt,
    .search-result .search-snippet,
    .start-daily-edition .start-daily-item-deck,
    .start-daily-edition .start-daily-quiet-list article>p:not(.start-daily-item-meta) {
      font-size:var(--publication-meta);
    }

    .library-topography .topography-routes a,
    .collection-topography .topography-routes a,
    .topic-map-list a,
    .content-map-links a,
    .library-paths a,
    .search-trails a {
      grid-template-columns:minmax(0,1fr) var(--publication-mobile-action-column)!important;
    }

    .library-topography .topography-routes strong,
    .collection-topography .topography-routes strong {
      grid-column:1;
      grid-row:1;
      width:auto;
    }

    .library-topography .topography-routes b,
    .collection-topography .topography-routes b {
      grid-column:1;
      grid-row:2;
    }

    .library-topography .topography-routes i,
    .collection-topography .topography-routes i {
      grid-column:2;
      grid-row:1 / span 2;
      align-self:center;
    }
  }

  @media (prefers-reduced-motion:reduce) {
    .publication-entry,
    .library-entry,
    .search-result,
    .archive-entries li,
    .start-daily-edition .start-daily-rail-item,
    .start-daily-edition .start-daily-column-item,
    .start-daily-edition .start-daily-quiet-list article {
      transition-duration:1ms;
    }

    .publication-entry:hover,
    .publication-entry:focus-within,
    .library-entry:hover,
    .library-entry:focus-within,
    .search-result:hover,
    .search-result:focus-within,
    .archive-entries li:hover,
    .archive-entries li:focus-within,
    .start-daily-edition .start-daily-rail-item:hover,
    .start-daily-edition .start-daily-rail-item:focus-within,
    .start-daily-edition .start-daily-column-item:hover,
    .start-daily-edition .start-daily-column-item:focus-within,
    .start-daily-edition .start-daily-quiet-list article:hover,
    .start-daily-edition .start-daily-quiet-list article:focus-within {
      transform:none;
    }
  }
}