*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f0e2;color:#173f34;font:18px/1.8 "Noto Serif TC",Georgia,serif;--primary:#174f40;--surface:#fffaf0;--accent:#b38a31;--text:#173f34}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,select{font:inherit;min-height:48px;border:1px solid #8a927d;padding:8px 18px;cursor:pointer}button{background:#174f40;color:#fffaf0}button:disabled{opacity:.55;cursor:default}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b87310;outline-offset:4px}.skip{position:absolute;left:10px;top:-100px;background:white;z-index:10}.skip:focus{top:10px}.site-header{border-top:8px solid #174f40;background:#fffaf0;border-bottom:1px solid #afaa8f}.mast,nav,.ribbon{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 30px}.brand{font-size:30px;font-weight:800;text-decoration:none}.mast span{font-size:15px}.nav-toggle{display:none}nav{justify-content:flex-start;flex-wrap:wrap;padding-top:0;gap:8px 26px}nav a{padding:8px 0;text-decoration:none;font-size:16px}.ribbon{max-width:none;background:#174f40;color:#fff3cc;padding:12px max(30px,calc((100vw - 1180px)/2));font-size:15px;flex-wrap:wrap}main{max-width:1180px;padding:35px 26px 65px;margin:auto}.hero{max-width:890px;margin:18px auto 42px;text-align:center}h1{font-size:clamp(30px,4vw,53px);line-height:1.3;margin:15px 0 25px}h2{font-size:28px;line-height:1.5;scroll-margin-top:20px}.lead{color:#375d50}.cta{display:inline-block;background:#174f40;color:#fffaf0;padding:12px 24px;text-decoration:none}.breadcrumbs{font-size:15px}#play{border:1px solid #b38a31;padding:10px;max-width:940px;margin:0 auto 64px;box-shadow:9px 9px 0 #e3d9bc}.reading{display:grid;grid-template-columns:230px minmax(0,1fr);gap:58px}.toc{align-self:start;border-top:3px solid #b38a31;font-size:16px;padding-top:16px}.toc a{display:block;padding:9px 0}.reading article section{margin-bottom:45px}p{overflow-wrap:anywhere}table{border-collapse:collapse;width:100%}td,th{border:1px solid #a1b3a3;padding:10px}.table-wrap{overflow:auto}details{border-bottom:1px solid #afb8a1;padding:15px 0}summary{cursor:pointer;min-height:44px;font-weight:700}.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:3px solid #b38a31;padding-top:26px;margin-top:45px}.related a{padding:18px;background:#ece7d7;text-decoration:none}.related span{display:block;font-size:15px;margin-top:8px}footer{background:#173f34;color:#fff6df;padding:35px max(26px,calc((100vw - 1128px)/2));font-size:16px}.footlinks{display:flex;flex-wrap:wrap;gap:12px 26px}.footlinks a{padding:10px 0}@media(max-width:979px){.mast{padding:18px}.mast span{display:none}.brand{font-size:24px}.nav-toggle{display:block}nav{display:none;padding:15px 20px}.nav-open nav{display:flex;flex-direction:column;align-items:stretch}nav a{min-height:44px}.ribbon{padding:12px 18px;font-size:14px}.reading{display:block}.toc{margin-bottom:30px}.related{grid-template-columns:1fr 1fr}main{padding:22px 16px}.hero{margin-bottom:28px}}@media(max-width:500px){body{font-size:17px}.related{grid-template-columns:1fr}#play{padding:3px;box-shadow:4px 4px 0 #e3d9bc}h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}