.archive-page{--archive-wine:#542731;--archive-paper:#faf6ee}
.archive-page .site-header nav a[aria-current=page]:after{transform:scaleX(1)}
.archive-page .site-header nav a{font-size:14px}
.archive-mast{display:flex;justify-content:space-between;gap:20px;padding-block:24px 8px;color:var(--muted);font-size:14px}
.archive-mast>span:last-child{color:var(--accent)}
.archive-hero{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(30px,5vw,84px);padding-block:28px 58px;align-items:center}
.archive-intro{padding:22px 0 16px}
.archive-intro h1{font:500 clamp(38px,4.5vw,68px)/1.4 JiangSerif,'STSong',serif;letter-spacing:-.035em}
.archive-intro h1 span{color:var(--accent)}
.archive-lead{font:400 23px/1.8 JiangSerif,'STSong',serif;margin-top:24px}
.archive-description{font-size:16px;line-height:1.95;color:var(--muted);max-width:32em;margin-top:18px}
.archive-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:16px 22px;background:var(--accent);color:#fff9ef;margin-top:27px;font-size:15px;min-height:52px;transition:background .3s}
.archive-button:hover{background:#55232c}
.archive-button svg{width:16px;height:16px}
.archive-secondary{display:inline-block;font-size:14px;margin-left:24px;padding-block:15px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#ac9d91}
.archive-secondary:hover{color:var(--accent)}
.archive-status{font-size:13px;line-height:1.8;color:var(--muted);margin-top:26px}
.archive-hero-image{margin:0;position:relative;align-self:stretch;min-height:500px;background:#352b23;overflow:hidden}
.archive-hero-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:72% center}
.archive-hero-image figcaption{position:absolute;left:0;right:0;bottom:0;background:#292019;color:#f4ede4;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13px;line-height:1.7}
.archive-hero-image figcaption span:last-child{font:400 11px/1.7 Georgia,serif;letter-spacing:.1em;text-align:right;max-width:110px}
.archive-purpose{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:28px 8%;padding-block:76px 72px}
.archive-page h2{font:500 clamp(30px,3vw,43px)/1.5 JiangSerif,'STSong',serif;letter-spacing:-.02em}
.purpose-copy p{font-size:16px;line-height:2;color:var(--muted);max-width:38em}
.purpose-copy p+p{margin-top:12px}
.archive-formats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;grid-column:1/-1;margin:22px 0 0}
.archive-formats>div{border-top:1px solid var(--line);padding-top:24px}
.archive-formats dt{font:500 23px/1.6 JiangSerif,'STSong',serif;color:var(--accent)}
.archive-formats dd{font-size:15px;line-height:1.9;color:var(--muted);margin:10px 0 0;max-width:26em}
.chapter-section{background:var(--archive-wine);color:#f8eee2;padding-block:66px 30px;scroll-margin-top:20px}
.chapter-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}
.chapter-heading>p{font-size:14px;line-height:1.9;color:#ddc2c1}
.chapter-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:8%}
.chapter-tabs{display:flex;flex-direction:column}
.chapter-tabs button{display:grid;grid-template-columns:60px 1fr 24px;gap:18px;align-items:center;text-align:left;min-height:96px;border-bottom:1px solid #986f745c;color:#dec6c6;transition:color .25s}
.chapter-tabs button:first-child{border-top:1px solid #986f745c}
.chapter-tabs button[aria-selected=true]{color:#fff9ef;padding-left:12px}
.chapter-tabs button[aria-selected=true] .chapter-name{border-bottom:1px solid #e0c5b0;padding-bottom:5px}
.chapter-tabs button:hover{color:#fff9ef}
.chapter-tabs button svg{width:17px;height:17px;opacity:0}
.chapter-tabs button[aria-selected=true] svg{opacity:1}
.chapter-number{font-size:13px;letter-spacing:.05em}
.chapter-name{font:400 clamp(21px,2vw,29px)/1.6 JiangSerif,'STSong',serif;width:fit-content}
.chapter-index-note{font-size:14px;line-height:1.95;color:#ddc2c1;margin-top:36px}
.manuscript{background:var(--archive-paper);color:var(--ink);padding:28px 36px 20px;box-shadow:0 20px 30px -22px #240e18a0;min-width:0}
.manuscript-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:21px;border-bottom:1px solid #d5cabc;font-size:13px;color:var(--muted)}
.version-switch{display:flex;gap:0;background:#e9e1d5;padding:3px}
.version-switch button{min-height:40px;padding:9px 12px;font-size:13px;color:#66564c}
.version-switch button[aria-pressed=true]{background:#faf6ee;color:var(--accent)}
.version-switch button:hover{color:var(--accent)}
.chapter-panel{min-height:337px;padding-block:32px 24px}
.chapter-panel h3{font:500 29px/1.6 JiangSerif,'STSong',serif;color:var(--accent);margin-bottom:19px}
.chapter-panel [data-copy]>p{font:400 17px/2 JiangSerif,'STSong',serif;letter-spacing:.015em}
.chapter-panel [data-copy]>p+p{margin-top:13px}
.chapter-panel .editor-note{font-size:13px;line-height:1.9;color:var(--muted);padding-top:23px}
.chapter-panel [data-copy]:not([hidden]){animation:manuscript-in .38s cubic-bezier(.16,1,.3,1)}
@keyframes manuscript-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.manuscript-foot{border-top:1px solid #d5cabc;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);line-height:1.7}
.chapter-page{font-family:Georgia,serif;white-space:nowrap;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.chapter-section :focus-visible{outline-color:#e5b79a}
.manuscript :focus-visible{outline-color:var(--accent)}
.voice-note{display:flex;gap:20px;align-items:center;padding:33px 0 12px;margin-left:calc(36% + 5.1%)}
.voice-note>svg{width:29px;height:35px;color:#e5cbbb;stroke-width:1.2}
.voice-note h3{font:400 19px/1.8 JiangSerif,'STSong',serif}
.voice-note p{color:#ddc2c1;font-size:13px;line-height:1.9;margin-top:6px;max-width:38em}
.archive-approach{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;padding-block:86px 70px;scroll-margin-top:32px}
.approach-intro>p{font-size:16px;line-height:2;color:var(--muted);max-width:28em;margin-top:25px}
.approach-intro .text-link{margin-top:22px;color:var(--accent)}
.process-list{list-style:none;padding:0;margin:0}
.process-list li{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line)}
.process-list li:first-child{padding-top:0;border-top:0}
.process-number{font:400 24px/1.7 Georgia,serif;color:var(--accent)}
.process-list h3{font:500 23px/1.7 JiangSerif,'STSong',serif}
.process-list p{font-size:15px;line-height:1.95;color:var(--muted);margin-top:8px}
.archive-principle{padding:44px 0 60px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:9%}
.archive-principle h2{font-size:32px}
.archive-principle>div>p{font-size:16px;line-height:2;color:var(--muted);margin-top:17px;max-width:30em}
.archive-principle .principle-details p{font-size:15px;line-height:1.95;margin-top:0}
.archive-principle .principle-details p+p{margin-top:15px}
.principle-details strong{font-weight:500;color:var(--ink)}
.archive-contact{display:flex;justify-content:space-between;align-items:center;gap:44px;border-top:1px solid var(--line);padding-block:61px 55px}
.archive-contact h2{font-size:clamp(29px,3vw,42px)}
.archive-contact>div>p{font-size:15px;line-height:1.95;color:var(--muted);margin-top:17px}
.archive-contact-end{text-align:right}
.archive-contact .contact-number-row{justify-content:flex-end}
.archive-contact .copy-contact{font-size:14px}
.archive-home-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:var(--muted);padding-block:12px}
.archive-home-link:hover{color:var(--accent)}
.archive-home-link svg{width:15px;height:15px}
.archive-page .site-footer{font-size:13px}
@media(min-width:1650px){.archive-hero-image{min-height:570px}.chapter-panel{min-height:340px}}
@media(max-width:1100px){.archive-hero{gap:32px}.archive-hero-image{min-height:500px}.archive-intro h1{font-size:4.5vw}.archive-lead{font-size:22px}.archive-hero-image figcaption span:last-child{display:none}.chapter-layout{gap:5%;grid-template-columns:.65fr 1.35fr}.chapter-tabs button{grid-template-columns:49px 1fr 16px;gap:10px}.chapter-tabs button[aria-selected=true]{padding-left:0}.manuscript{padding:24px}.chapter-panel{min-height:390px}.voice-note{margin-left:35.8%}.archive-purpose,.archive-approach,.archive-principle{gap:5%}}
@media(max-width:850px){.archive-page .site-header{flex-wrap:wrap;gap:12px}.archive-page .site-header nav{gap:19px}.archive-hero{grid-template-columns:1fr 1fr;gap:25px}.archive-intro h1{font-size:4.65vw}.archive-description{font-size:15px;line-height:1.9}.archive-lead{font-size:20px}.archive-secondary{margin-left:14px;font-size:13px}.archive-button{gap:17px;padding:14px 17px}.archive-hero-image{min-height:540px}.archive-formats{gap:26px}.chapter-heading{gap:25px}.chapter-heading>p{max-width:235px}.chapter-layout{grid-template-columns:1fr;gap:27px}.chapter-tabs{flex-direction:row;gap:20px}.chapter-tabs button{flex:1;grid-template-columns:1fr;gap:4px;padding:0 0 15px;border-top:0!important;min-height:85px}.chapter-tabs button svg,.chapter-index-note{display:none}.chapter-name{font-size:24px}.chapter-tabs button[aria-selected=true] .chapter-name{border-bottom:0;padding-bottom:0}.chapter-tabs button[aria-selected=true]{border-bottom-color:#fff9ef}.manuscript{padding:25px 32px}.chapter-panel{min-height:315px}.voice-note{margin-left:0}.archive-approach{gap:35px}.process-list li{gap:10px;grid-template-columns:32px 1fr}.process-list h3{font-size:21px}.archive-principle h2{font-size:28px}.archive-contact{gap:25px}.archive-contact .contact-number{font-size:31px}.archive-contact .contact-number-row{gap:14px}.archive-contact .copy-contact{padding-inline:10px}}
@media(max-width:620px){.archive-page .site-header{min-height:96px;padding-block:13px;row-gap:9px}.archive-page .site-header .brand{margin-right:auto}.archive-page .site-header .brand-han{font-size:41px}.archive-page .site-header .brand-latin{font-size:13px}.archive-page .site-header nav{order:3;flex-basis:100%;justify-content:space-between;gap:14px;margin-left:0}.archive-page .site-header nav a{font-size:14px;padding:6px 0}.archive-page .motion-switch{border:0;width:auto;min-width:44px;padding-left:0}.archive-page .motion-label{display:inline;font-size:12px}.archive-mast{font-size:12px;padding-block:20px 4px}.archive-hero{display:flex;flex-direction:column;gap:29px;padding-block:21px 37px;align-items:stretch}.archive-intro{padding:0}.archive-intro h1{font-size:clamp(34px,8.9vw,52px);line-height:1.4}.archive-lead{font-size:21px;margin-top:20px}.archive-description{font-size:16px;margin-top:14px;max-width:35em}.archive-status{font-size:12px;margin-top:19px}.archive-button{margin-top:22px;min-height:50px;padding-inline:22px;gap:30px}.archive-secondary{margin-left:22px;font-size:14px}.archive-hero-image{min-height:360px}.archive-hero-image>img{object-position:67% center}.archive-hero-image figcaption{font-size:12px;padding:13px 16px}.archive-hero-image figcaption span:last-child{display:block;font-size:10px;max-width:105px}.archive-purpose{grid-template-columns:1fr;gap:22px;padding-block:38px 42px}.archive-page h2{font-size:30px}.purpose-copy p{font-size:16px}.archive-formats{grid-template-columns:1fr;gap:20px;margin-top:6px}.archive-formats>div{padding-top:18px}.archive-formats dt{font-size:22px}.archive-formats dd{font-size:15px;margin-top:6px;max-width:none}.chapter-section{padding-block:36px 24px}.chapter-heading{display:block;margin-bottom:26px}.chapter-heading>p{max-width:none;font-size:13px;margin-top:16px}.chapter-layout{gap:23px}.chapter-tabs{gap:12px}.chapter-tabs button{min-height:78px}.chapter-number{font-size:12px}.chapter-name{font-size:clamp(17px,4.6vw,22px)}.manuscript{padding:20px 19px 16px;margin-inline:-2px}.manuscript-tools{align-items:start;gap:12px;flex-direction:column;padding-bottom:17px;font-size:12px}.version-switch{align-self:stretch;justify-content:stretch}.version-switch button{flex:1;font-size:14px;min-height:44px}.chapter-panel{padding-top:21px;min-height:450px}.chapter-panel h3{font-size:25px;margin-bottom:14px}.chapter-panel [data-copy]>p{font-size:16px;line-height:2}.chapter-panel .editor-note{font-size:13px;padding-top:19px}.manuscript-foot{font-size:12px;gap:12px}.manuscript-foot>span:first-child{max-width:17em}.voice-note{padding-top:23px;gap:14px;align-items:start}.voice-note>svg{width:23px;margin-top:6px}.voice-note h3{font-size:19px}.voice-note p{font-size:13px}.archive-approach{grid-template-columns:1fr;gap:35px;padding-block:42px 35px}.approach-intro>p{margin-top:18px;max-width:none}.approach-intro .text-link{margin-top:16px;font-size:14px}.process-list li{gap:15px;padding-block:21px}.process-list h3{font-size:22px}.process-list p{font-size:15px}.archive-principle{grid-template-columns:1fr;gap:25px;padding-block:34px 38px}.archive-principle h2{font-size:28px}.archive-principle>div>p{font-size:16px;max-width:none}.archive-principle .principle-details p{font-size:15px}.archive-contact{display:block;padding-block:37px 33px}.archive-contact>div>p{font-size:15px}.archive-contact-end{text-align:left;margin-top:29px}.archive-contact .contact-number-row{justify-content:flex-start;gap:23px}.archive-contact .contact-number{font-size:36px}.archive-page .site-footer{font-size:12px}.archive-page .site-footer>span:nth-child(2){display:none}}
@media(max-width:360px){.archive-secondary{margin-left:13px;font-size:13px}.archive-button{padding-inline:17px;gap:24px}.chapter-tabs{gap:8px}.chapter-panel{min-height:510px}}
.archive-hero-image figcaption span:last-child{font-size:12px}
.sample-reader{margin:36px 0 0 calc(36% + 5.1%);padding:27px 0 9px;border-top:1px solid #96676b;scroll-margin-top:25px}
.reader-heading{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;justify-content:space-between}
.reader-heading h3{font:400 27px/1.5 JiangSerif,'STSong',serif}
.reader-heading>span{font-size:12px;line-height:1.7;color:#e3c9c4}
.reader-chapter{font-size:15px;line-height:1.8;margin-top:10px;color:#f8e9db}
.reader-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:22px}
.reader-play,.reader-stop{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;font-size:14px;padding:11px 18px;border:1px solid #ba9390}
.reader-play{background:var(--archive-paper);color:var(--archive-wine);border-color:var(--archive-paper)}
.reader-play:hover:not(:disabled){background:#e8d7c5;border-color:#e8d7c5}
.reader-stop:hover:not(:disabled){background:#6b3b44}
.reader-actions svg{width:18px;height:18px;stroke-width:1.5}
.reader-actions button:disabled{opacity:.5;cursor:not-allowed}
.reader-status{min-height:24px;font-size:13px;line-height:1.8;color:#e3c9c4;margin-top:9px}
.voice-styles{border:0;padding:0;margin:23px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.voice-styles legend{font-size:12px;line-height:1.8;color:#e3c9c4;padding:0 0 10px}
.voice-style{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #a7797d;cursor:pointer;min-width:0;transition:background .2s,border-color .2s}
.voice-style:hover{border-color:#ebd4c4}
.voice-style:has(input:checked){color:var(--archive-wine);background:var(--archive-paper);border-color:var(--archive-paper)}
.voice-style:has(input:focus-visible){outline:2px solid #e5b79a;outline-offset:4px}
.voice-style input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:7px 0 0;cursor:pointer}
.voice-style strong{display:block;font:500 22px/1.5 JiangSerif,'STSong',serif}
.voice-style small{display:block;font-size:12px;line-height:1.8;margin-top:5px}
.sample-audio{width:100%;margin-top:20px}
.reader-speed{display:flex;align-items:center;gap:9px;font-size:12px;color:#e3c9c4;margin-left:auto}
.reader-speed select{font:inherit;font-size:14px;min-height:44px;border:1px solid #a7797d;border-radius:0;background:var(--archive-wine);color:#fff9ef;padding:10px 8px;cursor:pointer}
.reader-progress{display:flex;align-items:center;gap:17px;margin-top:17px}
.reader-progress input{flex:1;min-width:0;accent-color:#e7c6ad;cursor:pointer;height:28px}
.reader-progress input:disabled{cursor:default;opacity:.5}
.reader-time{font:13px/1.7 Georgia,serif;font-variant-numeric:tabular-nums;white-space:nowrap;color:#e3c9c4}
.reader-support,.reader-disclosure p{font-size:13px;line-height:1.9;color:#e3c9c4;margin-top:15px}
.reader-disclosure{margin-top:16px;font-size:13px;line-height:1.8;color:#f2dcd4}
.reader-disclosure summary{cursor:pointer;min-height:44px;padding-block:10px;width:fit-content;text-decoration:underline;text-underline-offset:5px}
.reader-disclosure p{margin:0;max-width:47em}
@media(max-width:1100px){.sample-reader{margin-left:35.8%}}
@media(max-width:850px){.sample-reader{margin-left:0}}
@media(max-width:620px){.sample-reader{margin-top:26px;padding-top:23px}.reader-heading{align-items:start;flex-direction:column;gap:4px}.reader-heading h3{font-size:25px}.reader-actions{margin-top:19px;gap:10px}.archive-button{gap:16px}.archive-secondary{margin-left:16px}.voice-style{padding:12px 10px;gap:8px}.voice-style strong{font-size:20px}.voice-style input{width:14px;height:14px;margin-top:7px}.voice-styles{gap:10px}.reader-play,.reader-stop{padding-inline:12px}.reader-speed{gap:7px}.reader-speed select{font-size:13px;padding-inline:6px}.reader-progress{gap:12px}}
@media(max-width:360px){.voice-style strong{font-size:18px}.reader-speed{width:100%;justify-content:flex-end}.voice-style small{font-size:12px}}