*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fff;color:#000;font:15px/1.65 Arial,Helvetica,sans-serif}a{color:#000;text-decoration:none}button,input,summary{font:inherit;color:#000}button{border:0;border-radius:0;background:#fff;cursor:pointer}a:hover,button:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:1.5px solid #000;outline-offset:5px}button:disabled{cursor:default;text-decoration:none;visibility:hidden}::selection{background:#000;color:#fff}.page-width{width:calc(100% - 104px);max-width:1560px;margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:110px;border-bottom:1px solid #000}.identity{display:flex;align-items:baseline;gap:20px;white-space:nowrap}.wordmark{font:35px/1 Georgia,'Times New Roman',serif;letter-spacing:-1.5px}.wordmark span{font-family:'Songti TC',serif;font-size:28px;margin-left:4px}.byline{font-size:12px}.header-nav{display:flex;gap:24px;margin-left:auto;font-size:12px}.languages{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:11px}.languages button{padding:8px 0;min-height:40px}.languages [aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.introduction{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:52px 0 43px;border-bottom:1px solid #000}.eyebrow{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 14px}h1{font:400 clamp(42px,4.5vw,68px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-2.5px;margin:0}p{margin:0}.intro-note{align-self:end;max-width:360px;justify-self:end}.intro-note>p:first-child{font-size:14px;line-height:1.75}.preview-note{font-size:10px;letter-spacing:.25px;margin-top:13px}.atlas{display:grid;grid-template-columns:250px minmax(0,1fr);column-gap:48px;padding-top:30px;align-items:start}.directory{position:sticky;top:22px;padding-bottom:25px}.directory-heading{display:flex;justify-content:space-between;border-bottom:1px solid #000;padding-bottom:13px;align-items:baseline}.directory-heading h2{font:400 11px/1.3 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;margin:0}.directory-heading>span{font-size:10px}.index-group{padding-top:20px}.index-group h3{font-size:10px;line-height:1.5;font-weight:400;margin:0 0 8px}.index-group button{display:grid;grid-template-columns:25px minmax(0,1fr);gap:5px;width:100%;text-align:left;align-items:baseline;padding:7px 0;line-height:1.4;font-size:12px}.index-group button .index-code{font-size:10px}.index-group button[aria-current=true] .index-name{text-decoration:underline;text-underline-offset:4px;font-weight:700}.index-group button[aria-current=true] .index-code{font-weight:700}.directory-note{font-size:11px;line-height:1.8;margin-top:24px;padding-top:16px;border-top:1px solid #000}.study{min-width:0;scroll-margin-top:24px;outline:none}.study-heading{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:start;min-height:85px}.type-code{font:400 21px/1.3 Georgia,serif;margin-top:21px}.source-family{font-size:10px;letter-spacing:.35px;margin-bottom:7px}.study-heading h2{font:400 clamp(23px,2.7vw,36px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.6px;margin:0;max-width:650px}.type-count{font-size:10px;font-variant-numeric:tabular-nums;padding-top:25px}.english-term{font-size:12px;margin:8px 0 0}.drawing{margin:0}.drawing>svg{width:100%;height:auto;display:block;aspect-ratio:900/625;overflow:visible}.drawing figcaption{display:flex;justify-content:space-between;gap:20px;font-size:9px;margin:-4px 0 16px;letter-spacing:.15px}svg path{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.architecture{stroke-width:1.05}.grid{stroke-width:.28}.fine{stroke-width:.5}.strong{stroke-width:.85}.circle{stroke-width:.65}.cut{stroke-width:.5;stroke-dasharray:5 6}.cut-edge{stroke-width:.9}.route{stroke-width:.7;stroke-dasharray:5 7}.reflection-grid{stroke-width:.3}.person{stroke-width:.7}.reflection{stroke-width:.55}.sightline{stroke-width:.5;stroke-dasharray:5 5}.playback{border-top:1px solid #000;border-bottom:1px solid #000;display:grid;grid-template-columns:130px minmax(0,1fr) 155px;gap:26px;padding:17px 0 14px;align-items:start}.play-button{padding:6px 0;text-align:left;font-size:12px;text-decoration:underline;text-underline-offset:5px;min-height:36px}.range-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.4}.range-label output{font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;height:22px;margin:8px 0 2px;background:transparent;appearance:none;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{height:1px;background:#000}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border:1px solid #000;border-radius:50%;background:#fff;margin-top:-5px}input[type=range]::-moz-range-track{height:1px;background:#000}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:1px solid #000;border-radius:50%;background:#fff}.phase-labels{display:flex;justify-content:space-between;gap:8px}.phase-labels button{font-size:9px;padding:4px 0;text-align:center;line-height:1.5}.phase-labels button:first-child{text-align:left}.phase-labels button:last-child{text-align:right}.phase-labels [aria-pressed=true]{text-decoration:underline;text-underline-offset:3px}.reading{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:26px 0 28px}.reading h3,.joint-detail h3{font-size:10px;letter-spacing:.5px;font-weight:400;margin:0 0 10px}.reading p{font-size:13px;line-height:1.8}.source-disclosure{border-top:1px solid #000;border-bottom:1px solid #000;font-size:12px}.source-disclosure summary,.bibliography summary{cursor:pointer;padding:17px 0;list-style:none;text-decoration:underline;text-underline-offset:4px}.source-disclosure summary::-webkit-details-marker,.bibliography summary::-webkit-details-marker{display:none}.source-body{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;padding:8px 0 30px;align-items:start}.source-body figure{margin:0}.source-body img{max-width:100%;width:100%;height:auto;max-height:260px;object-fit:contain}.source-body figcaption{font-size:10px;line-height:1.7;margin-top:12px}.source-body p{font-size:12px;margin-bottom:15px}.source-body .source-note{font-size:11px;line-height:1.8}.sequence-nav{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:18px 0 0;font-size:11px}.sequence-nav button{padding:7px 0;font-size:11px}.sequence-nav>span{font-size:10px}.joint-detail{border-top:1px solid #000;display:grid;grid-template-columns:minmax(200px,1fr) 1fr;gap:36px;align-items:center;padding:10px 0 25px}.joint-detail[hidden]{display:none}.joint-detail svg{width:100%;height:auto}.joint-detail p{font-size:12px;max-width:290px}.motion-notice{font-size:11px;margin:12px 0 0}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-bottom:38px;align-items:end}.section-heading h2{font:400 clamp(29px,3vw,42px)/1.2 Georgia,'Times New Roman',serif;margin:0;letter-spacing:-.8px}.section-heading>p{font-size:13px;line-height:1.8;max-width:420px;justify-self:end}.chinese-section{border-top:1px solid #000;margin-top:76px;padding-top:44px}.chinese-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.chinese-group h3{font:400 26px/1.3 Georgia,serif;letter-spacing:-.6px;margin:0 0 8px}.chinese-group>.group-reading{font-size:12px;min-height:42px;line-height:1.75}.supplementary-drawing{margin:12px 0 15px}.supplementary-drawing svg{width:100%;display:block}.category{border-top:1px solid #000}.category summary{list-style:none;cursor:pointer;padding:14px 0;font-size:12px;display:flex;gap:15px;justify-content:space-between;align-items:baseline}.category summary::-webkit-details-marker{display:none}.category summary .count{font-size:10px}.category[open] summary{text-decoration:underline;text-underline-offset:4px}.category dl{margin:0 0 18px}.category dl>div{padding:10px 0;border-top:1px solid #000}.category dt{font-size:12px}.category dt small{font-size:10px;display:block;margin-top:3px}.category dd{margin:5px 0 0;font-size:11px;line-height:1.8}.category .page-ref{font-size:10px;margin:0 0 13px}.small-note{font-size:11px;line-height:1.85;max-width:790px;margin-top:28px}.sources-section{border-top:1px solid #000;margin-top:62px;padding-top:43px}.source-list{list-style:none;padding:0;margin:0}.source-list>li{display:grid;grid-template-columns:55px 1fr;gap:25px;border-top:1px solid #000;padding:23px 0}.source-list>li>span{font-size:11px}.source-list h3{font-size:14px;font-weight:400;margin:0 0 8px}.source-list p{font-size:12px;line-height:1.8;max-width:800px}.bibliography{font-size:11px;border-top:1px solid #000;margin-top:5px}.bibliography p{margin-bottom:12px}footer{border-top:1px solid #000;display:flex;justify-content:space-between;gap:25px;margin-top:55px!important;padding:22px 0 30px;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:15px}.noscript{padding:25px;border-top:1px solid #000}html[lang=zh-Hant] body{font-family:'PingFang TC','Microsoft JhengHei',sans-serif}html[lang=zh-Hans] body{font-family:'PingFang SC','Microsoft YaHei',sans-serif}html[lang|=zh] h1,html[lang|=zh] .study-heading h2,html[lang|=zh] .section-heading h2,html[lang|=zh] .chinese-group h3{font-family:'Songti TC','Songti SC','Noto Serif CJK TC',serif;letter-spacing:0;font-weight:400;line-height:1.3}html[lang|=zh] h1{font-size:clamp(40px,4vw,62px)}html[lang|=zh] .reading p{line-height:1.95}
@media(min-width:1650px){.drawing>svg{max-height:680px}.atlas{grid-template-columns:270px minmax(0,1fr);column-gap:68px}}
@media(max-width:1100px){.page-width{width:calc(100% - 56px)}.site-header{gap:20px}.identity{gap:12px}.header-nav{gap:17px}.header-nav a:nth-child(2){display:none}.atlas{grid-template-columns:210px minmax(0,1fr);column-gap:30px}.introduction{gap:35px}.playback{grid-template-columns:140px minmax(0,1fr);gap:18px}.angle-control{grid-column:2;width:155px;justify-self:end}.reading{gap:24px}.chinese-groups{gap:26px}.study-heading{grid-template-columns:31px minmax(0,1fr) auto;gap:10px}.source-body{gap:20px}}
@media(max-width:760px){.page-width{width:calc(100% - 36px)}.site-header{min-height:105px;flex-wrap:wrap;gap:0;padding:20px 0 14px;align-items:baseline}.identity{gap:15px}.wordmark{font-size:29px}.wordmark span{font-size:25px}.byline{font-size:11px}.header-nav{margin-left:auto;font-size:11px;gap:17px}.header-nav a:nth-child(3){display:none}.languages{width:100%;justify-content:flex-end;font-size:11px;margin-top:5px;gap:12px}.languages button{min-height:34px;padding:6px 0}.introduction{grid-template-columns:1fr;gap:22px;padding:29px 0 29px}.eyebrow{font-size:9px;margin-bottom:11px}h1{font-size:43px;letter-spacing:-1.5px}.intro-note{justify-self:start;max-width:440px}.intro-note>p:first-child{font-size:13px}.preview-note{font-size:9px;margin-top:11px}.atlas{display:block;padding-top:23px}.directory{position:static;padding-bottom:25px}.directory-heading{padding-bottom:10px}.directory-heading h2{font-size:10px}#type-index{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.index-group{padding-top:16px}.index-group:first-child{grid-row:span 2}.index-group h3{font-size:9px;min-height:27px;max-width:155px}.index-group button{font-size:11px;padding:7px 0;grid-template-columns:22px minmax(0,1fr);gap:3px;min-height:34px}.index-group button .index-code{font-size:9px}.directory-note{display:none}.study{border-top:1px solid #000;padding-top:20px}.study-heading{min-height:84px;grid-template-columns:29px minmax(0,1fr) 39px;gap:10px}.study-heading h2{font-size:26px}.source-family{font-size:9px;line-height:1.55}.type-code{font-size:21px;margin-top:22px}.type-count{font-size:9px;text-align:right}.english-term{font-size:11px}.drawing>svg{width:calc(100% + 20px);max-width:none;margin-left:-10px}.drawing figcaption{font-size:8px;gap:12px;margin:6px 0 15px}.playback{grid-template-columns:1fr 1fr;gap:12px 18px;padding:12px 0 11px}.play-button{grid-column:1;grid-row:2;font-size:11px;padding:7px 0}.timeline{grid-column:1/-1;grid-row:1}.angle-control{grid-column:2;grid-row:2;width:100%;max-width:155px}.range-label{font-size:10px}.phase-labels button{font-size:9px;min-height:30px}.reading{grid-template-columns:1fr;gap:23px;padding:24px 0}.reading p{font-size:13px}.reading h3{font-size:10px;margin-bottom:8px}.source-body{grid-template-columns:1fr;gap:22px}.source-body img{max-width:320px;max-height:230px;display:block;margin:auto}.source-body figcaption{font-size:10px}.joint-detail{grid-template-columns:1fr;gap:0;padding:0 0 22px}.joint-detail>div:first-child{max-width:360px}.joint-detail p{max-width:100%}.sequence-nav{gap:12px;font-size:10px}.sequence-nav button{max-width:38%;font-size:10px;line-height:1.5;text-align:left}.sequence-nav button:last-child{text-align:right}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.section-heading h2{font-size:30px}.section-heading>p{justify-self:start;font-size:13px;max-width:100%}.chinese-section{margin-top:46px;padding-top:30px}.chinese-groups{grid-template-columns:1fr;gap:35px}.chinese-group{display:grid;grid-template-columns:1fr;}.chinese-group h3{font-size:27px}.chinese-group>.group-reading{min-height:0}.supplementary-drawing{max-width:430px;width:100%;justify-self:center;margin:0 0 10px}.supplementary-drawing svg{max-height:260px}.category summary{font-size:13px}.category dd{font-size:12px}.category dt{font-size:13px}.sources-section{margin-top:40px;padding-top:30px}.source-list>li{grid-template-columns:28px 1fr;gap:15px;padding:20px 0}.source-list h3{font-size:13px}.source-list p{font-size:12px}footer{margin-top:38px!important;flex-wrap:wrap;gap:15px;font-size:10px}footer>span:nth-child(2){order:2;width:100%}html[lang|=zh] h1{font-size:41px}html[lang|=zh] .study-heading h2{font-size:25px}html[lang|=zh] .index-group button{font-size:12px}.english-term{line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{.page-width{width:100%}.header-nav,.languages,.directory,.playback,.sequence-nav,.skip,.preview-note{display:none}.atlas{display:block}.site-header{min-height:65px}.introduction{padding:25px 0}.drawing>svg{max-height:430px}.reading{break-inside:avoid}.chinese-section,.sources-section{break-before:page}.chinese-groups{gap:20px}.supplementary-drawing{max-height:160px}.source-body{break-inside:avoid}footer{margin-top:30px!important}}
/* One graphic convention across the atlas. Every mark is black; hierarchy is weight. */
.architecture{stroke-width:1.25}.ground-edge{stroke-width:.65}.section-edge{stroke-width:2.2}.hatch{stroke-width:.3}.fine,.grid,.reflection-grid{stroke-width:.35}.strong{stroke-width:.9}.person{stroke-width:.62}.reflection{stroke-width:.42}.overhead{stroke-width:.5;stroke-dasharray:6 4}.route{stroke-width:.68;stroke-dasharray:9 3 1.5 3}.sightline{stroke-width:.55;stroke-dasharray:1 4}.line-key{font-size:10px;margin:0 0 17px}.line-key summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;list-style:none;padding:6px 0}.line-key summary::-webkit-details-marker{display:none}.line-key dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:15px 0}.line-key dl>div{display:flex;gap:12px;align-items:center}.line-key dt{width:44px;flex-shrink:0}.line-key dt svg{width:44px;display:block}.line-key dd{margin:0;font-size:10px}.line-key>p{max-width:670px;font-size:10px;line-height:1.8;margin-bottom:19px}.source-body{display:block;max-width:720px}.case-reading{border-top:1px solid #000;padding:23px 0 27px}.case-reading[hidden]{display:none}.case-reading .eyebrow{font-size:10px;margin-bottom:15px;letter-spacing:.5px;text-transform:none}.case-reading article+article{margin-top:24px}.case-reading h3{font:400 20px/1.4 Georgia,serif;margin:0 0 6px}.case-reading p{font-size:12px;line-height:1.85;max-width:690px}.case-reading .case-status{font-size:10px;margin-bottom:8px}.case-reading nav{display:flex;gap:10px 23px;flex-wrap:wrap;margin-top:10px}.case-reading a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.drawing figcaption{line-height:1.6}.index-group button{min-height:34px}
@media(max-width:760px){.line-key dl{grid-template-columns:1fr}.case-reading h3{font-size:19px}.case-reading nav a{padding:5px 0}.drawing>svg{min-height:290px}.line-key summary{min-height:36px}.phase-labels button{min-height:36px}}
/* The Chinese supplement is a collection of individual studies, not three generic models. */
.chinese-drawing-note{font-size:12px;line-height:1.9;max-width:850px;margin:0 0 36px}.chinese-groups{display:block}.chinese-group{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding:28px 0;border-top:1px solid #000}.chinese-group header h3{font-size:26px;line-height:1.3;max-width:210px}.chinese-group .group-reading{font-size:12px;line-height:1.85;margin-top:15px;max-width:200px}.category:first-child{border-top:0}.category summary{font-size:15px;padding:15px 0}.subtype-plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:37px 36px;margin:3px 0 25px}.subtype-study{min-width:0}.subtype-study figure{margin:0 0 20px}.chinese-plate{display:block;width:100%;height:auto}.subtype-study figcaption{font-size:9px;margin-top:6px}.subtype-study h4{font-size:15px;line-height:1.55;font-weight:400;display:flex;gap:10px;margin:0}.subtype-study h4>span{font-size:10px;line-height:2.3}.subtype-term{font-size:10px;margin:4px 0 12px}.subtype-description{font-size:12px;line-height:1.95}.subtype-reference{margin-top:17px;font-size:10px;line-height:1.85}.subtype-reference .reference-label{margin-bottom:6px;font-weight:700}.subtype-reference a{display:inline-block;text-decoration:underline;text-underline-offset:4px;margin-top:7px}.chinese-plate path,.chinese-plate rect,.chinese-plate circle{fill:none;stroke:#000;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.chinese-plate .cn-edge{stroke-width:1}.chinese-plate .cn-cut{stroke-width:1.6;fill:white;fill-rule:evenodd}.chinese-plate .cn-fine{stroke-width:.55}.chinese-plate .cn-hair{stroke-width:.3}.chinese-plate .cn-body{stroke-width:.5}.chinese-plate .cn-overhead{stroke-width:.5;stroke-dasharray:5 4}.chinese-plate .cn-route{stroke-width:.6;stroke-dasharray:8 3 1.5 3}.chinese-plate .cn-sight{stroke-width:.5;stroke-dasharray:1 4}.chinese-plate .cn-white{fill:white;stroke:none}
@media(max-width:1100px){.chinese-group{grid-template-columns:175px minmax(0,1fr);gap:30px}.subtype-plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:760px){.chinese-group{display:block;padding:24px 0}.chinese-group header{margin-bottom:20px}.chinese-group header h3{max-width:none;font-size:27px}.chinese-group .group-reading{max-width:none;margin-top:8px}.subtype-plates{grid-template-columns:1fr;gap:32px}.subtype-study{border-top:1px solid #000;padding-top:12px}.subtype-study figure{max-width:480px;margin:0 auto 15px}.subtype-study figcaption{font-size:10px}.subtype-study h4{font-size:17px}.subtype-description{font-size:13px}.subtype-reference{font-size:11px}.category summary{font-size:15px;min-height:48px}}
.chinese-plate .cn-body{fill:#fff}.chinese-plate .cn-flow{stroke-width:.45}.drawing-references{border-top:1px solid #000;margin-top:22px;padding-top:22px}.drawing-references h3{font-size:13px;font-weight:400;margin:0 0 18px}.drawing-references p{font-size:11px;line-height:1.85;margin:0 0 16px;max-width:800px}.drawing-references a{text-decoration:underline;text-underline-offset:3px}.chinese-line-note{font-size:10px;line-height:1.9;max-width:850px;margin:-15px 0 32px}
/* Opaque face-camera entourage, subordinate to the architectural outline. */
svg .scale-person{fill:#fff;stroke:#000;stroke-width:.7;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
svg .scale-person.reflection{stroke-width:.5}
.play-button{display:flex;align-items:center;gap:10px;text-decoration:none}
.play-button>span{text-decoration:underline;text-underline-offset:5px}
.play-icon{width:23px;height:23px;flex:none;border:1px solid #000;padding:3px}
.play-icon path{fill:#000;stroke:none;stroke-width:0}
.playback.static-scene{display:flex;justify-content:flex-end}
.playback.static-scene .angle-control{width:155px}
.playback [hidden]{display:none!important}
.figure-credit{font-size:11px;line-height:1.85;max-width:800px;margin:24px 0}.figure-credit a{text-decoration:underline;text-underline-offset:3px}
.chinese-plate .cn-column{stroke-width:.85;stroke-linecap:butt}
.play-button>span{white-space:nowrap}
/* Metric information stays black, understated, and scales with its SVG. */
.metric-scale path{stroke-width:.65;fill:none}.metric-scale text,.dimension-text{fill:#000;stroke:none;font-family:Arial,sans-serif;font-weight:400}.dimension-text{font-size:11px}.model-dimensions{font-size:10px;line-height:1.7;margin:0 0 18px}.chinese-plate .metric-scale path{stroke-width:.55}
.chinese-plate .cn-water{stroke-width:.35;stroke-dasharray:3 4}
.chinese-plate .cn-lattice{stroke-width:.5;stroke-linecap:butt}
.chinese-plate .cn-vine{stroke-width:.5;stroke-linejoin:round;stroke-linecap:round}
.chinese-plate .cn-vine-leaf{stroke-width:.45;stroke-linejoin:round;stroke-linecap:round}.chinese-plate .cn-vine-tendril{stroke-width:.4}
.chinese-plate .cn-void-column{stroke-width:.55;stroke-linecap:round}
svg .figure-ink{fill:#000;stroke:none}.chinese-plate .cn-reference-person{fill:#fff;stroke:#000;stroke-width:.35}svg .scale-person{stroke-width:.7}.plan-person path{fill:#fff;stroke:#000;stroke-width:.45;vector-effect:non-scaling-stroke}.plan-person .plan-detail{fill:none;stroke-width:.25}
.view-mode{display:flex;gap:22px;margin:10px 0 0;font-size:11px}.view-mode button{padding:7px 0;min-height:32px}.view-mode [aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}.plan-cut{stroke-width:1.5}.plan-reflection path,.plan-reflection ellipse{stroke-dasharray:2 2;stroke-width:.5}.angle-control[hidden]{display:none}
.opaque-envelope{fill:#fff;stroke:#000;stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}.surface-veil{fill:#fff;fill-opacity:.18;stroke:#000;stroke-opacity:.5;stroke-width:.8;vector-effect:non-scaling-stroke}.surface-tint{fill:#000;fill-opacity:.025;stroke:none}
.case-intro{font-size:11px;line-height:1.8;max-width:680px;margin:0 0 22px}.case-comparison{margin-top:10px!important}.case-comparison>span{font-weight:700}
.playback[hidden]{display:none}
#case-links article{scroll-margin-top:30px;outline:none}#case-links article:focus-visible{outline:1px solid #000;outline-offset:8px}.case-number{font-size:11px;font-weight:400;margin-right:10px}
.chinese-plate .cn-stone-edge{stroke-width:.62;stroke-linejoin:round}.chinese-plate .cn-stone-joint{stroke-width:.4;stroke-linejoin:round}
.chinese-plate .cn-walking-person{fill:#fff;stroke:#000;stroke-width:.5;stroke-linejoin:round;stroke-linecap:round}
.chinese-plate .cn-tree{stroke:#777;stroke-width:.6}.chinese-plate .cn-tree-crown{stroke:#777;stroke-width:.45}.chinese-plate .cn-tree-twig,.chinese-plate .cn-tree-leaf{stroke:#777;stroke-width:.35}
.theory-reading{margin:30px 0;padding:22px 0;border-top:1px solid #000;max-width:760px}.theory-reading h3{font-size:13px;margin:0 0 15px}.theory-reading blockquote{margin:0 0 12px;font-family:Georgia,serif;font-size:19px;line-height:1.65}.theory-reading p{font-size:13px;line-height:1.8;margin:10px 0}.theory-reading .theory-reference,.theory-reading .theory-relation{font-size:11px}.theory-reading cite{font-style:italic}.theory-reading[hidden]{display:none}
.extension-scales{margin:25px 0}.extension-scales[hidden]{display:none}.extension-scales h3{font-size:13px}.extension-scales>p{font-size:12px;line-height:1.8}.extension-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.extension-plans figure{margin:0}.extension-plans svg{width:100%;fill:none;stroke:#000;stroke-width:.7}.extension-plans figcaption{font-size:11px;line-height:1.7}
/* Paired original images are kept uncropped and in their original colours. */
.art-reading{border-top:1px solid #000;margin:42px 0;padding-top:22px}.art-reading>h3{font-size:15px;font-weight:400;margin:0 0 14px}.art-intro{font-size:11px;line-height:1.9;max-width:780px;margin-bottom:26px}.art-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.art-pair figure{margin:0;min-width:0}.art-tradition{font-size:11px;margin:0 0 12px}.art-image{height:350px;display:flex;align-items:center;justify-content:center}.art-image img{display:block;width:100%;height:100%;object-fit:contain}.art-pair h4{font-size:17px;font-weight:400;line-height:1.5;margin:20px 0 10px}.art-meta{font-size:11px;line-height:1.8;white-space:pre-line}.art-observation{font-size:12px;line-height:1.95;margin-top:15px}.art-credit{font-size:10px;line-height:1.9;margin-top:18px}.art-credit a{text-decoration:underline;text-underline-offset:3px}.university-mark{display:inline-flex;margin-left:12px;flex:none;align-items:center}.university-mark img{width:90px;height:auto;display:block}.site-header .languages{flex-wrap:wrap}.art-pair figcaption{display:block}
@media(max-width:760px){.art-pair{grid-template-columns:1fr;gap:34px}.art-image{height:auto;max-height:none}.art-image img{width:100%;height:auto;max-height:550px;object-fit:contain}.art-intro{font-size:12px}.art-observation{font-size:13px}.university-mark img{width:72px}.university-mark{margin-left:5px}.site-header .languages{gap:8px}.art-pair h4{font-size:18px}}
.drawing circle.plan-cut{fill:#fff;stroke:#000;stroke-width:1.8;vector-effect:non-scaling-stroke}
.study-tools{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.study-tools>a{font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:7px 0}.art-reading:focus{outline:none}
.art-reading-tools{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-bottom:24px}.art-reading-tools .art-focus{margin:0}.art-reading-tools button{padding:8px 0;background:none;border:0;border-radius:0;font:inherit;font-size:11px;color:#000;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.art-image{position:relative}.art-focus-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.art-focus-overlay rect{vector-effect:non-scaling-stroke}.focus-halo{fill:none;stroke:#fff;stroke-width:3}.focus-window{fill:none;stroke:#000;stroke-width:1}.focus-number-bg{fill:#fff;stroke:none}.art-focus-overlay text{fill:#000;stroke:none;font-family:Arial,sans-serif;text-anchor:middle}.art-focus-key{font-size:11px;line-height:1.7;margin-top:12px}.art-focus-key p{font-size:10px;margin:0 0 4px}.art-focus-key ol{margin:0;padding-left:1.6em}.art-reading [data-art-focus][hidden]{display:none}
.art-overview{margin:0 0 30px;font-size:11px}.art-overview summary,.wen-sources summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:8px 0}.art-table-wrap{overflow-x:auto}.art-overview table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:14px;font-size:11px;line-height:1.75}.art-overview th,.art-overview td{padding:13px 12px 13px 0;border-bottom:1px solid #000;text-align:left;vertical-align:top;overflow-wrap:anywhere}.art-overview th{font-weight:400}.art-overview th:first-child{width:38%}.art-overview th span{display:block;font-size:10px;margin-top:5px}.art-overview tr[aria-current=true] th>a{font-weight:600}.art-overview a{text-decoration:underline;text-underline-offset:3px}.art-focus{font-size:12px;margin:0 0 24px;letter-spacing:.03em}.architect-quote{border-top:1px solid #000;margin-top:32px;padding-top:22px;max-width:800px}.architect-quote h4,.art-scholarship h4{font-size:12px;font-weight:500;margin:0 0 15px}.architect-quote blockquote{font:400 22px/1.55 Georgia,serif;margin:0 0 12px;max-width:710px}.architect-quote p,.art-scholarship>p,.wen-sources>p{font-size:12px;line-height:1.95}.quote-translation span{display:block;font-size:10px;margin-top:5px}.architect-quote .art-citation,.art-references{font-size:10px;line-height:1.9;overflow-wrap:anywhere}.art-citation a,.art-references a{text-decoration:underline;text-underline-offset:3px}.art-scholarship{margin-top:30px;max-width:800px}.art-references{padding-left:19px}.art-references li{padding-left:4px;margin-bottom:9px}.wen-sources{font-size:11px;margin-top:22px}.wen-sources>p{max-width:750px}@media(max-width:600px){.art-overview table{font-size:10px}.art-overview th span{font-size:9px}.art-overview th,.art-overview td{padding-right:10px}.architect-quote blockquote{font-size:20px}}
.liu-reading{max-width:780px;font-size:11px;line-height:1.9;margin:8px 0 28px}.liu-reading .reference-label{font-size:10px;font-weight:600;margin:0 0 8px}.liu-reading blockquote{font-size:14px;margin:0 0 8px}.liu-citation,.liu-source{font-size:10px;line-height:1.9}.liu-citation a{text-decoration:underline;text-underline-offset:3px}.university-mark img{width:158px;height:auto}@media(max-width:760px){.university-mark img{width:112px}}
#case-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px}.case-column{min-width:0}.case-reading a.case-title{font:inherit;text-decoration:underline;text-underline-offset:5px}.case-reading .case-column article+article{margin-top:28px}@media(max-width:760px){#case-links{grid-template-columns:1fr;gap:28px}}
/* Ten names, read down each column. */
.chinese-cases{margin:36px 0 28px;padding-top:20px;border-top:1px solid #000}
.chinese-case-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
.chinese-case-columns>div{display:flex;flex-direction:column;gap:14px;min-width:0}
.chinese-case-columns a{color:#000;line-height:1.6;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:760px){.chinese-case-columns{column-gap:22px;font-size:12px}}
.art-detail-image{display:block;width:100%;height:100%;overflow:hidden}.art-detail-caption{font-size:10px;line-height:1.8;margin:10px 0 0}.art-detail-caption a{text-decoration:underline;text-underline-offset:3px}.art-credit{white-space:pre-line}
@media(max-width:760px){.art-detail-image{height:auto;max-height:550px;object-fit:contain}}
svg path.envelope-face{fill:#fff;stroke:#000;stroke-width:.65;stroke-linejoin:round}
/* Fine-line situated drawing, with a clear court and selectively retained details. */
.situated-study{border-top:1px solid #000;margin-top:36px;padding-top:23px}.situated-study[hidden]{display:none}.situated-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.situated-heading h3{font-size:15px;font-weight:400;margin:0}.situated-heading button{font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:8px 0}.situated-study figure{margin:18px 0}.situated-axon{display:block;width:100%;max-height:800px}.situated-axon path,.situated-axon polygon,.situated-axon polyline,.situated-axon circle{stroke:#000;fill:none;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.situated-axon .face{fill:#fff;stroke-width:.85}.situated-axon .edge{stroke-width:.85}.situated-axon .cut{stroke-width:1.35}.situated-axon .joinery{stroke-width:.45}.situated-axon .plant{stroke-width:.4}.situated-axon .joint{stroke-width:.25}.situated-axon .scale-person{fill:#fff;stroke-width:.5}.situated-axon .court-scale text{fill:#000;stroke:none;font:13px Arial,sans-serif;text-anchor:middle}.situated-axon [hidden]{display:none}.situated-axon .court-route{stroke-width:1;stroke-dasharray:9 4 1 4}.situated-axon .court-gaze{stroke-width:.8;stroke-dasharray:2 5}.situated-axon .court-stop{stroke-width:.6;stroke-dasharray:2 4}.situated-study figcaption{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.7}.situated-study>p{max-width:730px;font-size:12px;line-height:1.9}@media(max-width:760px){.situated-heading{display:block}.situated-heading button{margin-top:8px}.situated-study figcaption{display:block}.situated-study figcaption span{display:block;margin-top:6px}}
.chinese-plate .cn-footprint{fill:none;stroke:#000;stroke-width:.55}
.chinese-plate .cn-rain{fill:none;stroke:#000;stroke-width:.45;stroke-dasharray:2.5 5;opacity:.55}
.subtype-study .chinese-cases{margin:22px 0 8px;padding-top:14px;border-top:0;font-size:11px}.subtype-study .chinese-cases>.reference-label{font-size:10px;font-weight:700;margin:0 0 12px}.subtype-study .chinese-case-columns{column-gap:22px}.subtype-study .chinese-case-columns>div{gap:10px}.subtype-study .chinese-case-columns a{line-height:1.75;text-underline-offset:3px}@media(max-width:760px){.subtype-study .chinese-cases{font-size:12px}.subtype-study .chinese-case-columns{column-gap:18px}}
.situated-axon .wall-face{fill:#fff;stroke:none}
.architect-readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;border-top:1px solid #000;margin-top:32px;padding-top:24px}.architect-readings article{min-width:0}.architect-readings h4{font-size:13px;font-weight:500;margin:0 0 18px}.architect-readings figure{margin:0 0 24px}.architect-readings figure>a{display:flex;width:100%;aspect-ratio:4/3;align-items:center}.architect-readings img{display:block;width:100%;height:100%;object-fit:contain}.architect-readings figcaption p{font-size:10px;line-height:1.8;margin:8px 0}.architect-readings figcaption .manuscript-title{font-size:14px;margin-top:16px}.architect-readings blockquote{font:400 20px/1.55 Georgia,serif;margin:0 0 14px}.architect-readings article>p{font-size:12px;line-height:1.9}.architect-readings .art-citation{font-size:10px;overflow-wrap:anywhere}.architect-readings a{text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.architect-readings{grid-template-columns:1fr;gap:32px}.architect-readings article+article{border-top:1px solid #000;padding-top:24px}}
/* Paired archival columns: two western examples, two eastern examples. */
.archival-column{display:flex;flex-direction:column;gap:44px;min-width:0}
.archival-column>article+article{padding-top:24px;border-top:1px solid #000}
.drawing-source{font-size:11px;line-height:1.75;margin-top:14px}
.drawing-source summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.drawing-source p{margin:9px 0;overflow-wrap:anywhere}
.architect-readings figure{margin-bottom:16px}
.architect-readings .quote-translation{margin-bottom:16px}
.reading{grid-template-columns:1fr;max-width:72ch}
.archival-detail{display:block;width:100%;height:100%;overflow:hidden}
.archival-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;align-items:center;padding:12px 0}
.archival-details .archival-detail{height:auto;width:100%}
.archival-details .archival-detail:last-child{grid-column:1/-1;max-width:76%;justify-self:center}
.architect-readings.archival-single{grid-template-columns:minmax(0,1fr);max-width:760px}.text-excerpt blockquote{margin-top:0}
.index-chinese{display:block;border-top:1px solid #000;margin-top:24px;padding:17px 0 0;font-size:12px;line-height:1.65;text-decoration:underline;text-underline-offset:4px}
.original-quote{font-size:11px;line-height:1.8;margin:-2px 0 16px}
.original-quote summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.original-quote p{margin-top:9px}
.site-header .languages{margin-left:auto}
@media(max-width:760px){.index-chinese{grid-column:1/-1;margin-top:12px;padding-top:14px}}
.art-overview{margin:28px 0 0;padding-top:16px;border-top:1px solid #000}
/* Compact research records and full-width archival plates. */
.directory-heading h2{text-decoration:underline;text-underline-offset:4px;text-transform:none}
.sources-section{padding-top:18px}.sources-collapse>summary{font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.sources-content{padding-top:22px}.sources-content h3,.sources-content p,.sources-content summary{font-size:11px;line-height:1.8}.sources-content .source-list>li{padding:16px 0}.supplementary-bibliography{font-size:11px;margin-top:18px}.supplementary-bibliography p{margin:12px 0;padding-left:18px;text-indent:-18px}.supplementary-bibliography a{text-decoration:underline}
.drawing-full figure>a{display:block;aspect-ratio:auto}.drawing-full img{width:100%;height:auto;object-fit:contain}.copyright-section{margin-top:24px;font-size:12px;line-height:1.85}.copyright-section summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.copyright-section p{margin:15px 0;max-width:950px}.copyright-section a{text-decoration:underline}
.art-credit summary{font-size:10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.art-credit>p{font-size:10px;line-height:1.8;margin-top:8px}
.classical-reading{padding:20px 0;border-top:1px solid #000}.classical-reading h4{font-size:11px;font-weight:400;margin:0 0 16px}.classical-reading article+article{margin-top:22px}.classical-reading blockquote{font:400 18px/1.85 Georgia,'Songti TC','Songti SC',serif;margin:0 0 8px}.classical-reference,.classical-note,.classical-translation{font-size:11px;line-height:1.8;margin:5px 0}.classical-reference a{text-decoration:underline;text-underline-offset:3px}
.drawing>figcaption{justify-content:flex-end}.drawing-full .archival-detail{display:block;width:100%;height:auto}
.sources-collapse>summary,.copyright-section>details>summary{font-size:13px;font-weight:400;line-height:1.65}
.research-questions{border-top:1px solid #000;padding:24px 0;margin-top:10px;max-width:76ch}.research-questions h3,.research-excerpt h4{font-size:12px;font-weight:400;margin:0 0 14px}.research-questions>ol{font-size:15px;line-height:1.85;padding-left:22px;margin:0 0 16px}.research-questions>p,.research-relation{font-size:12px;line-height:1.9}.research-excerpt{margin-top:24px}.research-excerpt blockquote{font:400 19px/1.7 Georgia,'Songti TC','Songti SC',serif;margin:0 0 14px}.research-citation{font-size:10px;line-height:1.8;margin-top:12px}.research-citation a{text-decoration:underline;text-underline-offset:3px}.joint-credit{font-size:10px;line-height:1.6;text-align:right;margin:0 6px 12px}.closing-mark{display:flex;justify-content:flex-end;margin-top:18px}.closing-mark img{display:block;width:158px;height:auto}
.joint-detail .joint-credit{max-width:none;width:100%;font-size:10px;text-align:right}
/* Align the closing research links and the university mark at the same top edge. */
.closing-resources{display:grid;grid-template-columns:minmax(0,1fr) 158px;column-gap:48px;align-items:start;border-top:1px solid #000;margin-top:62px;padding-top:18px}.closing-links{min-width:0}.closing-resources .sources-section{border:0;margin:0;padding:0}.closing-resources .closing-mark{margin:0;align-self:start}.closing-resources .closing-mark a{display:block}.closing-resources .sources-collapse>summary,.closing-resources .copyright-section>details>summary{font-size:13px;font-weight:400;line-height:1.65}
@media(max-width:760px){.closing-resources{display:flex;flex-wrap:wrap;gap:24px;margin-top:40px;padding-top:18px}.closing-links{width:100%}.closing-resources .closing-mark{margin-left:auto}}
/* Responsive reading follows the main site: one clear column on compact screens. */
.directory-current{display:none}.directory-menu>summary{list-style:none}.directory-menu>summary::-webkit-details-marker{display:none}.directory-menu>summary{cursor:default}.directory-heading h2{font-size:12px}.index-group h3{font-size:11px}.index-group button{font-size:13px}
.reading p,.research-questions>p,.research-relation,.theory-reading p,.art-observation,.art-scholarship>p,.wen-sources>p,.architect-quote p,.architect-readings article>p,.case-reading p,.subtype-description,.classical-note,.classical-translation,.liu-reading>p{font-size:14px;line-height:1.85}
.research-citation,.theory-reading .theory-reference,.art-meta,.art-citation,.art-references,.subtype-reference,.liu-citation,.classical-reference,.subtype-term{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.source-family{font-size:12px;line-height:1.65}.research-questions>ol{font-size:16px}
.study-tools{align-items:center;flex-wrap:wrap;gap:8px 20px}.view-mode{margin:0;gap:20px}.view-mode button,.study-tools>a,.art-reading-tools button,.situated-heading button,.phase-labels button,.play-button{min-height:44px;font-size:13px}.study-tools>a{display:inline-flex;align-items:center}.view-mode button{padding:10px 0}.range-label{font-size:12px;line-height:1.6}.angle-control input,.timeline input{height:30px}.phase-labels button{font-size:11px}.motion-notice{font-size:12px;line-height:1.8}
.art-image{display:block;height:auto}.art-image img,.art-detail-image{width:100%;height:auto;max-height:none}.art-reading>h3{font-size:18px}.art-tradition,.art-focus-key,.art-focus-key p{font-size:12px}.art-focus-key li{line-height:1.8}.art-pair h4{font-size:21px}.art-credit summary,.drawing-source summary,.original-quote summary,.wen-sources summary,.art-overview summary{min-height:44px;line-height:1.8}.art-credit summary{font-size:12px}.art-credit>p{font-size:12px}.case-reading nav a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.7}.case-reading h3{overflow-wrap:anywhere}
#scene .metric-scale text,.chinese-plate .metric-scale text,.situated-axon .court-scale text,#joint-drawing .metric-scale text,#joint-drawing .dimension-text{font-size:var(--ruler-font,13px)}
@media(max-width:1023px){
.atlas{display:block;padding-top:20px}.directory{position:static;padding:0 0 20px;max-height:none;overflow:visible}.directory-menu>summary{min-height:48px;padding:10px 0;gap:9px;cursor:pointer;align-items:center}.directory-menu>summary::before{content:'▸';font-size:12px}.directory-menu[open]>summary::before{content:'▾'}.directory-heading h2{font-size:14px;letter-spacing:0;line-height:1.7}.directory-current{display:block;margin-left:auto;font-size:12px}.directory-total{display:none}#type-index{display:block}.index-group{padding-top:18px}.index-group h3{font-size:12px;min-height:0;max-width:none;margin-bottom:8px}.index-group button,html[lang|=zh] .index-group button{min-height:44px;font-size:15px;grid-template-columns:28px minmax(0,1fr);gap:10px;line-height:1.55;padding:9px 0}.index-group button .index-code{font-size:12px}.index-chinese{font-size:14px;min-height:44px;margin-top:18px;padding-top:14px}
.study{border-top:1px solid #000;padding-top:22px}.study-heading{min-height:0;margin-bottom:18px;grid-template-columns:34px minmax(0,1fr) 48px;gap:10px}.study-heading h2,html[lang|=zh] .study-heading h2{font-size:30px;line-height:1.35}.type-code{font-size:24px;margin-top:25px}.type-count{font-size:11px;padding-top:26px}.english-term{font-size:13px;line-height:1.6}.drawing>svg{width:100%;margin:0;min-height:0;aspect-ratio:900/625}.drawing figcaption{font-size:11px;line-height:1.8;margin:10px 0}.model-dimensions{font-size:12px;line-height:1.8;margin-bottom:18px}.line-key{font-size:12px}.line-key summary{min-height:44px;line-height:1.8}.line-key dd,.line-key>p{font-size:12px;line-height:1.8}.reading{max-width:none;padding:22px 0}.reading p,.research-questions>p,.research-relation,.theory-reading p,.art-observation,.case-reading p,.subtype-description{font-size:15px;line-height:1.9}.reading h3,.research-questions h3,.research-excerpt h4,.theory-reading h3{font-size:13px}.research-excerpt blockquote{font-size:21px;line-height:1.7}
.art-pair,.architect-readings{grid-template-columns:1fr;gap:36px}.art-pair figure{max-width:760px;width:100%}.art-image{height:auto;max-height:none}.art-image img,.art-detail-image{max-height:none}.art-reading-tools{align-items:start}.art-reading-tools .art-focus{font-size:14px;line-height:1.8}.art-reading-tools button{font-size:12px;margin-left:auto}.art-meta{font-size:13px}.art-pair h4{font-size:22px}.architect-readings figcaption p{font-size:12px}.architect-readings figcaption .manuscript-title{font-size:17px}.architect-readings h4{font-size:15px}.architect-readings article>p{font-size:15px}.architect-readings blockquote{font-size:22px;line-height:1.7}.archival-column{gap:30px}.drawing-source{font-size:12px}
#case-links{grid-template-columns:1fr;gap:30px}.case-reading h3{font-size:23px;line-height:1.5}.case-reading .eyebrow{font-size:12px}.case-reading nav{gap:0 20px}.case-reading nav a{font-size:13px}.case-number{font-size:12px}.sequence-nav button{min-height:44px;font-size:12px;line-height:1.7;max-width:42%}
.chinese-group{display:block;padding:25px 0}.chinese-group header{margin-bottom:22px}.chinese-group header h3{max-width:none;font-size:29px}.chinese-group .group-reading{max-width:none;font-size:14px;margin-top:10px}.category summary{min-height:52px;font-size:17px;padding:13px 0}.subtype-plates{grid-template-columns:1fr;gap:36px}.subtype-study figure{max-width:680px;margin:0 auto 18px}.subtype-study h4{font-size:20px;line-height:1.6}.subtype-study h4>span{font-size:12px}.subtype-term{font-size:13px}.subtype-reference{font-size:13px}.subtype-reference a{min-height:44px;display:inline-flex;align-items:center}.chinese-case-columns{grid-template-columns:1fr;gap:14px}.subtype-study .chinese-case-columns>div{gap:0}.subtype-study .chinese-case-columns a{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.75}.classical-reading h4{font-size:13px}.classical-reading blockquote{font-size:21px;line-height:1.9}.liu-reading{font-size:14px}.liu-reading blockquote{font-size:18px;line-height:1.8}.classical-reference{font-size:13px}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading>p{justify-self:start;max-width:none;font-size:15px}.chinese-section{margin-top:48px;padding-top:30px}
.joint-detail{grid-template-columns:1fr;gap:12px;padding:16px 0 24px}.joint-detail>div:first-child{max-width:560px;width:100%}.joint-detail h3{font-size:13px}.joint-detail p{font-size:14px;max-width:none}.situated-heading{display:block}.situated-heading h3{font-size:17px;line-height:1.7}.situated-heading button{font-size:13px}.situated-study figcaption{font-size:12px;display:block}.situated-study figcaption span{display:block;margin-top:6px}
.sources-content h3,.sources-content p,.sources-content summary{font-size:12px}.closing-resources .sources-collapse>summary,.closing-resources .copyright-section>details>summary{min-height:44px;font-size:13px}.copyright-section p{font-size:13px}.source-list>li{grid-template-columns:28px minmax(0,1fr);gap:15px}.sources-content{overflow-wrap:anywhere}.closing-resources{display:flex;flex-wrap:wrap;gap:24px;margin-top:40px;padding-top:18px}.closing-links{width:100%}.closing-resources .closing-mark{margin-left:auto}
}
@media(max-width:600px){
.site-header{padding:18px 0 14px;align-items:start}.identity{width:100%;min-width:0}.wordmark{font-size:29px}.byline{font-size:12px}.site-header .languages{display:flex;justify-content:flex-start;gap:7px;margin:12px 0 0;width:100%;font-size:12px}.languages button{min-height:44px;font-size:12px}.university-mark{margin-left:auto}.university-mark img{width:100px;height:auto}.introduction{padding:28px 0;gap:18px}.introduction h1,html[lang|=zh] .introduction h1{font-size:clamp(36px,10vw,43px);line-height:1.2;letter-spacing:0}.intro-note>p:first-child{font-size:15px;line-height:1.85}.introduction .eyebrow{font-size:11px}.study-heading h2,html[lang|=zh] .study-heading h2{font-size:27px}.study-heading{grid-template-columns:28px minmax(0,1fr) 39px;gap:8px}.type-code{font-size:22px;margin-top:25px}.type-count{font-size:10px}.source-family{font-size:12px}.view-mode{gap:18px}.view-mode button,.study-tools>a{font-size:12px}.study-tools{gap:0 12px}.study-tools>a{margin-left:auto}.playback{grid-template-columns:1fr 1fr;gap:14px}.play-button{font-size:13px}.phase-labels{gap:10px;flex-wrap:wrap}.phase-labels button{font-size:11px;line-height:1.7}.reading p,.research-questions>p,.research-relation,.theory-reading p,.art-observation,.case-reading p,.subtype-description{font-size:15px}.research-questions>ol{font-size:16px;line-height:1.9}.art-reading>h3{font-size:18px;line-height:1.7}.art-reading-tools{gap:5px 12px}.art-reading-tools button{margin-left:0}.art-tradition{font-size:12px}.art-pair h4{font-size:22px}.case-reading h3{font-size:22px}.extension-plans{grid-template-columns:1fr;gap:24px}.extension-plans figure{max-width:320px;width:100%}.extension-scales>p{font-size:14px}.extension-plans figcaption{font-size:12px}.joint-detail .joint-credit{font-size:11px}.original-quote{font-size:12px}.original-quote p{overflow-wrap:anywhere}footer{font-size:12px;gap:12px 20px;padding:20px 0 26px}footer>a{display:inline-flex;align-items:center;min-height:44px}footer>span:nth-child(2){line-height:1.8}
}
.compact-navigation{display:none}
@media(max-width:1023px){
body[data-compact-view="index"] .study,body[data-compact-view="index"] .chinese-section,body[data-compact-view="type"] .chinese-section,body[data-compact-view="chinese"] .study{display:none}
body[data-compact-view="type"] .introduction,body[data-compact-view="chinese"] .introduction{display:none}
body[data-compact-view="type"] .compact-navigation,body[data-compact-view="chinese"] .compact-navigation{display:block;position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #000}
.compact-navigation a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:8px 0}
.index-group button,html[lang|=zh] .index-group button{font-size:16px;line-height:1.6}.index-chinese{font-size:18px;line-height:1.7;min-height:48px}
body[data-compact-view="chinese"] .chinese-section{margin-top:0}
}
.index-section-number{display:inline-block;margin-right:.35em;font-size:inherit;font-weight:400;font-variant-numeric:tabular-nums}
.directory-section-heading{font-size:14px;font-weight:400;line-height:1.7;margin:0 0 12px}@media(max-width:1023px){.directory-section-heading{font-size:16px;margin:0 0 10px}}
/* The route occupies the available width when motion or angle controls are absent. */
.playback{display:flex;flex-wrap:wrap;align-items:start;gap:16px 24px}.playback .play-button{flex:0 0 140px}.playback .timeline{flex:1 1 280px;min-width:0}.playback .angle-control{flex:0 0 155px;width:155px;max-width:155px;margin-left:auto}.playback .phase-labels{flex-wrap:nowrap}
@media(max-width:600px){.playback{gap:14px 16px}.playback .timeline{order:0;flex:1 1 100%}.playback .play-button{order:1;flex:1 1 100px}.playback .angle-control{order:2;flex:1 1 120px}}
@media(max-width:1023px){body[data-compact-view="index"] .closing-resources,body[data-compact-view="index"] footer.page-width{display:none}}
/* Both directory destinations share the same marker, code and title alignment. */
.directory-menu>summary.directory-heading,.directory .index-chinese{display:grid;grid-template-columns:12px minmax(0,1fr) auto;column-gap:9px;align-items:baseline;font-size:12px;font-weight:400;line-height:1.7}
.directory .index-chinese{grid-template-columns:12px minmax(0,1fr);text-decoration:none}
.directory-menu>summary::before{display:none;content:none}
.directory-heading h2,.index-entry-label{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:8px;align-items:baseline;min-width:0;margin:0;font:inherit;letter-spacing:0;text-decoration:none}
.directory-heading h2>[data-i18n="index"],.index-entry-name{text-decoration:underline;text-underline-offset:4px}
.directory-heading .index-section-number,.index-entry-label .index-section-number{margin-right:0}
.index-marker{display:block;width:12px;font-size:12px;line-height:1;transform-origin:50% 50%;text-decoration:none}
.directory-menu[open]>summary>.index-marker{transform:rotate(90deg)}
.directory-section-heading{font-size:18px;line-height:1.7}
@media(max-width:1023px){.directory-menu>summary.directory-heading,.directory .index-chinese{font-size:18px}.directory-section-heading{font-size:20px}}
.directory .index-marker{width:12px;height:12px;line-height:12px;font-size:12px}
.study-load-status{font-size:14px;line-height:1.85;margin:20px 0}.study-load-status[hidden]{display:none}
.compact-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #000;margin-top:16px}
.compact-navigation a,.compact-navigation button{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.7;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.compact-navigation button{margin-left:auto}.compact-navigation [hidden]{display:none}
@media(max-width:1023px){body[data-compact-view="type"] .compact-navigation,body[data-compact-view="chinese"] .compact-navigation{display:flex;margin-top:0}body[data-compact-view="index"] .compact-navigation{display:none}}