.blog-catalogue-search{display:flex;gap:.75rem;margin:1.25rem 0 2rem}.blog-catalogue-search .blog-search{flex:1}.blog-catalogue-search input{width:100%;min-height:52px;padding:.8rem 1rem .8rem 2.8rem;border:1px solid #cfd6df;border-radius:14px;background:#fff}.blog-catalogue-search button{border:1px solid #cfd6df;border-radius:12px;background:#fff;padding:0 1.25rem;font-weight:750}.course-catalogue-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.course-catalogue-heading h2{margin:0;font-weight:900;letter-spacing:-.03em}.course-catalogue-heading p{margin:0;color:#667085}.blog-course-catalogue{display:grid;gap:.85rem}.blog-course-dropdown{overflow:hidden;border:1px solid #dfe4eb;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(16,24,40,.04)}.blog-course-dropdown>summary{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;cursor:pointer;list-style:none}.blog-course-dropdown>summary::-webkit-details-marker{display:none}.blog-course-dropdown>summary:hover{background:#f8fafc}.course-dropdown-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#eef2ff;color:#3730a3;font-size:1.25rem}.course-dropdown-copy{display:flex;min-width:0;flex:1;flex-direction:column}.course-dropdown-copy strong{font-size:1.08rem;color:#111827}.course-dropdown-copy small{color:#667085}.course-dropdown-chevron{transition:transform .2s}.blog-course-dropdown[open] .course-dropdown-chevron{transform:rotate(180deg)}.course-dropdown-parts{display:grid;gap:.6rem;margin:0;padding:0 1.25rem 1.25rem;list-style:none}.course-dropdown-parts li a{display:flex;align-items:center;gap:.9rem;padding:.9rem;border-radius:12px;background:#f5f7fa;color:#111827;text-decoration:none}.course-dropdown-parts li a:hover{background:#eaf0ff}.course-part-copy{display:flex;min-width:0;flex:1;flex-direction:column}.course-part-copy small{display:-webkit-box;overflow:hidden;color:#667085;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-part-action{white-space:nowrap;font-weight:800;color:#172554}@media(max-width:600px){.blog-catalogue-search{align-items:stretch;flex-direction:column}.blog-catalogue-search button{min-height:46px}.blog-course-dropdown>summary{padding:1rem}.course-dropdown-parts{padding:0 .75rem .75rem}.course-part-action{font-size:0}.course-part-action i{font-size:1rem}}

/* Search suggestions keep the full catalogue stable and take users to a match. */
.blog-catalogue-search{margin-bottom:.75rem}
.course-search-results{margin:0 0 2rem;padding:.75rem;border:1px solid #d7ddea;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.course-search-results-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.15rem .25rem .65rem;color:#475467;font-size:.82rem}
.course-search-results-head>button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#f2f4f7;color:#344054}
.course-search-results-list{display:grid;gap:.45rem}
.course-search-result{display:flex;align-items:stretch;overflow:hidden;border:1px solid #e1e6ef;border-radius:11px;background:#f8fafc}
.course-search-result-link{display:flex;min-width:0;flex:1;align-items:center;gap:.75rem;padding:.65rem .75rem;border:0;background:transparent;color:#172554;text-align:left;font-weight:800}
.course-search-result-link:hover{background:#eef2ff}
.course-search-result-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#e0e7ff;color:#3730a3}
.course-search-result-remove{width:42px;flex:0 0 42px;border:0;border-left:1px solid #e1e6ef;background:#fff;color:#667085}
.course-search-result-remove:hover,.course-search-results-head>button:hover{background:#feecec;color:#b42318}
.course-search-results-empty{margin:0;padding:.75rem;color:#667085;text-align:center}
.blog-course-dropdown{scroll-margin-top:90px}
.course-catalogue-ad,.course-parts-ad{display:flex;justify-content:center;padding:.5rem 0}
.course-parts-ad{margin:.15rem 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}
.blog-catalogue-ad-frame{display:block;width:min(340px,100%);height:88px;border:1px solid #e0e5ec;border-radius:14px;background:#fff}
@media(min-width:768px){.blog-catalogue-ad-frame{height:288px}}
@media(max-width:600px){.course-search-results{padding:.6rem}.course-search-result-link{font-size:.88rem}}

/* Color accents vary by course while staying stable between visits. */
.blog-course-dropdown{position:relative;border-color:var(--course-line,#dfe4eb);border-left:5px solid var(--course-accent,#dfe4eb);background:linear-gradient(105deg,var(--course-tint,#fff),#fff 58%)}
.blog-course-dropdown>summary{padding-right:5.5rem}
.blog-course-dropdown>summary{position:relative}
.blog-course-dropdown>summary:hover{background:var(--course-tint,#f8fafc)}
.course-dropdown-icon{background:var(--course-tint,#eef2ff);color:var(--course-accent,#3730a3)}
.course-dropdown-chevron{flex:0 0 auto;color:var(--course-accent,#344054)}
.course-dropdown-share{position:absolute;top:50%;right:3rem;z-index:2;display:grid;place-items:center;width:38px;height:38px;transform:translateY(-50%);border:1px solid var(--course-line,#dfe4eb);border-radius:50%;background:var(--course-tint,#f8fafc);color:var(--course-accent,#344054)}
.blog-course-dropdown>summary .course-dropdown-share{position:static;top:auto;right:auto;z-index:auto;flex:0 0 36px;width:36px;height:36px;transform:none;}
.course-dropdown-share:hover,.course-dropdown-share:focus-visible{background:var(--course-accent);color:#fff;outline:2px solid var(--course-accent);outline-offset:2px}
.course-dropdown-parts li a:hover{background:var(--course-tint,#eaf0ff)}
.course-part-action{color:var(--course-accent,#172554)}
@media(max-width:600px){.blog-course-dropdown>summary{padding:1rem}.blog-course-dropdown>summary .course-dropdown-share{flex-basis:34px;width:34px;height:34px}}