/* WOMIO Butler: a compact editorial book within the shared reader. */
.butler-sheet{container-type:inline-size;background:#f7f4ed;color:#3e3a36;font-family:"PingFang TC","Noto Sans TC",system-ui,sans-serif}
.butler-page{position:relative;width:100%;height:100%;overflow:hidden;background:#f7f4ed;font-size:clamp(9px,2.3cqw,16px)}
.butler-page::after{content:attr(data-page);position:absolute;right:7%;bottom:2.5%;color:#8d8377;font:400 .72em Georgia,serif;letter-spacing:.15em}
.butler-topline{display:flex;justify-content:space-between;align-items:center;gap:5%;height:11%;padding:0 8%;font:600 .7em Georgia,serif;letter-spacing:.17em;color:#6b8e23}
.butler-topline img{display:block;width:36%;height:auto;object-fit:contain}
.butler-topline span{text-align:right}
.butler-eyebrow{display:block;margin:5% 9% 0;color:#6b8e23;font:600 .7em/1.4 Georgia,serif;letter-spacing:.2em}
.butler-page h2{margin:5% 9% 5%;font:400 3em/1.25 Georgia,"Noto Serif TC",serif;letter-spacing:.035em}
.butler-page>p{margin:0 9%;color:#625c55;font:400 1.08em/1.75 system-ui,sans-serif}
.butler-page-foot{position:absolute;left:9%;right:9%;bottom:5%;display:flex;justify-content:space-between;align-items:end;gap:7%;border-top:1px solid #c8c0b4;padding-top:3%;color:#7c746c;font:.72em/1.4 system-ui,sans-serif}
.butler-page-foot b{font:400 1em Georgia,serif;white-space:nowrap}
.butler-cover{background:#3e3a36;color:#fff}
.butler-cover::after{display:none}
.butler-cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}
.butler-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,#151a15aa 0%,transparent 34%,#1519144d 58%,#161a16e8 100%)}
.butler-cover-top{position:absolute;top:6.5%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:flex-start;gap:2%;color:#f8f5ed}
.butler-cover-top img{display:block;width:42%;height:auto;filter:brightness(0) invert(1)}
.butler-cover-top span{text-align:right;font:500 .7em/1.4 Georgia,serif;letter-spacing:.18em}
.butler-cover-bottom{position:absolute;left:8%;right:8%;bottom:7%;color:#fff}
.butler-cover-bottom i{display:block;width:14%;height:2px;background:#afbd81;margin-bottom:6%}
.butler-cover-bottom p{margin:0 0 5%;font:600 .85em/1.3 system-ui,sans-serif;letter-spacing:.2em}
.butler-cover-bottom h1{margin:0 0 7%;font:400 3.35em/1.24 Georgia,"Noto Serif TC",serif;letter-spacing:.035em;text-shadow:0 1px 9px #0006}
.butler-cover-bottom small{display:block;border-top:1px solid #ffffff8c;padding-top:4%;font:.82em/1.65 system-ui,sans-serif;letter-spacing:.07em}
.butler-manifesto figure{position:absolute;left:9%;right:9%;bottom:12%;height:32%;margin:0;overflow:hidden}
.butler-manifesto figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.butler-manifesto figcaption{position:absolute;right:0;bottom:0;padding:.75em 1em;color:#fff;background:#3e3a36d9;font:.73em system-ui,sans-serif}
.butler-profile{background:linear-gradient(145deg,#f8f6f0,#edeae1)}
.butler-profile-card{position:absolute;left:9%;right:9%;top:45%;bottom:13%;padding:6% 7%;background:#fff;box-shadow:0 1em 2em #3e3a361b;border:1px solid #d5cec2}
.profile-card-head{display:flex;justify-content:space-between;align-items:center;gap:3%;color:#6b8e23;font:.68em Georgia,serif;letter-spacing:.12em}
.profile-card-head b{color:#8d8377;font:500 1em system-ui,sans-serif;letter-spacing:0}
.profile-cat{display:flex;align-items:center;gap:6%;padding:8% 0;border-bottom:1px solid #ded8ce}
.profile-avatar{display:grid;place-items:center;width:3.4em;height:3.4em;border-radius:50%;background:#e3e8d6;color:#536d25;font:600 1em system-ui,sans-serif}
.profile-cat strong{display:block;font:400 1.7em Georgia,"Noto Serif TC",serif}.profile-cat small{display:block;color:#8d8377;font:.75em/1.5 system-ui,sans-serif}
.butler-profile-card dl{margin:5% 0 0}.butler-profile-card dl div{display:grid;grid-template-columns:27% 1fr;gap:3%;padding:3.5% 0;border-bottom:1px solid #e8e4dc;font:.79em/1.5 system-ui,sans-serif}.butler-profile-card dt{color:#8d8377}.butler-profile-card dd{margin:0;color:#3e3a36}
.butler-continuity{background:#f1eee7}
.butler-timeline{margin:5% 9% 0;border-left:1px solid #a7b67e}
.butler-timeline>div{display:flex;gap:6%;margin:0 0 4%;transform:translateX(-.52em)}
.butler-timeline em{display:grid;place-items:center;flex:none;width:2.3em;height:2.3em;border-radius:50%;background:#6b8e23;color:#fff;font:400 .8em Georgia,serif;font-style:normal}
.butler-timeline strong{font:600 1.13em system-ui,sans-serif}.butler-timeline p{margin:2% 0 0;color:#665f55;font:.92em/1.55 system-ui,sans-serif}
.butler-page .butler-pull{margin:3% 9% 0;padding-left:5%;border-left:2px solid #6b8e23;color:#3e3a36;font:400 1.35em/1.45 Georgia,"Noto Serif TC",serif}
.butler-ask{background:radial-gradient(circle at 90% 10%,#e8eddb,#f7f4ed 42%)}
.butler-dialogue{margin:9% 9% 0;display:grid;gap:5%}
.butler-question{margin-left:12%;padding:6%;border-radius:1.2em 1.2em .2em 1.2em;background:#e1e7d4;color:#3e3a36;font:500 1.08em/1.65 system-ui,sans-serif}
.butler-answer{margin-right:8%;padding:6%;border:1px solid #d5cec1;background:#fff;box-shadow:0 .6em 1.5em #3e3a3612}
.butler-answer span{color:#6b8e23;font:600 .7em Georgia,serif;letter-spacing:.16em}.butler-answer p{margin:4% 0 0;font:.98em/1.65 system-ui,sans-serif;color:#625d55}
.butler-route{display:flex;align-items:center;justify-content:space-between;gap:1%;margin:7% 9%;color:#6b8e23;font:600 .78em/1.3 system-ui,sans-serif}.butler-route i{font-style:normal;color:#9da785}
.butler-story-photo{position:relative;height:49%;overflow:hidden}.butler-story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 58%}.butler-story-photo span,.butler-ecosystem-photo span{position:absolute;right:4%;top:4%;background:#f9f7f1e8;color:#3e3a36;padding:.6em .9em;font:600 .72em system-ui,sans-serif}
.butler-story-copy{padding:5% 9% 0}.butler-story-copy .butler-eyebrow{margin:0}.butler-story-copy h2{margin:3% 0;font-size:2.4em}.butler-story-copy p{margin:0;color:#625d55;font:1em/1.65 system-ui,sans-serif}.butler-story-note{margin-top:4%;color:#6b8e23;font:600 .78em/1.4 system-ui,sans-serif}
.butler-ecosystem-photo{position:relative;height:32%;margin:5% 9% 0;overflow:hidden}.butler-ecosystem-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.butler-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;margin:5% 9% 0}.butler-service-grid div{border-top:2px solid #6b8e23;padding-top:9%}.butler-service-grid b{display:block;color:#6b8e23;font:600 .8em Georgia,serif;letter-spacing:.08em}.butler-service-grid span{display:block;margin-top:8%;color:#5e5a53;font:.78em/1.5 system-ui,sans-serif}
.butler-handoff{background:#eeede6}.butler-handoff-card{margin:8% 9% 0;padding:6%;background:#fff;border-left:3px solid #6b8e23;box-shadow:0 .7em 2em #3e3a3610}.butler-handoff-card>span{color:#6b8e23;font:600 .78em Georgia,serif;letter-spacing:.12em}.butler-handoff-card ul{margin:5% 0 4%;padding-left:1.2em;font:1em/1.8 system-ui,sans-serif}.butler-handoff-card small{color:#8d8377;font:.75em system-ui,sans-serif}.butler-page .butler-handoff-note{margin-top:5%;font:.86em/1.65 system-ui,sans-serif;color:#6b645a}
.butler-start ol{list-style:none;padding:0;margin:8% 9% 0}.butler-start li{display:flex;gap:5%;border-top:1px solid #d5cec2;padding:5% 0}.butler-start li em{flex:none;color:#6b8e23;font:400 1.5em Georgia,serif;font-style:normal}.butler-start li strong{display:block;font:600 1.04em system-ui,sans-serif}.butler-start li span{display:block;margin-top:2%;color:#6b645a;font:.88em/1.55 system-ui,sans-serif}
.butler-ending{background:radial-gradient(circle at 78% 20%,#e7e9dc,#f7f4ed 58%)}.butler-ending-logo{display:block;width:49%;height:auto;margin:10% 9% 0}.butler-ending>span{display:block;margin:14% 9% 0;color:#6b8e23;font:.72em Georgia,serif;letter-spacing:.18em}.butler-ending h2{margin-top:6%;font-size:3.2em}.butler-ending>p{font-size:1.08em}.butler-ending-contact{position:absolute;bottom:9%;left:9%;right:9%;border-top:1px solid #bcb4a8;padding-top:7%;display:grid;justify-items:start;gap:.6em}.butler-ending-contact strong{color:#6b8e23;font:600 1em system-ui,sans-serif}.butler-ending-contact img{width:5em;height:5em;object-fit:contain;background:#fff}.butler-ending-contact span{font:500 1em Georgia,serif}.butler-ending-contact small{font:.8em system-ui,sans-serif;color:#7c746c}
.butler-ending-contact img{width:9em;height:9em}
.catalog-switch{grid-template-columns:repeat(2,minmax(0,1fr))}
.flip-leaf.butler-sheet .butler-page{height:100%}.flip-leaf.butler-sheet img{height:auto;object-fit:contain}.flip-leaf.butler-sheet .butler-cover-photo,.flip-leaf.butler-sheet .butler-story-photo img,.flip-leaf.butler-sheet .butler-ecosystem-photo img,.flip-leaf.butler-sheet .butler-manifesto figure img{height:100%;object-fit:cover}
.zoom-stage .butler-sheet{display:block;width:min(100%,680px);aspect-ratio:1854/2800;height:auto;margin:auto;overflow:hidden}.zoom-stage .butler-sheet .butler-page{height:100%}
@media(max-width:700px){.butler-page{font-size:clamp(9px,2.7cqw,16px)}.butler-page h2{font-size:2.75em}.butler-story-copy h2{font-size:2.3em}.butler-cover-bottom h1{font-size:3.25em}.butler-service-grid span{font-size:.74em}.tools .book-tabs button{font-size:10px}}