*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:#202329;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header{border-bottom:1px solid #e6e7e9}.header-inner,main,footer>div{max-width:1024px;margin:0 auto;padding-left:32px;padding-right:32px}.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:17px;font-weight:600;letter-spacing:-.4px}nav{display:flex;align-items:center;gap:28px}nav a{color:#666c75;font-size:13px}nav a[aria-current]{color:#242831}nav a:hover{color:#17191f}.intro{padding:47px 0 36px;max-width:680px}h1{font-size:30px;font-weight:600;line-height:1.25;letter-spacing:-.9px;margin:0 0 12px}.intro p{color:#626873;font-size:15px;margin:0 0 21px;max-width:580px}.button,summary{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid #d9dce1;border-radius:8px;padding:9px 14px;font:500 13px/1.4 Arial,Helvetica,sans-serif;background:#fff;color:#303641;cursor:pointer}.primary{background:#303946;color:#fff;border-color:#303946}.primary:hover{background:#242b35}.section-heading{display:flex;align-items:center;gap:12px;margin:0 0 15px}h2{font-size:17px;letter-spacing:-.3px;font-weight:600;margin:0}.section-heading>span{font-size:12px;color:#858a92}.catalog{border:1px solid #e2e4e8;border-radius:10px;overflow:hidden}.course{position:relative;padding:23px 22px;border-bottom:1px solid #e6e7e9}.course:last-child{border-bottom:0}.course-row{display:flex;gap:20px;padding-right:150px;min-height:90px;align-items:center}.cover{width:80px;height:90px;flex-shrink:0;border:1px solid #e0e3e8;border-radius:8px;background:#f6f7f9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#505b6a}.cover>span{font:25px/1.1 monospace}.cover small{font:8px monospace;letter-spacing:1px;color:#838c97}h3{font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.2px;margin:0 0 7px}.course-info p{font-size:13px;line-height:1.55;color:#6b7079;margin:0 0 10px;max-width:550px}.metadata{display:flex;align-items:center;gap:14px;font-size:11px;color:#747b85}.metadata span+span{border-left:1px solid #d9dde3;padding-left:14px}summary{position:absolute;right:22px;top:47px;list-style:none;user-select:none}summary::-webkit-details-marker{display:none}summary:hover{background:#f7f8fa;border-color:#b8bec8}summary span{font-size:14px;color:#7c8490}details[open] summary{background:#f4f5f7}details[open] summary span{transform:rotate(90deg)}.course-detail{margin:22px 0 0 100px;border-top:1px solid #e6e7e9;padding-top:17px;max-width:670px}.course-detail h4{font-size:13px;margin:0 0 8px}.course-detail p{font-size:13px;color:#626873;margin:0 0 10px}.access{padding:34px 0 38px;max-width:700px}.access p{margin:12px 0 20px;line-height:1.8;color:#626873}.button:disabled{color:#8a9098;background:#f8f9fa;border-color:#e3e5e8;cursor:not-allowed}.access .muted{font-size:12px;color:#858b94;margin:10px 0 0}footer{border-top:1px solid #e6e7e9}footer>div{display:flex;align-items:center;gap:20px;min-height:72px}footer .brand{font-size:13px}footer span+span{font-size:12px;color:#858b94}.skip{position:absolute;top:-60px;padding:10px;background:white;z-index:10}.skip:focus{top:0}:focus-visible{outline:2px solid #5b6b82;outline-offset:4px}@media(max-width:650px){.header-inner,main,footer>div{padding-left:20px;padding-right:20px}.header-inner{height:60px}nav{gap:22px}.intro{padding:32px 0}h1{font-size:25px;letter-spacing:-.6px}.intro p{font-size:14px}.course{padding:19px 16px}.course-row{padding:0;gap:14px;align-items:flex-start}.cover{width:56px;height:68px}.cover>span{font-size:20px}.cover small{font-size:7px}h3{font-size:15px}.course-info p{font-size:12px}.metadata{font-size:10px;gap:10px}.metadata span+span{padding-left:10px}summary{position:static;margin:15px 0 0 70px;font-size:12px;padding:8px 12px}.course-detail{margin-left:0;padding-top:14px}.access{padding:29px 0 32px}.access p{font-size:13px}footer>div{min-height:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}