.research-page .rw-article:has(.yi-page){max-width:1160px;padding-top:42px}
.research-page .rw-article .yi-page{--yi-ink:#203e36;--yi-sub:#44584c;--yi-gold:#886b3d;--yi-line:#c8c4b6;color:var(--yi-ink)}
.research-page .rw-article .yi-page section{margin:0}
.research-page .rw-article .yi-page h1,.research-page .rw-article .yi-page h2,.research-page .rw-article .yi-page h3{color:var(--yi-ink)}
.research-page .rw-article .yi-page h2{border:0;padding:0;margin:0 0 20px}
.research-page .rw-article .yi-page h3{margin:0}
.research-page .rw-article .yi-page p,.research-page .rw-article .yi-page li,.research-page .rw-article .yi-page dd{color:var(--yi-sub);line-height:1.95!important}
.research-page .rw-article .yi-page a{color:var(--yi-ink);text-underline-offset:5px}
.research-page .rw-article .yi-page a:hover{color:#8c4c32}
.yi-hero{padding:52px clamp(24px,6vw,75px);background:linear-gradient(110deg,#e7e5d8 0%,#f4f1e8 64%,#dfdecf 100%);border:1px solid #d3cbb7;position:relative;overflow:hidden}
.yi-hero:after{content:'易';font:clamp(160px,25vw,280px)/1 "Noto Serif TC",serif;color:#294a3b0d;position:absolute;right:2%;bottom:-8%;pointer-events:none}
.research-page .rw-article .yi-hero>*{position:relative;z-index:1}
.research-page .rw-article .yi-hero h1{font-size:clamp(48px,7vw,76px);margin:0 0 8px;border:0;padding:0;line-height:1.3}
.research-page .rw-article .yi-motto{font:600 clamp(22px,2.5vw,30px)/1.5 "Noto Serif TC","PMingLiU",serif;color:#785b32;margin:0 0 20px}
.research-page .rw-article .yi-lead{font-size:var(--read-body,18px);max-width:43em;margin:0 0 26px;color:#29453c}
.yi-jump{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.yi-jump a,.yi-related a{display:inline-flex;align-items:center;border:1px solid #687769;background:#fbfaf5;padding:12px 18px;min-height:48px;font-weight:600;text-decoration:none}
.yi-jump a:hover,.yi-related a:hover{background:#e0e8df}
.research-page .rw-article .yi-intro{padding:52px 0 26px;max-width:55em}
.research-page .rw-article .yi-intro p{margin:0 0 16px}
.yi-figure{margin:34px 0 70px;padding:38px clamp(20px,4vw,48px);background:#e8e6d9;border-top:4px solid #947b52;border-bottom:1px solid var(--yi-line)}
.yi-figure-head{display:flex;gap:20px;align-items:center;margin-bottom:25px}
.yi-seal{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border:1px solid #937449;border-radius:50%;color:#785d33;font:34px "Noto Serif TC",serif}
.research-page .rw-article .yi-figure .rw-kicker{margin:0 0 3px}
.research-page .rw-article .yi-figure h2{margin:0}
.yi-steps{counter-reset:yi;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.research-page .rw-article .yi-steps li{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 10px 16px;background:#faf8f0;border:1px solid #d3c9ae;color:var(--yi-ink)}
.yi-steps li:not(:last-child):after{content:'→';position:absolute;right:-17px;top:35%;z-index:1;color:#7b603b;background:#e8e6d9;font-size:24px;line-height:1}
.yi-number{font:600 clamp(35px,4vw,54px)/1.2 "Noto Serif TC",serif;color:#234a40}
.yi-steps strong{font-size:1.2em;margin:4px 0 8px}
.yi-steps small{color:#44574b}
.yi-lines{height:30px;width:28px;display:flex;flex-direction:column;justify-content:space-around}
.yi-lines i:first-child{height:4px;background:#917046}
.yi-lines i:last-child{height:4px;background:linear-gradient(90deg,#917046 0 39%,transparent 39% 61%,#917046 61%)}
.yi-glyph{height:30px;color:#97764d;font-size:28px;line-height:1}
.research-page .rw-article .yi-figure figcaption{margin:22px 0 0;color:#405348;font-size:calc(var(--read-small,14px) + 2px)!important}
.yi-chapters{padding:0 0 60px}
.research-page .rw-article .yi-chapters h2{margin-bottom:8px}
.research-page .rw-article .yi-instruction{margin-bottom:26px}
.research-page .rw-article .yi-chapter{margin:0;border-top:1px solid #b9b9aa;padding:26px 0}
.research-page .rw-article .yi-chapter:last-child{border-bottom:1px solid #b9b9aa}
.yi-chapter-heading{display:grid;grid-template-columns:64px 1fr;gap:18px}
.yi-chapter-heading>span{font:500 42px/1.1 "Noto Serif TC",serif;color:#a18453}
.research-page .rw-article .yi-chapter-heading h3{font-size:var(--read-h3,23px)!important;font-family:"Noto Serif TC","PMingLiU",serif}
.research-page .rw-article .yi-chapter-heading p{margin:8px 0 0}
.yi-chapter details{margin:17px 0 0 82px}
.research-page .rw-article .yi-chapter summary{cursor:pointer;width:max-content;max-width:100%;padding:11px 42px 11px 15px;min-height:48px;color:#fff;background:#22473e;position:relative;font-weight:600;border:1px solid #22473e}
.yi-chapter summary:after{content:'＋';position:absolute;right:14px}
.yi-chapter details[open] summary:after{content:'−'}
.research-page .rw-article .yi-chapter summary:hover{background:#356657}
.yi-chapter-body{padding:20px 28px 4px;margin-top:14px;border-left:3px solid #a78a58;background:#f0eee5}
.research-page .rw-article .yi-chapter-body p{margin:0 0 18px}
.research-page .rw-article .yi-chapter-body .yi-question{color:#254b40;font-weight:600}
.research-page .rw-article .yi-chapter-body .yi-ending{font-family:"Noto Serif TC","PMingLiU",serif;color:#26463d}
.yi-inline-note{border-left:3px solid #b37050;background:#fffaf2;padding:14px 20px;margin:0 0 20px;color:#4b493d}
.research-page .rw-article .yi-boundary{padding:34px clamp(20px,4vw,42px);background:#e6ece5;border:1px solid #b5c3b5;margin-bottom:65px!important}
.yi-boundary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.yi-boundary-grid>div{background:#fafaf5;border-top:3px solid #8a744d;padding:20px}
.yi-boundary-grid strong{font-size:1.15em}
.research-page .rw-article .yi-boundary-grid p{margin-bottom:0}
.research-page .rw-article .yi-boundary-foot{margin:22px 0 0;font-weight:600;color:#274a3e}
.research-page .rw-article .yi-terms{margin-bottom:60px!important}
.yi-terms dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.yi-terms dl>div{padding:18px 22px;background:#f0eee5;border-left:3px solid #9b7b4b}
.yi-terms dt{font-weight:700;color:#24443a}
.yi-terms dd{margin:6px 0 0}
.yi-related{border-top:1px solid var(--yi-line);padding:30px 0 40px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.research-page .rw-article .yi-related h2{width:100%;margin:0}
.research-page .rw-article .yi-related p{width:100%;margin:12px 0 0}
.research-page .rw-article .yi-page :is(section,figure){scroll-margin-top:160px}
/* This reading page starts one step above the site-wide body size and follows the reader's size preference. */
html body .yi-page :is(p:not(.rw-kicker),li,dt,dd,summary){font-size:calc(var(--read-body,16px) + 2px)!important}
html body .yi-page :is(figcaption,small){font-size:calc(var(--read-small,14px) + 2px)!important}
@media(max-width:760px){.research-page .rw-article:has(.yi-page){padding-inline:5%}.yi-hero{padding:30px 22px}.yi-jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.yi-jump a{justify-content:center;text-align:center}.yi-figure{padding:25px 16px}.yi-figure-head{gap:12px}.yi-seal{flex-basis:50px;width:50px;height:50px}.yi-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.yi-steps li:not(:last-child):after{display:none}.yi-chapter-heading{grid-template-columns:44px 1fr;gap:10px}.yi-chapter-heading>span{font-size:30px}.yi-chapter details{margin-left:54px}.yi-chapter-body{padding:18px}.yi-boundary-grid,.yi-terms dl{grid-template-columns:1fr}}
@media(max-width:390px){.yi-jump,.yi-steps{grid-template-columns:1fr}.yi-chapter details{margin-left:0}}