.rl-greeting-article{--ga-ink:#173b55;--ga-copy:#5c788f;--ga-surface:#fff;--ga-soft:#f1f8ff;--ga-line:#cfe3f3;--ga-blue:#0878d7}
html.bf-dark .rl-greeting-article{--ga-ink:#edf5ff;--ga-copy:#abc1d5;--ga-surface:#102238;--ga-soft:#142d47;--ga-line:#a6cfff2b;--ga-blue:#84caff}
.rl-greeting-article .greeting-checklist{margin:18px 0 29px;padding-left:24px;color:var(--ga-copy);font-size:16px;line-height:1.95}
.rl-greeting-article .greeting-checklist li{padding-left:4px;margin:10px 0}
.rl-greeting-article .greeting-note{padding:21px 23px;border:1px solid var(--ga-line);border-radius:19px;background:var(--ga-soft);margin:23px 0}
.rl-greeting-article .greeting-note>strong{display:block;color:var(--ga-blue);font-size:15px}
.rl-greeting-article .greeting-note>p{font-size:14px;line-height:1.9;margin:8px 0 0;color:var(--ga-copy)}
.greeting-examples{display:grid;gap:21px;margin:25px 0 15px}
.rl-greeting-article .greeting-example{padding:25px;border:1px solid var(--ga-line);border-radius:22px;background:var(--ga-surface);box-shadow:0 9px 28px #194d7a08}
.greeting-example-heading{display:flex;align-items:center;gap:12px}
.greeting-example-number{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border:1px solid var(--ga-line);border-radius:12px;color:var(--ga-blue);background:var(--ga-soft);font-size:13px;font-weight:700}
.rl-greeting-article .greeting-example h3{font-size:21px;line-height:1.55;margin:0;color:var(--ga-ink)}
.rl-greeting-article .greeting-use{font-size:13px;line-height:1.85;margin:14px 0;color:var(--ga-copy)}
.rl-greeting-article .greeting-message{margin:0 0 17px;padding:20px 22px;border:1px solid var(--ga-line);border-radius:0 17px 17px;background:var(--ga-soft);color:var(--ga-ink);font-size:16px;line-height:1.95;font-weight:400;overflow-wrap:anywhere}
.greeting-copy{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid var(--ga-line);border-radius:11px;background:var(--ga-surface);color:var(--ga-blue);font:600 12px Anuphan,system-ui,sans-serif;cursor:pointer;transition:transform .18s,background .18s}
.greeting-copy:hover{background:var(--ga-soft);transform:translateY(-1px)}
.greeting-copy[hidden]{display:none}
.greeting-copy:focus-visible{outline:3px solid #168bff;outline-offset:4px}
.rl-greeting-article .greeting-copy-status{min-height:24px;margin:0 0 24px;font-size:12px;color:var(--ga-blue);line-height:1.9}
.rl-greeting-article .greeting-source-note{font-size:13px;line-height:1.9;color:var(--ga-copy)}
.rl-greeting-article .content .cta h3{color:#fff;font-size:28px;line-height:1.45;margin:0 0 10px}
.rl-greeting-article .content .cta .btn{color:#0871c9}
html.bf-dark .rl-greeting-article .faq summary{color:var(--ga-ink)}
.rl-greeting-article code{font-family:inherit;font-size:.94em;background:var(--ga-soft);color:var(--ga-blue);padding:1px 5px;border-radius:5px}
@media(max-width:600px){.rl-greeting-article .greeting-example{padding:19px 17px}.rl-greeting-article .greeting-example h3{font-size:18px}.rl-greeting-article .greeting-message{padding:17px;font-size:15px;line-height:1.95}.rl-greeting-article .greeting-checklist{font-size:15px}.rl-greeting-article .greeting-note{padding:19px}}
@media(prefers-reduced-motion:reduce){.greeting-copy{transition:none;transform:none}}