/* Shared exhibition layer. Chapter scripts, source IDs and source data remain local. */
:root{
 --paper:#f7f8f4;--paper-light:#fff;--ink:#17291f;--muted:#52645a;--rule:#d4ddd5;
 --green:#244b3b;--red:var(--green);--accent:var(--green);--secondary:var(--muted);
 --ivory:var(--paper);--line:var(--rule);--surface:#eaf0e9;
 --serif:"Noto Serif SC","Songti SC",serif;--sans:"Noto Sans SC","Microsoft YaHei",sans-serif;
 --english:var(--serif);--english-serif:var(--serif);
 --page-margin:clamp(20px,4.2vw,68px);--header-height:80px;
 --small:13px;--body:17px;--head:clamp(28px,3.4vw,48px);--title:clamp(44px,6.6vw,96px);
}
html{background:var(--paper);scroll-padding-top:100px;scroll-behavior:smooth;scrollbar-gutter:auto}
body.journal-page{background:var(--paper);font-family:var(--sans);font-size:var(--body);color:var(--ink);line-height:1.8}
body::after{display:none}
*{letter-spacing:normal}
figure{margin:0} img{max-width:100%} button,input,select{font-family:var(--sans)}
p,li,dd{overflow-wrap:break-word}
a,button,summary,label{touch-action:manipulation}
/* Explicitly match native disclosure visibility for layout/assistive technology tools. */
details:not([open]) > :not(summary){display:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:5px}
::selection{background:var(--green);color:white}
.journal-page .top-nav{height:80px;padding-inline:var(--page-margin);background:var(--paper);backdrop-filter:none;border:0;gap:24px;position:sticky;top:0;z-index:30}
.brand{display:flex;align-items:center;gap:20px;font:400 32px/1.3 var(--serif);letter-spacing:0;white-space:nowrap}
.brand span{font:13px/1.5 var(--sans);color:var(--muted)}
.journal-nav{gap:24px;margin:0 0 0 auto}
.journal-nav a{font-size:15px;letter-spacing:0;border:0;position:relative;color:var(--muted)}
.journal-nav a:hover,.journal-nav a[aria-current="page"]{color:var(--green);border:0}
.journal-nav a[aria-current="page"]::after{content:"";position:absolute;bottom:3px;left:0;right:0;height:3px;background:var(--green)}
.journal-menu{display:block;position:relative;flex:none}
.journal-menu summary{font-size:15px;letter-spacing:0;color:var(--ink);padding:0 4px;min-height:44px}
.journal-menu summary::after{margin-left:10px}
.journal-menu-panel{top:52px;background:var(--ink);color:white;width:300px;max-width:calc(100vw - 40px);padding:16px 24px;border:0;box-shadow:none}
.journal-menu-panel a{font-size:17px;border:0;min-height:48px;letter-spacing:0}
.journal-menu-panel a:hover,.journal-menu-panel a[aria-current]{color:#c8dfbd;text-decoration:underline;text-underline-offset:6px}
.journal-menu-panel a:focus-visible{outline-color:white}
.reading-progress{height:3px}.reading-progress span{background:var(--green)}
.chapter-opening{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,76px);margin:60px var(--page-margin) 0;align-items:start}
.journal-chapter-head{display:block;padding:25px 0 0;border:0;min-width:0}
.journal-chapter-title h1{font:400 var(--title)/1.16 var(--serif);letter-spacing:-.04em;margin:0;color:var(--ink)}
.chapter-caption{font:18px/1.5 var(--serif);color:var(--muted);margin:16px 0 0}
.journal-chapter-title .deck{margin:32px 0 0;max-width:29em;font:17px/1.9 var(--sans);color:var(--ink)}
.chapter-actions{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px}
.chapter-actions a,.text-link{font-size:15px;color:var(--green);display:inline-flex;align-items:center;min-height:44px;gap:12px}
.chapter-actions a:first-child{background:var(--green);color:white;padding:8px 18px}
.chapter-actions a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}
.chapter-opening .journal-cover-image{padding:0;margin:0;width:100%;max-width:none;min-width:0}
.chapter-opening .journal-cover-image img{height:clamp(300px,32vw,460px);width:100%;object-fit:cover}
.journal-cover-image figcaption{border:0;margin:0;padding-top:14px;display:grid;gap:4px;font:13px/1.7 var(--sans);color:var(--muted)}
.journal-cover-image figcaption a{text-decoration:underline;text-underline-offset:3px}
.page-history .journal-cover-image img{object-fit:contain;background:var(--surface)}
.journal-content,.appendix-content{width:calc(100% - var(--page-margin)*2);max-width:1600px;margin:0 auto;padding-top:100px;padding-bottom:96px}
.journal-content > section{border:0}
.journal-pagination{width:calc(100% - var(--page-margin)*2);max-width:none;border:0;margin-bottom:88px;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.journal-pagination a,.journal-pagination a:nth-child(2){border:0;background:var(--surface);padding:24px;min-height:120px;font:13px/1.5 var(--sans);letter-spacing:0}
.journal-pagination a strong{font:400 24px/1.5 var(--serif)}
.journal-pagination a:hover{background:#dce7dc}
.journal-pagination a:last-child{grid-column:auto;border:0}
.journal-footer{width:100%;border:0;background:var(--ink);color:white;margin:0;padding:48px var(--page-margin);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:40px}
.journal-footer .footer-name{font:400 64px/1.1 var(--serif);display:block;min-height:0}
.footer-name span{display:block;font:18px/1.6 var(--serif);margin-top:16px}
.journal-footer p{font:15px/1.9 var(--sans);margin:0;color:#d6e2d8}
.journal-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.journal-footer nav a{font:15px/1.6 var(--sans);min-height:44px;color:white}
.journal-footer a:hover{text-decoration:underline;text-underline-offset:6px}
.journal-footer a:focus-visible{outline-color:white}
.back-to-top-journal{width:44px;height:44px;right:20px;bottom:20px;border:0;background:var(--green);color:white;font-size:22px}
.back-to-top-journal:hover{background:var(--ink)}
/* Three photographs hang from one rail; the long tea garden is the dominant print. */
.exhibit-hero{display:grid;grid-template-columns:3fr 4.8fr 3.5fr;gap:clamp(28px,4vw,64px);margin:40px var(--page-margin) 112px;align-items:start}
.hero-intro{padding-top:0;min-width:0}
.hero-intro figure{width:68%;max-width:200px;margin:0 0 28px}
.hero-intro figure img{aspect-ratio:1;object-fit:cover}
.exhibit-hero figcaption{margin-top:12px;font:13px/1.7 var(--sans);color:var(--muted)}
.exhibit-hero figcaption a{text-decoration:underline;text-underline-offset:3px}
.hero-intro h1{font:400 clamp(56px,6vw,88px)/1.1 var(--serif);letter-spacing:-.04em;margin:0}
.home-subtitle{font:18px/1.7 var(--serif);margin:16px 0 0}
.hero-deck{font-size:17px;line-height:1.9;margin:24px 0 0;max-width:22em}
.home-image-credit{font-size:13px;line-height:1.7;color:var(--muted);margin:16px 0 0}
.primary-link{margin-top:24px;display:inline-flex;justify-content:space-between;align-items:center;gap:24px;background:var(--green);color:white;padding:12px 18px;min-height:48px;font-size:15px}
.primary-link:hover{background:var(--ink)}
.hero-garden img{height:clamp(400px,42vw,610px);object-fit:cover;object-position:50%}
.hero-table img{width:100%;aspect-ratio:1.5;object-fit:cover}
.hero-table .text-link{margin-top:16px}
.chapter-gallery{margin-inline:var(--page-margin);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:72px 32px;align-items:start}
.gallery-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:start;gap:32px;margin-bottom:8px}
.gallery-heading h2,.home-reading h2{font:400 var(--head)/1.4 var(--serif);letter-spacing:-.02em;margin:0}
.gallery-heading p{font-size:17px;line-height:1.8;margin:0;width:34%;color:var(--ink)}
.chapter-print{min-width:0}.chapter-print a{display:block}
.chapter-print figure{margin:0;overflow:hidden}
.chapter-print img{width:100%;object-fit:cover;transition:transform 180ms ease}
.chapter-print a:hover img{transform:scale(1.015)}
.chapter-print figcaption{font:13px/1.7 var(--sans);color:var(--muted);margin-top:12px}
.chapter-print h3{font:400 clamp(28px,3vw,42px)/1.4 var(--serif);margin:20px 0 12px;display:flex;justify-content:space-between;gap:12px}
.chapter-print h3 span{font-size:24px;transition:transform 160ms ease}
.chapter-print a:hover h3 span{transform:translate(3px,-3px)}
.chapter-print p{font-size:17px;line-height:1.9;max-width:28em;margin:0}
.print-classification{grid-column:1/6}.print-classification img{aspect-ratio:1.18}
.print-making{grid-column:7/13;margin-top:96px}.print-making img{aspect-ratio:1.5}
.print-knowledge{grid-column:2/8}.print-knowledge img{aspect-ratio:1.7}
.print-history{grid-column:9/13;margin-top:40px}.print-history img{aspect-ratio:.8;object-fit:contain;background:var(--surface)}
.print-city{grid-column:3/11}.print-city img{aspect-ratio:1.7}
.home-reading{margin:112px var(--page-margin);display:grid;grid-template-columns:1fr 1fr;gap:48px;background:var(--surface);padding:48px}
.home-reading p{margin:0;font-size:17px;max-width:32em}.home-reading nav{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:20px}.home-reading nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--green);font-size:15px}
/* Six teas: native radio controls still drive the original, progressively enhanced panels. */
.tea-workspace{grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}
.tea-selector{grid-column:1/4;position:sticky;top:112px}
.tea-selector legend,.path-selector legend{font:17px/1.7 var(--sans);padding-bottom:24px;color:var(--ink)}
.tea-selector legend span,.path-selector legend span{font:13px/1.7 var(--serif);letter-spacing:0;margin-top:6px}
.tea-option,.tea-option:last-child{border:0;margin-bottom:6px}
.tea-option-row{grid-template-columns:minmax(0,1fr) auto;min-height:84px;padding:14px 18px;background:var(--surface)}
.tea-option-zh{font:400 28px/1.3 var(--serif)}.tea-option-en{font-size:13px;letter-spacing:0;text-transform:none}
.tea-option-state{font-size:13px}.tea-option input:checked + .tea-option-row{background:var(--green);color:white}
.tea-option input:checked + .tea-option-row :is(.tea-option-zh,.tea-option-en,.tea-option-state){color:white}
.tea-option input:checked + .tea-option-row::before{display:none}
.tea-option input:hover + .tea-option-row{background:#dce7dc}.tea-option input:checked:hover + .tea-option-row{background:var(--ink)}
.tea-exhibition{grid-column:5/-1}.tea-object-stage{height:clamp(340px,34vw,470px);background:white}
.tea-object > figcaption{font-size:13px;padding-top:14px}.tea-image-credit{font-size:13px}
.tea-object-heading{padding-block:32px 24px}.tea-object-heading h3{font:400 48px/1.3 var(--serif)}.tea-object-heading > p{font:18px/1.4 var(--serif)}
.tea-facts{font-size:17px}.tea-facts > div{grid-template-columns:126px 1fr;gap:24px;border:0;padding:16px 20px}.tea-facts > div:nth-child(odd){background:var(--surface)}
.tea-content-note{font-size:13px;margin-block:20px}.tea-content-note > span[lang]{font-size:13px;letter-spacing:0}
.tea-related,.tea-related-note,.tea-pager{border:0;background:var(--surface);padding-inline:20px}
.tea-related > summary,.tea-pager button{font-size:17px;min-height:48px}.tea-related > summary > span,.tea-pager > span{font-size:13px;letter-spacing:0}
.tea-related-images figcaption,.aux-credit{font-size:13px}
/* Manufacturing keeps its diagrams and six real alternative paths. */
.making-part-label{border:0;padding:0 0 16px;gap:12px 24px}.making-part-label h3{font:400 32px/1.5 var(--serif)}.making-part-label p,.making-part-label > span{font:13px/1.8 var(--sans);letter-spacing:0}
.process-story{margin-block:56px 112px;gap:40px 32px;border:0;padding-block:0;align-items:center}
.process-copy h3{font:400 var(--head)/1.4 var(--serif);letter-spacing:0}
.process-description{font-size:17px;line-height:1.9;max-width:28em;margin-top:24px}
.making-source,.making-credit{font-size:13px;line-height:1.8}.making-photo figcaption{font-size:13px}
.making-photo img{border-radius:0!important}
.process-picking .making-photo{grid-column:1/8}.process-picking .process-copy{grid-column:9/-1}
.process-withering .process-copy{grid-column:1/6;padding-top:0}.process-withering .making-photo{grid-column:7/-1}
.process-rolling .process-copy{grid-column:1/6}.process-rolling .making-photo{grid-column:8/-1}
.process-context{font-size:22px}.process-era{font-size:32px}.process-era span,.process-study > span{font-size:13px}
.making-break{border:0;background:var(--surface);padding:40px;gap:24px}.making-break > p:first-child{font:400 28px/1.7 var(--serif)}.making-break > p[lang]{font:24px/1.6 var(--serif)}
.making-paths{border:0;padding-top:88px}.path-option{border:0}.path-option-row{background:var(--surface)}
/* Knowledge retains its SVG alignment and stable-height brewing switcher. */
.knowledge-part{margin-block:96px}.knowledge-part:first-child{margin-top:0}
.knowledge-part-title{display:block;border:0;padding:0}.knowledge-part-title h2{font:400 var(--head)/1.5 var(--serif);letter-spacing:0}
.knowledge-lead{width:100%;max-width:42em;margin:24px 0 40px;font-size:17px;color:var(--ink);line-height:1.9}
.knowledge-photo figcaption,.knowledge-credit,.knowledge-small{font-size:13px;line-height:1.8}
.knowledge-source{font-size:13px!important;line-height:1.8!important}
.teaware-toolbar,.teaware-controls,.teaware-note,.teaware-pager,.teaware-next-prompt{border:0}
.teaware-toolbar{padding-top:0}.teaware-instruction{font-size:17px;color:var(--ink)}
.teaware-enhanced .teaware-study{gap:20px 32px}
.teaware-enhanced .teaware-notes{border:0;padding:24px;background:var(--surface);min-height:420px}
.teaware-note .teaware-object-en{font:13px/1.5 var(--serif);margin-bottom:16px;letter-spacing:0}
.teaware-note h3{font:400 32px/1.4 var(--serif);margin:0 0 18px}.teaware-note .teaware-role{font-size:20px;line-height:1.7}
.teaware-explanation{font-size:17px;line-height:1.9;margin-bottom:16px}.teaware-next-prompt{font-size:13px;line-height:1.8;padding-top:0;margin-bottom:12px}
.teaware-controls button{padding:10px 12px;min-height:56px;font-size:20px;border:0;background:var(--surface)}
.teaware-controls button[aria-pressed="true"]{background:var(--green);color:white}.teaware-controls button[aria-pressed="true"] span{color:white}
.teaware-controls button span{font-size:13px}.teaware-pager button{font-size:15px}
.teaware-hotspot{font-size:13px}.teaware-hotspot::before{border-width:2px;background:white}.teaware-hotspot[aria-pressed="true"]::after{border-width:2px}
.teaware-objects{margin-top:88px;gap:64px 32px}.object-intro > p:first-child{font-size:13px;letter-spacing:0}.object-intro > p:last-child{font-size:17px;color:var(--ink)}.object-intro h3{font-size:32px;line-height:1.5}
.brewing-steps{list-style:decimal;list-style-position:outside;padding-left:28px}.brewing-steps li{display:list-item;border:0;padding:24px 0;margin:0 0 8px 12px}.brewing-steps li::marker{font:18px var(--serif);color:var(--green)}
.brewing-steps h3{font-size:28px;margin-bottom:16px}.brewing-steps li p{font-size:17px;line-height:1.9}.brewing-steps li .knowledge-source{font-size:13px!important}
.brewing-examples{padding-top:72px}.brewing-examples figure+figure{margin-top:72px}
.brewing-concept-list{width:100%;margin:32px 0}.brewing-concept-list > div{border:0;padding:28px;gap:32px;grid-template-columns:1fr 2fr}.brewing-concept-list > div:nth-child(odd){background:var(--surface)}
.brewing-concept-list dt{font:400 28px/1.5 var(--serif)}.brewing-concept-list dt span{font-size:13px;letter-spacing:0}.brewing-concept-list dd{font-size:17px;color:var(--ink);line-height:1.9}
.knowledge-reference-note{border:0;background:var(--surface);padding:12px 20px;font-size:13px}.knowledge-reference-note summary{font-size:15px;min-height:44px}
.brewing-selector{border:0}.brewing-option{border:0}.brewing-option-label{font-size:20px;letter-spacing:0}
.brewing-panel{border:0}.brewing-panel h3{font:400 32px/1.4 var(--serif)}
.brewing-tip,.parameter-description,.brewing-time p,.brewing-conditions{font-size:17px;line-height:1.9}.brewing-conditions{font-size:13px}
/* History: authentic image proportions and the existing full-resolution viewer. */
.history-era-nav{background:var(--paper);border:0;padding:12px 0;gap:8px;top:80px;z-index:10;flex-wrap:wrap}
.history-era-nav a{font:17px/1.5 var(--serif);min-height:44px;padding:10px 20px;border:0;background:var(--surface)}
.history-era-nav a[aria-current="location"],.history-era-nav a:hover{background:var(--green);color:white}
.history-timeline{border:0}.history-era{border:0;padding-block:64px 80px;gap:32px}
.history-era::before,.history-timeline::before{display:none}
.era-heading{border:0}.era-heading h2{font:400 48px/1.3 var(--serif);letter-spacing:0}.era-theme{font:400 28px/1.6 var(--serif)}.era-period{font-size:15px;line-height:1.8;letter-spacing:0}.era-motion{font:18px/1.5 var(--serif);letter-spacing:0}
.era-copy > p,.era-copy > p:first-child{font-size:17px;line-height:2;color:var(--ink)}.era-copy .history-claim-sources{font-size:13px}
.history-figure{border:0}.history-figure img{border:0;border-radius:0}.history-figure figcaption{border:0;padding-top:16px}
.history-object-title{font:400 24px/1.5 var(--serif)}.history-object-meta,.history-object-catalogue,.history-image-credit{font-size:13px;line-height:1.8}
.history-source-detail{border:0;background:var(--surface);padding:12px 20px}.history-source-detail summary{font-size:15px;min-height:44px}.history-source-detail p,.history-source-detail li{font-size:13px;line-height:1.9}
.history-view-label{font-size:13px;background:var(--green);color:white;padding:8px 12px;letter-spacing:0}
/* Appendices are source directories, not promotional galleries. */
.page-references .chapter-opening,.page-about .chapter-opening{grid-template-columns:6fr 5fr}
.page-references .journal-cover-image img,.page-about .journal-cover-image img{height:320px}
.appendix-content .end-resource-section{border:0;padding-block:0 80px}.end-resource-heading{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:24px}.end-resource-heading > p{font:18px/1.5 var(--serif);margin:12px 0 0}.end-resource-heading h3{font:400 var(--head)/1.5 var(--serif)}
.appendix-content .end-resource-intro{font-size:17px;line-height:1.9;width:68%;margin:24px 0 40px auto;color:var(--ink)}
.end-group,.end-group:last-child{border:0;margin-bottom:12px;background:var(--surface);padding:0 28px}
.end-group > summary{grid-template-columns:minmax(0,1fr) auto;min-height:100px;gap:20px;padding:20px 0;font-size:24px}
.end-group summary small{font:13px/1.8 var(--serif);letter-spacing:0}.end-count{font:13px/1.5 var(--sans);letter-spacing:0}
.reference-list,.credit-list{margin-left:20%;padding-bottom:24px}
.reference-list li,.credit-list li{border:0;padding-block:28px;grid-template-columns:56px minmax(0,1fr);gap:20px}
.reference-list li+li,.credit-list li+li{margin-top:12px}.end-entry-number{font-size:13px}
.reference-list h4,.credit-list h4{font:500 18px/1.8 var(--sans)}.reference-list p,.credit-list p{font-size:15px;line-height:1.9}
.end-about h2{font:400 var(--head)/1.5 var(--serif);margin:0 0 40px}.about-columns{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px}.about-columns p{margin:0;font-size:17px;line-height:2}.about-columns h3{font:400 28px/1.5 var(--serif);margin:0 0 24px}
/* Real map application: visible labels and firm input/control boundaries. */
.tea-map-interactive{border:0}.tea-map-status,.tea-map-config-button,.tea-map-button,.tea-map-city-button,.tea-map-field-label,.tea-map-city-input{font-size:15px;letter-spacing:0}
.tea-map-toolbar,.tea-map-results-head,.tea-map-search-form,.tea-map-workspace{border:0}
.tea-map-placeholder{background:var(--surface)}.tea-map-placeholder-mark{font-family:var(--serif)}
.tea-map-placeholder::before,.tea-map-placeholder::after{display:none}
.tea-map-status::before{box-shadow:none!important}
.tea-map-placeholder-mark{border:0;background:none;width:auto;height:auto;font-size:48px;line-height:1.3}
.tea-map-placeholder p{font-size:17px;line-height:1.9}
.hero-table > a:first-child{display:block}
.tea-map-reading-note{border:0}.tea-map-reading-note p{font-size:17px;line-height:1.9}.tea-map-results-head > p{font:13px/1.5 var(--serif);letter-spacing:0}
.exhibition-enter{animation:exhibition-enter 180ms ease-out}
/* Sources remain legible; only mathematical diagrams retain thin reference marks. */
.index-page figcaption,.index-page .home-image-credit{font-size:16px;line-height:1.7}
.index-page .home-subtitle{font-size:20px}
.path-number{font-size:13px}.path-options{gap:12px}.path-option-row{padding:16px;min-height:100px}
.path-option-en,.path-state,.network-label,.network-label span,.network-legend{font-size:13px;letter-spacing:0}
.path-option input:checked + .path-option-row{background:var(--green);color:white}
.path-option input:checked + .path-option-row :is(.path-option-zh,.path-option-en,.path-state){color:white}
.path-option input:checked + .path-option-row::after{display:none}.path-state{right:8px;top:6px}
.path-explanation,.branch-terms > div > p:not([lang]):not(.making-source){font-size:17px;line-height:1.9;color:var(--ink)}
.path-focus{border:0;font-size:13px}.path-focus span{font-size:17px}.path-steps{list-style:decimal;padding-left:24px}.path-steps li{display:list-item;padding:12px 0 12px 8px}.path-steps li::before{display:none}.path-steps li > span:first-child{font-size:17px;padding:0}
.branch-terms{border:0;gap:32px}.branch-terms > div > p[lang]{font-size:13px;letter-spacing:0}
.mechanism-rule{height:0;display:none}.mechanism:nth-child(2) .mechanism-rule{background:none}.mechanism{background:var(--surface);padding:24px}.mechanism h4{margin-top:0}.mechanism > p:not([lang]):not(.making-source){font-size:17px;color:var(--ink)}
.equipment-copy > p{font-size:17px;line-height:1.9}.equipment-copy .equipment-boundary{font-size:13px}.equipment-backlink{font-size:13px}
.mechanism-comparison .mechanism h4{font-size:28px;line-height:1.5}
.tea-knowledge-section .knowledge-credit,.tea-knowledge-section .brewing-concept-list dt span,.tea-knowledge-section .brewing-choice small,.tea-knowledge-section .temperature-ticks{font-size:13px;letter-spacing:0}
.tea-knowledge-section .knowledge-source{font-size:13px!important}
.tea-knowledge-section :is(.knowledge-photo figcaption,.knowledge-credit,.knowledge-small){font-size:15px;line-height:1.8}
.tea-knowledge-section .knowledge-source{font-size:15px!important}
.tea-knowledge-section .brewing-steps li p:not(.knowledge-source),.tea-knowledge-section .brewing-concept-list dd{font-size:17px}
.brewing-choice{min-height:92px;background:var(--surface);padding:16px 20px;border:0;gap:0;font-size:24px;line-height:1.5}
.brewing-selector{gap:12px;margin-bottom:32px}.brewing-choice > span:first-child{font:inherit;padding:0;color:inherit}
.brewing-selector input:checked + .brewing-choice{background:var(--green);color:white;border:0}
.brewing-selector input:checked + .brewing-choice small{color:white}.brewing-selector input:hover:not(:checked) + .brewing-choice{background:#dce7dc}
.brewing-panel-heading dl,.brewing-time,.brewing-conditions{border:0}.brewing-panel-heading dt,.brewing-metrics h4,.qualitative-temperature,.parameter-ratio,.ratio-expression small{font-size:13px;letter-spacing:0}
.brewing-panel .brewing-tip{font-size:17px;line-height:1.9}.brewing-panel .parameter-description{font-size:17px;line-height:1.9}
.brewing-panel-heading .brewing-example{font-size:15px}.brewing-panel-heading h3{font-size:40px;margin-bottom:20px}
.brewing-time > p:last-child{font-size:17px;color:var(--ink)}
.mode-lower-bound .temperature-rule > span{background:var(--accent)}.ratio-rule{display:none}
.tea-knowledge-section .object-intro > p:first-child{font-size:13px;letter-spacing:0}
.history-timeline{padding-left:0}.history-era{margin-bottom:40px}.history-era-nav{overflow:auto;scrollbar-width:none}
.history-figure figcaption :is(.history-object-meta,.history-object-catalogue,.history-image-credit){font-size:13px;line-height:1.8}
.history-figure figcaption .history-object-title{font:400 24px/1.5 var(--serif)}
.history-source-detail li > span{font-size:13px}.history-detail-caption p{font-size:13px;line-height:1.8}
.history-object-context{border:0}
.history-figure figcaption :is(p,.history-object-meta,.history-object-catalogue,.history-image-credit){font-size:15px;line-height:1.8}
.reference-list .reference-title,.credit-list .reference-title{font:500 18px/1.8 var(--sans);margin:0 0 14px}
.reference-list p,.credit-list p{font-size:16px}.end-entry-meta,.end-entry-note{color:var(--muted)}
@keyframes exhibition-enter{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(min-width:1600px){.chapter-opening,.exhibit-hero,.chapter-gallery,.home-reading{max-width:1600px;margin-inline:auto}}
@media(max-width:1100px){
 .brand span{display:none}.journal-nav{gap:20px}.chapter-opening{gap:36px;margin-top:40px;grid-template-columns:1fr 1.2fr}.journal-chapter-title h1{font-size:64px}
 .chapter-opening .journal-cover-image img{height:350px}.exhibit-hero{grid-template-columns:3fr 4fr 3fr;gap:28px}.hero-garden img{height:480px}.hero-intro figure{width:80%}.hero-intro h1{font-size:64px}.home-subtitle{font-size:17px}.hero-deck{font-size:16px}
 .teaware-enhanced .teaware-notes{min-height:0;padding:24px}.teaware-note h3{font-size:32px}
 .about-columns{grid-template-columns:1fr 1fr}.about-columns>p{grid-column:1/-1;max-width:42em}
}
@media(max-width:800px){
 :root{--header-height:72px;--title:64px;--head:32px}
 .journal-page .top-nav{height:72px}.journal-nav{display:none}.brand span{display:block}.brand{font-size:28px;gap:16px}
 .chapter-opening{grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.journal-chapter-title h1{font-size:52px}.journal-chapter-head{padding-top:12px}.chapter-caption{font-size:17px}.journal-chapter-title .deck{margin-top:24px;font-size:16px}.chapter-actions{margin-top:20px;gap:8px 16px}.chapter-actions a{font-size:14px}.chapter-opening .journal-cover-image img{height:340px}
 .journal-content,.appendix-content{padding-top:72px;padding-bottom:72px}.journal-pagination{gap:16px;margin-bottom:64px}.journal-pagination a,.journal-pagination a:nth-child(2){padding:20px 14px}.journal-pagination strong{font-size:22px!important}
 .exhibit-hero{grid-template-columns:1fr 1.2fr;gap:32px;margin-top:28px;margin-bottom:80px}.hero-intro{grid-column:1;grid-row:1/3}.hero-garden{grid-column:2}.hero-garden img{height:350px}.hero-table{grid-column:2}.hero-table img{aspect-ratio:1.6}.hero-table figcaption{display:none}.hero-table .text-link{margin-top:8px}.hero-intro figure{width:65%}
 .chapter-gallery{gap:64px 24px}.gallery-heading{display:block}.gallery-heading p{width:100%;margin-top:24px}.print-making{grid-column:7/-1;margin-top:64px}.print-classification{grid-column:1/6}.print-knowledge{grid-column:1/8}.print-history{grid-column:9/-1;margin-top:0}.print-city{grid-column:2/12}.chapter-print h3{font-size:28px}.chapter-print p{font-size:16px}.home-reading{padding:32px;margin-block:80px;gap:28px}.home-reading nav{display:block}.home-reading nav a{display:flex}
 .tea-selector{position:static;grid-column:1/-1}.tea-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tea-option{margin:0}.tea-option-row{padding:14px;min-height:90px}.tea-option-zh{font-size:24px}.tea-option-en{font-size:13px}.tea-exhibition{grid-column:1/-1;margin-top:20px}.tea-object-stage{height:400px}
 .process-story{gap:32px 24px;margin-bottom:80px}.process-copy h3{font-size:32px}.process-picking .process-copy{grid-column:8/-1}.process-picking .making-photo{grid-column:1/7}.process-description{font-size:16px}.process-context{font-size:20px}
 .knowledge-part{margin-block:80px}.knowledge-part-title h2{font-size:32px}.brewing-story{gap:24px}.brewing-steps{grid-column:1/9}.brewing-examples{grid-column:9/-1}.brewing-steps li{margin-left:0}.brewing-steps li p{font-size:16px}.brewing-concept-list dd{font-size:16px}
 .history-era-nav{top:72px}.history-era-nav a{padding-inline:15px}.history-era{padding-block:40px 64px;gap:28px}.era-heading h2{font-size:40px}.era-theme{font-size:24px}
 .end-group{padding:0 24px}.reference-list,.credit-list{margin-left:0}.appendix-content .end-resource-intro{width:100%}.page-references .chapter-opening,.page-about .chapter-opening{grid-template-columns:1fr 1fr}.page-references .journal-cover-image img,.page-about .journal-cover-image img{height:300px}
 .journal-footer{grid-template-columns:1fr 1fr}.journal-footer p{display:none}.journal-footer .footer-name{font-size:52px}
}
@media(max-width:560px){
 :root{--title:48px;--head:28px;--page-margin:20px}
 .brand span{font-size:12px;max-width:11em;white-space:normal}.journal-menu-panel{right:0}.brand{gap:12px}
 .chapter-opening,.page-references .chapter-opening,.page-about .chapter-opening{display:block;margin-top:24px}.journal-chapter-title h1{font-size:48px;line-height:1.2}.chapter-caption{font-size:17px;margin-top:14px}.journal-chapter-title .deck{font-size:17px;line-height:1.9;margin-top:24px}.chapter-actions{margin-top:20px;margin-bottom:28px}.chapter-actions a{font-size:15px}.chapter-opening .journal-cover-image img,.page-references .journal-cover-image img,.page-about .journal-cover-image img{height:auto;max-height:320px;aspect-ratio:1.5;object-fit:cover}.page-history .journal-cover-image img{object-fit:contain}
 .journal-cover-image figcaption{font-size:13px;line-height:1.7;padding-top:12px}.journal-content,.appendix-content{padding-top:64px;padding-bottom:64px}
 .exhibit-hero{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;margin-top:24px;margin-bottom:72px}.hero-intro{display:contents}.hero-intro h1{grid-column:1;grid-row:1;margin:0;font-size:64px;align-self:end}.home-subtitle{grid-column:1/-1;grid-row:2;margin:0;font-size:20px}.hero-deck{grid-column:1/-1;grid-row:3;margin:0;font-size:17px;max-width:100%}.hero-intro figure{grid-column:2;grid-row:1;width:100%;max-width:none;margin:0}.hero-intro figure img{height:140px;width:100%;object-fit:cover}.hero-intro figure figcaption{display:none}.primary-link{grid-column:1/-1;grid-row:4;margin:0;justify-self:start}.hero-garden{grid-column:1/3;grid-row:5;width:83%}.hero-garden img{height:320px}.hero-table{grid-column:1/3;grid-row:6;width:72%;justify-self:end}.hero-table .text-link{margin:8px 0 0}.hero-table figcaption{display:block}
 .hero-intro .home-image-credit{grid-column:1/-1;grid-row:5;margin:0;font-size:13px}.hero-garden{grid-row:6}.hero-table{grid-row:7}
 .exhibit-hero{margin-bottom:96px}.journal-content{padding-top:80px}
 .chapter-gallery{display:block}.gallery-heading{margin-bottom:40px}.gallery-heading h2,.home-reading h2{font-size:32px}.gallery-heading p{font-size:17px}.chapter-print{margin:0 0 56px!important}.chapter-print h3{font-size:32px;margin-top:20px}.chapter-print p{font-size:17px}.print-making{width:90%;margin-left:auto!important}.print-history{width:80%;margin-left:auto!important}.print-history img{aspect-ratio:1}.print-city img{aspect-ratio:1.3}
 .home-reading{display:block;padding:28px 24px;margin-block:64px}.home-reading h2{margin-bottom:24px}.home-reading p{font-size:17px}
 .tea-workspace{gap:20px}.tea-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tea-option-row{display:block;padding:12px;min-height:90px}.tea-option-zh{font-size:24px}.tea-option-state{position:absolute;right:6px;top:4px;font-size:11px}.tea-option-en{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.tea-object-stage{height:300px}.tea-object-heading h3{font-size:40px}.tea-object-heading > p{font-size:17px}.tea-facts > div{grid-template-columns:1fr;gap:4px;padding:16px}.tea-facts{font-size:17px}.tea-related-images{grid-template-columns:1fr}.tea-pager button{gap:8px;font-size:17px}.tea-related{padding-inline:16px}
 .process-story{display:flex;flex-direction:column;gap:28px;margin-block:32px 72px}.process-story .process-copy{padding:0;order:0}.process-story .making-photo,.process-story .process-study,.process-story .process-equipment{order:1;width:100%;margin:0}.process-description{font-size:17px;max-width:none}.process-copy h3{font-size:32px}.making-part-label{display:block}.making-part-label h3{font-size:28px}.making-part-label p{margin-top:12px}.making-part-label > span{display:block;margin-top:12px}.making-break{display:block;padding:28px 24px}.making-break > p:first-child{font-size:24px}.making-break > p[lang]{font-size:20px;margin-top:20px}.making-paths{padding-top:64px}
 .knowledge-part{margin-block:64px}.knowledge-part-title h2{font-size:28px}.knowledge-lead{margin:24px 0 32px;font-size:17px}.teaware-enhanced .teaware-study{gap:16px}.teaware-current{font-size:13px}.teaware-start{font-size:17px}.teaware-instruction{font-size:15px;line-height:1.8}.teaware-controls{gap:8px}.teaware-controls button{padding:8px 4px;font-size:18px;min-height:56px}.teaware-controls button span{margin:0;font-size:13px}.teaware-enhanced .teaware-notes{padding:24px 20px;min-height:0}.teaware-note h3{font-size:32px}.teaware-note .teaware-role{font-size:20px}.teaware-explanation{font-size:17px}.teaware-pager{padding-top:0}
 .teaware-objects{gap:48px}.object-intro h3{font-size:28px}.object-glass,.object-contemporary,.object-historic{margin-top:0}.object-intro > p:last-child{font-size:17px}
 .brewing-story{display:flex;flex-direction:column}.brewing-steps{width:100%;padding-left:24px}.brewing-steps li{padding:20px 0;margin:0}.brewing-steps h3{font-size:28px}.brewing-steps li p{font-size:17px}.brewing-examples{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;padding:24px 0 0}.brewing-examples figure+figure{margin:0}
 .brewing-concept-list > div{grid-template-columns:1fr;padding:24px 20px;gap:20px}.brewing-concept-list dt{font-size:28px}.brewing-concept-list dt span{margin-bottom:8px}.brewing-concept-list dd{font-size:17px}.brewing-tip,.parameter-description,.brewing-time p{font-size:17px}
 .history-era-nav{gap:6px;padding:8px 0}.history-era-nav a{font-size:17px;padding:8px 10px;min-width:44px}.history-era{gap:24px;padding-bottom:48px}.era-heading h2{font-size:40px}.era-theme{font-size:24px}.era-copy > p{font-size:17px;line-height:2}.history-source-detail{padding:12px 16px}.history-object-title{font-size:22px}
 .era-contemporary .history-main-image{width:100%;margin-left:0}
 .journal-pagination{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:64px}.journal-pagination a{min-height:112px;text-align:left!important;padding:20px 16px!important}.journal-pagination a:nth-child(2){display:none}.journal-pagination strong{font-size:22px!important}
 .end-resource-heading{display:block}.end-resource-heading > p{font-size:17px;margin:12px 0}.end-resource-heading h3{font-size:32px}.appendix-content .end-resource-intro{font-size:17px}.end-group{padding:0 18px}.end-group > summary{font-size:24px;gap:12px}.end-count{font-size:13px}.end-group summary small{font-size:13px}.reference-list li,.credit-list li{display:block;padding:20px 0}.end-entry-number{display:block;padding:0;margin-bottom:12px}.reference-list h4,.credit-list h4{font-size:17px;line-height:1.8}.reference-list p,.credit-list p{font-size:15px}.about-columns{display:block}.about-columns > div{margin-top:40px}.end-about h2{font-size:28px;margin-bottom:28px}.about-columns h3{font-size:24px;margin-bottom:20px}
 .page-about .appendix-content{padding-top:88px}
 .journal-footer{gap:32px;padding-block:40px;grid-template-columns:1fr}.journal-footer .footer-name{font-size:52px}.footer-name span{font-size:17px;margin-top:12px}.journal-footer nav{grid-template-columns:1fr 1fr}.journal-footer nav a{font-size:15px}
 .path-option-row{padding:14px;min-height:104px}.path-option-zh{font-size:24px}.path-option-en{font-size:13px}.path-state{font-size:13px;top:3px}.path-options{gap:8px}.paths-opening h3{font-size:28px}.paths-opening > p:last-child{font-size:17px;color:var(--ink)}
 .brewing-choice{padding:14px 12px;min-height:92px}.brewing-selector{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .brewing-choice small{overflow-wrap:anywhere}.brewing-choice{font-size:22px}.brewing-panel-heading h3{font-size:40px}
 .mechanism{padding:20px}.mechanism-comparison{gap:16px}.mechanism h4{font-size:24px}.mechanism > p:not([lang]):not(.making-source){font-size:17px}
}
.journal-chapter-title .deck{font-size:18px}
.making-source{font-size:15px}
.tea-knowledge-section .brewing-steps li .knowledge-source{font-size:15px!important}
.page-about .appendix-content{padding-top:96px}
.era-modern .history-claim-sources{font-size:17px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}