
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;700&display=swap');
.hl-rits{--b:var(--wp--preset--font-size--body);--ink:#2c3b3a;--soft:#5f6f6d;--sea:#7fb2c9;--seap:#e8f2f6;--leaf:#5f7f52;--leafp:#eef3e8;--sand:#f6f1e7;--lava:#a2533c;--min:'Noto Serif TC','Songti TC',serif}
.hl-rits{line-break:strict;overflow-wrap:anywhere}
.hl-rits p{font-size:var(--b);line-height:2.05;margin:0 0 1.5em;color:var(--ink)}
.hl-rits .lead strong{font-weight:700}
.hl-rits .lead{font-family:var(--min);font-weight:500;font-size:calc(var(--b) * 1.18);line-height:2;margin:12px 0 1.2em}
.hl-rits .lead2{color:var(--soft);margin-bottom:56px}
.hl-rits .sec{font-family:var(--min);font-weight:700;font-size:calc(var(--b) * 1.3);line-height:1.6;color:var(--ink);margin:72px 0 28px;padding-left:20px;border-left:4px solid var(--sea)}
.hl-rits .letter{background:var(--sand);border-radius:6px;padding:34px 34px 10px;margin:8px 0 40px;box-shadow:0 1px 0 rgba(0,0,0,.05);border-top:3px solid var(--sea)}
.hl-rits .letter p{font-family:var(--min);font-weight:500}
.hl-rits .letter .ask{font-weight:700;font-size:calc(var(--b) * 1.12)}
.hl-rits .soft{margin-top:2.2em}
.hl-rits .felt{font-family:var(--min);font-weight:700;margin-top:-.8em}
.hl-rits .voice{font-family:var(--min);font-weight:500;color:var(--ink);border-left:3px solid var(--sea);padding:4px 0 4px 22px}
.hl-rits .ph{margin:8px 0 40px}
.hl-rits .ph img{display:block;width:100%;height:auto;border-radius:4px}
.hl-rits .circle{font-family:var(--min);font-weight:700;font-size:calc(var(--b) * 1.3);text-align:center;margin:48px 0 44px;padding:40px 24px;background:var(--leafp)}
.hl-rits .wind{font-family:var(--min);font-weight:500;font-size:calc(var(--b) * 1.1);text-align:center;margin:48px 0 44px}
.hl-rits .pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 48px}
.hl-rits .pair .ph{margin:0}
.hl-rits .lava{border-left:3px solid var(--lava);padding:6px 0 2px 24px;margin:0 0 40px}
.hl-rits .lava p:last-child{font-family:var(--min);font-weight:700}
.hl-rits .voices{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);background:var(--leafp);padding:48px 24px 24px;margin-top:16px;margin-bottom:44px}
.hl-rits .voices blockquote{max-width:40em;margin:0 auto 24px;padding:0;border:0}
.hl-rits blockquote p{font-family:var(--min);font-weight:500;margin:0}
.hl-rits .teach{margin:0 0 40px;padding:26px 30px;border:1px solid rgba(95,127,82,.35);border-radius:6px;background:#fff}
.hl-rits .joy{font-family:var(--min);font-weight:700;font-size:calc(var(--b) * 1.1);text-align:center;margin:44px 0 40px}
.hl-rits .key{font-family:var(--min);font-weight:500;font-size:calc(var(--b) * 1.12)}
.hl-rits .rits-door{background:linear-gradient(transparent 62%,var(--seap) 62%);font-weight:700}
.hl-rits .here{text-align:center;font-family:var(--min);font-weight:500;margin:40px 0;text-wrap:balance}
.hl-rits .close{margin:64px 0 28px;text-align:center}
.hl-rits .close p{font-family:var(--min);font-weight:700;line-height:2.1;text-wrap:balance}
.hl-rits .guide{text-align:right;font-size:calc(var(--b) * .9);margin:8px 0 24px}
.hl-rits .guide a{color:var(--soft);text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.hl-rits .lead{font-size:calc(var(--b) * 1.06)}.hl-rits .sec{font-size:calc(var(--b) * 1.15);margin-top:56px}.hl-rits .letter{padding:26px 20px 6px}.hl-rits .circle{font-size:calc(var(--b) * 1.12)}.hl-rits .pair{gap:10px}.hl-rits .voices{padding:36px 16px 16px}.hl-rits .teach{padding:20px}.hl-rits .key,.hl-rits .wind,.hl-rits .joy{font-size:var(--b)}.hl-rits .guide{text-align:left}}
