#course-system .reading-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:42px 0 26px;align-items:stretch;font-family:inherit}
.reading-step{position:relative;min-width:0;padding:28px 24px 24px;background:#fffef8;border:1px solid #dbe3d1;border-radius:22px;box-shadow:0 10px 30px #344f3010;color:#27382f}
.reading-step header{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid #dce4d4;padding-bottom:22px}
.reading-index{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;background:#e8efd9;color:#48623c;font-size:16px;font-weight:700}
.reading-step header small{font-size:10px;letter-spacing:.1em;color:#617254;display:block;margin:0 0 9px}
#course-system .reading-step h3{font-family:inherit;font-size:clamp(20px,1.7vw,25px);line-height:1.4;margin:0 0 8px;color:#25362c}
#course-system .reading-step header p{font-size:13px;line-height:1.7;margin:0;color:#63715f}
#course-system .reading-question{font-size:15px;line-height:1.8;font-weight:600;color:#405638;margin:22px 0}
.reading-core,.reading-context{margin:0}.reading-core>div{display:grid;grid-template-columns:95px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid #e9ecdf}.reading-step dt{font-size:14px;font-weight:600;line-height:1.7}.reading-step dd{font-size:13px;line-height:1.8;color:#657061;margin:0}.reading-context>div{margin-bottom:17px}.reading-context dt span{font-size:11px;font-weight:400;color:#7c855f;margin-left:5px}
#course-system .reading-takeaway{font-size:13px;line-height:1.9;margin:20px 0 0;color:#5a6854}
.reading-integration{background:linear-gradient(145deg,#edf2e2,#fcf9e9);border-color:#c8d6b6}.reading-integration .reading-index{background:#456345;color:#fff}.reading-actions{list-style:none;padding:0;margin:0}.reading-actions li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #d7e0ca}.reading-actions b{font-size:13px;flex:0 0 36px;color:#3e5b3c}.reading-actions span{font-size:14px;line-height:1.85;color:#52614d}
.reading-example{padding:25px 28px;border:1px solid #dce3cf;border-radius:16px;background:#f4f2e5}.reading-example>span{font-size:12px;letter-spacing:.08em;color:#687252}.reading-example p{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:2;margin:10px 0 0;color:#57634e}.reading-example b{color:#2d4733;font-weight:600}.reading-example i{font-style:normal;color:#8c9f65;padding:0 3px}
@media(max-width:1000px){#course-system .reading-journey{grid-template-columns:1fr;gap:18px}.reading-step{padding:26px}.reading-core{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.reading-context{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}}
@media(max-width:560px){#course-system .reading-journey{margin-top:28px}.reading-step{padding:23px 19px;border-radius:18px}.reading-core,.reading-context{display:block}.reading-example{padding:21px 19px}.reading-example p{display:block}.reading-example i{padding:0 6px}.reading-step header{gap:12px}}

#course-system .reading-heading-subtitle{margin:20px 0 0;font-family:inherit;font-size:clamp(16px,1.4vw,19px);font-weight:500;line-height:1.8;color:#4b633a;letter-spacing:0}
#course-system .reading-heading-description{align-self:start;padding-top:55px}
@media(max-width:1000px){#course-system .reading-heading-description{padding-top:0}#course-system .reading-heading-subtitle{margin-top:16px}}