/* 静室 CSS：06-pages-reading.css。职责边界见 governance/CSS_ARCHITECTURE_AND_TOKENS_20260814.md。 */
@layer pages {
  /* 文章：标题块像钉子，正文作为唯一阅读重心向下展开。 */ .reading-sheet {
    max-width:var(--container-wide);
    margin:auto;
    padding-top:clamp(4.75rem,10.5vh,8.5rem)
  }
  .essay-header,.article-body,.collection-marker,.provenance-note,.essay-footer {
    max-width:var(--container-reading);
    margin-right:auto;
    margin-left:auto
  }
  .essay-kicker {
    margin:0;
    color:var(--text-muted);
    font-size:10px;
    font-weight:600;
    letter-spacing:.06em
  }
  .essay-kicker a {
    color:var(--action-primary)
  }
  .essay-kicker span {
    margin:0 6px;
    color:var(--border-strong)
  }
  .essay-header h1 {
    margin:18px 0 clamp(20px,3.1vw,31px);
    font:400 clamp(var(--font-size-4),5.1vw,var(--font-size-6))/1.11 var(--font-reading);
    letter-spacing:-.05em
  }
  .essay-deck {
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:clamp(18px,2.2vw,28px);
    padding-top:clamp(15px,1.7vw,20px);
    border-top:var(--stroke-hairline) solid var(--border-subtle)
  }
  .essay-deck>p {
    max-width:460px;
    margin:0;
    color:var(--text-secondary);
    font:400 15px/1.75 var(--font-reading)
  }
  .reading-action {
    margin:0;
    flex:0 0 auto
  }
  .mark-button {
    padding:2px 0;
    border:0;
    border-bottom:var(--stroke-hairline) solid var(--border-strong);
    background:transparent;
    color:var(--text-muted);
    font-size:10px;
    cursor:pointer
  }
  .mark-button:hover,.mark-button.is-marked {
    color:var(--action-primary);
    border-color:var(--action-primary)
  }
  .tag-list {
    display:flex;
    flex-wrap:wrap;
    gap:0 11px;
    margin:16px 0 0;
    color:var(--text-muted);
    font-size:10px
  }
  .tag-list a {
    border-bottom:var(--stroke-hairline) solid transparent
  }
  .tag-list a:hover {
    color:var(--action-primary);
    border-color:var(--action-primary)
  }
  .collection-marker {
    margin-top:33px;
    color:var(--text-muted);
    font-size:10px;
    letter-spacing:.04em
  }
  .article-body {
    margin-top:clamp(3.25rem,6vw,4.25rem);
    color:var(--text-primary);
    font:400 var(--font-size-prose)/var(--line-height-prose) var(--font-prose);
    letter-spacing:0;
    line-break:strict;
    word-break:normal;
    overflow-wrap:break-word;
    font-kerning:normal;
    text-align:start;
    widows:2;
    orphans:2;
    hanging-punctuation:first allow-end last
  }
  .article-body>*:first-child {
    margin-top:0
  }
  .article-body p {
    margin:0 0 1.5em
  }
  /* 正文首段统一使用两行首字下沉：标准 initial-letter 优先，::first-letter 浮动作为兼容回退。 */
  .article-body>p:first-of-type::first-letter {
    float:left;
    margin:.075em .11em 0 0;
    color:var(--action-primary);
    font:500 4.05em/.72 var(--font-reading)
  }

  @supports (initial-letter:2) {
    .article-body>p:first-of-type::first-letter {
      float:none;
      margin:0 .11em 0 0;
      -webkit-initial-letter:2;
      initial-letter:2;
      font-size:1em;
      line-height:inherit;
    }
  }
  .article-body h1,.article-body h2,.article-body h3 {
    margin:3.05em 0 .68em;
    color:var(--text-primary);
    font-family:var(--font-reading);
    font-weight:400;
    letter-spacing:-.025em
  }
  .article-body h1 {
    font-size:var(--font-size-reading-step-3);
    line-height:1.23
  }
  .article-body h2 {
    font-size:var(--font-size-reading-step-2);
    line-height:1.3
  }
  .article-body h3 {
    font-size:var(--font-size-reading-step-1);
    line-height:1.42
  }
  .article-body a {
    color:var(--action-primary);
    text-decoration:underline;
    text-decoration-color:var(--action-subtle);
    text-decoration-thickness:.07em;
    text-underline-offset:.18em
  }
  .article-body strong {
    /* 候选连续正文字只提供常规字重；强调回到编辑字，禁止浏览器伪粗。 */
    font-family:var(--font-reading);
    font-weight:600
  }
  .article-body blockquote {
    margin:2.5em 0 2.6em;
    color:var(--text-secondary);
    font:400 1.12em/1.84 var(--font-prose)
  }
  .article-body blockquote p:last-child {
    margin-bottom:0
  }
  .article-body ul,.article-body ol {
    margin:0 0 1.8em;
    padding-left:1.5em
  }
  .article-body li {
    margin:.42em 0
  }
  .article-body hr {
    width:20%;
    height:1px;
    margin:4.4em 0;
    border:0;
    background:var(--border-strong)
  }
  .article-body pre {
    overflow:auto;
    margin:2em 0;
    padding:17px;
    background:var(--surface-subtle);
    font:13px/1.6 ui-monospace,monospace
  }
  .article-body code {
    font:14px/1.4 ui-monospace,monospace
  }
  .provenance-note {
    display:grid;
    grid-template-columns:1fr auto;
    gap:24px;
    margin-top:5.7em;
    padding-top:20px;
    border-top:var(--stroke-hairline) solid var(--border-subtle)
  }
  .provenance-note>div>p:last-child {
    margin:.42rem 0 0;
    font:400 16px/1.45 var(--font-reading)
  }
  .source-position {
    text-align:right
  }
  .source-position span {
    display:block;
    color:var(--text-muted);
    font-size:9px;
    font-weight:700;
    letter-spacing:.09em
  }
  .source-position strong {
    display:block;
    margin-top:3px;
    color:var(--text-secondary);
    font:400 15px var(--font-reading)
  }
  .collection-contents {
    grid-column:1/-1;
    margin-top:var(--space-2);
    padding-top:var(--space-4);
    border-top:var(--stroke-hairline) solid var(--border-subtle);
    transition:border-color var(--motion-disclosure) var(--motion-easing),opacity var(--motion-disclosure) var(--motion-easing)
  }
  .collection-contents[open] {
    border-color:var(--action-subtle)
  }
  .collection-contents summary {
    display:flex;
    align-items:baseline;
    cursor:pointer;
    font-size:10px;
    font-weight:600;
    letter-spacing:.04em;
    list-style:none
  }
  .collection-contents[open] summary {
    color:var(--action-primary)
  }
  .collection-contents summary::-webkit-details-marker {
    display:none
  }
  .collection-contents summary:before {
    margin-right:var(--space-2);
    color:var(--action-primary);
    content:"＋";
    font-size:13px;
    transition:color var(--motion-disclosure) var(--motion-easing),opacity var(--motion-disclosure) var(--motion-easing)
  }
  .collection-contents[open] summary:before {
    content:"−"
  }
  .collection-contents summary span {
    margin-left:var(--space-2);
    color:var(--text-muted);
    font-weight:400
  }
  .collection-contents ol {
    max-height:320px;
    overflow:auto;
    margin:var(--space-4) 0 0;
    padding:0;
    list-style:none
  }
  .collection-contents li {
    display:flex;
    gap:var(--space-3);
    padding:var(--space-2) 0;
    font-size:13px;
    line-height:1.55
  }
  .collection-contents li>span {
    flex:0 0 24px;
    color:var(--text-muted);
    font-size:10px
  }
  .collection-contents li.current strong {
    color:var(--action-primary);
    font-weight:600
  }
  .collection-contents li a:hover {
    text-decoration:underline;
    text-underline-offset:.2em
  }
  .essay-footer {
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:var(--space-5);
    margin-top:33px;
    padding-top:17px;
    border-top:var(--stroke-hairline) solid var(--border-subtle);
    color:var(--text-muted);
    font-size:10px
  }
  .essay-footer p {
    margin:0
  }
  .essay-footer>a {
    color:var(--action-primary);
    font-weight:600
  }
  .essay-turning {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    max-width:var(--container-reading);
    margin:56px auto 0;
    padding-top:24px;
    border-top:var(--stroke-hairline) solid var(--border-subtle)
  }
  .essay-turning a {
    display:grid;
    grid-template-columns:1fr auto;
    gap:var(--space-1);
    padding:8px 0
  }
  .essay-turning small {
    grid-column:1/-1;
    color:var(--text-muted);
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em
  }
  .essay-turning strong {
    font:400 17px/1.4 var(--font-reading)
  }
  .essay-turning i {
    grid-column:2;
    grid-row:2;
    align-self:center;
    color:var(--action-primary);
    font-style:normal
  }
  .turn-next {
    text-align:right
  }
  .turn-next i {
    grid-column:1;
    grid-row:2
  }
  .turn-next strong {
    grid-column:2
  }
  html[data-type="large"] .article-body {
    max-width:680px;
    font-size:22px;
    line-height:2.02;
    letter-spacing:0
  }
  html[data-type="large"] .essay-header,html[data-type="large"] .collection-marker,html[data-type="large"] .provenance-note,html[data-type="large"] .essay-footer,html[data-type="large"] .essay-turning {
    max-width:680px
  }
  /* 目录跃迁：用真实的来源位置组织下一步，而不以推荐取代判断。 */ .start-work-actions {
    align-self:center;
    display:grid;
    justify-items:stretch;
    gap:10px;
    min-width:154px
  }
  .start-work-actions .start-work-action {
    min-width:0
  }
  .start-work-directory {
    justify-self:start;
    color:var(--text-muted);
    font:500 10px/1.45 var(--font-ui);
    letter-spacing:.04em
  }
  .start-work-directory:hover {
    color:var(--action-primary)
  }
  .work-begin {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:36px;
    max-width:var(--container-wide);
    margin:0 auto;
    padding:38px 0 41px;
    border-top:var(--stroke-hairline) solid var(--text-primary);
    border-bottom:var(--stroke-hairline) solid var(--border-strong)
  }
  .work-begin h2 {
    max-width:660px;
    margin:10px 0 0;
    font:400 clamp(27px,3.7vw,43px)/1.18 var(--font-reading);
    letter-spacing:-.04em
  }
  .work-begin h2 em {
    color:var(--text-secondary);
    font-style:normal
  }
  .work-begin div>p:last-child {
    max-width:52ch;
    margin:14px 0 0;
    color:var(--text-muted);
    font:400 15px/1.78 var(--font-reading)
  }
  .work-begin-action {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-width:142px;
    padding:11px 0;
    border-bottom:var(--stroke-hairline) solid var(--text-primary);
    font:600 11px/1 var(--font-ui);
    letter-spacing:.04em
  }
  .work-begin-action b {
    font:400 22px/1 var(--font-reading)
  }
  .work-route {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(136px,1fr));
    max-width:var(--container-wide);
    margin:42px auto 62px;
    padding:0;
    list-style:none;
    border-top:var(--stroke-hairline) solid var(--border-strong);
    border-bottom:var(--stroke-hairline) solid var(--border-strong)
  }
  .work-route li {
    position:relative;
    min-height:105px;
    padding:17px 17px 17px 0;
    border-right:var(--stroke-hairline) solid var(--border-subtle)
  }
  .work-route li+li {
    padding-left:17px
  }
  .work-route li:last-child {
    border-right:0
  }
  .work-route-step {
    display:block;
    margin-bottom:15px;
    color:var(--text-muted);
    font:500 9px/1 var(--font-ui);
    letter-spacing:.09em
  }
  .work-route a {
    display:block
  }
  .work-route strong {
    display:block;
    font:400 19px/1.3 var(--font-reading);
    letter-spacing:-.02em
  }
  .work-route small {
    display:block;
    margin-top:7px;
    color:var(--text-muted);
    font:500 9px/1.5 var(--font-ui);
    letter-spacing:.03em
  }
  .work-route a:hover strong {
    color:var(--action-primary)
  }
  .volume-begin {
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:28px;
    max-width:var(--container-wide);
    margin:0 auto 32px;
    padding:21px 0;
    border-top:var(--stroke-hairline) solid var(--text-primary);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .volume-begin p {
    margin:0
  }
  .volume-begin .section-kicker {
    margin-bottom:8px
  }
  .volume-begin div>p:last-child {
    font:400 17px/1.45 var(--font-reading)
  }
  .volume-begin a {
    flex:0 0 auto;
    padding:8px 0;
    border-bottom:var(--stroke-hairline) solid var(--text-primary);
    font:600 10px/1 var(--font-ui);
    letter-spacing:.04em
  }
  .volume-begin b {
    margin-left:8px;
    color:var(--action-primary);
    font:400 19px/1 var(--font-reading)
  }
  .volume-route-return {
    max-width:var(--container-wide);
    margin:32px auto 0;
    color:var(--text-muted);
    font-size:10px
  }
  .volume-route-return a {
    border-bottom:var(--stroke-hairline) solid var(--border-strong);
    padding-bottom:2px
  }
  .volume-route-return a:hover {
    border-color:var(--action-primary)
  }
  .wander-arrival {
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:24px;
    max-width:var(--container-reading);
    margin:20px auto 0;
    padding:16px 0;
    border-top:var(--stroke-hairline) solid var(--border-subtle);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .wander-arrival .section-kicker {
    margin-bottom:7px
  }
  .wander-arrival p:last-child {
    max-width:47ch;
    margin:0;
    color:var(--text-muted);
    font:400 13px/1.72 var(--font-reading)
  }
  .wander-arrival>a {
    flex:0 0 auto;
    padding:var(--space-2) 0;
    border-bottom:var(--stroke-hairline) solid var(--text-primary);
    font:600 10px/1 var(--font-ui);
    letter-spacing:.04em
  }
  .wander-arrival b {
    margin-left:7px;
    color:var(--action-primary);
    font:400 19px/1 var(--font-reading)
  }
  .provenance-context {
    margin:8px 0 0!important;
    color:var(--text-muted);
    font:400 12px/1.68 var(--font-reading)!important
  }
  .source-position a {
    display:inline-block;
    padding-bottom:var(--space-optical-2);
    border-bottom:var(--stroke-hairline) solid var(--border-strong);
    color:var(--action-primary);
    font:600 10px/1.5 var(--font-ui);
    letter-spacing:.04em
  }
  .source-position a:hover {
    border-color:var(--action-primary)
  }
  .essay-turning {
    display:block;
    margin-top:56px;
    padding-top:20px
  }
  .turning-label {
    margin:0 0 13px;
    color:var(--text-muted);
    font:700 9px/1.4 var(--font-ui);
    letter-spacing:.1em
  }
  .turning-links {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px
  }
  .turning-links a {
    display:grid;
    grid-template-columns:1fr auto;
    gap:var(--space-1);
    padding:8px 0
  }
  .turning-links small {
    grid-column:1/-1;
    color:var(--text-muted);
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em
  }
  .turning-links strong {
    font:400 17px/1.4 var(--font-reading)
  }
  .turning-links i {
    grid-column:2;
    grid-row:2;
    align-self:center;
    color:var(--action-primary);
    font-style:normal
  }
  .turning-links .turn-next {
    text-align:right
  }
  .turning-links .turn-next i {
    grid-column:1;
    grid-row:2
  }
  .turning-links .turn-next strong {
    grid-column:2
  }
  @media(max-width:760px) {
    .start-work-actions {
      grid-column:2;
      justify-items:start;
      margin-top:2px
    }
    .work-begin {
      display:block;
      padding:30px 0 34px
    }
    .work-begin h2 {
      font-size:30px
    }
    .work-begin-action {
      display:inline-flex;
      min-width:0;
      margin-top:23px
    }
    .work-route {
      grid-template-columns:1fr 1fr;
      margin:32px auto 48px
    }
    .work-route li {
      min-height:94px;
      padding:15px 12px 15px 0
    }
    .work-route li:nth-child(2n) {
      padding-left:12px;
      border-right:0
    }
    .work-route li:nth-child(n+3) {
      border-top:var(--stroke-hairline) solid var(--border-subtle)
    }
    .volume-begin {
      align-items:start;
      flex-direction:column;
      gap:16px;
      margin-bottom:24px
    }
    .volume-begin div>p:last-child {
      font-size:16px
    }
    .wander-arrival {
      align-items:start;
      flex-direction:column;
      gap:14px;
      margin-top:18px
    }
    .essay-turning {
      margin-top:39px
    }
    .turning-links {
      grid-template-columns:1fr;
      gap:4px
    }
    .turning-links .turn-next {
      text-align:left
    }
    .turning-links .turn-next strong {
      grid-column:1
    }
    .turning-links .turn-next i {
      grid-column:2;
      grid-row:2
    }
  }
  /* 空间系统：容器给出秩序，留白标记阅读任务的转换。 */ .masthead,.site-footer,.page-shell {
    max-width:var(--container-wide)
  }
  .masthead {
    padding-right:var(--gutter);
    padding-left:var(--gutter)
  }
  .page-shell {
    padding-right:var(--gutter);
    padding-left:var(--gutter)
  }
  .site-footer {
    margin-top:var(--space-page-end);
    padding-right:var(--gutter);
    padding-bottom:var(--space-5);
    padding-left:var(--gutter)
  }
  .start-hero,.start-works,.start-after,.start-utilities,.work-begin,.work-route,.volume-begin,.volume-route-return {
    max-width:var(--container-wide)
  }
  .start-hero {
    padding-top:var(--space-page-start);
    padding-bottom:var(--space-hero-end);
    gap:var(--space-7)
  }
  .start-works {
    padding-top:var(--space-section);
    padding-bottom:var(--space-section)
  }
  .start-works>header {
    margin-bottom:var(--space-7)
  }
  .start-work {
    gap:var(--space-6);
    padding-top:var(--space-6);
    padding-bottom:var(--space-6)
  }
  .start-work .section-kicker {
    margin-bottom:var(--space-2)
  }
  .start-work div>p:not(.section-kicker):not(.start-work-range) {
    margin-top:var(--space-3)
  }
  .start-work-range {
    margin-top:var(--space-4)!important
  }
  .start-work-actions {
    gap:var(--space-2);
    min-width:168px
  }
  .start-after {
    padding-top:var(--space-7);
    padding-bottom:var(--space-7)
  }
  .start-utilities {
    padding-top:var(--space-7);
    padding-bottom:var(--space-page-end)
  }
  .start-utilities a {
    min-height:112px;
    padding-top:var(--space-4);
    padding-bottom:var(--space-4)
  }
  .collection-hero {
    max-width:var(--container-feature);
    padding-top:var(--space-page-start);
    padding-bottom:var(--space-hero-end)
  }
  .collection-hero>div>p {
    max-width:36ch
  }
  .collection-measure {
    margin-top:var(--space-6)
  }
  .collection-section {
    max-width:var(--container-feature);
    margin-bottom:var(--space-section)
  }
  .collection-section-head {
    margin-bottom:var(--space-6)
  }
  .collection-other-section {
    margin-top:var(--space-section)
  }
  .collection-list {
    max-width:var(--container-feature)
  }
  .collection-entry {
    gap:var(--space-6);
    padding-top:var(--space-6);
    padding-bottom:var(--space-6)
  }
  .collection-work-entry {
    padding-top:var(--space-7);
    padding-bottom:var(--space-7)
  }
  .collection-volume-hero {
    padding-bottom:var(--space-hero-end)
  }
  .collection-work-hero {
    padding-bottom:var(--space-hero-end)
  }
  .work-begin {
    gap:var(--space-7);
    padding-top:var(--space-7);
    padding-bottom:var(--space-7)
  }
  .work-route {
    margin-top:var(--space-7);
    margin-bottom:var(--space-section)
  }
  .volume-begin {
    margin-bottom:var(--space-6);
    padding-top:var(--space-5);
    padding-bottom:var(--space-5)
  }
  .volume-route-return {
    margin-top:var(--space-6)
  }
  .reading-sheet {
    padding-top:var(--space-page-start)
  }
  .essay-header,.article-body,.collection-marker,.provenance-note,.essay-footer,.essay-turning,.wander-arrival {
    max-width:var(--container-reading)
  }
  .essay-header h1 {
    margin-top:var(--space-4);
    margin-bottom:var(--space-5)
  }
  .essay-deck {
    gap:var(--space-5);
    padding-top:var(--space-4)
  }
  .collection-marker {
    margin-top:var(--space-6)
  }
  .article-body {
    margin-top:var(--space-8)
  }
  .article-body h1,.article-body h2,.article-body h3 {
    margin-top:3.2em;
    margin-bottom:.72em
  }
  .provenance-note {
    gap:var(--space-5);
    margin-top:var(--space-reading-end);
    padding-top:var(--space-5)
  }
  .collection-contents {
    margin-top:var(--space-3);
    padding-top:var(--space-4)
  }
  .essay-turning {
    margin-top:var(--space-8);
    padding-top:var(--space-5)
  }
  .turning-label {
    margin-bottom:var(--space-3)
  }
  .turning-links {
    gap:var(--grid-gap-standard)
  }
  .essay-footer {
    margin-top:var(--space-7);
    padding-top:var(--space-4)
  }
  .wander-arrival {
    gap:var(--space-5);
    margin-top:var(--space-5);
    padding-top:var(--space-4);
    padding-bottom:var(--space-4)
  }
  @media(max-width:760px) {
    .masthead,.page-shell,.site-footer {
      padding-right:var(--gutter);
      padding-left:var(--gutter)
    }
    .site-footer {
      margin-top:var(--space-page-end)
    }
    .start-hero {
      padding-top:clamp(72px,18vw,96px);
      padding-bottom:var(--space-7)
    }
    .start-works {
      padding-top:var(--space-8);
      padding-bottom:var(--space-8)
    }
    .start-works>header {
      margin-bottom:var(--space-6)
    }
    .start-work {
      gap:var(--space-3);
      padding-top:var(--space-6);
      padding-bottom:var(--space-6)
    }
    .start-work-actions {
      grid-column:2;
      justify-items:start;
      min-width:0;
      margin-top:var(--space-5)
    }
    .start-work-actions .start-work-action {
      grid-column:auto;
      width:auto;
      margin-top:0
    }
    .start-work-directory {
      margin-top:0
    }
    .start-after {
      padding-top:var(--space-6);
      padding-bottom:var(--space-6)
    }
    .start-utilities {
      padding-top:var(--space-6);
      padding-bottom:var(--space-page-end)
    }
    .start-utilities a {
      min-height:0;
      padding-top:var(--space-5);
      padding-bottom:var(--space-5)
    }
    .collection-hero {
      padding-top:clamp(72px,18vw,96px);
      padding-bottom:var(--space-7)
    }
    .collection-section {
      margin-bottom:var(--space-8)
    }
    .collection-section-head {
      margin-bottom:var(--space-5)
    }
    .collection-other-section {
      margin-top:var(--space-8)
    }
    .collection-entry {
      gap:var(--space-3);
      padding-top:var(--space-5);
      padding-bottom:var(--space-5)
    }
    .collection-work-entry {
      padding-top:var(--space-6);
      padding-bottom:var(--space-6)
    }
    .work-begin {
      padding-top:var(--space-6);
      padding-bottom:var(--space-6)
    }
    .work-route {
      margin-top:var(--space-6);
      margin-bottom:var(--space-8)
    }
    .volume-begin {
      margin-bottom:var(--space-5);
      padding-top:var(--space-4);
      padding-bottom:var(--space-4)
    }
    .reading-sheet {
      padding-top:clamp(64px,15vw,88px)
    }
    .essay-header h1 {
      margin-top:var(--space-4);
      margin-bottom:var(--space-5)
    }
    .essay-deck {
      gap:var(--space-3);
      padding-top:var(--space-4)
    }
    .collection-marker {
      margin-top:var(--space-5)
    }
    .article-body {
      margin-top:var(--space-7)
    }
    .provenance-note {
      gap:var(--space-4);
      margin-top:var(--space-9);
      padding-top:var(--space-4)
    }
    .essay-turning {
      margin-top:var(--space-7);
      padding-top:var(--space-4)
    }
    .turning-links {
      gap:var(--space-2)
    }
    .essay-footer {
      margin-top:var(--space-6);
      padding-top:var(--space-4)
    }
    .wander-arrival {
      gap:var(--space-4);
      margin-top:var(--space-4);
      padding-top:var(--space-4);
      padding-bottom:var(--space-4)
    }
  }
  /* 色彩与导航系统：色彩负责方向；文字、位置与边界负责解释。 */ .primary-nav {
    gap:var(--space-4)
  }
  .primary-nav-main {
    display:flex;
    align-items:center;
    gap:var(--space-5)
  }
  .primary-nav-explore {
    display:flex;
    align-items:center;
    margin-left:var(--space-2);
    padding-left:var(--space-4);
    border-left:var(--stroke-hairline) solid var(--border-subtle)
  }
  .primary-nav-main a {
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:32px;
    color:var(--text-muted)
  }
  .primary-nav-main a.active {
    color:var(--text-primary)
  }
  .primary-nav-main a.active:after {
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:1px;
    background:var(--action-primary);
    content:""
  }
  .primary-nav-explore .nav-secondary {
    color:var(--text-muted)!important;
    font-weight:500
  }
  .primary-nav-explore .nav-secondary:hover {
    color:var(--action-primary)!important
  }
  .essay-origin {
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:0;
    margin:0;
    color:var(--text-muted);
    font:600 10px/1.65 var(--font-ui);
    letter-spacing:.045em
  }
  .essay-origin a {
    padding-bottom:var(--space-optical-1);
    border-bottom:var(--stroke-hairline) solid transparent;
    color:var(--action-primary)
  }
  .essay-origin a:hover {
    border-color:var(--action-primary)
  }
  .essay-origin span {
    margin:0 var(--space-2);
    color:var(--border-strong)
  }
  .essay-origin time {
    color:var(--text-muted)
  }
  .essay-kicker {
    color:var(--text-muted)
  }
  .essay-kicker span {
    margin:0 var(--space-2)
  }
  .collection-marker {
    color:var(--text-muted)
  }
  .source-position a,.essay-footer>a,.turning-links i {
    color:var(--action-primary)
  }
  @media(max-width:760px) {
    .primary-nav {
      gap:0
    }
    .primary-nav-main {
      width:100%;
      justify-content:space-between;
      gap:0
    }
    .primary-nav-main a {
      min-height:34px
    }
    .primary-nav-explore {
      display:none
    }
    .essay-origin {
      font-size:9px;
      line-height:1.75
    }
    .essay-origin span {
      margin:0 6px
    }
  }

  /* 阅读环境：用少量局部变量维持标题、导语、首段和读后路径的连续关系。 */
  .reading-sheet {
    --reading-title-size:clamp(var(--font-size-4),5.1vw,var(--font-size-6));
    --reading-title-leading:1.11;
    --reading-title-tracking:-.05em;
    --reading-deck-size:15px;
    --reading-deck-leading:1.75;
    --reading-body-start:var(--space-8);
    --reading-section-before:3.2em;
    --reading-section-after:.72em;
    --reading-afterword-space:var(--space-reading-end);
    --reading-compact-action-size:44px
  }
  .essay-origin,.essay-kicker {
    overflow-wrap:anywhere
  }
  .essay-header h1 {
    margin:var(--space-4) 0 var(--space-5);
    font-size:var(--reading-title-size);
    line-height:var(--reading-title-leading);
    letter-spacing:var(--reading-title-tracking);
    overflow-wrap:anywhere;
    text-wrap:balance
  }
  .essay-deck {
    gap:var(--space-5);
    padding-top:var(--space-4)
  }
  .essay-deck>p {
    font-size:var(--reading-deck-size);
    line-height:var(--reading-deck-leading);
    text-wrap:pretty
  }
  .mark-button {
    display:inline-flex;
    align-items:center;
    min-height:var(--reading-compact-action-size);
    padding:var(--space-2) 0
  }
  .collection-marker {
    margin-top:var(--space-6);
    overflow-wrap:anywhere
  }
  .article-body {
    margin-top:var(--reading-body-start)
  }
  .article-body h1,.article-body h2,.article-body h3 {
    margin-top:var(--reading-section-before);
    margin-bottom:var(--reading-section-after);
    text-wrap:balance
  }
  .article-body,.article-body pre,.article-body .article-figure {
    min-width:0;
    max-width:100%
  }
  .provenance-note {
    gap:var(--grid-gap-standard);
    margin-top:var(--reading-afterword-space);
    padding-top:var(--space-5)
  }
  .provenance-note a {
    border-bottom:var(--stroke-hairline) solid var(--action-subtle);
    color:var(--action-primary)
  }
  .provenance-note a:hover {
    border-color:var(--action-primary)
  }
  .provenance-note p span[aria-hidden=true] {
    padding:0 var(--space-1);
    color:var(--text-muted)
  }
  .provenance-note a,.turning-links strong {
    overflow-wrap:anywhere;
    text-wrap:pretty
  }
  .essay-turning {
    margin-top:var(--space-8);
    padding-top:var(--space-5)
  }
  .turning-links {
    gap:var(--grid-gap-standard)
  }
  .turning-links a {
    align-content:center;
    min-block-size:var(--reading-compact-action-size);
    padding:var(--space-2) 0
  }
  .essay-footer {
    margin-top:var(--space-7);
    padding-top:var(--space-4)
  }
  @media(max-width:760px) {
    .reading-sheet {
      --reading-title-size:clamp(2.15rem,9.4vw,2.48rem);
      --reading-title-leading:1.13;
      --reading-title-tracking:-.04em;
      --reading-deck-size:14px;
      --reading-body-start:clamp(2.55rem,11vw,3rem);
      --reading-section-before:2.7em;
      --reading-afterword-space:var(--space-9)
    }
    .reading-sheet {
      padding-top:clamp(3.75rem,8vh,5.5rem)
    }
    .essay-deck {
      align-items:start;
      flex-direction:column;
      gap:var(--space-3)
    }
    .collection-marker {
      margin-top:var(--space-5)
    }
    .article-body {
      font-size:18px;
      line-height:1.88
    }
    html[data-type="large"] .article-body {
      font-size:20px;
      line-height:2.03
    }
    .article-body blockquote {
      font-size:1.08em
    }
    .provenance-note {
      grid-template-columns:1fr;
      gap:var(--grid-gap-compact);
      margin-top:var(--reading-afterword-space);
      padding-top:var(--space-4)
    }
    .source-position {
      text-align:left
    }
    .essay-turning {
      margin-top:var(--space-7);
      padding-top:var(--space-4)
    }
    .turning-links {
      grid-template-columns:1fr;
      gap:var(--grid-gap-compact)
    }
    .turning-links .turn-next {
      text-align:left
    }
    .turning-links .turn-next strong {
      grid-column:1
    }
    .turning-links .turn-next i {
      grid-column:2;
      grid-row:2
    }
    .essay-footer {
      align-items:start;
      flex-direction:column;
      gap:var(--space-3);
      margin-top:var(--space-6);
      padding-top:var(--space-4)
    }
  }

  /* 内容地图：层级说明和读后出口只解释真实关系，不制造推荐面板。 */
  .essay-header,.article-body,.collection-marker,.provenance-note,.essay-turning,.essay-exits,.essay-footer,.wander-arrival {
    max-width:var(--container-reading)
  }
  .essay-breadcrumb {
    display:block
  }
  .essay-breadcrumb ol {
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    margin:0;
    padding:0;
    list-style:none
  }
  .essay-breadcrumb li {
    min-width:0
  }
  .essay-breadcrumb li+li:before {
    margin:0 var(--space-2);
    color:var(--border-strong);
    content:"／"
  }
  .essay-breadcrumb .breadcrumb-current {
    max-width:min(34ch,100%);
    overflow:hidden;
    color:var(--text-muted);
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .essay-origin-meta {
    margin:var(--space-2) 0 0;
    color:var(--text-muted);
    font:500 .65rem/1.5 var(--font-ui);
    letter-spacing:.045em
  }
  .essay-exits {
    display:flex;
    flex-wrap:wrap;
    gap:var(--grid-gap-compact) var(--grid-gap-standard);
    margin:var(--space-4) auto 0;
    padding-top:var(--space-3);
    border-top:var(--stroke-hairline) solid var(--border-subtle)
  }
  .essay-exits a {
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:var(--space-1) 0;
    border-bottom:var(--stroke-hairline) solid var(--border-strong);
    color:var(--text-muted);
    font:500 .68rem/1.4 var(--font-ui);
    letter-spacing:.04em
  }
  .essay-exits a:hover {
    border-color:var(--action-primary);
    color:var(--action-primary)
  }
  html[data-type="large"] .essay-exits {
    max-width:680px
  }
  /* 创刊号稿件眉题：只组织真实的位置、时间与阅读信息，不创造伪作者或伪期号。 */
  .essay-imprint {
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    column-gap:var(--grid-gap-standard);
    row-gap:var(--grid-gap-compact);
    align-items:baseline;
    padding-bottom:var(--space-4);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle)
  }
  .essay-imprint-label {
    grid-row:1/3;
    margin:0;
    color:var(--action-primary);
    font:600 .64rem/1.45 var(--font-ui);
    letter-spacing:.09em
  }
  .essay-imprint .essay-origin,.essay-imprint .essay-kicker,.essay-imprint .essay-origin-meta {
    grid-column:2;
    margin:0
  }
  .essay-title-block {
    padding-top:var(--space-5);
    position:relative
  }
  /* 开页章：标题左上的手账小章，复用 writing-flow.svg */
  .essay-opening {
    position:absolute;
    top:0;
    left:-2px;
    inline-size:40px;
    block-size:40px;
    transform:rotate(-4deg) translateY(-6px)
  }
  .essay-opening-mark {
    inline-size:100%;
    block-size:100%;
    color:var(--accent-warm);
    opacity:.9;
    transform-origin:center;
    transition:transform .3s ease-out
  }
  .essay-opening:hover .essay-opening-mark { transform:scale(1.08) rotate(2deg) }
  @media(prefers-reduced-motion:reduce) {
    .essay-opening-mark { transition:none }
    .essay-opening:hover .essay-opening-mark { transform:none }
  }
  /* 开页问候：根据字数给的克制小语 */
  .essay-opening-greeting {
    margin:0 0 var(--space-2);
    padding-left:48px;
    color:var(--text-muted);
    font:italic 400 13px/1.5 var(--font-reading);
    letter-spacing:.04em
  }
  .essay-title-block .essay-deck {
    margin-top:0
  }
  /* 代表作插图：作品开头的视觉笔记 */
  .essay-feature {
    margin:var(--space-6) auto var(--space-5);
    text-align:center;
    max-width:480px
  }
  .essay-feature img {
    inline-size:100%;
    block-size:auto;
    color:var(--text-primary);
    opacity:.92;
    transform:rotate(-.6deg);
    transition:transform .3s ease-out
  }
  .essay-feature img:hover { transform:rotate(0) scale(1.02) }
  .essay-deck-summary {
    max-width:32ch!important
  }
  .collection-marker {
    padding-bottom:var(--space-2);
    border-bottom:var(--stroke-hairline) solid var(--border-subtle);
    font:600 .66rem/1.55 var(--font-ui);
    letter-spacing:.045em
  }
  @media(max-width:760px) {
    .essay-imprint {
      grid-template-columns:1fr;
      gap:var(--space-2);
      padding-bottom:var(--space-3)
    }
    .essay-imprint-label,.essay-imprint .essay-origin,.essay-imprint .essay-kicker,.essay-imprint .essay-origin-meta {
      grid-column:1;
      grid-row:auto
    }
    .essay-title-block {
      padding-top:var(--space-4)
    }
    .essay-breadcrumb .breadcrumb-current {
      max-width:100%;
      flex-basis:100%
    }
    .essay-breadcrumb .breadcrumb-current:before {
      content:none
    }
    .essay-exits {
      gap:var(--grid-gap-compact) var(--space-4);
      margin-top:var(--space-3)
    }
  }
}


/* 出版级排印校准：标题的有限平衡、正文的稳定行长与章节的安静呼吸。 */
@layer pages {
  .reading-sheet {
    --reading-title-measure:15.2em;
    --reading-title-tracking:-.032em;
    --reading-title-leading:1.08;
    --reading-prose-measure:34em;
    --reading-prose-leading:1.92;
    --reading-paragraph-space:1.58em;
    --reading-heading-before:3.35em;
    --reading-heading-after:.78em
  }
  .essay-header h1 {
    max-inline-size:var(--reading-title-measure);
    font-kerning:normal;
    text-wrap:balance
  }
  .essay-deck-summary,.start-daily-deck,.start-daily-item-deck { text-wrap:pretty }
  .article-body {
    max-inline-size:min(var(--container-reading),var(--reading-prose-measure));
    font-kerning:normal;
    font-variant-numeric:proportional-nums;
    line-height:var(--reading-prose-leading);
    word-spacing:normal;
    letter-spacing:.008em;
    text-wrap:pretty;
    hyphens:none;
    overflow-wrap:break-word
  }
  .article-body p { margin-bottom:var(--reading-paragraph-space) }
  .article-body h1,.article-body h2,.article-body h3 {
    margin-top:var(--reading-heading-before);
    margin-bottom:var(--reading-heading-after);
    line-break:strict;
    text-wrap:balance
  }
  .article-body h1,.article-body h2 { letter-spacing:-.018em }
  .article-body h3 { letter-spacing:-.01em }

  /* ---- 文章内"手账化"：H2 上方手绘横线 + H2 旁小涂鸦 ---- */
  .article-body h2 {
    position:relative;
    padding-left:32px
  }
  .article-body h2::before {
    content:"";
    position:absolute;
    top:-14px;
    left:0;
    right:0;
    block-size:8px;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 8' fill='none' stroke='%23c88a4a' stroke-width='1.4' stroke-linecap='round'><path d='M2 4 Q 20 1, 40 4 T 80 4 T 120 4 T 160 4 T 198 3' opacity='.55'/></svg>") repeat-x left center / 200px 8px
  }
  .article-body h2::after {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    inline-size:24px;
    block-size:24px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    color:var(--accent-warm)
  }
  .article-body h2:nth-of-type(8n+1)::after { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 4h10v16H5z'/><path d='M15 4h4v16h-4'/><path d='M7 8h6M7 11h6M7 14h4'/></svg>") }
  .article-body h2:nth-of-type(8n+2)::after { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M8 4h8v3l-2 1v11a2 2 0 0 1-2 2 2 2 0 0 1-2-2V8L8 7z'/><path d='M10 10h4M10 14h4'/></svg>") }
  .article-body h2:nth-of-type(8n+3)::after { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M9 6c-1 1-2 3-2 5 0 2 1 3 2 4'/><path d='M15 6c1 1 2 3 2 5 0 2-1 3-2 4'/><path d='M7 18h10'/></svg>") }
  .article-body h2:nth-of-type(8n+4)::after { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l2 5 5 1-4 4 1 5-4-2-4 2 1-5-4-4 5-1z'/></svg>") }
  .article-body h2:nth-of-type(8n+5)::after { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 19c2-8 6-12 14-14-2 8-6 12-14 14z'/><path d='M5 19l4-4'/></svg>") }
  .article-body h2:nth-of-type(8n+6)::after { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 10h12v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3z'/><path d='M7 10c0-3 2-5 4-5s4 2 4 5'/></svg>") }
  .article-body h2:nth-of-type(8n+7)::after { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M14 4l-7 16 4-2 1 4 7-16z'/></svg>") }
  .article-body h2:nth-of-type(8n)::after { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 7c-1 1 0 3 1 4 0 1 1 2 0 3M10 5c-1 1 0 3 1 4 0 1 1 2 0 3M14 7c-1 1 0 3 1 4 0 1 1 2 0 3M18 5c-1 1 0 3 1 4 0 1 1 2 0 3'/></svg>") }

  /* ---- 文章内链接"手账化"：暖橘虚线 + hover 实线加粗 ---- */
  .article-body a {
    color:var(--accent-warm);
    text-decoration:underline;
    text-decoration-style:dashed;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
    text-decoration-color:rgba(200, 138, 74, .55);
    transition:text-decoration-style .15s ease, text-decoration-thickness .15s ease
  }
  .article-body a:hover,
  .article-body a:focus-visible {
    text-decoration-style:solid;
    text-decoration-thickness:2px;
    text-decoration-color:var(--accent-warm)
  }
  .article-body blockquote {
    max-inline-size:31em;
    margin-top:2.8em;
    margin-bottom:2.9em;
    padding-left:1.15em;
    border-left:2px solid var(--action-subtle);
    letter-spacing:.006em;
    text-wrap:pretty
  }
  .article-body ul,.article-body ol { padding-left:1.65em }
  .article-body li { padding-left:.14em; margin:.5em 0 }
  .article-body hr {
    width:4.5em;
    margin-top:4.8em;
    margin-bottom:4.8em
  }
  .article-body figcaption,.article-body .article-media-summary {
    font-kerning:normal;
    text-wrap:pretty
  }
  @supports (hanging-punctuation:first allow-end last) {
    .article-body { hanging-punctuation:first allow-end last }
  }
  @supports not (text-wrap:pretty) {
    .article-body { text-wrap:wrap }
  }
  @media(min-width:761px) {
    .reading-sheet[data-reading-track="outlined"] .article-body { margin-top:calc(var(--reading-body-start) + var(--space-1)) }
  }
  @media(max-width:760px) {
    .reading-sheet {
      --reading-title-measure:10.8em;
      --reading-title-tracking:-.022em;
      --reading-title-leading:1.12;
      --reading-prose-measure:100%;
      --reading-prose-leading:1.91;
      --reading-paragraph-space:1.5em;
      --reading-heading-before:2.85em;
      --reading-heading-after:.72em
    }
    .article-body { max-inline-size:100%; letter-spacing:.004em }
    .article-body blockquote { max-inline-size:none; padding-left:1em }
    .article-body hr { margin-top:4em; margin-bottom:4em }
  }
  html[data-type="large"] .reading-sheet {
    --reading-prose-measure:31em;
    --reading-prose-leading:2.03
  }
}

@layer pages {
  .private-annotations {
    max-width:calc(var(--container-reading) - 72px);
    margin:clamp(4rem,7vw,6rem) auto 0;
    padding-top:var(--space-5);
    border-top:var(--stroke-hairline) solid var(--border-subtle);
  }

  .private-annotations header { max-width:52ch; }
  .private-annotations h2 {
    margin:var(--space-1) 0 var(--space-2);
    color:var(--text-primary);
    font:500 var(--font-size-2)/1.25 var(--font-reading);
    letter-spacing:-.025em;
  }
  .private-annotations h2 span { color:var(--text-muted); font:400 var(--font-size--1)/1.4 var(--font-ui); letter-spacing:0; }
  .private-annotations header>p:last-child { margin:0; color:var(--text-secondary); font:400 var(--font-size--1)/1.65 var(--font-prose); }

  .annotation-form { display:grid; gap:var(--space-2); margin-top:var(--space-5); }
  .annotation-form label { color:var(--text-muted); font:500 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui); }
  .annotation-form textarea {
    width:100%;
    resize:vertical;
    min-height:6.5rem;
    padding:var(--space-3) 0;
    border:0;
    border-block:var(--stroke-hairline) solid var(--border-subtle);
    border-radius:0;
    background:transparent;
    color:var(--text-primary);
    font:400 var(--font-size-0)/1.75 var(--font-prose);
  }
  .annotation-form textarea:focus-visible { outline:var(--stroke-focus) solid var(--focus-ring); outline-offset:var(--space-1); }
  .annotation-submit,.annotation-list form button {
    justify-self:start;
    padding:0 0 var(--space-optical-2);
    border:0;
    border-bottom:var(--stroke-hairline) solid var(--border-strong);
    border-radius:0;
    background:transparent;
    color:var(--text-muted);
    cursor:pointer;
    font:500 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui);
    transition:color var(--publication-hover-duration) var(--motion-easing),border-color var(--publication-hover-duration) var(--motion-easing),transform var(--publication-hover-duration) var(--motion-easing);
  }
  .annotation-submit:hover,.annotation-submit:focus-visible,.annotation-list form button:hover,.annotation-list form button:focus-visible { color:var(--action-primary); border-color:var(--action-primary); transform:var(--publication-hover-lift); }

  .annotation-list { margin:var(--space-6) 0 0; padding:0; list-style:none; }
  .annotation-list li { display:flex; justify-content:space-between; gap:var(--space-4); padding-block:var(--space-4); border-top:var(--stroke-hairline) solid var(--border-subtle); }
  .annotation-list li>div { min-width:0; }
  .annotation-list p { margin:0; white-space:pre-wrap; color:var(--text-secondary); font:400 var(--font-size--1)/1.72 var(--font-prose); }
  .annotation-list time { display:block; margin-top:var(--space-2); color:var(--text-muted); font:400 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui); }
  .annotation-list form { flex:0 0 auto; margin:0; }
  .annotation-list form button { font-size:var(--font-size--3); }

  @media(max-width:760px) {
    .private-annotations { max-width:var(--container-reading); margin-top:var(--space-8); }
    .annotation-list li { gap:var(--space-3); }
  }
  @media(prefers-reduced-motion:reduce) {
    .annotation-submit,.annotation-list form button { transition-duration:1ms; }
    .annotation-submit:hover,.annotation-submit:focus-visible,.annotation-list form button:hover,.annotation-list form button:focus-visible { transform:none; }
  }

  /* v8 私人批注闭环：仍是单人页边笔记，而不是公共评论区。 */
  .annotation-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-5); max-width:none!important; }
  .annotation-heading>div { max-width:52ch; }
  .annotation-heading nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:var(--space-3); padding-top:var(--space-1); }
  .annotation-index-link,.annotation-actions>a,.annotation-edit-form a { color:var(--action-primary); font:500 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui); text-decoration-thickness:1px; text-underline-offset:3px; }
  .annotation-index-link:hover,.annotation-index-link:focus-visible,.annotation-actions>a:hover,.annotation-actions>a:focus-visible,.annotation-edit-form a:hover,.annotation-edit-form a:focus-visible { color:var(--text-primary); text-decoration-color:currentColor; }
  .annotation-empty { max-width:48ch; margin:var(--space-5) 0 0; padding:var(--space-4) 0; border-top:var(--stroke-hairline) solid var(--border-subtle); color:var(--text-secondary); font:400 var(--font-size--1)/1.72 var(--font-prose); }
  .annotation-list { margin-top:var(--space-5); }
  .annotation-list li { align-items:flex-start; }
  .annotation-list li.is-editing { display:block; padding-block:var(--space-5); }
  .annotation-record { min-width:0; }
  .annotation-actions { display:flex; align-items:center; gap:var(--space-3); flex:0 0 auto; padding-top:var(--space-1); }
  .annotation-actions form { margin:0; }
  .annotation-edit-form { display:grid; gap:var(--space-3); max-width:52ch; }
  .annotation-edit-form label { color:var(--text-muted); font:500 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui); }
  .annotation-edit-form textarea { width:100%; min-height:9rem; resize:vertical; border:var(--stroke-hairline) solid var(--border-strong); border-radius:0; background:var(--surface-canvas); color:var(--text-primary); font:400 var(--font-size-0)/1.72 var(--font-prose); padding:var(--space-3); }
  .annotation-edit-form textarea:focus-visible { outline:var(--stroke-focus) solid var(--focus-ring); outline-offset:var(--space-1); }
  .annotation-edit-form>div { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-4); }
  .annotation-edit-form button { border:0; background:transparent; color:var(--action-primary); cursor:pointer; font:500 var(--publication-meta)/var(--publication-leading-meta) var(--font-ui); padding:0; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
  .annotation-edit-form button:hover,.annotation-edit-form button:focus-visible { color:var(--text-primary); }
  @media(max-width:760px) {
    .annotation-heading { display:grid; gap:var(--space-3); }
    .annotation-heading nav { justify-content:flex-start; padding-top:0; }
    .annotation-list li { display:grid; gap:var(--space-3); }
    .annotation-actions { justify-content:flex-start; padding-top:0; }
    .annotation-form textarea,.annotation-edit-form textarea { min-height:10rem; font-size:1rem; }
  }
}