:root{font-family:"Microsoft JhengHei","PingFang TC",sans-serif;color:#192c26;background:#f3f6f2;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}
body{margin:0}
main{max-width:1056px;margin:auto;padding:40px 32px 32px}
a{color:#1a5a48;text-underline-offset:.24em}
a:hover{color:#103b2e}
a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #a64a25;outline-offset:5px}
.product{font-size:17px;font-weight:700;text-decoration:none}
h1{font-size:clamp(28px,4.8vw,46px);line-height:1.3;letter-spacing:-.035em;margin:28px 0 12px;text-wrap:balance}
.intro{font-size:18px;line-height:1.7;color:#4b5b53;margin:0 0 28px}
video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#15261f;border-radius:12px;box-shadow:0 12px 34px #203c2b18}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px;margin:28px 0 36px;font-size:17px}
.primary{display:inline-flex;align-items:center;gap:20px;background:#1a5a48;color:#fff;padding:13px 20px;border-radius:8px;text-decoration:none;font-weight:700}
.primary:hover{background:#154737;color:#fff}
details{border-top:1px solid #bcc9bf;border-bottom:1px solid #bcc9bf;padding:20px 0;font-size:17px;line-height:1.8}
summary{cursor:pointer;font-weight:700;width:fit-content}
#transcript{max-width:76ch}
#transcript p{margin:18px 0 0}
footer{padding-top:25px;display:flex;gap:14px 24px;flex-wrap:wrap;font-size:15px;line-height:1.7}
footer p{flex-basis:100%;margin:2px 0 0;color:#58665e}
@media(max-width:520px){main{padding:25px 20px}h1{margin-top:25px}.intro{font-size:17px}.actions{gap:18px}video{border-radius:7px}}