.blog-share-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.55rem .85rem;border:1px solid #cbd8d0;border-radius:999px;background:#fff;color:#185c35;font:inherit;font-size:.9rem;font-weight:750;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 2px 6px rgba(18,35,26,.06)}
.blog-share-button:hover,.blog-share-button:focus-visible{border-color:#157347;background:#eaf8ef;color:#104c2b;outline:2px solid #157347;outline-offset:2px}
.blog-share-button>.bi{font-size:1rem}
.course-catalogue-actions{display:flex;align-items:center;gap:.75rem}
.course-catalogue-actions>p{margin:0;color:#667085}
.blog-article-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.course-dropdown-share{border:1px solid var(--course-line,#dfe4eb);background:var(--course-tint,#f8fafc);color:var(--course-accent,#344054);cursor:pointer}
.course-dropdown-share:hover,.course-dropdown-share:focus-visible{background:var(--course-accent,#344054);color:#fff;outline:2px solid var(--course-accent,#344054);outline-offset:2px}
@media(max-width:600px){.course-catalogue-heading{align-items:flex-start;flex-direction:column}.course-catalogue-actions{width:100%;justify-content:space-between}.blog-article-meta{align-items:flex-start}}

/* Keep course controls visible while browsing and keep the count/share on opposite ends. */
.course-catalogue-heading{position:sticky;top:var(--gu-nav-height,60px);z-index:25;padding:.55rem 0 .65rem;background:#f7f8fa;box-shadow:0 7px 12px -12px rgba(16,24,40,.35)}
.course-catalogue-count{margin:0;color:#667085}
.course-catalogue-share{justify-self:end}
.blog-article-toolbar{position:sticky;top:var(--gu-nav-height,60px);z-index:25;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:52px;margin:0 -.25rem;padding:.35rem .25rem;background:#f7f8fa;box-shadow:0 7px 12px -12px rgba(16,24,40,.35)}
.blog-article-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.blog-article-toolbar .blog-back{display:inline-flex;align-items:center;gap:.35rem;min-height:40px}
.blog-article-toolbar .blog-share-button{flex:0 0 auto}
@media(max-width:600px){
 .course-catalogue-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title" "count share";align-items:center;gap:.45rem .6rem}
 .course-catalogue-heading h2{grid-area:title;font-size:1.3rem}
 .course-catalogue-count{grid-area:count}
 .course-catalogue-share{grid-area:share}
 .blog-article-toolbar{margin-inline:-.25rem}
 .blog-article-meta{align-items:flex-start}
}

/* The share control stays aligned with the expand chevron without a floating circle. */
.blog-course-dropdown>summary .course-dropdown-share{position:static;display:grid;place-items:center;flex:0 0 2rem;width:2rem;height:2.5rem;padding:0;transform:none;border:0;border-radius:8px;background:transparent;color:var(--course-accent,#344054);font-size:1.1rem}
.blog-course-dropdown>summary{padding-right:1.25rem}
.blog-course-dropdown>summary .course-dropdown-share:hover,.blog-course-dropdown>summary .course-dropdown-share:focus-visible{background:var(--course-tint,#f8fafc);color:var(--course-accent,#344054);outline:2px solid var(--course-line,var(--course-accent,#344054));outline-offset:1px}
.blog-course-dropdown>summary .course-dropdown-chevron{flex:0 0 auto;margin-left:.1rem}
@media(max-width:600px){.blog-course-dropdown>summary .course-dropdown-share{flex-basis:2rem;width:2rem;height:2.4rem}.blog-course-dropdown>summary{gap:.65rem;padding:.9rem .75rem}}