/* The 2026-10-23 offline reference's quiet 42rem list, scoped to minimal home. */
body.layout-shuxiang-minimal { --minimal-excerpt-ink: #57534a; padding-top: 20px; font-size: 17px; }
[data-theme="dark"] body.layout-shuxiang-minimal { --minimal-excerpt-ink: #b5b0a6; }
.layout-shuxiang-minimal .blog-shell,
.layout-shuxiang-minimal .shuxiang-header { width: min(672px, calc(100% - 32px)); }
.layout-shuxiang-minimal .shuxiang-header { gap: 12px 16px; margin-bottom: 32px; padding: .6rem 0; }
.layout-shuxiang-minimal .shuxiang-brand { max-width: 220px; }
.layout-shuxiang-minimal .shuxiang-brand > a { display: block; font: 700 21px/1.9 var(--serif); letter-spacing: .02em; }
.layout-shuxiang-minimal .shuxiang-brand p { margin-top: 5px; font: 400 11.5px/1.9 var(--serif); letter-spacing: .16em; }
.layout-shuxiang-minimal .side-nav,
.layout-shuxiang-minimal .side-nav:has(.side-nav-parent) { gap: 0 16px; }
.layout-shuxiang-minimal .side-nav :is(a,.side-nav-directory-label) { font-size: 13px; letter-spacing: .08em; color: var(--ink-soft); }
.layout-shuxiang-minimal .side-nav a.active,
.layout-shuxiang-minimal .side-nav a:hover { color: var(--accent); }
.layout-shuxiang-minimal .shuxiang-tools :is(.shuxiang-tool,.theme-button) { width: 32px; }
.layout-shuxiang-minimal .shuxiang-tools [data-admin-entry] { width: 26px; }
.layout-shuxiang-minimal .feed { padding-bottom: 0; }
.layout-shuxiang-minimal .en-hint { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; margin: 0 0 44px; padding: .6rem .8rem; color: var(--ink-soft); background: var(--paper-soft); border-left: 3px solid var(--accent); border-radius: 4px; font-size: 13px; line-height: 1.9; }
.en-hint-copy { position: relative; flex: 1; min-width: 0; }
.en-hint-body { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; overflow-wrap: anywhere; }
/* Keep block Markdown in the reference's continuous, compact text strip. */
.layout-shuxiang-minimal .en-hint-body :is(p,ul,ol,li,blockquote,pre,h1,h2,h3,h4,h5,h6,table,thead,tbody,tr,th,td) { display: inline; margin: 0; padding: 0; border: 0; font: inherit; white-space: normal; }
.en-hint-body :is(p,li,blockquote,pre,h1,h2,h3,h4,h5,h6,tr)::after { content: " "; }
.en-hint-body :is(img,video,iframe,br,hr) { display: none; }
.en-hint-body code { font: inherit; }
/* Native preview link stays below the independently usable Markdown links. */
.en-hint-body a { position: relative; z-index: 1; color: var(--accent); text-underline-offset: 3px; }
.en-hint-permalink { position: absolute; inset: 0; border-radius: 2px; }
.en-hint-permalink:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.en-hint [data-moment-hint-close] { position: relative; flex: none; margin: 0; padding: 0 2px; color: var(--ink-soft); background: transparent; border: 0; font: inherit; font-size: 15px; line-height: 1; cursor: pointer; }
.en-hint [data-moment-hint-close]::after { content: ""; position: absolute; inset: -8px; }
.en-hint [data-moment-hint-close]:hover { color: var(--accent); }
.shuxiang-minimal-home h1 { margin: 0 0 6px; font: 700 30px/1.4 var(--serif); letter-spacing: .02em; }
.shuxiang-minimal-post { display: flex; align-items: center; gap: 16px; min-width: 0; padding: 22px 0 24px; border-bottom: 1px solid var(--line); }
.shuxiang-minimal-post:first-child { border-top: 1px solid var(--line); }
.layout-shuxiang-minimal .shuxiang-minimal-post > .shuxiang-cover { flex: none; width: 128px; height: 86px; border: 1px solid var(--line); border-radius: 8px; }
.layout-shuxiang-minimal .shuxiang-minimal-post .article-cover-word { font: 600 17px/1.5 var(--serif); }
.layout-shuxiang-minimal .shuxiang-minimal-post .shuxiang-cover b { bottom: 8%; font-size: 14px; }
.shuxiang-minimal-copy { flex: 1; min-width: 0; }
.shuxiang-minimal-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; margin: 0 0 6px; color: var(--ink-soft); font-size: 12px; line-height: 1.9; letter-spacing: .12em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.shuxiang-minimal-copy h2 { margin: 0; font: 600 22px/1.5 var(--serif); overflow-wrap: anywhere; }
.shuxiang-minimal-copy h2 a { color: var(--ink); text-decoration: none; }
.shuxiang-minimal-copy h2 a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.shuxiang-minimal-copy .pinned-label { display: inline-block; margin-right: 6px; padding: 0 5px; border: 1px solid var(--blog-primary-border); border-radius: 3px; color: var(--accent); font: 400 11px/20px var(--sans); vertical-align: middle; }
.shuxiang-minimal-copy > p { display: -webkit-box; margin: 8px 0 0; color: var(--minimal-excerpt-ink); font-size: 15px; line-height: 1.9; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; }
.layout-shuxiang-minimal .shuxiang-empty { padding: 22px 0; border-top: 1px solid var(--line); }
.layout-shuxiang-minimal .shuxiang-pagination { margin-top: 26px; }
@media (max-width: 680px) {
  .layout-shuxiang-minimal .shuxiang-header { grid-template-columns: minmax(0,1fr) auto; gap: 10px 8px; margin-bottom: 32px; }
  .layout-shuxiang-minimal .side-nav,
  .layout-shuxiang-minimal .side-nav:has(.side-nav-parent) { gap: 0 .9rem; }
}
@media (max-width: 560px) {
  .en-hint-body { -webkit-line-clamp: 2; line-clamp: 2; }
  .shuxiang-minimal-home h1 { font-size: 26px; }
  .shuxiang-minimal-copy h2 { font-size: 19px; }
  .layout-shuxiang-minimal .shuxiang-minimal-post > .shuxiang-cover { width: 112px; height: 75px; }
}
/* A keyboard-focused link must remain visible even beyond the preview limit. */
.en-hint-body:focus-within { -webkit-line-clamp: unset; line-clamp: unset; }
@media (max-width: 360px) {
  .shuxiang-minimal-post { gap: 12px; }
  .layout-shuxiang-minimal .shuxiang-minimal-post > .shuxiang-cover { width: 88px; height: 65px; }
}