/* Ziwei editorial overlay. Every selector is scoped to the explicit body
   marker. Load after the existing reader.css; preserve its hidden/JS rules. */
body[data-editorial="ziwei-quality"] {
  --paper: #f2ede3;
  --sheet: #faf7ef;
  --card: #fdfbf5;
  --ink: #2b302b;
  --pine: #203f34;
  --green: #284b3b;
  --muted: #67675c;
  --bronze: #a27643;
  --bronze-ink: #79552c;
  --line: #d8d0c0;
  background: var(--paper);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
body[data-editorial="ziwei-quality"] .wrap { width: min(1160px, calc(100% - 72px)); }
body[data-editorial="ziwei-quality"] .mast { padding: 24px 0 20px; }
body[data-editorial="ziwei-quality"] .brand { font-size: 19px; letter-spacing: .12em; }
body[data-editorial="ziwei-quality"] .brand span { font-family: var(--sans); font-size: 11px; letter-spacing: .09em; }
body[data-editorial="ziwei-quality"] .mast nav { gap: 8px 24px; font-size: 13px; }
body[data-editorial="ziwei-quality"] a { transition: color .16s ease, background-color .16s ease; }
body[data-editorial="ziwei-quality"] :is(a,button,input,select,summary):focus-visible { outline: 3px solid var(--bronze-ink); outline-offset: 4px; }
body[data-editorial="ziwei-quality"] .eyebrow { font-size: 11px; letter-spacing: .2em; }
body[data-editorial="ziwei-quality"] .zw-hero {
  grid-template-columns: minmax(0, 1fr) minmax(0, .94fr);
  gap: 44px 6%;
  padding: 64px 0 56px;
  align-items: center;
}
body[data-editorial="ziwei-quality"] .zw-hero h1 { margin: 18px 0 20px; font-size: clamp(38px,4.4vw,59px); letter-spacing: .045em; line-height: 1.27; }
body[data-editorial="ziwei-quality"] .zw-hero h1 span { display: block; }
body[data-editorial="ziwei-quality"] .zw-hero .dek { max-width: 25em; font-family: var(--serif); font-size: 19px; line-height: 1.9; }
body[data-editorial="ziwei-quality"] .zw-hero-note { max-width: 28em; margin: 13px 0 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
body[data-editorial="ziwei-quality"] .zw-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 27px; font-size: 13px; }
body[data-editorial="ziwei-quality"] .zw-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; min-height: 46px; padding: 10px 19px; text-decoration: none; }
body[data-editorial="ziwei-quality"] .zw-button-primary { color: var(--sheet); background: var(--pine); border: 1px solid var(--pine); }
body[data-editorial="ziwei-quality"] .zw-button-primary:hover { color: white; background: #315343; }
body[data-editorial="ziwei-quality"] .zw-resume { gap: 15px; padding: 5px 0; border-bottom: 1px solid var(--line); }
body[data-editorial="ziwei-quality"] .stats { gap: 0; justify-content: flex-start; margin: 34px 0 0; padding-top: 22px; }
body[data-editorial="ziwei-quality"] .stats > div { min-width: 96px; padding-right: 27px; margin-right: 27px; border-right: 1px solid var(--line); }
body[data-editorial="ziwei-quality"] .stats > div:last-child { border-right: 0; margin-right: 0; padding-right: 0; }
body[data-editorial="ziwei-quality"] .stats dt { font-size: 35px; }
body[data-editorial="ziwei-quality"] .stats dd { margin-top: 7px; font-size: 11px; letter-spacing: .08em; }
body[data-editorial="ziwei-quality"] .zw-cover { margin: 0; padding: 17px 17px 12px; border: 1px solid #c9baa3; background: #e8e1d2; box-shadow: 10px 13px 0 -5px #ded5c3, 0 18px 30px -28px #273b2d; }
body[data-editorial="ziwei-quality"] .zw-cover-image { aspect-ratio: 3 / 2; overflow: hidden; background: #e1d9c8; border: 1px solid #c7bda8; }
body[data-editorial="ziwei-quality"] .zw-cover img { display: block; width: 100%; height: 100%; object-fit: contain; background: transparent; }
body[data-editorial="ziwei-quality"] .zw-cover figcaption { display: flex; justify-content: space-between; gap: 12px; margin: 12px 0 0; color: #665b48; font-size: 9px; letter-spacing: .14em; }
body[data-editorial="ziwei-quality"] .zw-route { margin: 0 0 51px; padding: 25px 0 21px; border-block: 1px solid var(--line); }
body[data-editorial="ziwei-quality"] .zw-small-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; align-items: baseline; margin-bottom: 15px; }
body[data-editorial="ziwei-quality"] .zw-small-heading h2 { margin: 0; font-family: var(--sans); font-size: 12px; letter-spacing: .12em; }
body[data-editorial="ziwei-quality"] .zw-small-heading p { margin: 0; color: var(--muted); font-size: 11px; }
body[data-editorial="ziwei-quality"] .zw-topic-index { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3px 23px; }
body[data-editorial="ziwei-quality"] .zw-topic-index a { display: flex; align-items: center; gap: 10px; min-height: 44px; border-bottom: 1px solid #e0d8c9; font-family: var(--serif); font-size: 15px; text-decoration: none; }
body[data-editorial="ziwei-quality"] .zw-topic-index a:hover { color: var(--bronze-ink); border-bottom-color: var(--bronze); }
body[data-editorial="ziwei-quality"] .zw-topic-number { color: var(--bronze-ink); font: 11px var(--sans); }
body[data-editorial="ziwei-quality"] .zw-topic-count { margin-left: auto; color: var(--muted); font: 10px var(--sans); }
body[data-editorial="ziwei-quality"] .zw-directory { margin: 0; scroll-margin-top: 24px; }
body[data-editorial="ziwei-quality"] .zw-directory-intro { display: flex; flex-wrap: wrap; gap: 15px 30px; justify-content: space-between; align-items: end; margin-bottom: 22px; }
body[data-editorial="ziwei-quality"] .zw-directory-intro h2 { margin: 0; font-size: 31px; }
body[data-editorial="ziwei-quality"] .zw-directory-intro .eyebrow { margin: 0 0 9px; }
body[data-editorial="ziwei-quality"] .zw-directory-intro > p { margin: 0; color: var(--muted); font-size: 11px; }
body[data-editorial="ziwei-quality"] .library-tools { margin: 0 0 38px; padding: 19px 23px 13px; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr) auto; gap: 13px 18px; background: #eae5da; border-block: 0; }
body[data-editorial="ziwei-quality"] .library-tools label { font-size: 11px; letter-spacing: .045em; }
body[data-editorial="ziwei-quality"] .library-tools :is(input,select) { height: 43px; margin-top: 6px; padding: 0 11px; background: var(--sheet); font-size: 14px; }
body[data-editorial="ziwei-quality"] button[data-reset-filter] { min-height: 43px; padding: 8px 14px; background: transparent; border: 1px solid #bdb5a6; font-size: 12px; }
body[data-editorial="ziwei-quality"] .library-tools [data-search-note] { grid-column: 1/-1; font-size: 10px; line-height: 1.7; }
body[data-editorial="ziwei-quality"] .zw-filter-status { display: flex; justify-content: space-between; gap: 16px; grid-column: 1/-1; padding-top: 9px; border-top: 1px solid var(--line); }
body[data-editorial="ziwei-quality"] .zw-filter-status p { margin: 0; font-size: 11px; }
body[data-editorial="ziwei-quality"] .zw-catalog-section { margin: 0 0 36px; scroll-margin-top: 25px; }
@supports selector(:has(*)) {
  body[data-editorial="ziwei-quality"] .zw-catalog-section:not(:has(.unit-list > li:not([hidden]))) { display: none; }
}
body[data-editorial="ziwei-quality"] .zw-catalog-section .section-heading { margin: 0 0 13px; }
body[data-editorial="ziwei-quality"] .zw-catalog-section .section-heading > p { font-size: 11px; }
body[data-editorial="ziwei-quality"] .zw-section-title { display: flex; align-items: baseline; gap: 14px; }
body[data-editorial="ziwei-quality"] .zw-section-title h2 { font-size: 23px; letter-spacing: .055em; }
body[data-editorial="ziwei-quality"] .zw-section-number { color: var(--bronze-ink); font: 12px var(--sans); }
body[data-editorial="ziwei-quality"] .unit-list > li { gap: 16px; align-items: center; border-color: var(--line); }
body[data-editorial="ziwei-quality"] .unit-list .zw-unit-link { display: grid; grid-template-columns: 114px minmax(0,1fr); gap: 20px; align-items: center; padding: 17px 0; }
body[data-editorial="ziwei-quality"] .unit-list .zw-unit-link:hover { background: transparent; }
body[data-editorial="ziwei-quality"] .zw-thumb { display: block; aspect-ratio: 3/2; overflow: hidden; background: #e7e2d5; }
body[data-editorial="ziwei-quality"] .zw-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
body[data-editorial="ziwei-quality"] .zw-unit-link:hover .zw-thumb img { transform: scale(1.04); }
body[data-editorial="ziwei-quality"] .zw-unit-copy { display: block; min-width: 0; }
body[data-editorial="ziwei-quality"] .zw-unit-number { display: block; margin-bottom: 5px; color: var(--bronze-ink); font: 10px var(--sans); letter-spacing: .1em; }
body[data-editorial="ziwei-quality"] .zw-unit-title { display: block; color: var(--pine); font: 20px/1.5 var(--serif); }
body[data-editorial="ziwei-quality"] .zw-unit-lead { display: block; max-width: 42em; margin-top: 6px; color: var(--muted); font-size: 12px; line-height: 1.75; }
body[data-editorial="ziwei-quality"] .zw-unit-tail { flex: 0 0 auto; display: flex; align-items: center; gap: 25px; color: var(--bronze-ink); }
body[data-editorial="ziwei-quality"] .zw-unit-tail [data-read-status] { font-size: 10px; }
body[data-editorial="ziwei-quality"] .zw-reading-note { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 21px; margin: 52px 0 35px; padding: 29px 32px; background: #e8e3d7; }
body[data-editorial="ziwei-quality"] .zw-note-mark { display: grid; place-items: center; width: 38px; height: 47px; color: var(--bronze-ink); border: 1px solid var(--bronze); font: 22px var(--serif); }
body[data-editorial="ziwei-quality"] .zw-reading-note h2 { margin: 0 0 8px; font-size: 21px; }
body[data-editorial="ziwei-quality"] .zw-reading-note p { max-width: 53em; margin: 0 0 11px; color: var(--muted); font-size: 13px; }
body[data-editorial="ziwei-quality"] .zw-reading-note a { font-size: 12px; }
body[data-editorial="ziwei-quality"] .footer { margin-top: 32px; padding: 20px 0 35px; font-size: 11px; }
/* Reader rhythm: one readable column. Semantic figure placement is performed
   by the content integrator; no CSS order trick moves figures past prose. */
body[data-editorial="ziwei-quality"] .prose p.zw-figure-kicker { margin: 30px 0 -20px; color: var(--bronze-ink); font: 12px/1.8 var(--sans); letter-spacing: .12em; }
body[data-editorial="ziwei-quality"] .zw-context-figure { margin: 32px 0 42px; }
body[data-editorial="ziwei-quality"][data-page="index"] .zw-catalog-section:not(:has(li:not([hidden]))) { display: none; }
body[data-editorial="ziwei-quality"][data-unit="twelve-palaces"] .study-panel:first-child { grid-column: 1 / -1; }
body[data-editorial="ziwei-quality"][data-unit="twelve-palaces"] .study-panel:first-child .study-table { display: block; }
body[data-editorial="ziwei-quality"][data-unit="twelve-palaces"] .study-panel:first-child .study-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
body[data-editorial="ziwei-quality"][data-unit="twelve-palaces"] .study-panel:first-child .study-table tbody { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
body[data-editorial="ziwei-quality"][data-unit="twelve-palaces"] .study-panel:first-child .study-table tr { display: block; padding: 13px; background: #eee9dd; border: 1px solid #d8cdb9; }
body[data-editorial="ziwei-quality"][data-unit="twelve-palaces"] .study-panel:first-child .study-table td { display: block; padding: 0; border: 0; font-size: 14px; }
body[data-editorial="ziwei-quality"][data-unit="twelve-palaces"] .study-panel:first-child .study-table td:first-child { margin-bottom: 7px; color: var(--pine); font: 20px/1.5 var(--serif); }
@media(max-width:600px) {
 body[data-editorial="ziwei-quality"][data-unit="twelve-palaces"] .study-panel:first-child .study-table tbody { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
body[data-editorial="ziwei-quality"][data-page="reader"] main { padding-top: 9px; }
body[data-editorial="ziwei-quality"] .reader-head { max-width: 800px; margin: 37px auto 27px; }
body[data-editorial="ziwei-quality"] .reader-head h1 { margin-bottom: 23px; font-size: clamp(31px,3.6vw,45px); line-height: 1.47; letter-spacing: .025em; }
body[data-editorial="ziwei-quality"] .header-sources { max-width: 100%; font-size: 12px; }
body[data-editorial="ziwei-quality"] .header-sources summary { min-height: 43px; padding: 11px 15px; background: #eae5d9; border-color: transparent; font-size: 12px; }
body[data-editorial="ziwei-quality"] .header-sources[open] { padding-bottom: 10px; border-bottom: 1px solid var(--line); }
body[data-editorial="ziwei-quality"] .header-sources p { padding-inline: 15px; }
body[data-editorial="ziwei-quality"] .source-line a { display: inline-block; margin-right: 13px; padding-block: 3px; }
body[data-editorial="ziwei-quality"] .reading-block,
body[data-editorial="ziwei-quality"] .reading-block.no-scene { display: block; width: 100%; max-width: 760px; margin: 0 auto 42px; }
body[data-editorial="ziwei-quality"] .reading-block > .prose,
body[data-editorial="ziwei-quality"] .reading-block.no-scene > .prose { max-width: 100%; }
body[data-editorial="ziwei-quality"] .prose { font: 19px/2.03 var(--serif); }
body[data-editorial="ziwei-quality"] .prose p { margin: 1.05em 0; font: inherit; }
body[data-editorial="ziwei-quality"] .prose .dek { max-width: none; margin: 0 0 28px; padding: 0 0 22px; border-bottom: 1px solid var(--line); color: #4f5b4f; font: 20px/1.95 var(--serif); }
body[data-editorial="ziwei-quality"] .prose h2 { margin: 39px 0 16px; font-size: 27px; line-height: 1.5; }
body[data-editorial="ziwei-quality"] .learning-figure { max-width: 100%; margin: 31px 0 34px; padding: 10px; background: #e7e1d3; border: 1px solid #d5cbb8; }
body[data-editorial="ziwei-quality"] .learning-figure img { display: block; aspect-ratio: 3/2; object-fit: contain; background: #e7e1d3; }
body[data-editorial="ziwei-quality"] .learning-figure figcaption { margin: 11px 6px 4px; font: 12px/1.85 var(--sans); }
body[data-editorial="ziwei-quality"] .knowledge-figure { margin: 28px 0 35px; padding: 23px; border: 1px solid #d3c8b4; border-top: 3px solid var(--pine); background: #eee9dd; }
body[data-editorial="ziwei-quality"] .prose .knowledge-figure h2 { margin: 0 0 18px; font-size: 22px; line-height: 1.55; }
body[data-editorial="ziwei-quality"] .study-panels { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
body[data-editorial="ziwei-quality"] .study-panel { padding: 16px 14px; background: var(--sheet); border: 1px solid #d8cdb9; border-top: 2px solid var(--bronze); }
body[data-editorial="ziwei-quality"] .study-panel h3 { margin-bottom: 14px; font-size: 19px; }
body[data-editorial="ziwei-quality"] .study-table { font-size: 14px; line-height: 1.85; }
body[data-editorial="ziwei-quality"] .study-table th,
body[data-editorial="ziwei-quality"] .study-table td { padding: 8px 6px; }
body[data-editorial="ziwei-quality"] .prose .study-panel p { font: 14px/1.85 var(--serif); }
body[data-editorial="ziwei-quality"] .prose .study-panel p.study-note { margin-top: 13px; color: var(--bronze-ink); }
body[data-editorial="ziwei-quality"] .knowledge-figure figcaption { margin-top: 15px; font: 11px/1.9 var(--sans); }
body[data-editorial="ziwei-quality"] .cite { display: inline; margin-left: .4em; color: var(--bronze-ink); font: 11px/1.6 var(--sans); }
body[data-editorial="ziwei-quality"] .cite a { display: inline-block; min-height: 24px; padding: 2px 3px; }
body[data-editorial="ziwei-quality"] :is(.terms,.case-study,.compare,.quiz,.source-note,.chapter-nav) { width: 100%; max-width: 760px; margin-inline: auto; }
body[data-editorial="ziwei-quality"] :is(.terms,.compare,.quiz) { margin-block: 34px; padding-top: 25px; }
body[data-editorial="ziwei-quality"] :is(.terms,.compare,.quiz,.source-note) > h2 { margin-bottom: 16px; font-size: 25px; }
body[data-editorial="ziwei-quality"] .terms dl { margin: 0; display: grid; grid-template-columns: minmax(65px,.2fr) minmax(0,1fr); gap: 12px 21px; font-family: var(--serif); }
body[data-editorial="ziwei-quality"] .terms dt { color: var(--bronze-ink); }
body[data-editorial="ziwei-quality"] .terms dd { margin: 0; font-size: 16px; line-height: 1.9; }
body[data-editorial="ziwei-quality"] .case-study { padding-left: 22px; }
body[data-editorial="ziwei-quality"] :is(.compare,.quiz) > p { color: var(--muted); font-size: 14px; }
body[data-editorial="ziwei-quality"] .quiz [data-quiz-question] { margin: 25px 0 0; padding: 25px 0 0; border-top: 1px solid var(--line); }
body[data-editorial="ziwei-quality"] .quiz h3 { margin-bottom: 15px; font: 20px/1.65 var(--serif); }
body[data-editorial="ziwei-quality"] button[data-quiz-choice] { display: block; width: 100%; margin: 9px 0; padding: 13px 17px; text-align: left; background: var(--sheet); font: 16px/1.8 var(--serif); }
body[data-editorial="ziwei-quality"] button[data-compare-choice] { padding: 10px 15px; font-size: 14px; }
body[data-editorial="ziwei-quality"] button:is([data-quiz-choice],[data-compare-choice],[data-mark-read])[aria-pressed="true"] { color: var(--sheet); background: var(--pine); border-color: var(--pine); }
body[data-editorial="ziwei-quality"] [data-quiz-feedback] { padding: 13px 18px; background: #e8e3d7; }
body[data-editorial="ziwei-quality"] .source-note { margin-block: 29px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.9; }
body[data-editorial="ziwei-quality"] .source-note h2 { font-size: 22px; }
body[data-editorial="ziwei-quality"] .source-list { padding-left: 1.4em; }
body[data-editorial="ziwei-quality"] .source-list > li { margin: 18px 0; padding-left: 5px; }
body[data-editorial="ziwei-quality"] .source-list p { margin: .3em 0; }
body[data-editorial="ziwei-quality"] .source-list p:first-child { font-family: var(--serif); font-size: 17px; }
body[data-editorial="ziwei-quality"] .chapter-nav { gap: 10px 20px; margin-block: 35px; padding-block: 21px; border-top: 1px solid var(--line); font-size: 12px; }
body[data-editorial="ziwei-quality"] .chapter-nav a:first-child { max-width: 32em; }
body[data-editorial="ziwei-quality"] button[data-mark-read] { margin-left: auto; font-size: 12px; }
body[data-editorial="ziwei-quality"] dialog[data-image-dialog] { padding: 15px; background: var(--sheet); border-color: #bfae92; }
@media (max-width: 900px) {
  body[data-editorial="ziwei-quality"] .wrap { width: calc(100% - 44px); }
  body[data-editorial="ziwei-quality"] .zw-hero { gap: 31px 5%; padding: 43px 0; }
  body[data-editorial="ziwei-quality"] .zw-hero h1 { font-size: 42px; }
  body[data-editorial="ziwei-quality"] .zw-hero .dek { font-size: 17px; }
  body[data-editorial="ziwei-quality"] .stats > div { min-width: 64px; padding-right: 15px; margin-right: 15px; }
  body[data-editorial="ziwei-quality"] .stats dt { font-size: 30px; }
  body[data-editorial="ziwei-quality"] .stats dd { font-size: 10px; }
  body[data-editorial="ziwei-quality"] .zw-cover { padding: 11px 11px 9px; }
  body[data-editorial="ziwei-quality"] .zw-topic-index { grid-template-columns: repeat(3,minmax(0,1fr)); }
  body[data-editorial="ziwei-quality"] .library-tools { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) auto; }
  body[data-editorial="ziwei-quality"] button[data-reset-filter] { grid-column: auto; }
}
@media (max-width: 680px) {
  body[data-editorial="ziwei-quality"] .mast { gap: 5px 15px; padding: 16px 0 12px; }
  body[data-editorial="ziwei-quality"] .mast nav { gap: 5px 17px; font-size: 11px; }
  body[data-editorial="ziwei-quality"] .brand { font-size: 17px; }
  body[data-editorial="ziwei-quality"] .brand span { font-size: 10px; padding-left: 8px; }
  body[data-editorial="ziwei-quality"] .zw-hero { grid-template-columns: minmax(0,1fr); gap: 29px; padding: 32px 0 35px; }
  body[data-editorial="ziwei-quality"] .zw-hero h1 { margin-top: 10px; font-size: 41px; }
  body[data-editorial="ziwei-quality"] .zw-hero h1 span { display: inline; }
  body[data-editorial="ziwei-quality"] .zw-hero h1 span + span::before { content: "\A"; white-space: pre; }
  body[data-editorial="ziwei-quality"] .zw-cover { width: min(100%,440px); margin-inline: auto; }
  body[data-editorial="ziwei-quality"] .stats { margin-top: 25px; padding-top: 20px; }
  body[data-editorial="ziwei-quality"] .stats > div { min-width: 80px; padding-right: 23px; margin-right: 23px; }
  body[data-editorial="ziwei-quality"] .zw-topic-index { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px 18px; }
  body[data-editorial="ziwei-quality"] .zw-topic-index a { font-size: 14px; }
  body[data-editorial="ziwei-quality"] .zw-route { padding-block: 21px 16px; margin-bottom: 34px; }
  body[data-editorial="ziwei-quality"] .zw-small-heading p { font-size: 10px; }
  body[data-editorial="ziwei-quality"] .zw-directory-intro h2 { font-size: 28px; }
  body[data-editorial="ziwei-quality"] .library-tools { grid-template-columns: minmax(0,1fr) minmax(0,.85fr); gap: 12px; padding: 16px; }
  body[data-editorial="ziwei-quality"] button[data-reset-filter] { grid-column: 1/-1; justify-self: start; min-height: 40px; }
  body[data-editorial="ziwei-quality"] .library-tools [data-search-note] { margin-top: -4px; }
  body[data-editorial="ziwei-quality"] .unit-list .zw-unit-link { grid-template-columns: 88px minmax(0,1fr); gap: 13px; align-items: start; padding: 17px 0; }
  body[data-editorial="ziwei-quality"] .zw-thumb { margin-top: 4px; }
  body[data-editorial="ziwei-quality"] .zw-unit-title { font-size: 18px; line-height: 1.6; }
  body[data-editorial="ziwei-quality"] .zw-unit-lead { font-size: 11px; }
  body[data-editorial="ziwei-quality"] .zw-unit-number { margin-bottom: 4px; font-size: 9px; }
  body[data-editorial="ziwei-quality"] .unit-list > li { flex-wrap: wrap; gap: 0; }
  body[data-editorial="ziwei-quality"] .zw-unit-link { flex-basis: 100%; }
  body[data-editorial="ziwei-quality"] .zw-unit-tail { width: 100%; justify-content: flex-end; gap: 15px; margin: -7px 0 12px; }
  body[data-editorial="ziwei-quality"] .zw-unit-tail > span:last-child { display: none; }
  body[data-editorial="ziwei-quality"] .zw-reading-note { grid-template-columns: 29px minmax(0,1fr); gap: 16px; padding: 22px 18px; margin-top: 37px; }
  body[data-editorial="ziwei-quality"] .zw-note-mark { width: 29px; height: 39px; font-size: 19px; }
  body[data-editorial="ziwei-quality"] .zw-reading-note h2 { font-size: 20px; line-height: 1.6; }
  body[data-editorial="ziwei-quality"] .reader-head { margin-top: 27px; }
  body[data-editorial="ziwei-quality"] .reader-head h1 { font-size: 31px; line-height: 1.5; }
  body[data-editorial="ziwei-quality"] .prose { font-size: 18px; line-height: 1.98; }
  body[data-editorial="ziwei-quality"] .prose .dek { font-size: 19px; }
  body[data-editorial="ziwei-quality"] .prose h2 { font-size: 24px; margin-top: 31px; }
  body[data-editorial="ziwei-quality"] .knowledge-figure { padding: 16px 13px; }
  body[data-editorial="ziwei-quality"] .study-panels { grid-template-columns: minmax(0,1fr); gap: 13px; }
  body[data-editorial="ziwei-quality"] .study-panel { padding: 14px 12px; }
  body[data-editorial="ziwei-quality"] .terms dl { grid-template-columns: minmax(55px,.24fr) minmax(0,1fr); gap: 12px; }
  body[data-editorial="ziwei-quality"] .chapter-nav { gap: 8px 17px; }
  body[data-editorial="ziwei-quality"] button[data-mark-read] { margin-left: 0; }
  body[data-editorial="ziwei-quality"] .footer { gap: 8px 20px; }
}
@media (max-width: 390px) {
  body[data-editorial="ziwei-quality"] .wrap { width: calc(100% - 30px); }
  body[data-editorial="ziwei-quality"] .zw-hero h1 { font-size: 38px; }
  body[data-editorial="ziwei-quality"] .stats > div { min-width: 65px; padding-right: 21px; margin-right: 21px; }
  body[data-editorial="ziwei-quality"] .library-tools { padding: 13px; }
  body[data-editorial="ziwei-quality"] .library-tools :is(input,select) { font-size: 16px; }
  body[data-editorial="ziwei-quality"] .unit-list .zw-unit-link { grid-template-columns: 76px minmax(0,1fr); gap: 12px; }
  body[data-editorial="ziwei-quality"] .zw-unit-title { font-size: 17px; }
  body[data-editorial="ziwei-quality"] .prose { font-size: 17px; }
  body[data-editorial="ziwei-quality"] .reader-head h1 { font-size: 29px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-editorial="ziwei-quality"] :is(a,img) { transition: none; }
  body[data-editorial="ziwei-quality"] .zw-unit-link:hover .zw-thumb img { transform: none; }
}