.prose .reader-guide-section{margin:32px 0}.reader-guide-section>h2{font-size:clamp(25px,2.1vw,30px);line-height:1.3;margin:0 0 20px}.reader-guide-section>h3{font-size:21px;line-height:1.4;margin:28px 0 16px}.reader-guide-section>p{margin:0 0 22px}
.prose .reader-guide-figure{margin:24px 0 28px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}.reader-guide-figure>img{display:block;width:100%;height:auto;margin:0;border-radius:0}.reader-guide-figure figcaption{padding:22px 24px;font-size:16px;line-height:1.65;color:var(--ink)}.reader-guide-figure figcaption>strong{display:block;font-size:20px;margin-bottom:14px}.reader-guide-figure figcaption ol{list-style:none;padding:0;counter-reset:diagram;margin:0 0 16px}.reader-guide-figure figcaption li{position:relative;counter-increment:diagram;margin:12px 0;padding-left:38px}.reader-guide-figure figcaption li::before{content:counter(diagram);display:grid;place-items:center;position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--green);color:white;font-weight:700;font-size:14px}.reader-guide-figure small{display:block;font-size:14px;line-height:1.6;color:var(--muted)}
.prose .reader-guide-note{padding:22px 24px;margin:26px 0;border:1px solid #e4d3a7;border-radius:16px;background:#fff8e8}.reader-guide-note h3{font-size:20px;margin:0 0 10px}.reader-guide-note p{font-size:17px;line-height:1.7;margin:0}
:is(.postid-6,.postid-8,.postid-20,.postid-22,.postid-24,.postid-26,.postid-28,.postid-30) .prose .article-steps{display:block;padding:8px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
:is(.postid-6,.postid-8,.postid-20,.postid-22,.postid-24,.postid-26,.postid-28,.postid-30) .article-steps>li{padding:20px 0 20px 50px;background:none;border:0;border-radius:0;margin:0}
:is(.postid-6,.postid-8,.postid-20,.postid-22,.postid-24,.postid-26,.postid-28,.postid-30) .article-steps>li+li{border-top:1px solid var(--line)}
:is(.postid-6,.postid-8,.postid-20,.postid-22,.postid-24,.postid-26,.postid-28,.postid-30) .article-steps>li::before{left:0;top:21px}
@media(max-width:650px){.reader-guide-figure figcaption{padding:18px}.reader-guide-figure figcaption>strong{font-size:19px}.prose .reader-guide-note{padding:18px}.reader-guide-section>h3{font-size:20px}:is(.postid-6,.postid-8,.postid-20,.postid-22,.postid-24,.postid-26,.postid-28,.postid-30) .prose .article-steps{padding:4px 18px}:is(.postid-6,.postid-8,.postid-20,.postid-22,.postid-24,.postid-26,.postid-28,.postid-30) .article-steps>li{padding-left:44px}}