/* Complete AI offering: resources, open-source projects, and a beginner course. */
.bl-card{--bl-ink:#1d2a5f;--bl-muted:#65728a;--bl-rule:#dce3ed;isolation:isolate}.bl-card *{box-sizing:border-box}.bl-card .bl-content{padding:24px 24px 78px}.bl-card .bl-label{font-size:10px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;font-weight:400;color:var(--bl-muted);margin:0}.bl-card .bl-title{color:var(--bl-ink);font-size:30px;line-height:1.02;letter-spacing:-.045em;font-weight:600;margin:15px 0 13px;text-wrap:balance}.bl-card .bl-intro{font-size:12px;line-height:1.45;color:var(--bl-muted);margin:0 0 19px;max-width:310px}.bl-card button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.bl-card button:focus-visible,.bl-card a:focus-visible{outline:3px solid #6a8dd8;outline-offset:4px}.bl-card a[aria-disabled="true"]{cursor:default;opacity:.6}.bl-card .bl-cta{position:absolute;left:24px;right:24px;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:13px;border-top:1px solid var(--bl-rule);padding:15px 0 0;color:var(--bl-ink);font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;text-decoration:none}.bl-card .bl-cta>span:last-child,.bl-card .bl-course-primary>span,.bl-card .bl-folder-link>span:last-child{font-size:18px;font-weight:400;line-height:1;flex:none;transition:transform .18s ease}.bl-card .bl-cta:hover>span:last-child,.bl-card .bl-course-primary:hover>span,.bl-card .bl-folder-link:hover>span:last-child{transform:translate(2px,-2px)}
/* A1 — four clear routes, with a real preview for the selected path. */
.bl-library{background:#f1f4f8!important}
.bl-library .bl-library-brand{display:flex;align-items:center;gap:11px;min-height:40px;color:var(--bl-ink)}
.bl-library .bl-library-brand img{display:block;width:40px;height:40px;object-fit:contain;border-radius:9px;flex:none}
.bl-library .bl-library-brand>span{font-size:17px;font-weight:600;line-height:1;letter-spacing:-.035em}
.bl-library .bl-title{font-size:28px;line-height:1.02;margin:14px 0 16px}
.bl-library .bl-library-list{display:flex;flex-direction:column;gap:4px}
.bl-library .bl-library-row{display:flex;align-items:center;gap:10px;width:100%;height:36px;min-height:36px;text-align:left;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#61708a;font-size:12px;line-height:1.2;transition:background .18s,border-color .18s,color .18s}
.bl-library .bl-row-number{flex:none;font-size:8px;letter-spacing:.04em;opacity:.7}
.bl-library .bl-library-row>span:last-child{margin-left:auto;font-size:15px;opacity:.4}
.bl-library .bl-library-row[aria-pressed="true"]{background:#fff;border-color:#dce3ed;color:var(--bl-ink);box-shadow:0 3px 10px #102d5004}
.bl-library .bl-library-row[aria-pressed="true"]>span:last-child{opacity:1}
.bl-library .bl-library-row:hover{color:var(--bl-ink);background:#ffffff80}
.bl-library .bl-library-row[aria-pressed="true"]:hover{background:#fff}
.bl-library .bl-library-preview{position:relative;height:100px;min-height:100px;margin-top:14px;background:#e6ecf5;border-radius:10px;padding:0;overflow:hidden}
.bl-library .bl-preview-label{display:block;font-size:8px;line-height:1.25;letter-spacing:.065em;color:#718099;margin:0 0 8px;text-transform:uppercase}
.bl-library .bl-preview-copy{font-size:11px;line-height:1.4;letter-spacing:-.01em;color:var(--bl-ink);margin:0;max-width:300px}
.bl-library .bl-preview-text{height:100%;padding:13px}
.bl-library .bl-video-preview{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:11px;height:100%;padding:12px;color:var(--bl-ink);text-decoration:none}
.bl-library .bl-video-image{display:block;position:relative;width:76px;height:76px;overflow:hidden;border-radius:5px;background:#d4ddeb}
.bl-library .bl-video-image>img{display:block;width:100%;height:100%;object-fit:cover}
.bl-library .bl-video-image>span{position:absolute;right:5px;bottom:5px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ffffffed;color:#1d2a5f;font-size:7px;padding-left:1px}
.bl-library .bl-video-details{display:block;min-width:0}
.bl-library .bl-video-details .bl-preview-label{margin-bottom:6px;font-size:7px}
.bl-library .bl-video-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:-.015em}
.bl-library .bl-video-action{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:8px;line-height:1.3;color:#667690}
.bl-library .bl-video-preview:hover .bl-video-title{text-decoration:underline;text-underline-offset:3px}
.bl-library .bl-project-highlights{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:7px;height:100%;padding:10px 12px}
.bl-library .bl-project-highlight{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:0;padding:5px 8px;border:1px solid #d4deeb;border-radius:5px;background:#ffffffc9;color:var(--bl-ink);text-decoration:none}
.bl-library .bl-project-highlight>span:first-child{min-width:0}
.bl-library .bl-project-highlight strong{display:block;font-size:11px;font-weight:600;line-height:1.1;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-library .bl-project-highlight>span:first-child>span{display:block;margin-top:2px;font-size:9px;line-height:1.25;color:#697994;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-library .bl-project-highlight>span:last-child{font-size:13px;flex:none}
.bl-library .bl-project-highlight:hover{border-color:#aabbd2;background:#fff}
.bl-library .bl-prompt-preview{display:block;padding:12px;color:var(--bl-ink);text-decoration:none}
.bl-library .bl-prompt-preview .bl-preview-label{margin-bottom:7px}
.bl-library .bl-prompt-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px;color:var(--bl-ink);font-size:13px;font-weight:600;line-height:1.2;letter-spacing:-.015em}
.bl-library .bl-prompt-title>span{font-size:14px;font-weight:400}
.bl-library .bl-prompt-preview .bl-preview-copy{font-size:10.5px;line-height:1.35}
.bl-library .bl-prompt-preview:hover .bl-prompt-title{text-decoration:underline;text-underline-offset:3px}
.bl-library .bl-course-preview{padding:12px}
.bl-library .bl-course-preview .bl-preview-label{font-size:7px;margin-bottom:6px}
.bl-library .bl-course-progression{display:flex;align-items:center;gap:7px;margin:0 0 5px;color:var(--bl-ink);font-size:10px;font-weight:600;line-height:1.3;white-space:nowrap}
.bl-library .bl-course-progression>span{font-size:11px;font-weight:400;color:#8291a8}
.bl-library .bl-course-preview .bl-preview-copy{font-size:10px;line-height:1.35}
.bl-library .bl-link-text{font-size:12px;font-weight:600;line-height:1.3}
.bl-library button:focus-visible,.bl-library a:focus-visible{outline-color:#1d2a5f}
.bl-library .bl-library-preview a:focus-visible{outline-offset:-3px}
/* A2 — the beginner course is the primary route; other resources stay visible. */
.bl-beginner{background:#1d2a5f!important;color:#fff!important}.bl-beginner .bl-content{padding-bottom:23px}.bl-beginner .bl-label{color:#b9c7e2}.bl-beginner .bl-title{color:#fff}.bl-beginner .bl-intro{color:#bcc9e0;margin-bottom:17px}.bl-course-steps{display:flex;flex-direction:column;border-top:1px solid #ffffff24}.bl-course-step{display:flex;align-items:center;gap:13px;width:100%;min-height:36px;padding:8px 0;text-align:left;color:#9dacce;border:0;border-bottom:1px solid #ffffff24;background:transparent;transition:color .18s}.bl-step-number{font-size:8px;line-height:1;letter-spacing:.04em;opacity:.7}.bl-step-name{font-size:17px;line-height:1.1;letter-spacing:-.025em}.bl-step-dot{margin-left:auto;width:5px;height:5px;background:#fff;border-radius:100%;opacity:0;transform:scale(.5);transition:opacity .18s,transform .18s}.bl-course-step[aria-pressed="true"]{color:#fff}.bl-course-step[aria-pressed="true"] .bl-step-dot{opacity:1;transform:none}.bl-course-step:hover{color:#fff}.bl-course-summary{min-height:54px;padding-top:13px}.bl-course-summary p{font-size:11px;line-height:1.45;max-width:300px;color:#c7d3e8;margin:0}.bl-course-primary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:41px;padding:12px 14px;border-radius:7px;background:#fff;color:#1d2a5f!important;text-decoration:none;font-size:12px;font-weight:600;line-height:1.3;margin-top:13px}.bl-course-extras{display:flex;flex-direction:column;gap:12px;border-top:1px solid #ffffff24;padding-top:17px;margin-top:19px}.bl-course-extras>a{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;line-height:1.25;color:#d5dff0!important;text-decoration:none}.bl-course-extras>a:hover{text-decoration:underline;text-underline-offset:4px}.bl-course-extras>a>span{font-size:14px}.bl-beginner button:focus-visible,.bl-beginner a:focus-visible{outline-color:#b9d1ff}
/* A3 — tangible folder tabs make the full offering visible at a glance. */
.bl-toolkit{background:#f3f5f8!important}.bl-toolkit .bl-intro{margin-bottom:24px}.bl-folders{display:flex;flex-direction:column;gap:14px}.bl-folder{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;width:100%;min-height:49px;border:1px solid #d3dce9;border-radius:0 7px 7px 7px;background:#e9eef6;padding:12px 13px;text-align:left;color:#667791;transition:background .18s,border-color .18s,color .18s}.bl-folder:before{content:'';position:absolute;left:-1px;top:-8px;width:63px;height:8px;border:1px solid #d3dce9;border-bottom:0;border-radius:5px 5px 0 0;background:inherit;z-index:-1}.bl-folder:nth-child(2){margin-left:9px;width:calc(100% - 9px);background:#edf1f7}.bl-folder:nth-child(3){margin-left:18px;width:calc(100% - 18px);background:#fff}.bl-folder[aria-pressed="true"]{background:#fff;color:var(--bl-ink);border-color:#8499bc;box-shadow:0 3px 12px #102d5006}.bl-folder[aria-pressed="true"]:before{border-color:#8499bc}.bl-folder:hover{color:var(--bl-ink)}.bl-folder-number{font-size:8px;line-height:1;opacity:.65;flex:none}.bl-folder-title{font-size:12px;line-height:1.2;letter-spacing:-.015em}.bl-folder-sign{font-size:16px;line-height:1;margin-left:auto;flex:none;color:#7d8ba2}.bl-folder-preview{min-height:76px;padding:15px 0 0 1px;margin-top:8px}.bl-folder-copy{font-size:11px;line-height:1.45;max-width:300px;color:#62718a;margin:0 0 9px}.bl-folder-link{display:inline-flex;align-items:center;gap:12px;font-size:10px;font-weight:600;line-height:1.3;text-decoration:none;color:var(--bl-ink)}.bl-folder-link>span:last-child{font-size:13px!important}.bl-toolkit .bl-cta{font-size:12px}
@media(max-width:380px){.bl-card .bl-content{padding-inline:21px}.bl-card .bl-cta{left:21px;right:21px}.bl-card .bl-title{font-size:28px}.bl-card .bl-intro{font-size:11px}.bl-library-row{font-size:11px;padding-inline:10px;gap:8px}.bl-library-preview{padding:14px}.bl-preview-copy{font-size:12px}.bl-course-summary p{font-size:10px}.bl-folder{padding-inline:11px;gap:8px}.bl-folder-title{font-size:11px}}
@media(prefers-reduced-motion:reduce){.bl-card *{transition:none!important}}

.bl-toolkit .bl-content{padding-bottom:74px}