:root {color-scheme:light;--paper:#fffefa;--ink:#232521;--copy:#3c3d38;--quiet:#676c63}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--paper);color:var(--copy);font-family:"Noto Sans TC","Noto Sans CJK TC","PingFang TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main{overflow-x:clip}.article{width:min(820px,calc(100% - 56px));margin:auto;padding:106px 0 135px}
.article-header{max-width:730px;margin:0 auto 48px}h1,h2{font-family:"Noto Serif TC","Noto Serif CJK TC","Source Han Serif TC","Songti TC",serif;font-weight:600;color:var(--ink)}
h1{font-size:clamp(40px,5vw,54px);letter-spacing:.065em;line-height:1.5;margin:0 0 27px}h2{font-size:clamp(25px,2.8vw,30px);letter-spacing:.025em;line-height:1.58;margin:0 0 24px}
p{font-size:17px;line-height:2.05;letter-spacing:.018em;margin:0 0 23px;word-break:normal;overflow-wrap:anywhere}
.lead{font-size:19px;color:#555a50;line-height:2.04;font-family:"Noto Serif TC","Songti TC",serif;letter-spacing:.027em}
figure{margin:0}img{display:block;max-width:100%;height:auto;background:#eeede8}figcaption{padding-top:10px;color:var(--quiet);font-size:12px;line-height:1.65;letter-spacing:.02em}
.hero{width:min(1040px,calc(100vw - 64px));position:relative;left:50%;transform:translateX(-50%);margin:52px 0 63px}.hero img{width:100%}
.opening{max-width:740px;margin:auto}.opening p{font-size:17.5px}.section{margin-top:92px;display:flow-root}
.section p:last-child{margin-bottom:0}.float-photo{max-width:100%;margin-top:7px;margin-bottom:20px}
.float-photo img{width:100%}.float-left{float:left;width:40%;margin-right:30px}.float-right{float:right;width:39%;margin-left:31px}
.float-tall{width:34%}.float-mini{width:34%}
.picture-wide{margin:58px 0 52px}.picture-wide img{width:100%}
.middle-passage{margin:104px 0 0}.middle-passage .hero{margin:0 0 39px}.middle-passage p{font-family:"Noto Serif TC","Songti TC",serif;font-size:19px;line-height:2.02;max-width:715px}
.photo-duo{display:grid;grid-template-columns:1.14fr .79fr;align-items:end;gap:23px;margin:39px auto 48px;width:93%}.photo-duo figure:nth-child(2){margin-bottom:-31px}.photo-duo img{width:100%}
.small-pause{margin:54px 0 0;font-family:"Noto Serif TC","Songti TC",serif;font-size:18.5px}
.section--sweet{margin-top:112px}.section--sweet .float-photo{margin-bottom:21px}.section--sweet .float-tall img{height:auto}
.quiet-photo{float:right;width:37%;margin:7px 0 17px 30px}.quiet-photo img{width:100%}
.ending{margin-top:100px;padding-top:30px;border-top:1px solid #eae9e2}.ending p{font-family:"Noto Serif TC","Songti TC",serif;font-size:18px;line-height:2.08}
.credits{margin-top:113px;padding-top:19px;border-top:1px solid #ecebe5;color:#676c63;font-size:11.5px;line-height:1.95;letter-spacing:0}
.credits p{font:inherit;line-height:inherit;margin:0 0 10px}.credits a{color:inherit;text-decoration:underline;text-decoration-color:#b8b9b1;text-underline-offset:2px}
.related[data-article-related]{background:#f2f7f2;padding:48px 0;scroll-margin-top:100px;color:var(--ink)}
.related[data-article-related] .shell{width:min(1120px,calc(100% - 56px));margin-inline:auto}
.related[data-article-related] h2{font-size:24px;margin:0 0 16px}
.related[data-article-related] .related-list>a{border-top:1px solid #c8d6cb;text-decoration:none}
.related[data-article-related] .related-list strong{display:block;font-family:"Noto Serif TC","Songti TC",serif;font-weight:600}
.related[data-article-related] .related-list small{display:block}
.related[data-article-related] .related-list>a:hover{color:#237361}
@media(max-width:680px){.related[data-article-related]{padding:36px 0}.related[data-article-related] .shell{width:calc(100% - 38px)}}
@media(max-width:680px){
 .article{width:calc(100% - 38px);padding:55px 0 88px}.article-header{margin-bottom:28px}h1{font-size:39px;margin-bottom:18px}h2{font-size:24px;margin-bottom:19px}
 p,.opening p{font-size:16px;line-height:2.02;letter-spacing:.006em;margin-bottom:21px}.lead{font-size:17px;line-height:2}
 .hero{width:calc(100vw - 20px);margin:31px 0 38px}.section{margin-top:68px}
 .float-left,.float-right,.float-tall,.float-mini,.quiet-photo{float:none;width:100%;max-width:none;margin:17px 0 26px}
 .float-photo img,.quiet-photo img{width:100%;height:auto;max-height:none}
 .float-tall{width:80%;margin-left:0}.float-tall img{width:100%}
 .float-mini{width:82%;margin-left:auto}
 .quiet-photo{width:81%;margin-left:auto}
 .photo-duo{width:100%;grid-template-columns:1fr 1fr;gap:10px;margin:29px 0 40px}.photo-duo figure:nth-child(2){margin-bottom:-14px}.photo-duo figcaption{font-size:10.5px}
 .middle-passage{margin-top:73px}.middle-passage .hero{margin-bottom:25px}.middle-passage p{font-size:16.5px}
 .small-pause{margin-top:36px;font-size:17px}.section--sweet{margin-top:85px}
 .ending{margin-top:74px}.ending p{font-size:16.5px}.credits{margin-top:79px;font-size:10.7px}figcaption{font-size:11px}
}
@media print{.article{width:780px;padding:18px 0}.hero{width:100%;left:0;transform:none}.float-photo{break-inside:avoid}.section{break-inside:auto}.credits{break-before:avoid}}

.sitehead{position:sticky;top:0}.nb-header a{color:inherit;text-decoration:none}.skip-link{position:absolute;top:-60px;left:20px;z-index:100;background:white;color:#253c2e;padding:10px 16px}.skip-link:focus{top:10px}a:focus-visible,summary:focus-visible{outline:3px solid #426e55;outline-offset:4px}.float-clear{clear:both}.sitefooter{border-top:1px solid #d6dfe1;padding:40px 0 34px;color:#526b78;font-size:12px;line-height:1.9}.footer-container{width:min(1240px,calc(100% - 56px));margin:auto}.footerrow{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:25px}.sitefooter a{color:#315e77;text-underline-offset:4px}.photo-credits{border-top:1px solid #d6dfe1;padding-top:17px}.photo-credits summary{cursor:pointer;width:fit-content;max-width:100%}.sitefooter .credits{margin-top:18px;padding:0;border:0;font-size:12px}.footer-policies{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:30px}.sitefooter p{font:inherit;margin:0 0 12px}.article-date{font-size:12px;color:#626c61;margin-top:18px}.article .article-header{max-width:730px}.photo-credits[open] .credits{max-width:100%;overflow-wrap:anywhere}@media(max-width:680px){.footer-container{width:calc(100% - 38px)}.footerrow{display:block}.footerrow>span:last-child{display:block;margin-top:15px}.footer-policies{gap:20px}.sitefooter{padding-top:28px}}@media print{.sitehead,.skip-link,.footer-policies{display:none}}