:root{--ink:#26332d;--muted:#66716b;--leaf:#405b4e;--line:#e5eae3;--paper:#fffdf9;--serif:"Noto Serif TC","Noto Serif CJK TC","Songti TC","PMingLiU",serif;--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
*,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.96;-webkit-font-smoothing:antialiased}
a{color:#356650;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#194c37} img{max-width:100%;height:auto} .masthead{border-bottom:1px solid var(--line);background:#fffdf9} .masthead-inner{max-width:1080px;margin:auto;padding:21px 29px;display:flex;align-items:center;justify-content:space-between;gap:10px} .brand{color:#334a3d;font-family:var(--serif);font-size:15px;letter-spacing:.11em;text-decoration:none}.back{font-size:12px;color:#77847a;letter-spacing:.025em}.shell{width:min(1040px,calc(100% - 52px));margin:auto}.intro{padding:76px 0 33px}.eyebrow{color:#708578;font-size:11px;letter-spacing:.15em;font-weight:600}.intro h1{font:600 clamp(35px,4.7vw,58px)/1.33 var(--serif);letter-spacing:.04em;margin:22px 0 18px;color:#2b4033}.subline{font-size:16px;color:#607266;letter-spacing:.055em;margin:0 0 30px}.lead{font-family:var(--serif);font-size:18px;line-height:2.2;max-width:820px;margin:0 0 33px;color:#3b4a40}.hero-image{margin:0 auto 0}.photo img{display:block;width:100%;height:auto;object-fit:cover;background:#e9efe7}.hero-image img{width:100%;aspect-ratio:16/8.6;object-fit:cover}.photo figcaption{font-size:11px;line-height:1.65;letter-spacing:.03em;color:#8a958e;padding-top:9px}.photo figcaption a{color:#829189;text-decoration:none;border-bottom:1px solid #d2dcd3}.photo figcaption a:hover{color:#456551}.image-unavailable:before{content:'照片目前無法連線載入，原圖來源可由下方攝影者連結查看';display:grid;place-items:center;min-height:250px;background:#edf0eb;color:#89968b;font-size:13px;padding:30px;text-align:center}.hero-image.image-unavailable:before{min-height:430px}.body-wrap{max-width:824px;margin:0 auto;padding:43px 0 60px}.body-wrap p{margin:0 0 25px}.body-wrap h2{font:600 clamp(26px,2.6vw,33px)/1.48 var(--serif);margin:78px 0 22px;letter-spacing:.03em;color:#2d4a38}.body-wrap h3{font:600 21px/1.6 var(--serif);margin:40px 0 15px;color:#355743}.body-wrap h2::before{content:'';display:block;width:36px;height:1px;background:#8da997;margin-bottom:20px}.body-wrap .light{color:#6d7a72;font-size:14px}.float-right{float:right;width:39%;margin:6px -52px 25px 31px}.float-left{float:left;width:38%;margin:7px 32px 23px -40px}.compact img{aspect-ratio:4/4.3}.portrait img{aspect-ratio:4/5.5}.horizontal img{aspect-ratio:4/3}.landscape-wide{clear:both;margin:39px -88px 36px}.landscape-wide img{width:100%;max-height:520px;object-fit:cover}.landscape-wide.finale img{aspect-ratio:16/8.3}.clearfix::after{content:'';display:table;clear:both}.side-note{margin:31px 0;padding:13px 0 13px 23px;border-left:2px solid #9fb6a6;font-size:14px;color:#67766b;line-height:1.9}.details{border-top:1px solid var(--line);margin-top:55px;padding-top:30px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin:20px 0 30px}.fact{display:grid;grid-template-columns:93px 1fr;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px;align-items:start}.fact strong{font-weight:600;color:#567261}.fact span{color:#4e5f53}.route{font-size:16px;font-family:var(--serif);line-height:2.2;color:#3f5b4b;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.map-link{display:inline-flex;align-items:center;gap:5px;margin:11px 0 4px;font-size:13px;color:#427058}.local-shop{border-top:1px solid var(--line);margin-top:54px;padding-top:10px}.local-shop .shop-address{font-size:13px;line-height:1.75;color:#7c8a7e;margin:7px 0 0}.source-list{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.source-list h3{font:600 15px/1.8 var(--serif);margin:0 0 12px}.source-list p{font-size:12px;color:#89958c;line-height:2.05;margin:0 0 7px}.source-list a{color:#687d6b}.page-footer{border-top:1px solid var(--line);padding:28px 0 45px;color:#829087;font-size:12px;display:flex;justify-content:space-between;gap:25px}.page-footer a{color:#617767;text-decoration:none}
@media(max-width:1000px){.body-wrap{max-width:740px}.landscape-wide{margin-left:-36px;margin-right:-36px}.float-right{margin-right:0}.float-left{margin-left:0}}
@media(max-width:760px){body{font-size:15.5px;line-height:1.94}.shell{width:calc(100% - 42px)}.masthead-inner{padding:16px 21px}.intro{padding:49px 0 26px}.intro h1{font-size:35px;margin:17px 0 13px}.lead{font-size:16px;line-height:2.08;margin-bottom:27px}.hero-image img{aspect-ratio:1.32}.body-wrap{padding:26px 0 38px}.body-wrap h2{font-size:25px;margin:58px 0 18px}.body-wrap h3{font-size:20px}.float-right,.float-left{float:none;width:100%;margin:24px 0 28px}.float-right img{aspect-ratio:4/4.1;object-fit:cover}.float-left img{aspect-ratio:4/3}.landscape-wide{margin:30px 0}.landscape-wide img{max-height:none;aspect-ratio:4/3}.landscape-wide.finale img{aspect-ratio:4/3}.facts{grid-template-columns:1fr;gap:0}.fact{grid-template-columns:86px 1fr}.page-footer{display:block}.route{font-size:15px;line-height:2}.subline{font-size:14px}.brand{font-size:14px}.back{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Preserve the complete cocoon-and-ornament collage at every viewport width. */
.mayu-craft-photo img{aspect-ratio:auto;max-height:none;object-fit:contain}