/* Three introduction studies, shared geometry. */
.intro-copy{--title-size:40px;--caption-size:17px;min-width:0}.intro h1{font-size:var(--title-size);line-height:1.3;letter-spacing:.01em}.intro .intro-kicker{margin-top:14px;font-size:var(--caption-size);line-height:1.5;color:#454545;letter-spacing:.04em}
body[data-intro-style="a"] .intro h1{color:#e84c21;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:700;text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:8px;text-decoration-color:#f5b09b}
body[data-intro-style="a"] .intro .intro-kicker{font-weight:600;color:#20211e;margin-top:20px;letter-spacing:0}
body[data-intro-style="b"] .intro h1{font-family:"Songti SC","STSong","SimSun",serif;font-weight:400;letter-spacing:.08em}
body[data-intro-style="b"] .intro .intro-kicker{font-size:16px;letter-spacing:.12em}
body[data-intro-style="c"] .intro h1{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:700;letter-spacing:.02em}
body[data-intro-style="c"] .intro h1::after{content:"";display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-left:7px}
@media(max-width:760px){.intro-copy{--title-size:30px;--caption-size:14px}body[data-intro-style="b"] .intro .intro-kicker{font-size:14px;letter-spacing:.03em}}
@media(max-width:480px){.intro-copy{--title-size:clamp(21px,5.5vw,26px);--caption-size:12px}.intro .intro-kicker{letter-spacing:0;margin-top:12px}body[data-intro-style="b"] .intro h1{letter-spacing:.02em}body[data-intro-style="b"] .intro .intro-kicker{font-size:12px;letter-spacing:0}body[data-intro-style="c"] .intro h1::after{width:4px;height:4px;margin-left:3px}}

/* Colored masthead: narrower title, wider supporting line. */
body[data-intro-style="a"] .intro h1{font-size:30px;line-height:1.35;letter-spacing:0;text-decoration-thickness:2px;text-underline-offset:6px}
body[data-intro-style="a"] .intro .intro-kicker{font-size:22px;font-weight:700;line-height:1.45;letter-spacing:0;margin-top:12px;color:#20211e}
@media(max-width:760px){body[data-intro-style="a"] .intro h1{font-size:26px}body[data-intro-style="a"] .intro .intro-kicker{font-size:19px}}
@media(max-width:480px){body[data-intro-style="a"] .intro h1{font-size:21px}body[data-intro-style="a"] .intro .intro-kicker{font-size:15px;margin-top:10px}}

body[data-intro-style="a"] .intro .intro-kicker{margin-top:4px}