@import url("/assets/brand/wood-mark.css");

:root{--ink:#253b35;--green:#276e60;--sub:#5d7066;--muted:#819089;--line:#d9e1da;--paper:#fafaf7;--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);font-family:var(--sans);background:#fff;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:600}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #16866a;outline-offset:4px}.shell{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;background:var(--ink);color:#fff;z-index:100;padding:8px 13px}.skip:focus{top:10px}
.site-header{position:sticky;top:0;z-index:80;background:#fffffff0;backdrop-filter:blur(12px);border-bottom:1px solid #e0e6e0}.topbar{min-height:74px;display:flex;align-items:center;gap:20px}.identity{display:flex;align-items:center;gap:15px;white-space:nowrap}.publisher{display:flex;align-items:center;gap:10px;font:600 13px var(--serif)}.mark{width:36px;height:36px;border:1px solid #657067;display:grid;place-items:center;font:400 20px var(--serif)}.brand-rule{height:26px;width:1px;background:#d8e0da}.travel{font:700 27px var(--serif)}.travel b{color:#d17c67}.site-nav{margin-left:auto;display:flex;align-items:center;gap:24px}.site-nav a{font-size:12px}.site-nav .current{border-bottom:1px solid #5a8570;padding-bottom:5px}.menu-toggle{display:none;border:0;background:transparent;min-width:42px;min-height:42px;padding:8px}.menu-toggle i{width:23px;height:1px;background:var(--ink);display:block;margin:6px 0}
.hero{display:grid;grid-template-columns:.96fr 1.04fr;gap:64px;align-items:center;padding:68px 0 58px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--green)}.hero h1{font-size:clamp(57px,5.8vw,82px);line-height:1.27;letter-spacing:-.06em;margin:20px 0 8px}.roman{font-size:11px;letter-spacing:.13em;color:#90a095;margin-bottom:26px}.lead{font:400 clamp(22px,2.5vw,29px)/1.75 var(--serif);color:#315b4d}.summary{font-size:14px;line-height:2.15;color:#63736a;margin-top:22px;max-width:415px}.hero-photo img{width:100%;height:450px;object-fit:cover;object-position:center 47%;background:#e5ede6}.hero-photo figcaption{font-size:10px;color:#819087;line-height:1.8;margin-top:10px}
.toc{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-block:21px}.toc a{display:flex;justify-content:center;gap:7px;align-items:center;color:#46695b;font-size:12px}.toc a:hover{color:#1c785b}.toc svg{width:13px;height:13px;stroke:#8da699;stroke-width:1.6;fill:none}
.reading{width:min(760px,calc(100% - 80px));margin:auto;padding:76px 0 54px}.reading section{margin:0 0 72px}.reading h2{font-size:30px;line-height:1.6;margin:0 0 20px;letter-spacing:-.035em}.reading h3{font-size:21px;line-height:1.7;margin:32px 0 13px}.reading p{font-size:15px;line-height:2.15;color:#4d6256;margin-bottom:20px}.reading p:last-child{margin-bottom:0}.reading .intro{font-size:16px;color:#395448}.reading strong{color:#275c48}.chapter-figure{margin:30px 0 31px}.chapter-figure img{width:100%;height:auto;max-height:410px;object-fit:cover;background:#f1f3ef}.chapter-figure.wide img{aspect-ratio:16/9;object-fit:cover}.chapter-figure figcaption{font-size:11px;color:#7b8c81;line-height:1.8;margin-top:10px}.chapter-figure .photo-source{color:#488171;text-decoration:underline;text-underline-offset:3px}.chapter-figure img.remote-image{aspect-ratio:16/9;object-fit:cover}.chapter-figure .remote-status{display:none;color:#668076;border:1px solid #dfebe1;background:#f8faf7;padding:12px 14px;margin-top:10px;font-size:12px;line-height:1.7}.chapter-figure.is-fallback .remote-status{display:block}
.note{background:#f7f9f5;border-left:2px solid #a4c6af;padding:17px 22px;margin:25px 0;font-size:13px;line-height:2;color:#506d5e}.map-link{display:inline-flex;align-items:center;gap:6px;border:1px solid #b9d2c3;border-radius:3px;padding:5px 10px;margin-top:9px;font-size:12px;color:#34715d}.map-link:hover{background:#f5f9f5}.map-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}
.reference{border-top:1px solid var(--line);padding-top:28px}.reference h2{font-size:20px;margin-bottom:12px}.reference p{color:#7a887d;font-size:12px;line-height:1.95}.reference .links{display:flex;gap:10px 23px;flex-wrap:wrap;margin:14px 0}.reference a{text-decoration:underline;color:#387765;text-underline-offset:4px;text-decoration-color:#c8d6ca;font-size:12px}.reference .rights{margin-top:13px}
.related{background:#f4f7f2;padding:43px 0 46px}.related h2{font-size:23px;margin-bottom:16px}.related-items{display:grid;grid-template-columns:1fr 1fr;gap:20px}.related a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c6d4c9;padding:18px 0}.related strong{display:block;font:600 21px var(--serif)}.related small{display:block;color:#788d7d;font-size:12px;margin-top:4px}.related a:hover strong{color:#24816a}.footer{padding:23px 0;font-size:11px;color:#7d8a80}.footer .shell{display:flex;justify-content:space-between;gap:12px}.footer a:hover{text-decoration:underline}
@media(max-width:850px){.hero{gap:30px}.hero h1{font-size:60px}}
@media(max-width:720px){.shell,.reading{width:calc(100% - 40px)}.topbar{min-height:64px;gap:11px;flex-wrap:wrap}.publisher{font-size:11px;gap:7px}.mark{width:30px;height:30px;font-size:17px}.identity{gap:10px}.travel{font-size:24px}.menu-toggle{display:block;margin-left:auto}.site-nav{display:none;order:5;width:100%;margin:0;gap:10px;flex-wrap:wrap;padding:4px 0 15px;justify-content:space-between}.site-nav.open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:36px 0 34px}.hero h1{font-size:54px;margin:16px 0 7px}.roman{font-size:10px;margin-bottom:18px}.lead{font-size:22px}.summary{font-size:13px;line-height:2.04;margin-top:16px}.hero-photo img{height:285px;object-position:center 48%}.hero-photo figcaption{font-size:10px}.toc{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px;padding:17px 0}.toc a{justify-content:flex-start;font-size:12px;line-height:1.5;min-height:30px}.reading{padding:48px 0 30px}.reading section{margin-bottom:53px}.reading h2{font-size:26px;line-height:1.55;margin-bottom:16px}.reading h3{font-size:19px;margin-top:25px}.reading p{font-size:14px;line-height:2.08;margin-bottom:18px}.reading .intro{font-size:15px}.chapter-figure{margin:23px 0 26px}.chapter-figure img,.chapter-figure img.remote-image{max-height:270px}.chapter-figure figcaption{font-size:10px}.note{padding:13px 16px}.related{padding:33px 0}.related h2{font-size:22px}.related-items{grid-template-columns:1fr;gap:5px}.related strong{font-size:19px}.footer .shell{display:block}.footer a{display:block;margin-top:5px}}
@media(max-width:356px){.shell,.reading{width:calc(100% - 32px)}.publisher{font-size:10px}.travel{font-size:21px}.hero h1{font-size:46px}.lead{font-size:20px}.toc a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Preserve the site's approved brand interaction on the imported guide pages. */
.mark-wrap{position:relative;display:inline-grid;flex:0 0 auto}
.mark-shadow{position:absolute;inset:0;display:grid;grid-template-rows:repeat(4,1fr);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}
.mark-shadow i:nth-child(1){background:#d9e8f3}.mark-shadow i:nth-child(2){background:#dbe9e4}.mark-shadow i:nth-child(3){background:#f2e5bd}.mark-shadow i:nth-child(4){background:#dfe5e2}
.mark-wrap .mark{position:relative;z-index:1;background:#fff;transition:transform .18s ease,border-color .18s ease}
.publisher:hover .mark,.publisher:focus-visible .mark{transform:translate(-2px,-2px);border-color:#111}
.publisher:hover .mark-shadow,.publisher:focus-visible .mark-shadow{opacity:1;transform:translate(5px,5px)}
.footer .footer-policies{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:15px}.footer .footer-policies a{margin:0;font-size:11px;color:#53645c}
.footer .footer-update{display:block;margin-top:12px;color:#53645c}
@media(max-width:850px){html:not(.js) .site-nav{display:flex}html:not(.js) .menu-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.mark,.mark-shadow{transition:none!important}.publisher:hover .mark,.publisher:focus-visible .mark{transform:none}.publisher:hover .mark-shadow,.publisher:focus-visible .mark-shadow{transform:translate(4px,4px)}}