*{box-sizing:border-box}.courseCatalog{color:#153f35;background:#edf3ef;min-height:100vh;padding:clamp(20px,4vw,52px);font:16px/1.5 Arial,sans-serif}.courseCatalog>header{grid-template-columns:auto 1fr;align-items:start;gap:28px;max-width:1200px;margin:auto;display:grid}.courseCatalog>header>a{color:#153f35;font-weight:900;text-decoration:none}.courseCatalog small{color:#8a6812;letter-spacing:.1em;font-size:12px;font-weight:900}.courseCatalog h1{margin:7px 0;font:clamp(42px,7vw,76px)/1 Georgia,serif}.courseCatalog>header p{max-width:760px;font-size:18px}.levelPicker{grid-template-columns:repeat(5,1fr);gap:10px;max-width:1200px;margin:32px auto;display:grid}.levelPicker button{color:#153f35;text-align:left;background:#fff;border:1px solid #b9cbc2;border-radius:18px;gap:7px;min-height:142px;padding:16px;display:grid}.levelPicker b{font-size:17px}.levelPicker span{color:#5e716a;font-size:13px}.levelPicker button.active{background:#f2ecff;border:3px solid #5d3b96}.catalogControls{color:#fff;background:#153f35;border-radius:22px;justify-content:space-between;align-items:end;gap:24px;max-width:1200px;margin:auto;padding:24px;display:flex}.catalogControls h2{margin:4px 0;font:38px Georgia,serif}.catalogControls p{max-width:620px;margin:0}.cycleSwitch{gap:8px;display:flex}.cycleSwitch button{color:#fff;background:0 0;border:1px solid #fff5;border-radius:11px;padding:12px 14px;font-weight:900}.cycleSwitch button.active{color:#153f35;background:#efc64b;border-color:#efc64b}.courseGrid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1200px;margin:20px auto;display:grid}.courseGrid article{background:#fff;border:1px solid #c8d7cf;border-radius:20px;grid-template-rows:auto auto 1fr auto;padding:20px;display:grid}.courseGrid article>header{justify-content:space-between;gap:8px;display:flex}.courseGrid article>header span{color:#5d3b96;font-weight:900}.courseGrid h3{font:27px/1.1 Georgia,serif}.guideBadge{background:#f4efff;border-radius:11px;align-items:center;gap:9px;padding:10px;display:flex}.guideBadge>span{color:#fff;background:#5d3b96;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.guideBadge p{color:#61756f;margin:0;font-size:12px;display:grid}.guideBadge b{color:#5d3b96}.courseGrid ol{padding-left:22px}.courseGrid li{margin:9px 0}.startingPoint{color:#536b62;background:#eef6f2;border-radius:10px;padding:11px;font-size:13px}.startingPoint b{color:#153f35}.courseGrid footer{border-top:1px solid #d6e0da;gap:7px;padding-top:14px;display:grid}.courseGrid footer a{color:#fff;text-align:center;background:#5d3b96;border-radius:10px;padding:11px;font-weight:900;text-decoration:none}.courseGrid footer span{color:#687a73;text-align:center;font-size:12px}.catalogRule{background:#fff7d9;border-left:6px solid #efc64b;border-radius:14px;gap:5px;max-width:1200px;margin:20px auto 0;padding:20px;display:grid}.catalogRule b{font-size:18px}.readinessCheck,.resourceShelf{background:#fff;border-radius:22px;max-width:1200px;margin:20px auto;padding:24px}.readinessCheck>div:first-child{max-width:760px}.readinessCheck h2,.resourceShelf h2{margin:5px 0;font:34px Georgia,serif}.readinessCheck>div:last-child{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.readinessCheck button{color:#153f35;text-align:left;background:#f8faf9;border:1px solid #c8d7cf;border-radius:13px;gap:5px;padding:15px;display:grid}.readinessCheck button span{color:#61756f;font-size:13px}.readinessCheck button.active{background:#fff8dd;border:3px solid #efc64b}.resourceShelf{color:#fff;background:#153f35;margin-top:20px}.resourceShelf>div:first-child{max-width:820px}.resourceShelf>div:nth-child(2){grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;display:grid}.resourceShelf article{background:#ffffff0d;border:1px solid #ffffff2b;border-radius:14px;gap:5px;padding:16px;display:grid}.resourceShelf article b{color:#efc64b}.resourceShelf article span{font-size:13px}.resourceShelf>a{color:#153f35;background:#efc64b;border-radius:10px;padding:12px 16px;font-weight:900;text-decoration:none;display:inline-block}@media (max-width:950px){.levelPicker,.courseGrid{grid-template-columns:repeat(2,1fr)}.catalogControls{display:grid}.resourceShelf>div:nth-child(2){grid-template-columns:1fr 1fr}}@media (max-width:620px){.courseCatalog>header,.levelPicker,.courseGrid{grid-template-columns:1fr}.cycleSwitch{display:grid}.courseCatalog h1{font-size:44px}.readinessCheck>div:last-child,.resourceShelf>div:nth-child(2){grid-template-columns:1fr}}