/* The v0.5 shared reading system. Each proposal supplies its own composition. */
.v05 { --bg:#10151e; --ink:#eaece9; --muted:#adb6c5; --accent:#b5c9ed; --line:#344053; --surface:#171e2a; --display:Literata,LocalChineseSerif,serif; --body:LocalChinese,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:var(--bg); color:var(--ink); font-family:var(--body); color-scheme:dark; }
.v05 a { text-underline-offset:5px; text-decoration-thickness:1px; }
.v05 a:hover { color:var(--accent); }
.v05 button, .v05 summary { cursor:pointer; }
.v05 button:focus-visible,.v05 a:focus-visible,.v05 summary:focus-visible,.v05 input:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.v05 ::selection { background:#b5c9ed; color:#10151e; }
.v05 input { caret-color:var(--accent); }
.v05 * { scrollbar-color:#55647d var(--bg); }
.v05 [id] { scroll-margin-top:35px; }
.v05 h1 { font-size:clamp(38px,5vw,64px); max-width:20ch; line-height:1.18; font-weight:450; letter-spacing:-.035em; text-wrap:balance; }
.v05 h2 { font-size:clamp(25px,2.5vw,34px); line-height:1.4; font-weight:450; letter-spacing:-.02em; text-wrap:balance; }
.v05 h3 { font-size:22px; line-height:1.45; font-weight:450; }
.v05 p { max-width:69ch; }
.v05 p + p { margin-top:18px; }
.v05 .v-nav { display:flex; align-items:center; gap:28px; max-width:1440px; min-height:95px; margin:auto; padding:24px 48px; border-bottom:1px solid var(--line); }
.v05 .v-brand { font:450 25px/1.2 var(--display); margin-right:auto; text-decoration:none; white-space:nowrap; }
.v05 .v-brand span { font-size:14px; margin-left:10px; color:var(--muted); }
.v05 .v-nav nav { display:flex; align-items:center; gap:25px; font-size:13px; }
.v05 .v-nav nav a { text-decoration:none; padding:5px 0; }
.v05 .v-nav nav a[aria-current] { color:var(--accent); border-bottom:1px solid currentColor; }
.v05 .cv-direct { display:inline-flex; gap:6px; align-items:center; white-space:nowrap; font-size:13px; text-decoration:none; }
.v05 .cv-direct span { font-size:10px; color:var(--muted); }
.v05 .language-switch { font-size:13px; }
.v05 .v-main { max-width:1280px; margin:auto; padding:0 48px; }
.v05 .v-footer { max-width:1280px; margin:90px auto 0; padding:30px 48px 45px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:35px; font-size:12px; }
.v05 .v-footer p { color:var(--muted); margin-top:10px; }
.v05 .v-footer a { display:inline-flex; align-items:center; gap:12px; }
.v05 .identity-role { font-size:14px; line-height:1.7; color:var(--muted); }
.v05 .focus-line { color:var(--accent); font-size:16px; margin-top:20px; }
.v05 .intro { color:var(--muted); font-size:16px; line-height:1.9; margin-top:25px; }
.v05 .name-cn { font-size:.43em; margin-left:12px; color:var(--muted); }
.v05 .plate-open { background:#080b11; border-radius:3px; }
.v05 .plate-open img { padding:0; object-fit:contain; }
.v05 .plate-open[data-state=annotated] img { padding:10px; }
.v05 .plate-open:after { content:''; position:absolute; inset:0; border:1px solid rgba(176,195,225,.14); border-radius:3px; pointer-events:none; }
.v05 .plate figcaption { margin-top:10px; font-size:12px; color:var(--muted); }
.v05 .plate-zoom { opacity:1; width:28px; height:28px; background:#dce4f0; color:#10151e; bottom:10px; right:10px; }
.v05 .image-credit { font-size:12px; line-height:1.75; color:var(--muted); margin-top:14px; }
.v05 .audience-paths { display:grid; gap:0; }
.v05 .audience-paths > a { padding:20px 0; border-top:1px solid var(--line); text-decoration:none; min-width:0; }
.v05 .path-title { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:18px; line-height:1.6; }
.v05 .path-title svg { flex-shrink:0; }
.v05 .path-note { display:block; color:var(--muted); font-size:12px; line-height:1.8; margin-top:7px; }
.v05 .section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:25px; margin-bottom:30px; }
.v05 .section-heading > a,.v05 .section-heading .link-group { font-size:13px; }
.v05 .work-preview { margin-top:90px; border-top:1px solid var(--line); padding-top:35px; }
.v05 .preview-columns { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.v05 .preview-columns p { font-size:14px; line-height:1.9; color:var(--muted); margin-top:15px; }
.v05 .practice-preview { margin-top:75px; display:grid; grid-template-columns:.75fr 1.25fr; gap:24px 65px; }
.v05 .practice-preview p { color:var(--muted); font-size:15px; line-height:1.9; }
.v05 .practice-preview > a { grid-column:2; justify-self:start; font-size:13px; }
.v05 .v-intro { padding:65px 0 45px; max-width:1050px; }
.v05 .v-intro > p { font-size:16px; line-height:1.9; color:var(--muted); margin-top:25px; }
.v05 .v-intro .link-group { margin-top:25px; font-size:14px; }
.v05 .study-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:55px 75px; }
.v05 .study-block { border-top:1px solid var(--line); padding-top:26px; min-width:0; }
.v05 .study-block > p { font-size:15px; line-height:1.9; color:var(--muted); margin-top:18px; }
.v05 .study-block .link-group { font-size:13px; margin-top:25px; }
.v05 .earlier-study { grid-column:1 / -1; max-width:900px; }
.v05 .context-plate { max-width:360px; justify-self:end; }
.v05 .context-plate img { width:100%; border-radius:3px; }
.v05 .context-plate figcaption { font-size:12px; line-height:1.8; color:var(--muted); margin-top:12px; }
.v05 .gap-list { display:grid; margin-top:27px; }
.v05 .missing-line { border-top:1px dashed var(--line); padding:13px 0; color:var(--muted); font-size:13px; line-height:1.8; }
.v05 .reserved-space { display:block; min-height:8px; }
.v05 .photo-reserve { min-height:270px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px dashed #506078; padding:35px; color:var(--muted); background:var(--surface); font-size:14px; }
.v05 .photo-reserve .reserved-space { min-height:40px; }
.v05 .practice-chapter { display:grid; grid-template-columns:1fr 1fr; gap:45px 70px; margin-top:90px; padding-top:35px; border-top:1px solid var(--line); }
.v05 .practice-copy > p { margin-top:24px; font-size:15px; line-height:1.9; color:var(--muted); }
.v05 .practice-copy > a { margin-top:25px; font-size:14px; }
.v05 .practice-notes { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.v05 .practice-notes h3 { font-size:21px; margin-bottom:15px; }
.v05 .practice-body .practice-chapter { margin-top:0; }
.v05 .papers-section { margin-top:70px; padding-top:35px; border-top:1px solid var(--line); }
.v05 .section-note { font-size:12px; line-height:1.8; color:var(--muted); }
.v05 .paper-row { display:grid; grid-template-columns:62px 1fr; gap:25px; border-bottom:1px solid var(--line); padding:25px 0; }
.v05 .paper-row time { color:var(--muted); font-size:13px; font-variant-numeric:tabular-nums; }
.v05 .paper-row h3 { font-size:18px; font-family:var(--display); }
.v05 .paper-row h3 a { text-decoration:none; display:inline; }
.v05 .paper-row p { color:var(--muted); font-size:12px; line-height:1.8; margin-top:8px; }
.v05 .paper-links { display:flex; flex-wrap:wrap; gap:18px; font-size:12px; margin-top:12px; align-items:baseline; }
.v05 .paper-links details { width:100%; }
.v05 details > summary { list-style:revert; font-size:14px; padding:14px 0; line-height:1.7; }
.v05 details pre { font-size:12px; line-height:1.7; color:var(--ink); background:var(--surface); white-space:pre-wrap; overflow-wrap:anywhere; padding:22px; max-width:100%; margin:15px 0; }
.v05 .all-papers { margin-top:15px; }
.v05 .all-papers > summary { display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }
.v05 .all-papers[open] > summary { color:var(--accent); }
.v05 .submission-note { margin-top:20px; }
.v05 .submission-note p { color:var(--muted); font-size:13px; line-height:1.8; margin:12px 0; }
.v05 .cv-digest { margin-top:70px; padding-top:30px; border-top:1px solid var(--line); }
.v05 .record-row { display:grid; grid-template-columns:120px 1fr; gap:30px; margin-top:20px; font-size:14px; }
.v05 .record-row time { color:var(--muted); font-variant-numeric:tabular-nums; }
.v05 .cv-more { padding:15px 0; }
.v05 .cv-more h3 { margin-top:25px; }
.v05 .cv-more p { color:var(--muted); }
.v05 .cv-digest > .section-note { margin-top:20px; }
.v05 .workflow { display:flex; flex-wrap:wrap; gap:8px 28px; margin-top:25px; padding-left:20px; color:var(--accent); font-size:13px; line-height:1.8; }
.v05 .gallery-tools { display:flex; justify-content:space-between; align-items:baseline; gap:30px; border-bottom:1px solid var(--line); padding-bottom:20px; }
.v05 .gallery-tools p { color:var(--muted); font-size:12px; }
.v05 .gallery-curated { display:grid; grid-template-columns:1fr 1fr; gap:65px 30px; padding-top:40px; }
.v05 .curated-item:first-child { grid-column:1 / -1; width:82%; }
.v05 .curated-item:first-child img { aspect-ratio:1.35; }
.v05 .curated-item { min-width:0; }
.v05 .source-link { display:inline-flex; align-items:center; gap:10px; margin-top:8px; font-size:12px; }
.v05 .gallery-archive { margin-top:65px; border-top:1px solid var(--line); padding-top:15px; }
.v05 .gallery-archive > summary { font-family:var(--display); font-size:25px; }
.v05 .archive-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:35px 22px; margin-top:25px; }
.v05 .archive-grid .plate figcaption { font-size:11px; }
.v05 .image-dialog { background:var(--bg); color:var(--ink); border:1px solid var(--line); border-radius:3px; }
.v05 .dialog-image-stage { background:#080b11; }
.v05 .search-field { margin:25px 0; }
.v05 .search-field input { background:var(--surface); color:var(--ink); border-color:var(--line); }
.v05 .story-stage { font-size:12px; color:var(--muted); }
.comparison-v05 main { max-width:1440px; margin:auto; padding:45px 48px 70px; }
.comparison-v05 header h1 { margin:60px 0 25px; max-width:18ch; font-size:clamp(42px,5vw,64px); }
.comparison-v05 header > p { color:var(--muted); font-size:14px; line-height:1.9; }
.comparison-v05 .proposal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:60px; }
.comparison-v05 .proposal-visual { display:block; border:1px solid var(--line); }
.comparison-v05 .proposal-visual img { width:100%; height:auto; }
.comparison-v05 .preview-pending { aspect-ratio:1.6; display:grid; place-items:center; background:var(--surface); }
.comparison-v05 article h2 { margin-top:25px; font-size:27px; }
.comparison-v05 article h2 span { display:block; margin-top:8px; font:13px/1.7 var(--body); color:var(--muted); }
.comparison-v05 article > p { color:var(--muted); font-size:13px; line-height:1.9; margin-top:20px; }
.comparison-v05 article .link-group { margin-top:25px; font-size:14px; }
.comparison-v05 footer { border-top:1px solid var(--line); margin-top:65px; padding-top:25px; font-size:13px; color:var(--muted); display:flex; justify-content:space-between; gap:30px; }
@media(max-width:1100px) { .v05 .v-nav { gap:22px; padding:22px 30px; } .v05 .v-nav nav { gap:18px; font-size:12px; } .v05 .v-main { padding:0 32px; } .v05 .v-footer { padding-left:32px; padding-right:32px; } .v05 .study-grid { gap:45px; } }
@media(max-width:760px) {
 .v05 .v-nav { min-height:0; padding:20px 22px 17px; flex-wrap:wrap; gap:18px; }
 .v05 .v-brand { font-size:23px; }
 .v05 .v-nav nav { order:4; width:100%; justify-content:space-between; gap:14px; font-size:12px; }
 .v05 .v-nav .cv-direct { font-size:12px; } .v05 .cv-direct svg { display:none; }
 .v05 .v-main { padding:0 22px; } .v05 .v-footer { margin-top:60px; padding:25px 22px 35px; flex-direction:column; gap:25px; }
 .v05 h1 { font-size:38px; } .v05 .intro { font-size:14px; line-height:1.85; }
 .v05 .identity-role { font-size:12px; } .v05 .focus-line { font-size:14px; }
 .v05 .path-title { font-size:16px; } .v05 .path-note { font-size:11px; }
 .v05 .section-heading { align-items:start; flex-direction:column; gap:15px; }
 .v05 .work-preview { margin-top:60px; padding-top:27px; } .v05 .preview-columns { grid-template-columns:1fr; gap:35px; }
 .v05 .practice-preview { margin-top:50px; grid-template-columns:1fr; gap:20px; } .v05 .practice-preview > a { grid-column:auto; }
 .v05 .v-intro { padding:40px 0 30px; } .v05 .v-intro > p { font-size:14px; }
 .v05 .study-grid { grid-template-columns:1fr; gap:35px; } .v05 .context-plate { max-width:310px; justify-self:start; } .v05 .earlier-study { grid-column:auto; }
 .v05 .study-block > p { font-size:14px; } .v05 .missing-line { font-size:12px; }
 .v05 .practice-chapter { grid-template-columns:1fr; gap:30px; margin-top:60px; padding-top:27px; } .v05 .practice-notes { grid-column:auto; grid-template-columns:1fr; gap:25px; }
 .v05 .photo-reserve { min-height:230px; padding:28px; } .v05 .papers-section,.v05 .cv-digest { margin-top:50px; }
 .v05 .paper-row { grid-template-columns:42px 1fr; gap:15px; } .v05 .paper-row h3 { font-size:16px; } .v05 .paper-row p { font-size:11px; }
 .v05 .record-row { grid-template-columns:80px 1fr; gap:20px; font-size:13px; }
 .v05 .gallery-tools { align-items:start; flex-direction:column; gap:15px; } .v05 .gallery-curated { grid-template-columns:1fr; gap:40px; padding-top:25px; }
 .v05 .curated-item:first-child { grid-column:auto; width:100%; } .v05 .curated-item:first-child img { aspect-ratio:1; }
 .v05 .archive-grid { grid-template-columns:1fr 1fr; gap:30px 18px; } .v05 .image-credit { font-size:11px; }
 .comparison-v05 main { padding:30px 22px 45px; } .comparison-v05 header h1 { margin-top:35px; font-size:40px; }
 .comparison-v05 .proposal-grid { grid-template-columns:1fr; gap:50px; margin-top:40px; } .comparison-v05 footer { flex-direction:column; }
}
@media(prefers-reduced-motion:no-preference) { .v05 .plate-open img { transition:filter .5s cubic-bezier(.16,1,.3,1); } .v05 .plate-open:hover img { filter:brightness(1.08); } }
/* Round 1: captions carry local contribution boundaries; disclosures fit real copy. */
.v05 .plate figcaption { flex-wrap:wrap; }
.v05 .contribution-credit { flex-basis:100%; padding-top:5px; line-height:1.8; }
.v05 .preview-columns h3 a { text-decoration:none; }
.v05 .preview-columns h3 a:hover { text-decoration:underline; }
.v05 .gallery-archive > summary { width:100%; display:flex; align-items:center; justify-content:space-between; gap:18px; white-space:normal; }
.v05 .gallery-archive > summary > span { min-width:0; }
.v05 .gallery-archive > summary svg { flex-shrink:0; }
.v05 .repo-status { margin-top:14px; }
@media(max-width:760px) { .v05 .gallery-archive > summary { font-size:22px; } }
/* Native disclosures show their current state without a custom widget. */
.v05 .all-papers > summary { width:100%; }
.v05 .all-papers > summary svg,.v05 .gallery-archive > summary svg { transform-origin:center; }
.v05 .all-papers[open] > summary svg,.v05 .gallery-archive[open] > summary svg { transform:rotate(90deg); }
.v05 .version-note { font-size:12px; line-height:1.8; color:var(--muted); margin-top:15px; }
/* Linked reading destinations land immediately, including images loaded by a fragment. */
.v05-root { scroll-behavior:auto; }
/* The document owns the native viewport gutter; body variables do not inherit upward. */
.v05-root { color-scheme:dark; background:#10151e; scrollbar-color:#55647d #10151e; }
