.role-learning{max-width:1320px;margin:22px auto 35px;padding:30px clamp(20px,4vw,48px);border:1px solid #d1e3d5;border-radius:20px;background:linear-gradient(140deg,#f2f8f3,#fff 65%);box-shadow:0 14px 38px rgba(0,77,72,.05)}
.role-learning-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:22px}
.role-learning-head h2{margin:4px 0 8px;color:#004c48;font-size:clamp(26px,2.8vw,36px);line-height:1.35}
.role-learning-head p{max-width:710px;margin:0;color:#4d6759;font-size:14px;line-height:1.8}
.role-learning-head label{display:grid;gap:7px;min-width:265px;color:#366554;font-size:13px;font-weight:800}
.role-learning-head select{width:100%;min-height:48px;padding:8px 12px;border:1px solid #9fc4ac;border-radius:10px;color:#004c48;background:#fff;font:inherit;font-size:14px}
.role-learning-head select:focus-visible,.role-learning a:focus-visible{outline:3px solid #a98445;outline-offset:3px}
.role-learning-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 21px;border-radius:13px;color:#fff;background:#006d67}
.role-learning-summary span{font-size:12px;color:#e3f1e9}.role-learning-summary h3{margin:2px 0 0;font-size:24px;line-height:1.4}.role-learning-summary p{max-width:680px;margin:0;color:#eaf4ee;font-size:13px;line-height:1.8}
.role-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;padding:0;list-style:none;counter-reset:none}
.role-reading-grid li{padding:19px;border:1px solid #d6e5da;border-radius:12px;background:#fff}
.role-reading-grid li>span{color:#876530;font-size:12px;font-weight:800}.role-reading-grid h4{margin:7px 0 5px;color:#005e58;font-size:18px}.role-reading-grid p{min-height:50px;margin:0;color:#4e6658;font-size:13px;line-height:1.7}.role-reading-grid a,.role-learning-practice a{display:inline-flex;align-items:center;min-height:40px;margin-top:12px;padding:7px 11px;border:1px solid #b5d4bf;border-radius:8px;color:#005e58;background:#f6faf7;text-decoration:none;font-size:13px;font-weight:800}
.role-learning-practice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-learning-practice>div{padding:17px;border:1px solid #e1dfd1;border-radius:11px;background:#fffdf8}.role-learning-practice h4{margin:0 0 4px;color:#705323;font-size:17px}.role-learning-practice a{display:flex;margin-top:8px;border-color:#e1decf;background:#fff}.role-learning-error{padding:16px;border:1px dashed #c6d9cb;border-radius:10px;color:#4d6658}
@media(max-width:800px){.role-learning{margin:16px 18px 24px;padding:20px}.role-learning-head,.role-learning-summary{display:block}.role-learning-head label{margin-top:18px;min-width:0}.role-learning-summary p{margin-top:10px}.role-reading-grid{grid-template-columns:1fr}.role-reading-grid p{min-height:0}.role-learning-practice{grid-template-columns:1fr}}