.roundabout-promo{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#eaf2df;border:1px solid #d9e4ca;border-radius:13px;padding:21px 24px;margin:24px 0}.roundabout-promo strong{font-size:16px;color:#355b37}.roundabout-promo p{font-size:12px;margin:7px 0 0;max-width:580px}.roundabout-promo .btn{flex-shrink:0}.roundabout-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px;background:#184a37;border:1px solid #386344;border-radius:17px;margin:23px 0 28px}.roundabout-hero h2{color:#fff;font-size:31px;line-height:1.25;letter-spacing:-.8px;margin:17px 0}.roundabout-hero p{color:#c4d5b6;font-size:13px;max-width:560px}.roundabout-hero>svg{color:#d8ecaa;margin-right:35px;flex-shrink:0}.roundabout-hero .progress{max-width:400px;background:#4b6d4c;margin-top:23px;height:7px}.roundabout-hero .progress i{background:#d9f091}.roundabout-hero>div>span:last-child{font-size:11px;color:#b9cda8}.roundabout-card h2{font-size:18px;margin:17px 0 9px}.roundabout-card .module-kicker{margin-bottom:17px;font-size:8px}.roundabout-card p{font-size:12px}.roundabout-card-status{display:block;font-size:10px;line-height:1.7;color:#8b9b7a;margin-top:auto;margin-bottom:20px}.roundabout-card>.btn{width:100%;justify-content:space-between;margin:0}.roundabout-note h2{font-size:21px}.roundabout-note p{font-size:13px}.roundabout-lesson{max-width:900px}.roundabout-lesson>h1{margin-top:14px}.roundabout-diagram{margin:25px 0}.roundabout-diagram svg{display:block;width:100%;height:auto;border:1px solid #e2e9d9;border-radius:14px}.roundabout-diagram figcaption{font-size:11px;color:#7d9270;line-height:1.8;margin-top:12px}.roundabout-diagram figcaption strong{display:block;color:#46683e}.roundabout-lesson .step h2{font-size:19px;margin:10px 0}.roundabout-step{font-size:10px;letter-spacing:1.5px;color:#9eb28b}.roundabout-lesson .step p{margin:9px 0 2px;line-height:1.9}.roundabout-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:25px 0}.roundabout-actions .btn{margin:0}.roundabout-sources{border-top:1px solid #e3ebda;padding-top:20px;margin-top:30px;color:#7c9170;font-size:12px;line-height:1.9}.roundabout-sources summary{cursor:pointer;color:#537746;min-height:40px}.roundabout-sources p,.roundabout-sources a{font-size:11px}.roundabout-quiz h1{font-size:25px;line-height:1.45;letter-spacing:-.6px;margin-top:24px}.roundabout-quiz .feedback p{font-size:14px;margin-bottom:0}.roundabout-quiz .progress{margin:23px 0}.roundabout-actions+.step{margin-top:20px}
@media(max-width:820px){.roundabout-promo{padding:21px;align-items:flex-start}.roundabout-promo .btn{min-height:48px;font-size:12px}.roundabout-hero{padding:27px}.roundabout-hero h2{font-size:28px}.roundabout-hero>svg{width:60px;height:60px;margin-right:8px}.roundabout-card h2{font-size:18px}.roundabout-card-status{font-size:11px}.roundabout-diagram figcaption{font-size:11px}.roundabout-lesson .step h2{font-size:20px}.roundabout-quiz h1{font-size:23px}.roundabout-sources summary{min-height:44px}.roundabout-sources p,.roundabout-sources a{font-size:12px}}
@media(max-width:560px){.roundabout-promo{flex-direction:column;gap:18px;padding:21px}.roundabout-promo .btn{width:100%;font-size:13px}.roundabout-hero{padding:25px;gap:10px}.roundabout-hero h2{font-size:28px}.roundabout-hero>svg{display:none}.roundabout-hero p{font-size:13px}.roundabout-grid{grid-template-columns:1fr}.roundabout-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px}.roundabout-actions .btn{width:100%}.roundabout-actions .link{justify-content:center}.roundabout-quiz h1{font-size:23px}.roundabout-diagram{overflow-x:auto}.roundabout-diagram svg{min-width:450px}.roundabout-diagram figcaption{min-width:0}.roundabout-lesson .step p{font-size:14px}.roundabout-hero .tag{font-size:8px;letter-spacing:1.3px}}
.roundabout-diagram{max-width:100%}.roundabout-card{min-width:0}.roundabout-card .module-kicker{line-height:1.7}