body .article-main{--reading-ink:#352e2b;--reading-muted:#73645c;--reading-accent:#873348;--reading-rule:#dfd2c9;padding-inline:40px;overflow-wrap:break-word;max-width:896px;padding-bottom:88px}body .article-main h1{letter-spacing:.015em;text-wrap:balance;margin-block:24px 32px;font-size:clamp(32px,3.8vw,46px);line-height:1.5}body .article-main .article-cover{margin-block:32px 24px}body .article-main .article-cover figcaption{color:var(--reading-muted);font-size:13px}body .article-main .article-jump-links{border-color:var(--reading-rule);gap:8px 28px;margin-block:24px 40px;padding-block:8px}body .article-main .article-lesson,body .article-main .article-lesson .drink-tutorial{letter-spacing:.025em;color:var(--reading-ink);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:18px;font-weight:400;line-height:1.95}body .article-main .article-lesson :is(p,li){font-size:inherit;line-height:inherit}body .article-main .article-lesson p{margin-block:0 1.35em}body .article-main .article-lesson>p:first-child{color:var(--reading-muted);letter-spacing:.04em;margin-bottom:24px;font-size:13px}body .article-main .article-lesson .article-step-guide>p:first-child{border-left:3px solid var(--reading-accent);color:#51423c;margin-bottom:28px;padding-left:24px;font-size:20px;line-height:1.9}body .article-main .article-lesson :is(h2,h3),body .article-main .article-lesson .article-step-guide :is(h2,h3){letter-spacing:.015em;text-wrap:balance;font-family:Noto Serif TC,Songti TC,serif;font-weight:500}body .article-main .article-lesson h2{color:var(--reading-accent);border:0;margin:64px 0 24px;padding-top:0;scroll-margin-top:110px;font-size:29px;line-height:1.6}body .article-main .article-lesson h3{color:var(--reading-ink);margin:36px 0 16px;font-size:23px;line-height:1.65}body .article-main .article-lesson :is(ul,ol){margin-block:24px 32px;padding-left:1.65em}body .article-main .article-lesson li{margin-block:12px;padding-left:.25em}body .article-main .article-lesson li::marker{color:var(--reading-accent);font-weight:600}body .article-main .article-lesson strong{color:var(--reading-ink);font-weight:600}body .article-main .article-lesson a{color:var(--reading-accent);text-underline-offset:.25em;overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px}body .article-main .article-lesson .decision-table{border:1px solid var(--reading-rule);background:#fffcf8;margin-block:30px 36px;overflow-x:auto}body .article-main .article-lesson .decision-table table{border-collapse:collapse;width:100%;min-width:560px;margin:0;font-size:16px;line-height:1.8;display:table}body .article-main .article-lesson .decision-table :is(th,td){border:0;border-bottom:1px solid var(--reading-rule);vertical-align:top;text-align:left;overflow-wrap:break-word;padding:18px 20px}body .article-main .article-lesson .decision-table th{color:#662b3a;white-space:normal;background:#eee5df;font-weight:600}body .article-main .article-lesson .decision-table tbody tr:nth-child(2n){background:#f7f1eb}body .article-main .article-lesson .decision-table tbody tr:last-child>*{border-bottom:0}body .article-main .article-lesson figure{margin-block:36px}body .article-main .article-lesson figure img{border-radius:0;max-width:100%;height:auto}body .article-main .article-lesson figcaption{color:var(--reading-muted);margin-top:14px;font-size:14px;line-height:1.8}body .article-main .article-lesson .article-copy-sheet{border:1px solid var(--reading-rule);background:#eee6df;border-radius:0;margin-block:36px;padding:28px}body .article-main .article-lesson .article-copy-sheet textarea{width:100%;color:var(--reading-ink);background:#fffcf8;border:1px solid #d5c5ba;border-radius:0;padding:18px;font-size:16px;line-height:1.85}body .article-main .article-next-steps{border-color:var(--reading-rule);margin-top:56px;padding-top:32px}body .article-main .article-final-cta{border:1px solid var(--reading-rule);background:#eee6df;margin-top:48px;padding:32px}body .article-main .article-final-cta h2{color:var(--reading-accent);margin:0 0 16px;font-size:27px}body .article-main .article-final-cta p{font-size:17px;line-height:1.9}body .article-main .article-final-cta>a{padding:14px 24px;font-size:17px}body .article-main :is(a,summary,button,textarea):focus-visible{outline:2px solid var(--reading-accent);outline-offset:5px}body .article-main ::selection{color:#3b1b24;background:#e8cbd1}@media (max-width:640px){body .article-main{padding-inline:22px;padding-bottom:56px}body .article-main h1{margin-block:20px 28px;font-size:30px;line-height:1.6}body .article-main .article-lesson,body .article-main .article-lesson .drink-tutorial{letter-spacing:.015em;font-size:17px;line-height:1.95}body .article-main .article-lesson .article-step-guide>p:first-child{padding-left:16px;font-size:18px}body .article-main .article-lesson h2{margin-top:48px;margin-bottom:20px;font-size:24px}body .article-main .article-lesson h3{font-size:21px}body .article-main .article-lesson .decision-table :is(th,td){padding:14px 16px}body .article-main .article-lesson .article-copy-sheet{padding:18px}body .article-main .article-final-cta{padding:24px}body .article-main .article-final-cta>a{text-align:center;padding-inline:12px;display:block}}.article-tool-scope{overflow-wrap:anywhere;background:#f4eeea;border-inline-start:3px solid #ae445a;margin-block:1.5rem;padding:1rem 1.25rem}.article-tool-scope p{margin-block:.5rem}