:root{font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#172b4d;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#0067b8}a:focus-visible,button:focus-visible{outline:3px solid #0067b8;outline-offset:5px}.skip{position:fixed;top:-90px;left:20px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}main{max-width:1200px;margin:auto;padding:38px 32px 24px}.breadcrumb{display:flex;gap:12px;color:#5d6b7a;font-size:13px;margin:0 0 26px}.breadcrumb a{text-decoration:none;color:inherit}h1{font-size:clamp(28px,3.3vw,42px);line-height:1.25;letter-spacing:-1px;margin:0 0 18px;font-weight:650}.lead{font-size:17px;color:#5d6b7a;line-height:1.8;margin:0;max-width:680px}.intro{margin-bottom:36px}.course{display:grid;grid-template-columns:1.08fr 1fr;background:#fff;border:1px solid #dfe5ec;border-radius:12px;overflow:hidden}.preview{display:flex;flex-direction:column;align-self:stretch;background:#e4e9ee;padding:24px;justify-content:center;border-right:1px solid #dfe5ec;min-width:0}.preview-toolbar,.preview-bottom{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#526273;background:#fff;padding:12px 14px}.preview-toolbar{border-radius:5px 5px 0 0}.preview-name{color:#0067b8;font-weight:600}.preview-toolbar b{background:#edf3f8;padding:2px 5px;font-weight:500}.preview-bottom{border-radius:0 0 5px 5px}.preview-canvas{position:relative;line-height:0}.preview-canvas img{width:100%;height:auto;display:block}.preview-box{position:absolute;left:22.6%;top:2.5%;width:42.6%;height:89%;border:2px solid #3bd4af;box-shadow:0 0 0 1px #103c4944}.preview-box>span{position:absolute;top:0;left:0;background:#3bd4af;color:#083c39;padding:5px;font:600 11px/1 "Segoe UI",sans-serif}.course-copy{padding:34px 36px}.course-type{font-size:13px;font-weight:600;color:#0067b8;margin:0 0 12px}.course h2{font-size:28px;line-height:1.3;margin:0 0 16px;letter-spacing:-.5px}.description{font-size:15px;line-height:1.8;color:#5d6b7a;margin:0 0 20px}.skills{padding-left:19px;margin:0 0 26px;font-size:14px;line-height:2;color:#34465f}.course-action{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.start{display:inline-flex;align-items:center;gap:32px;background:#0067b8;border-radius:5px;padding:13px 20px;color:#fff;font-size:15px;font-weight:600;text-decoration:none;min-height:48px}.start:hover{background:#00569b}.new-tab{font-size:12px;color:#5d6b7a}.scope{font-size:12px;line-height:1.8;color:#667587;margin:20px 0 0;max-width:420px}.practice-notes{padding:38px 0 34px}.practice-notes h2{font-size:18px;margin:0 0 22px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.notes-grid>div+div{border-left:1px solid #dfe5ec;padding-left:28px}.notes-grid h3{font-size:15px;margin:0 0 8px}.notes-grid p{font-size:14px;line-height:1.7;color:#5d6b7a;margin:0}footer{display:flex;justify-content:space-between;border-top:1px solid #dfe5ec;padding-top:20px;color:#667587;font-size:13px}footer a{text-decoration:none}@media(max-width:800px){.course{grid-template-columns:1fr}.preview{border-right:0;border-bottom:1px solid #dfe5ec;padding:24px 40px}.course-copy{padding:28px}.notes-grid{gap:18px}.notes-grid>div+div{padding-left:18px}}@media(max-width:480px){main{padding:26px 18px}.intro{margin-bottom:24px}.lead{font-size:15px}.course-copy{padding:24px}.preview{padding:18px}.course h2{font-size:25px}.notes-grid{grid-template-columns:1fr;gap:20px}.notes-grid>div+div{border-left:0;padding-left:0}.scope{font-size:12px}.course-action{gap:12px}.practice-notes{padding:30px 0}footer{gap:20px}}

/* The course card and its primary action share one accessible destination. */
.course{position:relative}.start::after{content:'';position:absolute;inset:0}.course:focus-within{outline:3px solid #0067b8;outline-offset:4px}

/* Course logistics follow the primary practice action without crowding it. */
.course-guide{padding:28px 0 0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.guide-grid h3{font-size:15px;margin:0 0 10px}.guide-grid p{font-size:14px;line-height:1.7;color:#526273;margin:0;max-width:70ch}.course-guide .scope{max-width:90ch;font-size:13px;line-height:1.7;color:#526273;border-top:1px solid #dfe5ec;padding-top:20px}.practice-notes{padding-top:28px}@media(max-width:720px){.guide-grid{grid-template-columns:1fr;gap:22px}}