/* Reading lesson visuals use the shared Future Learning green palette. */
.reading-detail-wrap{max-width:1168px;padding-top:0}
.reading-map section.reading-feature{margin:0;padding:48px 0}
.reading-feature-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}
.reading-map .reading-feature h2{font-size:clamp(28px,3vw,36px);line-height:1.4;margin:12px 0 18px;letter-spacing:-.035em}
.reading-feature-copy>p:not(.label){font-size:16px;line-height:1.8;color:#5c6b61}
.question-orbit{position:relative;aspect-ratio:1;max-width:500px;width:100%;margin:auto;border-radius:50%;background:radial-gradient(circle,transparent 29%,#d6e3ce 29.4%,transparent 30%,transparent 62%,#d6e3ce 62.4%,transparent 63%)}
.orbit-center{position:absolute;inset:32%;background:#304e3f;color:white;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 16px 32px #243e3112}
.orbit-center span{font-size:12px;color:#d2e2c6;margin-bottom:8px}.orbit-center strong{font-size:clamp(18px,2vw,24px);line-height:1.45}
.question-node{position:absolute;width:27%;height:25%;border:1px solid #cfddc7;border-radius:24px;background:#fbfcf8;color:#304e3f;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;font:inherit;transition:background .15s,transform .15s}
.question-node small{font-size:12px;color:#77886b}.question-node strong{font-size:17px}.question-node[aria-pressed=true]{background:#dcebcf;border:2px solid #628053;transform:translateY(-3px)}
.node-0{top:1%;left:36.5%}.node-1{top:20%;right:1%}.node-2{bottom:20%;right:1%}.node-3{bottom:1%;left:36.5%}.node-4{bottom:20%;left:1%}.node-5{top:20%;left:1%}
.question-example{padding:24px;border-radius:18px;background:#fff;margin-top:22px;min-height:240px;border:1px solid #d7e2d0}.example-tag{font-size:12px;font-weight:700;color:#647d51;letter-spacing:.04em}
.reading-map .question-example h3,.reading-map .area-example h3{font-size:22px;margin:14px 0 10px;line-height:1.45}.question-example p{margin:0;font-size:15px;line-height:1.7;color:#5c6b61}
.question-result{border-top:1px solid #e0e8db;padding-top:14px;margin-top:18px;display:grid;gap:5px}.question-result span{font-size:12px;color:#6c7b62}.question-result strong{font-size:16px}.reading-feature-copy .interaction-hint{font-size:12px!important;margin:10px 0 0}
.writing-path{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #d2deca;padding-top:24px;margin-top:32px}.writing-path span{display:grid;gap:5px;font-size:14px;color:#5c6b61}.writing-path b{font-size:18px;color:#304e3f}.writing-path i{font-style:normal;color:#7a9368;font-size:26px}
.reading-lenses{padding:0;list-style:none;counter-reset:reading;margin:24px 0 0}.reading-lenses li{counter-increment:reading;position:relative;padding:0 0 22px 46px;display:grid;gap:5px}.reading-lenses li:before{content:'0' counter(reading);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#e5eddf;color:#50703f;display:grid;place-items:center;font-size:12px;font-weight:700}.reading-lenses b{font-size:18px}.reading-lenses span{font-size:14px;color:#5c6b61;line-height:1.7}
.reading-area-board{border:1px solid #d7e2d0;border-radius:24px;overflow:hidden;background:#edf3e8}.area-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px}.area-tabs button{font:inherit;font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d7e2d0;border-radius:12px;background:#fbfcf8;color:#456038;cursor:pointer}.area-tabs button span{display:grid;place-items:center;width:30px;height:30px;background:#e5eddf;border-radius:50%;font-size:16px}.area-tabs button[aria-pressed=true]{background:#304e3f;color:#fff}.area-tabs button[aria-pressed=true] span{background:#526e51;color:#fff}.area-example{background:#fff;padding:26px;min-height:280px}.area-example>p{font-size:16px;color:#5c6b61;line-height:1.65}.area-example dl{margin:20px 0 0}.area-example dl div{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:12px 0;border-top:1px solid #e2e9dd;font-size:14px;line-height:1.65}.area-example dt{font-weight:700;color:#4f6e42}.area-example dd{margin:0}
.question-node:focus-visible,.area-tabs button:focus-visible{outline:3px solid #c28b28;outline-offset:3px}
@media(max-width:760px){.reading-feature-grid{grid-template-columns:1fr;gap:24px}.question-orbit{max-width:390px}.question-node strong{font-size:15px}.reading-map section.reading-feature{padding:32px 0}.writing-path{gap:8px;align-items:start}.writing-path span{font-size:12px}.writing-path b{font-size:15px}.writing-path i{font-size:18px}.area-tabs{padding:16px;gap:8px}.area-tabs button{padding:10px 8px;gap:6px}.area-example{padding:22px}.question-example{min-height:0}}