/* Inherit WVEN ink/paper tokens; reading is a continuous page, not nested cards. */
.zwv2 { margin-block: 2rem; }
.zwv2-status:empty { display:none; }
.zwv2-status { color:var(--ink-mid); line-height:1.9; }
.zwv2-reader { max-width: 1060px; margin-inline:auto; overflow-wrap:anywhere; }
.zwv2-thesis { max-width:760px; margin:1.5rem auto 2rem; padding-inline-start:1rem; border-inline-start:2px solid var(--seal); line-height:1.9; }
.zwv2-nav { display:flex; flex-wrap:wrap; gap:.6rem 1rem; margin-block:1rem 2rem; padding-block:1rem; border-block:1px solid var(--line); }
.zwv2-nav a { color:var(--ink-mid); font-size:.9rem; text-decoration:none; }
.zwv2-nav a[aria-current] { color:var(--seal); text-decoration:underline; text-underline-offset:.3em; }
.zwv2-nav a:focus-visible,.zwv2-reader summary:focus-visible { outline:2px solid var(--seal); outline-offset:4px; }
.zwv2-chapter { max-width:760px; margin:0 auto 3rem; line-height:1.95; scroll-margin-block-start:5rem; }
.zwv2-chapter h3 { font-family:var(--font-serif,serif); margin-block:0 1.5rem; font-size:1.35rem; }
.zwv2-node { margin-block:1.5rem 2.5rem; }
.zwv2-node p { white-space:pre-line; margin-block:.8rem; }
.zwv2-conclusion { font-weight:600; color:var(--ink); }
.zwv2-why { font-size:.88rem; color:var(--ink-mid); margin-block:1rem; }
.zwv2-why summary { cursor:pointer; padding-block:.3rem; }
.zwv2-evidence { border-inline-start:1px solid var(--line); padding-inline:1rem; margin-block:1rem; }
.zwv2-evidence ul { padding-inline-start:1.3rem; }
.zwv2-reader .sys-ai-ask { display:flex; gap:.75rem; max-width:760px; margin:1rem auto; }
.zwv2-reader .sys-ai-input { min-width:0; flex:1; }
@media(min-width:1100px) { .zwv2-reader { display:grid; grid-template-columns:170px minmax(0,760px); column-gap:2rem; align-items:start; }
  .zwv2-nav { grid-column:1; grid-row:2 / span 8; flex-direction:column; position:sticky; top:5rem; margin:0; }
  .zwv2-chapter { grid-column:2; width:100%; }
  .zwv2-thesis { grid-column:2; }
  .zwv2-reader > .sys-note,.zwv2-reader > .sys-ai-ask,.zwv2-reader > .sys-ai-chat,.zwv2-reader > button { grid-column:2; }
}
@media(max-width:480px) { .zwv2-reader .sys-ai-ask { flex-direction:column; align-items:stretch; } .zwv2-nav { gap:.5rem 1rem; } }