/* v44 “长桌上的光”：四幅线稿的版式接入层。 */
@layer long-table {
  .library-hall-head--minimal {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(240px,38%);
    column-gap:clamp(24px,5vw,72px);
    align-items:center;
  }
  .library-hall-head--minimal .notebook-greeting-main,
  .library-hall-head--minimal .notebook-preface { grid-column:1; }
  .long-table-hero-art {
    grid-column:2;
    grid-row:1 / span 2;
    width:min(100%,420px);
    margin:0;
    justify-self:end;
    z-index:1;
  }.long-table-hero-art img, .long-table-hero-art svg, .long-table-constellation img, .long-table-constellation svg, .long-table-card-art img, .long-table-card-art svg, .long-table-spines-art img, .long-table-spines-art svg { display:block; width:100%; height:auto; }
  .long-table-constellation {
    width:min(100%,420px);
    margin:var(--space-4) auto var(--space-5);
  }
  .long-table-card-art {
    width:min(100%,210px);
    margin:4px auto 12px;
  }
  .long-table-spines-art {
    width:min(100%,420px);
    margin:var(--space-3) auto var(--space-4);
  }
  @media (max-width:760px) {
    .library-hall-head--minimal { grid-template-columns:1fr; row-gap:20px; }
    .library-hall-head--minimal .notebook-greeting-main,
    .library-hall-head--minimal .notebook-preface,
    .long-table-hero-art { grid-column:1; grid-row:auto; }
    .long-table-hero-art { width:min(100%,360px); justify-self:center; }
  }
  @media (prefers-reduced-motion:reduce) {.long-table-hero-art img, .long-table-hero-art svg, .long-table-constellation img, .long-table-constellation svg, .long-table-card-art img, .long-table-card-art svg, .long-table-spines-art img, .long-table-spines-art svg { animation:none; }
  }
}