.lc-page{color:#171918;overflow-wrap:anywhere;background:#f7f4ed;max-width:820px;margin:0 auto;padding:24px 20px 42px;font-family:system-ui,Noto Sans Thai,sans-serif;font-size:18px;line-height:1.85}body:has(.lc-page){background:#f7f4ed}.lc-page *{box-sizing:border-box}.lc-page [lang=th]{letter-spacing:normal}.lc-header{color:#5a5447;border-bottom:1px solid #d8cfbe;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-bottom:20px;font-size:13px;line-height:1.5;display:flex}.lc-header a{letter-spacing:.08em;font-weight:700}.lc-heading{align-items:center;gap:20px;margin:28px 0;display:flex}.lc-heading img{object-fit:cover;border-radius:8px;flex-shrink:0;width:112px;height:112px}.lc-page h1{letter-spacing:normal;margin:4px 0;font-family:inherit;font-size:clamp(26px,5vw,38px);line-height:1.45}.lc-page h2,.lc-page h3,.lc-page h4{letter-spacing:normal;font-family:inherit;line-height:1.65}.lc-page h2{margin:8px 0;font-size:25px}.lc-page h3{margin:24px 0 10px;font-size:21px}.lc-page h4{margin:0 0 10px;font-size:21px}.lc-page p{margin:10px 0}.lc-kicker{color:#735824;font-size:14px;font-weight:650}.lc-page .lc-english{color:#645d50;font-size:14px;line-height:1.65}.lc-step{background:#fffdf8;border:1px solid #d8cfbe;border-radius:12px;margin-top:26px;padding:22px;scroll-margin-top:18px}.lc-page audio{width:100%;min-height:54px;margin:20px 0;display:block}.lc-reveal{color:#171918;cursor:pointer;background:#e4b851;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:64px;margin-top:24px;padding:14px 18px;font-family:inherit;font-size:18px;font-weight:650;line-height:1.65;display:flex}.lc-reveal small{font-size:13px;font-weight:500}.lc-reveal:hover{background:#efc76c}:is(.lc-page a:focus-visible,.lc-page button:focus-visible){outline-offset:4px;outline:3px solid #265962}.lc-jumps{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.lc-jumps a{background:#faf3df;border:1px solid #cfbf99;border-radius:7px;min-height:44px;padding:9px 16px;text-decoration:none;display:block}.lc-lyrics{background:#f1ede4;border-radius:8px;padding:18px;font-size:19px;line-height:1.95}.lc-lyrics .lc-group{margin:0 0 24px;scroll-margin-top:18px}.lc-lyrics .lc-group:last-child{margin-bottom:0}.lc-mark{color:#171918;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffe083;border-radius:3px;padding:1px 2px;scroll-margin-top:25px}.lc-mark-link{color:#4a3a16;padding:0 4px;font-weight:700;text-decoration:none;display:inline-block}.lc-questions{gap:16px;display:grid}.lc-question{background:#fff7df;border-left:4px solid #ba861d;border-radius:0 8px 8px 0;padding:18px;scroll-margin-top:18px}.lc-question h4 a{color:#654c17;text-decoration:none}.lc-reply{margin:28px 0}.lc-footer{color:#645d50;border-top:1px solid #d8cfbe;padding-top:18px;font-size:13px}.lc-footer a{margin-right:20px;padding:10px 0;display:inline-block}@media (max-width:480px){.lc-page{padding:18px 14px 30px;font-size:17px}.lc-heading{gap:14px}.lc-heading img{width:82px;height:82px}.lc-step{padding:16px}.lc-lyrics{padding:14px;font-size:18px}.lc-question{padding:14px}.lc-reveal{font-size:17px}.lc-page h2{font-size:23px}}
