:root{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;color:#183e38;background:#f7f9f1;font-synthesis:none;line-height:1.75}*{box-sizing:border-box}body{margin:0}button,select,a,audio{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button,select{font:inherit}button,a.action{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #df6a55;outline-offset:4px}header{max-width:1160px;margin:auto;min-height:66px;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:14px;text-decoration:none}.languages{display:flex;background:#e3eee5;border-radius:30px;padding:3px}.languages a{padding:5px 14px;min-height:34px;font-size:12px;text-decoration:none;border-radius:24px}.languages a[aria-current=page]{background:#fff;color:#116e5e;box-shadow:0 2px 6px #254a3412}main{max-width:1160px;margin:auto;padding:5px 28px 60px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center}.cover{margin:0}.cover img{width:100%;display:block;aspect-ratio:1.5;object-fit:cover;border-radius:8px 70px 8px 8px;object-position:50% center}.cover figcaption{font-size:10px;color:#738676;padding:7px 1px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#1f8a75;margin:8px 0}.intro h1{font-family:"Hiragino Maru Gothic ProN",system-ui,sans-serif;font-size:clamp(29px,4vw,43px);line-height:1.4;letter-spacing:.04em;margin:8px 0 18px}.lede{font-size:15px;margin:0 0 12px;line-height:1.9}.song-feeling{color:#6d806d;font-size:12px;margin:16px 0}.listen{padding:18px 0;border-top:1px solid #dce7d8;border-bottom:1px solid #dce7d8}.listen label{display:flex;align-items:center;gap:14px;font-size:12px;margin-bottom:11px}.listen select{min-width:0;max-width:100%;padding:7px 12px;border-radius:12px;background:#fff;border:1px solid #cadecd;color:#215744;min-height:40px}audio{width:100%;display:block;height:46px}.status,.audio-note{font-size:11px;color:#66806c;margin:8px 0 0}.story-lead{max-width:660px;margin:38px auto 32px;text-align:center;font-size:15px;line-height:2.1}.hook{display:block;font-family:"Hiragino Maru Gothic ProN",sans-serif;font-size:clamp(20px,3vw,28px);color:#bd5e48;line-height:1.7;margin-bottom:14px}.little-steps{border-top:1px solid #d5e4d7;padding-top:26px}.section-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.section-head h2{font-size:20px;margin:0}.section-head p{font-size:12px;color:#6d806d;margin:5px 0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px}.step-card{position:relative;padding:24px;border-radius:24px;background:#e7f1e5;overflow:hidden}.step-card:nth-child(2){background:#f8e8db}.step-count{font-size:11px;color:#5b806c}.step-card h3{font-size:21px;margin:3px 0 8px}.step-card>p{font-size:13px;margin:8px 0 17px}.voice-row{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:390px;margin:9px 0}.voice-row strong{font-size:25px;font-weight:600}.voice-row small{display:block;font-size:11px;color:#527a66}.voice-row button{border:1px solid #c1d9c3;background:#ffffffba;color:#176f5e;border-radius:50%;width:46px;height:46px;font-size:20px;flex:none}.voice-row button.playing{background:#146f5c;color:white;box-shadow:0 0 0 6px #c7e2c299}.action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:15px;background:#167d68;color:white;text-decoration:none;font-size:13px;margin-top:12px}.lyrics{max-width:760px;margin:32px auto 0;border:1px solid #d6e3d5;border-radius:24px;background:#ffffff99;overflow:hidden}.lyrics summary{cursor:pointer;padding:19px 24px;font-size:17px;font-weight:600;min-height:62px}.lyric-body{padding:0 24px 24px;columns:2;column-gap:40px}.verse{break-inside:avoid;margin:0 0 18px}.verse p{font-size:14px;line-height:1.85;margin:0}.verse p[lang=zh-Hant-TW]{font-size:20px;color:#19785f;margin:3px 0}.lyric-note{padding:0 24px;font-size:11px;color:#6e816d}.footer{margin:32px auto 0;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;font-size:12px}.loading{padding:40px;text-align:center}.ready-note{border-radius:10px;padding:9px 12px;background:#fff4da}.sr-status{min-height:20px;margin:7px 0;font-size:11px;color:#49705a}
@media(max-width:700px){header{padding:12px 18px;min-height:58px;gap:8px}main{padding:0 18px 40px}.hero{display:block}.cover img{aspect-ratio:1.5;border-radius:6px 48px 6px 6px}.intro{padding:10px 3px 0}.intro h1{font-size:30px;margin:6px 0 13px}.lede{font-size:14px}.song-feeling{margin:10px 0 15px}.listen{padding:14px 0}.story-lead{font-size:13px;margin:26px auto}.hook{font-size:21px}.cards{grid-template-columns:1fr}.step-card{padding:20px}.section-head h2{font-size:19px}.lyric-body{columns:1;padding:0 20px 16px}.lyrics summary{padding:17px 20px}.verse{margin-bottom:24px}.languages a{padding:5px 11px}.brand{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

#song-toggle{border:0;margin:0 0 12px;min-height:46px;width:100%;font-size:14px}
.study-entry{padding:24px;margin:20px 0 26px;background:#e6f1e8;border:1px solid #b6d6c6;border-radius:24px}.study-entry h3{font-size:23px;margin:7px 0 10px}.study-entry p{line-height:1.8}.study-links{display:flex;gap:10px;flex-wrap:wrap}.study-links a{display:inline-flex;align-items:center;min-height:46px;padding:11px 16px;background:#176d5d;color:#fff8e7;text-decoration:none;border-radius:13px;font-size:14px;font-weight:650}.study-links a:first-child{background:#f4c77a;color:#274a3f}.study-links a:focus-visible{outline:3px solid #164f42;outline-offset:4px}@media(max-width:600px){.study-entry{padding:20px}.study-links{display:grid}.study-links a{justify-content:center}}
.listen label[hidden]{display:none}