.village-lesson{margin:26px 0;padding:clamp(20px,3vw,36px);border:1px solid #3c637c;border-radius:24px;background:linear-gradient(135deg,#102b40,#0a192b);color:#eaf7ff;font-family:system-ui,sans-serif}.village-lesson h2{font-size:clamp(23px,3vw,32px);margin:10px 0 22px;line-height:1.4}.village-lesson h3{font-size:18px;margin:8px 0}.lesson-eyebrow{color:#84e1cf;letter-spacing:.06em;font-size:12px}.lesson-current{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lesson-current>div{padding:15px;background:#16394e;border-radius:14px}.lesson-current small,.lesson-current strong{display:block}.lesson-current strong{font-size:27px;margin-top:7px}.lesson-note{color:#bad0df;font-size:13px;line-height:1.8}.lesson-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;padding:0;margin:24px 0}.lesson-steps li{padding:18px;border-top:3px solid #63cbbb;background:#132f43;border-radius:12px}.lesson-steps p,.lesson-building p{font-size:14px;line-height:1.8}.lesson-buildings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:13px;margin:20px 0}.lesson-building{padding:20px;background:#102638;border:1px solid #36566b;border-radius:18px}.lesson-building small{color:#b9cbd6;font-size:12px}.lesson-icon{font-size:29px}.lesson-good{color:#9ce7ca}.lesson-burden{color:#ffceab}.lesson-bar{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px;margin:14px 0}.lesson-bar meter{grid-column:1/-1;width:100%;height:12px}.lesson-dialogue{border-left:4px solid #79b6ed;padding:16px 20px;background:#17364c;border-radius:12px;line-height:1.8}.village-lesson details{padding:18px 0;line-height:1.8;font-size:13px}.village-lesson summary{cursor:pointer;font-weight:700}.lesson-link{display:inline-block;padding:12px 18px;background:#a3e8da;color:#0b2a32;border-radius:12px;text-decoration:none;font-weight:700}.lesson-link:focus-visible{outline:3px solid white;outline-offset:4px}.village-lesson p{overflow-wrap:anywhere}@media(max-width:900px){.lesson-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.lesson-current{grid-template-columns:repeat(2,1fr)}.lesson-steps{grid-template-columns:1fr}}

.village-lesson{grid-column:1/-1;min-width:0;max-width:100%;box-sizing:border-box}.village-lesson *{box-sizing:border-box}.lesson-current,.lesson-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-current>div,.lesson-steps>li,.lesson-building{min-width:0;overflow-wrap:anywhere}@media(max-width:900px){.lesson-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.lesson-current{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-steps{grid-template-columns:minmax(0,1fr)}}
