/* Experimental editorial skin. Native blocks retain their editing responsibilities. */
.bmedia-blog-page { --blog-paper:#fff; --blog-ink:#1d1d1b; --blog-muted:#70706b; --blog-line:#e6e6e1; --blog-purple:#9600ff; --blog-pink:#f7b8d1; --blog-lime:#c7f000; --blog-cream:#f5f2e8; }
.bmedia-blog-page .site-shell { background:var(--surface-texture-1) center / cover no-repeat; min-height:100vh; padding:48px 0; }
.bmedia-article { box-sizing:border-box; width:1140px; margin:0 auto; padding:0 0 48px; background:var(--blog-paper); color:var(--blog-ink); overflow-wrap:break-word; }
.bmedia-article *, .bmedia-article *::before, .bmedia-article *::after { box-sizing:border-box; }
/* Scroll reveals use the Web Animations API; content remains visible without JavaScript. */
.bmedia-article > .container { width:740px; max-width:100%; }
.bmedia-article > .container:has(.bmedia-article-heading) { width:100%; padding:0; }
.bmedia-article > .container:has(.bmedia-article-heading) > .row { margin:0; }
.bmedia-article > .container:has(.bmedia-article-heading) > .row > div { padding:0; }
.bmedia-article-heading { margin:0; }
.blog-masthead { display:flex; align-items:center; justify-content:space-between; gap:var(--space-small); padding:26px 48px; border-bottom:1px solid var(--blog-line); }
.blog-wordmark { display:flex; align-items:center; gap:var(--space-xs); font-size:15px; font-weight:700; letter-spacing:-.3px; }
.blog-wordmark-dot { color:var(--blog-purple); font-size:26px; line-height:1; }
.blog-edition { color:var(--blog-muted); font-size:10px; letter-spacing:2px; }
.blog-title-wrap { max-width:760px; margin:auto; padding:70px 30px 64px; text-align:center; }
.bmedia-article .blog-eyebrow { color:var(--blog-purple); font-size:11px; font-weight:700; letter-spacing:1.8px; margin:0 0 22px; }
.bmedia-article h1 { font-size:58px; font-weight:600; line-height:1.06; letter-spacing:-2.2px; margin:0 auto 24px; color:var(--blog-ink); max-width:670px; }
.bmedia-article .bmedia-article-excerpt { max-width:480px; margin:0 auto; font-size:16px; line-height:1.65; color:var(--blog-muted); }
.blog-artwork { height:232px; display:grid; grid-template-columns:1.05fr 1fr 1.3fr 1fr 1.05fr; overflow:hidden; }
.art-tile { position:relative; overflow:hidden; display:grid; place-items:center; }
.art-flower { background:var(--blog-pink); }
.art-flower i { width:170px; height:170px; border-radius:50%; background:var(--blog-purple); clip-path:polygon(50% 0,60% 24%,79% 9%,76% 35%,100% 35%,80% 50%,100% 65%,76% 65%,79% 91%,60% 76%,50% 100%,40% 76%,21% 91%,24% 65%,0 65%,20% 50%,0 35%,24% 35%,21% 9%,40% 24%); }
.art-flower i::after { content:""; position:absolute; width:46px; height:46px; background:var(--blog-cream); border-radius:50%; top:50%; left:50%; translate:-50% -50%; }
.art-stripes { background:repeating-linear-gradient(35deg,var(--blog-lime) 0 27px,var(--blog-ink) 27px 54px); }
.art-orbit { background:var(--blog-cream); }
.art-orbit i { width:210px; height:210px; border-radius:50%; background:repeating-radial-gradient(circle at center,var(--blog-ink) 0 2px,transparent 2px 14px); position:relative; }
.art-orbit i::after { content:""; position:absolute; inset:40px; border-radius:50%; background:var(--blog-purple); }
.art-eye { background:var(--blog-purple); }
.art-eye i { width:155px; height:105px; border-radius:65% 10%; rotate:-35deg; background:var(--blog-cream); display:grid; place-items:center; }
.art-eye i::after { content:""; width:68px; height:68px; border:17px solid var(--blog-lime); border-radius:50%; background:var(--blog-ink); }
.art-spark { background:var(--blog-lime); }
.art-spark i { width:145px; height:145px; background:var(--blog-ink); clip-path:polygon(50% 0,58% 35%,85% 15%,65% 42%,100% 50%,65% 58%,85% 85%,58% 65%,50% 100%,42% 65%,15% 85%,35% 58%,0 50%,35% 42%,15% 15%,42% 35%); }
.bmedia-article-meta { display:flex; flex-wrap:wrap; gap:var(--space-xs); align-items:center; border-bottom:1px solid var(--blog-line); padding:28px 0; margin:0 0 38px; color:var(--blog-muted); font-size:12px; }
.bmedia-article-author { font-weight:600; color:var(--blog-ink); }
.bmedia-article-category { border:1px solid var(--blog-line); border-radius:20px; padding:4px 10px; }
.bmedia-article p { font-size:18px; line-height:1.8; margin:0 0 24px; }
.bmedia-article h2 { font-size:32px; font-weight:600; line-height:1.2; letter-spacing:-.7px; margin:42px 0 20px; color:var(--blog-ink); }
.bmedia-article h3 { font-size:23px; line-height:1.25; }
.bmedia-article blockquote { margin:34px 0; padding:28px 30px; border:0; border-left:3px solid var(--blog-purple); background:var(--blog-cream); color:var(--blog-ink); }
.bmedia-article blockquote p { font-size:25px; line-height:1.45; letter-spacing:-.3px; margin:0; }
.bmedia-article img { max-width:100%; height:auto; }
.bmedia-article-share { padding:26px 0 28px; margin:30px 0 20px; border-top:1px solid var(--blog-line); }
.bmedia-article-actions { display:flex; flex-wrap:wrap; gap:var(--space-xs); }
.bmedia-article .bmedia-article-actions > button, .bmedia-article .bmedia-article-actions > a { min-height:48px; min-width:0; padding:11px 18px; border:1px solid var(--blog-line); border-radius:30px; background:var(--blog-paper); color:var(--blog-ink); font-size:12px; font-weight:500; display:inline-flex; align-items:center; justify-content:center; white-space:normal; box-shadow:none; }
.bmedia-article .bmedia-article-actions > [data-native-share] { background:var(--blog-ink); border-color:var(--blog-ink); color:#fff; }
.bmedia-article [data-share-status] { font-size:12px; margin:10px 0 0; }
.bmedia-article > .container:has(.bmedia-article-invitation) { width:calc(100% - 96px); }
.bmedia-article-invitation { position:relative; overflow:hidden; background:var(--blog-ink); padding:44px 48px; margin:12px 0 0; color:#fff; }
.bmedia-article-invitation::after { content:""; position:absolute; right:32px; top:22px; width:72px; height:72px; background:var(--blog-lime); clip-path:polygon(50% 0,60% 32%,85% 15%,68% 40%,100% 50%,68% 60%,85% 85%,60% 68%,50% 100%,40% 68%,15% 85%,32% 60%,0 50%,32% 40%,15% 15%,40% 32%); }
.bmedia-article .bmedia-article-invitation h2 { color:#fff; font-size:34px; max-width:540px; margin:0 90px 16px 0; }
.bmedia-article .bmedia-article-invitation p { color:#c8c8c4; font-size:15px; max-width:490px; margin-bottom:24px; }
.bmedia-article .bmedia-article-invitation .btn { min-height:48px; border-radius:30px; background:var(--blog-lime); color:var(--blog-ink); border:0; padding:14px 25px; font-size:13px; font-weight:600; white-space:normal; max-width:100%; }
.bmedia-article-related { margin:40px 0 0; }
.bmedia-article-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-small); }
.bmedia-article-card { min-width:0; }
.bmedia-article [hidden] { display:none!important; }
.bmedia-article input[readonly] { width:100%; }
.bmedia-article a:focus-visible, .bmedia-article button:focus-visible, .bmedia-article input:focus-visible { outline:3px solid var(--blog-purple); outline-offset:4px; }
@media(min-width:1600px) { .bmedia-article { width:1280px; } .blog-artwork { height:260px; } }
@media(max-width:1399px) and (min-width:992px) { .bmedia-article { width:960px; } }
@media(max-width:991px) and (min-width:768px) { .bmedia-article { width:728px; } .bmedia-article > .container { width:620px; } .blog-title-wrap { padding:54px 36px; } .blog-artwork { height:176px; } .art-flower i { width:126px; height:126px; } .art-orbit i { width:154px; height:154px; } .art-eye i { width:116px; height:80px; } .art-spark i { width:110px; height:110px; } .bmedia-article > .container:has(.bmedia-article-invitation) { width:calc(100% - 56px); } }
@media(max-width:767px) { .bmedia-blog-page .site-shell { padding:16px 0; } .bmedia-article { width:calc(100% - 24px); padding-bottom:20px; } .bmedia-article > .container { width:100%; padding-inline:24px; } .blog-masthead { padding:22px 24px; gap:var(--space-xs); } .blog-wordmark { font-size:12px; gap:var(--space-xs); } .blog-edition { font-size:8px; letter-spacing:1.2px; } .blog-title-wrap { padding:46px 22px 42px; } .bmedia-article h1 { font-size:39px; letter-spacing:-1.4px; line-height:1.08; } .bmedia-article .blog-eyebrow { font-size:9px; letter-spacing:1.3px; margin-bottom:18px; } .bmedia-article .bmedia-article-excerpt { font-size:14px; line-height:1.7; } .blog-artwork { height:150px; grid-template-columns:1fr 1fr 1fr; } .art-eye,.art-spark { display:none; } .art-flower i { width:108px; height:108px; } .art-orbit i { width:125px; height:125px; } .art-orbit i::after { inset:27px; } .art-stripes { background-size:auto; } .bmedia-article-meta { gap:var(--space-xs); font-size:11px; padding:23px 0; margin-bottom:28px; } .bmedia-article p { font-size:16px; line-height:1.8; } .bmedia-article h2 { font-size:27px; margin-top:32px; } .bmedia-article blockquote { padding:22px; margin:28px 0; } .bmedia-article blockquote p { font-size:21px; } .bmedia-article .bmedia-article-actions > button,.bmedia-article .bmedia-article-actions > a { padding:10px 15px; } .bmedia-article > .container:has(.bmedia-article-invitation) { width:100%; padding:0 20px; } .bmedia-article-invitation { padding:32px 24px; } .bmedia-article .bmedia-article-invitation h2 { font-size:28px; margin:0 40px 16px 0; } .bmedia-article-invitation::after { right:18px; top:24px; width:40px; height:40px; } .bmedia-article .bmedia-article-invitation p { font-size:14px; } .bmedia-article-related-grid { grid-template-columns:1fr; } }

/* Article refinements: fixed backdrop, homepage image radius, shared fixed bottom bar. */
.bmedia-blog-page { isolation:isolate; }
.bmedia-blog-page::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:var(--surface-texture-1) center / cover no-repeat; }
.bmedia-blog-page .site-shell { background:none; padding-bottom:calc(var(--blog-bottom-bar-height, 130px) + 48px); }
.bmedia-article { border-radius:var(--radius-large); }
.bmedia-article-heading { border-radius:var(--radius-large) var(--radius-large) 0 0; }
.bmedia-article figure { margin:32px 0; }
.bmedia-article figure img { width:100%; height:auto; border-radius:var(--radius-large); }
.bmedia-article figcaption { color:var(--blog-muted); font-size:13px; line-height:1.6; margin-top:10px; }
.bmedia-article .blog-image-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-small); }
.bmedia-article .blog-image-pair figure { margin:0; }
.bmedia-blog-page .blog-bottom-bar { z-index:100; }
@media(max-width:767px) { .bmedia-blog-page .site-shell { padding-bottom:calc(var(--blog-bottom-bar-height, 190px) + 24px); } .bmedia-article .blog-image-pair { grid-template-columns:1fr; } }

/* Pending Creed review: governed spacing and accessible control feedback. */
.bmedia-article a, .bmedia-article button { transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease; }
.bmedia-article .bmedia-article-actions > a:hover, .bmedia-article .bmedia-article-actions > button:hover { background:var(--blog-cream); color:var(--blog-ink); border-color:var(--blog-ink); }
@media(prefers-reduced-motion:reduce) { .bmedia-article a,.bmedia-article button { transition:none; } }

/* Owner-directed article heading: larger, balanced title and meaningful deck. */
.bmedia-article .blog-title-wrap { max-width:960px; padding-inline:var(--space-small); }
.bmedia-article .blog-title-wrap h1 { font-size:var(--font-size-h1); font-weight:700; max-width:18ch; text-wrap:balance; line-height:1.04; }
.bmedia-article .blog-title-wrap .bmedia-article-excerpt { max-width:56ch; text-wrap:balance; font-size:var(--font-size-body,18px); line-height:1.6; }
/* The featured image uses the same 1200 x 630 composition as the share card. */
.bmedia-article .blog-featured-image { display:block; width:100%; aspect-ratio:1200 / 630; height:auto; object-fit:cover; border-radius:0; }

.bmedia-article-meta { justify-content:space-between; align-items:center; }
.blog-byline { display:flex; align-items:center; gap:var(--space-xs); }
.bmedia-article .blog-author-portrait,.blog-author-initial { width:56px; height:56px; flex:0 0 56px; border-radius:50%; object-fit:cover; }
.blog-author-initial { display:grid; place-items:center; background:var(--blog-cream); color:var(--blog-purple); font-family:Georgia,serif; font-size:26px; }
.blog-byline-label { display:block; font-size:18px; font-weight:700; color:var(--blog-ink); }
.blog-story-details { display:flex; flex-wrap:wrap; gap:var(--space-xs); font-size:13px; margin-top:4px; }
.blog-share-jump,.blog-share-toggle { color:var(--blog-ink); font-weight:700; border:1px solid var(--blog-line); border-radius:var(--radius-large); padding:var(--space-xs) var(--space-small); cursor:pointer; min-height:44px; }
.blog-share-toggle { display:list-item; width:fit-content; }
.bmedia-article-share details[open] .blog-share-toggle { margin-bottom:var(--space-small); }
.bmedia-article .blog-source-image { width:100%; max-width:100%; margin-inline:auto; }
.bmedia-article .blog-title-wrap .bmedia-article-excerpt { font-size:18px; }
@media(max-width:767px) { .blog-byline-label { font-size:16px; } .blog-share-jump { margin-top:var(--space-xs); } .bmedia-article .blog-title-wrap h1 { font-size:42px; letter-spacing:-1.3px; } }

/* Small masthead mark reused from the homepage, above the category. */
.bmedia-article .blog-title-wrap .blog-house-logo { display:block; width:var(--logo-height-mobile,80px); height:var(--logo-height-mobile,80px); object-fit:contain; margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:var(--space-small-mobile,24px); border-radius:0; }
@media(max-width:767px) { .bmedia-article .blog-title-wrap .blog-house-logo { width:calc(var(--logo-height-mobile,80px) * .8); height:calc(var(--logo-height-mobile,80px) * .8); } }

/* Byline and sharing: compact metadata, branded full-width Mobile control. */
.bmedia-article .bmedia-article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-small-desktop,20px); padding-block:var(--space-standard-desktop,36px); }
.bmedia-article .blog-byline { display:flex; align-items:center; gap:var(--space-xs-desktop,12px); min-width:0; }
.bmedia-article .blog-author-initial,.bmedia-article .blog-author-portrait { width:44px; height:44px; flex:0 0 44px; }
.bmedia-article .blog-author-initial { background:#f2e5ff; font-family:inherit; font-size:20px; font-weight:600; line-height:1; }
.bmedia-article .blog-byline-label { font-size:16px; line-height:1.4; font-weight:700; }
.bmedia-article .blog-by-prefix { font-weight:400; color:var(--blog-muted); }
.bmedia-article .blog-story-details { display:flex; flex-wrap:wrap; align-items:center; column-gap:var(--space-xs-desktop,12px); row-gap:var(--space-xs-desktop,4px); margin-top:6px; font-size:12px; line-height:1.5; }
.bmedia-article .blog-story-details time { white-space:nowrap; }
.bmedia-article .blog-read-time:not([hidden]) { display:inline-flex; align-items:center; gap:var(--space-xs-desktop,8px); white-space:nowrap; }
.bmedia-article .blog-read-time::before { content:""; display:block; width:4px; height:4px; border-radius:50%; background:var(--blog-purple); }
.bmedia-article .blog-share-jump,.bmedia-article .blog-share-toggle { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-xs-desktop,12px); min-height:48px; padding:14px 22px; margin:0; border:0; border-radius:999px; background:var(--blog-purple); color:#fff;  font-family:inherit; font-size:14px; font-weight:700; line-height:1.3; text-decoration:none; cursor:pointer; }
.bmedia-article .blog-share-toggle { list-style:none; }
.bmedia-article .blog-share-toggle::-webkit-details-marker { display:none; }
.bmedia-article .blog-share-jump:hover,.bmedia-article .blog-share-toggle:hover { background:#7300ca; color:#fff; }
.bmedia-article .blog-share-jump:focus-visible,.bmedia-article .blog-share-toggle:focus-visible,.blog-share-dialog :focus-visible { outline:3px solid #430078; outline-offset:4px; }
.bmedia-article .blog-share-dialog { padding:0; border:0; border-radius:24px; width:min(520px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); overflow:auto; color:var(--blog-ink); background:white; box-shadow:0 24px 80px #18002d55; }
.blog-share-dialog::backdrop { background:rgb(25 0 45 / .65); backdrop-filter:blur(5px); }
.bmedia-article .blog-share-panel { padding:28px; border-top:6px solid var(--blog-purple); background:white; }
.bmedia-article .blog-share-panel-heading { display:flex; gap:var(--space-xs-desktop,16px); align-items:flex-start; margin-bottom:24px; }
.bmedia-article .blog-share-kicker { color:var(--blog-purple); font-size:10px; font-weight:700; letter-spacing:1.3px; line-height:1.5; margin:0 0 8px; }
.bmedia-article #blog-share-heading { font-size:28px; line-height:1.1; letter-spacing:-.7px; margin:0; }
.bmedia-article .blog-share-close { flex:0 0 44px; width:44px; height:44px; display:grid; place-items:center; border:0; border-radius:50%; background:#f2e5ff; color:var(--blog-purple); cursor:pointer; }
.bmedia-article .blog-share-close[hidden] { display:none; }
.bmedia-article .blog-share-panel .bmedia-article-actions { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-xs-desktop,12px); }
.bmedia-article .blog-share-panel .blog-social-option { display:flex; align-items:center; justify-content:flex-start; gap:var(--space-xs-desktop,10px); min-height:56px; padding:12px; border:1px solid #e8dcf2; border-radius:14px; background:#fbf8ff; color:var(--blog-ink); text-decoration:none; font-family:inherit; font-size:14px; font-weight:600; line-height:1.3; text-align:left; cursor:pointer; }
.bmedia-article .blog-social-option[hidden] { display:none; }
.bmedia-article .blog-social-icon { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; color:var(--blog-purple); font-size:19px; }
.bmedia-article .blog-option-arrow { font-size:10px; margin-left:auto; color:var(--blog-purple); }
.bmedia-article .blog-share-panel .blog-social-option:hover { background:#f2e5ff; border-color:var(--blog-purple); }
.bmedia-article [data-share-status] { margin:16px 0 0; font-size:13px; }
.bmedia-article [data-share-status]:empty { display:none; }
.bmedia-article [data-copy-fallback] { display:block; margin-top:16px; font-size:13px; }
.bmedia-article [data-copy-fallback][hidden] { display:none; }
.bmedia-article [data-copy-fallback] input { display:block; width:100%; margin-top:8px; }
@media(max-width:767px) {
 .bmedia-article .bmedia-article-meta { display:flex; flex-direction:column; align-items:stretch; gap:var(--space-xs-desktop,20px); padding-block:24px; }
 .bmedia-article .blog-share-jump,.bmedia-article .blog-share-toggle { display:flex; width:100%; min-height:52px; box-sizing:border-box; margin:0; }
 .bmedia-article .blog-share-panel { padding:22px; }
 .bmedia-article .blog-share-panel .bmedia-article-actions { grid-template-columns:1fr; }
}

/* Pull quote: same rounded token as the main article, quotation then attribution. */
.bmedia-article .blog-quote-card { margin:var(--blog-editorial-gap) 0; padding:var(--space-small-mobile,24px); border-radius:var(--radius-large); background:var(--blog-cream); overflow:hidden; }
.bmedia-article .blog-quote-card .blog-quote-mark { display:block; color:var(--blog-purple); font-family:Georgia,serif; font-size:64px; font-weight:700; line-height:.8; margin-bottom:var(--space-xs-desktop,10px); }
.bmedia-article .blog-quote-card blockquote { margin:0; padding:0; border:0; background:none; }
.bmedia-article .blog-quote-card .blog-quote-attribution { margin-top:var(--space-small-desktop,20px); font-size:14px; font-weight:600; line-height:1.5; color:var(--color-brand-secondary); }

/* Share dialog enters on every opening; reduced-motion readers get no movement. */
.bmedia-article .blog-share-panel { text-align:left; }
@keyframes blog-share-enter { from { opacity:0; transform:translateY(40px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes blog-share-backdrop { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:no-preference) {
 .blog-share-dialog[open] { animation:blog-share-enter 500ms cubic-bezier(.16,1,.3,1) both; }
 .blog-share-dialog[open]::backdrop { animation:blog-share-backdrop 350ms ease-out both; }
}

.bmedia-article .blog-share-graphic { margin:0 0 20px; text-align:left; }
.bmedia-article .blog-share-graphic[hidden],.bmedia-article .blog-graphic-button[hidden] { display:none; }
.bmedia-article .blog-share-graphic img { display:block; width:100%; height:auto; border-radius:14px; margin-bottom:12px; }
.bmedia-article .blog-graphic-button { display:flex; align-items:center; justify-content:flex-start; gap:12px; width:100%; padding:14px 16px; min-height:48px; background:var(--blog-purple); color:white; border:0; border-radius:14px; font:inherit; font-weight:600; }
.bmedia-article .blog-graphic-download { display:inline-flex; min-height:44px; align-items:center; color:var(--blog-purple); text-decoration:underline; font-size:14px; }

/* Hide before entry, including the initial script-loading interval. */
@media(prefers-reduced-motion:no-preference) {
 .blog-reveal-boot .bmedia-article :is(.blog-house-logo,.blog-eyebrow,h1,.bmedia-article-excerpt,.blog-featured-image,.blog-byline,.blog-share-jump,h2,h3,p,figure,.blog-share-toggle,.blog-meet-photo,.blog-meet-button) { opacity:0; }
 .bmedia-article .blog-reveal-pending { opacity:0; transform:translateY(56px); }
}
@media(prefers-reduced-motion:reduce) {
 .bmedia-article .blog-reveal-pending { opacity:1; transform:none; }
}

.bmedia-article .blog-facebook-cta { color:var(--color-brand-primary,var(--blog-purple)); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.bmedia-article .blog-facebook-cta:hover { color:var(--color-brand-primary,var(--blog-purple)); filter:brightness(.8); }
/* Full-width introduction within the article's rounded white shell. */
.bmedia-article .blog-meet-coopers { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:var(--space-small-desktop,24px); background:#f5eeff; padding:var(--space-standard-desktop,36px); text-align:left; }
.bmedia-article .blog-meet-photo { min-width:0; align-self:stretch; display:flex; align-items:flex-end; background:var(--color-surface-gradient,#9600ff); border-radius:var(--radius-large,24px); overflow:hidden; }
.bmedia-article .blog-meet-photo img { display:block; width:100%; height:auto; margin:0; }
.bmedia-article .blog-meet-copy { min-width:0; }
.bmedia-article .blog-meet-eyebrow { margin:0 0 12px; font-size:11px; font-weight:700; letter-spacing:1.5px; color:var(--blog-purple); }
.bmedia-article .blog-meet-copy h2 { margin:0 0 16px; font-size:32px; line-height:1.1; text-wrap:balance; }
.bmedia-article .blog-meet-copy p:not(.blog-meet-eyebrow) { font-size:16px; line-height:1.65; margin:0 0 20px; }
.bmedia-article .blog-meet-button { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-xs-desktop,12px); min-height:48px; padding:12px 20px; background:var(--blog-purple); color:white; font-size:14px; font-weight:600; border-radius:999px; text-decoration:none; }
.bmedia-article .blog-meet-button:hover { background:#7300ca; }
@media(max-width:767px) {
 .bmedia-article .blog-meet-coopers { grid-template-columns:1fr; padding:var(--space-small-mobile,24px); gap:var(--space-small-mobile,24px); }
 .bmedia-article .blog-meet-copy h2 { font-size:28px; }
 .bmedia-article .blog-meet-button { width:100%; }
}
.bmedia-article > .container:has(.blog-meet-coopers) { width:100%; max-width:none; padding:0; }
.bmedia-article > .container:has(.blog-meet-coopers) > .row { margin:0; }
.bmedia-article > .container:has(.blog-meet-coopers) > .row > .col-sm-12 { padding:0; }
.bmedia-article:has(.blog-meet-coopers) { padding-bottom:0; }

.bmedia-article .blog-meet-coopers { border-radius:0 0 var(--radius-large,24px) var(--radius-large,24px); }

/* Button hover fades use color/filter, independent of scroll-reveal opacity. */
.bmedia-blog-page .site-shell :is(button,input[type="submit"],input[type="button"],.btn,[role="button"],.blog-share-jump,.blog-share-toggle,.blog-social-option,.blog-meet-button),
.bmedia-blog-page .house-key-modal :is(button,input[type="submit"],.btn),
.bmedia-article .blog-facebook-cta {
 transition:background-color 240ms ease,color 240ms ease,border-color 240ms ease,box-shadow 240ms ease,filter 240ms ease;
}
@media(hover:hover) and (pointer:fine) {
 .bmedia-blog-page .site-shell :is(button,input[type="submit"],input[type="button"],.btn,[role="button"],.blog-share-jump,.blog-share-toggle,.blog-social-option,.blog-meet-button):not(:disabled):not(.blog-share-jump,.blog-share-toggle,.blog-meet-button):hover,
 .bmedia-blog-page .house-key-modal :is(button,input[type="submit"],.btn):not(:disabled):hover { filter:brightness(.88); }
}
@media(prefers-reduced-motion:reduce) {
 .bmedia-blog-page .site-shell :is(button,input[type="submit"],input[type="button"],.btn,[role="button"],.blog-share-jump,.blog-share-toggle,.blog-social-option,.blog-meet-button),
 .bmedia-blog-page .house-key-modal :is(button,input[type="submit"],.btn),
 .bmedia-article .blog-facebook-cta { transition:none; }
}

/* Preserve the supplied panoramic footer artwork without cropping its lettering. */
.bmedia-article .blog-meet-coopers { grid-template-columns:1fr; gap:0; padding:0; overflow:hidden; }
.bmedia-article .blog-meet-photo { display:block; border-radius:0; background:none; }
.bmedia-article .blog-meet-copy { width:100%; max-width:740px; margin-inline:auto; padding:var(--space-standard-desktop,36px); }
@media(max-width:767px) { .bmedia-article .blog-meet-copy { padding:var(--space-small-mobile,24px); } }
@media(hover:hover) and (pointer:fine) {
 .bmedia-blog-page .site-shell :is(.blog-share-jump,.blog-share-toggle,.blog-meet-button):not(:disabled):hover {
   background:var(--color-brand-secondary); border-color:var(--color-brand-secondary); color:var(--color-neutral-0,#fff); filter:none;
 }
}

.bmedia-article .blog-facebook-cta:hover, .bmedia-article .blog-facebook-cta:hover u { text-decoration:none; }

.bmedia-article .blog-meet-photo, .bmedia-article .blog-meet-photo img { border-radius:0 !important; }
.bmedia-article .blog-meet-purple { color:var(--color-brand-primary,var(--blog-purple)); }
.bmedia-article .blog-meet-coral { color:var(--color-brand-accent-2,#ff3733); }
.bmedia-article .blog-meet-green { color:var(--color-brand-secondary); }

/* Article subheadings use the homepage blue; footer and share dialog retain their own palette. */
.bmedia-article h2:not(#meet-coopers-heading):not(#blog-share-heading), .bmedia-article h3 { color:var(--color-brand-accent,#01ADFD); }
@media(hover:hover) and (pointer:fine) {
 .bmedia-blog-page .site-shell :is(.blog-share-jump,.blog-share-toggle,.blog-meet-button):hover,
 .bmedia-blog-page .site-shell :is(.blog-share-jump,.blog-share-toggle,.blog-meet-button):hover * { color:#fff !important; }
}

/* Echo the image's one-sided bars beneath the panorama. */
.bmedia-article .blog-meet-coopers { background:#fff; padding-bottom:32px; }
.bmedia-article .blog-meet-copy { background:#f5eeff; border-radius:0 100px 100px 0; max-width:calc(100% - 32px); margin:0 32px 0 0; padding:36px max(48px,calc((100% - 668px)/2)); }
@media(max-width:767px) { .bmedia-article .blog-meet-copy { max-width:calc(100% - 16px); margin-right:16px; border-radius:0 48px 48px 0; padding:28px 32px 28px 24px; } }

/* Preserve pure white foregrounds: never dim the entire colored CTA. */
@media(hover:hover) and (pointer:fine) {
 .bmedia-blog-page .site-shell :is(.blog-share-jump,.blog-share-toggle,.blog-meet-button):hover,
 .bmedia-blog-page .site-shell :is(.blog-share-jump,.blog-share-toggle,.blog-meet-button):hover * {
  color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; filter:none !important;
 }
}

/* Restore the light footer panel with a stronger headline and narrower copy. */
.bmedia-article .blog-meet-copy h2 { font-size:clamp(32px,3.4vw,46px); line-height:1.12; }
.bmedia-article .blog-meet-copy p { max-width:440px; }

.bmedia-article .blog-meet-copy { background:#fff; }

.bmedia-blog-page .blog-share-panel :is(.blog-social-option,.blog-share-close) { background:var(--color-brand-primary,#9D02FC); color:#fff; border:0; border-radius:999px; transition:background-color 240ms ease; }
.bmedia-blog-page .blog-share-panel :is(.blog-social-option,.blog-share-close) * { color:#fff; }
@media(hover:hover) and (pointer:fine) {
 .bmedia-blog-page .blog-share-panel :is(.blog-social-option,.blog-share-close):hover { background:var(--color-brand-secondary,#05E502); color:#fff; filter:none !important; border:0; }
 .bmedia-blog-page .blog-share-panel :is(.blog-social-option,.blog-share-close):hover * { color:#fff; }
}
@media(prefers-reduced-motion:reduce) { .bmedia-blog-page .blog-share-panel :is(.blog-social-option,.blog-share-close) { transition:none; } }

/* Match House Key's outside close control while keeping long mobile panels scrollable. */
.bmedia-article .blog-share-dialog { overflow:visible; width:min(520px,calc(100vw - 64px)); max-height:none; }
.bmedia-article .blog-share-dialog .blog-share-panel { position:relative; border-top:0; border-radius:24px; max-height:calc(100dvh - 96px); overflow:auto; background:#fff; padding-top:34px; }
.bmedia-article .blog-share-panel::before { content:""; position:absolute; top:0; left:0; right:0; height:6px; background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-accent-2),var(--color-brand-accent),var(--color-brand-secondary)); }
.bmedia-article .blog-share-dialog > .blog-share-close { position:absolute; top:-24px; right:-24px; z-index:20; width:48px; height:48px; padding:0; border:0; border-radius:50%; background:var(--color-brand-primary); color:#fff; box-shadow:0 8px 24px #0003; display:flex; align-items:center; justify-content:center; transition:background-color .2s ease,transform .2s ease; }
.bmedia-article .blog-share-dialog > .blog-share-close:hover { background:var(--color-brand-secondary); filter:none!important; transform:scale(1.05); }
.bmedia-article .blog-share-dialog > .blog-share-close i { color:#fff; }
.bmedia-blog-page .blog-share-panel .blog-social-option:nth-child(1) { --share-color:var(--color-brand-primary); background:var(--share-color); }
.bmedia-blog-page .blog-share-panel .blog-social-option:nth-child(2) { --share-color:var(--color-brand-accent); background:var(--share-color); }
.bmedia-blog-page .blog-share-panel .blog-social-option:nth-child(3) { --share-color:var(--color-brand-accent-2); background:var(--share-color); }
.bmedia-blog-page .blog-share-panel .blog-social-option:nth-child(4) { --share-color:var(--color-brand-secondary); background:var(--share-color); }
.bmedia-blog-page .blog-share-panel .blog-social-option:nth-child(5) { background:var(--color-neutral-900); }
.bmedia-blog-page .blog-share-panel .blog-social-option:nth-child(6) { background:var(--color-brand-primary); }
@media(hover:hover) and (pointer:fine) { .bmedia-blog-page .blog-share-panel .blog-social-option:hover { background:var(--color-brand-primary); } .bmedia-blog-page .blog-share-panel .blog-social-option:first-child:hover { background:var(--color-brand-secondary); } }

@media(prefers-reduced-motion:reduce) { .bmedia-article .blog-share-dialog > .blog-share-close { transition:none; } .bmedia-article .blog-share-dialog > .blog-share-close:hover { transform:none; } }

/* Explicit option states override palette selectors and preserve white foregrounds. */
.bmedia-blog-page .blog-share-panel .blog-social-option { transition:background-color 240ms ease; }
.bmedia-blog-page .blog-share-panel .blog-social-option[data-copy-link] { grid-column:1 / -1; background:var(--color-brand-primary); }
@media(hover:hover) and (pointer:fine) {
 .bmedia-blog-page .blog-share-panel .blog-social-option:nth-child(n):hover { background:color-mix(in srgb,var(--share-color) 88%,#000); color:#fff!important; filter:none!important; }

 .bmedia-blog-page .blog-share-panel .blog-social-option:hover * { color:#fff!important; -webkit-text-fill-color:#fff; }
}
@media(prefers-reduced-motion:reduce) { .bmedia-blog-page .blog-share-panel .blog-social-option { transition:none; } }

/* Bold centered editorial quotation. */
.bmedia-article .blog-quote-card { padding:36px 24px; text-align:center; background:linear-gradient(125deg,var(--blog-purple) 0%,#6533eb 52%,#0877c9 100%); color:#fff; }
.bmedia-article .blog-quote-card .blog-quote-mark,.bmedia-article .blog-quote-card .blog-quote-attribution,.bmedia-article .blog-quote-card blockquote,.bmedia-article .blog-quote-card blockquote p { color:#fff; -webkit-text-fill-color:#fff; }
.bmedia-article .blog-quote-card blockquote p { font-size:clamp(21px,2.1vw,27px); font-weight:700; line-height:1.4; letter-spacing:-.35px; text-wrap:balance; margin:0 auto; }
@media(max-width:599px) { .bmedia-article .blog-quote-card { padding:28px 20px; } .blog-quote-line-break { display:none; } }

/* Align the introduction to the banner wordmark, with homepage socials beside it. */
.bmedia-article .blog-meet-details { display:grid; grid-template-columns:51% 49%; width:100%; padding:36px 0 12px; align-items:start; }
.bmedia-article .blog-meet-details .blog-meet-copy { width:100%; max-width:none; margin:0; border-radius:0; padding:0 36px 0 0; }
.bmedia-article .blog-follow-links { display:flex; flex-direction:column; gap:12px; width:220px; max-width:100%; justify-self:center; padding:0 20px; }
.bmedia-article .blog-follow-link { display:flex; align-items:center; gap:14px; min-height:44px; text-decoration:none; color:var(--blog-purple); font-weight:700; font-size:16px; transition:color 200ms ease,background-color 200ms ease; }
.bmedia-article .blog-follow-link .social-stat__icon { width:26px; height:26px; object-fit:contain; font-size:26px; margin:0; text-align:center; flex:none; }
.bmedia-article .blog-follow-label { flex:1; }
.bmedia-article .blog-follow-count { font-size:14px; }
.bmedia-article .blog-follow-link:hover { color:var(--color-brand-secondary); }
.bmedia-article .blog-follow-link:focus-visible { outline:2px solid var(--blog-purple); outline-offset:4px; border-radius:4px; }
.bmedia-article .blog-quote-card .blog-quote-mark { color:var(--color-brand-accent-2,#FD3B38); -webkit-text-fill-color:var(--color-brand-accent-2,#FD3B38); }
.bmedia-article .blog-quote-card .blog-quote-attribution { color:var(--color-brand-secondary,#05E502); -webkit-text-fill-color:var(--color-brand-secondary,#05E502); }
@media(max-width:767px) { .bmedia-article .blog-meet-details { grid-template-columns:1fr; gap:28px; padding:28px 24px 0; } .bmedia-article .blog-meet-details .blog-meet-copy { padding:0; grid-row:1; } .bmedia-article .blog-follow-links { justify-self:start; padding:0; width:min(100%,280px); } }
@media(prefers-reduced-motion:reduce) { .bmedia-article .blog-follow-link { transition:none; } }

/* Reusable article conversation callout; content and destination remain editable. */
.bmedia-article .blog-conversation-callout { margin:36px 0; padding:28px 24px; border-radius:var(--radius-large,24px); background:var(--color-brand-accent-2,#FD3B38); color:#fff; text-align:center; font-size:clamp(19px,2vw,24px); line-height:1.45; font-weight:700; text-wrap:balance; }
.bmedia-article .blog-conversation-callout .blog-facebook-cta,.bmedia-article .blog-conversation-callout .blog-facebook-cta * { color:#fff; -webkit-text-fill-color:#fff; }
.bmedia-article .blog-conversation-callout .blog-facebook-cta { display:block; width:fit-content; max-width:100%; min-height:44px; margin:8px auto 0; padding:8px 0; text-decoration:underline; text-underline-offset:4px; font-weight:700; }
.bmedia-article .blog-conversation-callout .blog-facebook-cta:hover { color:#fff; filter:none; text-decoration:none; }
.bmedia-article .blog-conversation-callout .blog-facebook-cta:focus-visible { outline:2px solid #fff; outline-offset:4px; border-radius:4px; }

@keyframes blog-share-exit { from { opacity:1; transform:translateY(0) scale(1); } to { opacity:0; transform:translateY(40px) scale(.97); } }
@keyframes blog-share-backdrop-exit { from { opacity:1; } to { opacity:0; } }
@media(prefers-reduced-motion:no-preference) {
 .blog-share-dialog[open].is-closing { animation:blog-share-exit 350ms cubic-bezier(.7,0,.84,0) both; pointer-events:none; }
 .blog-share-dialog[open].is-closing::backdrop { animation:blog-share-backdrop-exit 350ms ease-in both; }
}

/* Logo-inspired offset edges, scoped to editorial body pictures. */
.bmedia-article .blog-source-image > img { display:block; box-shadow:-12px -12px 0 var(--color-brand-accent,#01ADFD),12px 12px 0 var(--color-brand-accent-2,#FD3B38); }

/* Conversation link follows the primary CTA button design. */
.bmedia-article .blog-conversation-callout .blog-facebook-cta { display:table; margin:18px auto 0; padding:14px 22px; min-height:48px; border:0; border-radius:999px; background:var(--color-brand-primary,var(--blog-purple)); color:#fff; font-size:14px; font-weight:600; line-height:1.4; text-transform:uppercase; text-decoration:none; transition:background-color 240ms ease; }
.bmedia-article .blog-conversation-callout .blog-facebook-cta * { text-decoration:none; }
@media(hover:hover) and (pointer:fine) { .bmedia-article .blog-conversation-callout .blog-facebook-cta:hover { background:var(--color-brand-secondary); color:#fff; filter:none; } }
@media(prefers-reduced-motion:reduce) { .bmedia-article .blog-conversation-callout .blog-facebook-cta { transition:none; } }

/* Homepage social-card treatment, compacted for the vertical article footer. */
.bmedia-article .blog-follow-links { gap:8px; width:240px; }
.bmedia-article .blog-follow-link { flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; min-height:56px; height:56px; padding:6px 18px; border:0; border-radius:var(--radius-medium,8px); background:rgba(157,2,252,.55); overflow:hidden; }
.bmedia-article .blog-follow-link .social-stat__icon { width:18px; height:18px; font-size:18px; color:#fff; line-height:18px; }
.bmedia-article .blog-follow-label { display:none; }
.bmedia-article .blog-follow-count { font-size:24px; line-height:1; font-weight:700; color:var(--color-brand-accent-2,#FD3B38); }
.bmedia-article .blog-follow-link:hover { background:var(--color-brand-secondary); }
.bmedia-article .blog-follow-link:hover i.social-stat__icon { color:var(--color-brand-primary); }

@media(min-width:768px) { .bmedia-article .blog-meet-details .blog-meet-copy { grid-column:2; grid-row:1; } .bmedia-article .blog-follow-links { grid-column:1; grid-row:1; } }

/* Thick brand edges use a contrasting pair for each editorial surface. */
.bmedia-article .blog-quote-card { box-shadow:-12px -12px 0 var(--color-brand-accent,#01ADFD),12px 12px 0 var(--color-brand-accent-2,#FD3B38); }
.bmedia-article .blog-conversation-callout { box-shadow:-12px -12px 0 var(--color-brand-accent,#01ADFD),12px 12px 0 var(--color-brand-primary,#9D02FC); }

/* Compact solid cards: equal-size icon and count, closer to the introduction. */
.bmedia-article .blog-follow-links { width:220px; padding:0; }
.bmedia-article .blog-follow-link { flex-direction:row; align-items:center; justify-content:flex-start; gap:14px; background:var(--color-brand-primary,#9D02FC); padding:12px 20px; }
.bmedia-article .blog-follow-link .social-stat__icon { width:24px; height:24px; font-size:24px; line-height:24px; }
@media(min-width:768px) { .bmedia-article .blog-follow-links { justify-self:end; margin-right:36px; max-width:calc(100% - 60px); } }

.bmedia-article .blog-meet-button { padding-inline:var(--space-standard-desktop,48px); }

/* Compact two-by-two social cards. */
.bmedia-article .blog-follow-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; width:330px; }
.bmedia-article .blog-follow-link { min-width:0; padding:12px 16px; gap:10px; }
@media(max-width:767px) { .bmedia-article .blog-follow-links { width:min(100%,330px); } }

/* Keep both quote gaps explicit against inherited content spacing rules. */
.bmedia-article figure.blog-quote-card { margin-top:var(--blog-editorial-gap) !important; margin-bottom:var(--blog-editorial-gap) !important; }

/* Consistent breathing room around editorial pictures and the conversation box. */
.bmedia-article figure.blog-source-image,.bmedia-article .blog-conversation-callout { margin-top:var(--blog-editorial-gap) !important; margin-bottom:var(--blog-editorial-gap) !important; }

/* Editorial spacing follows the shared responsive large-spacing tokens. */
.bmedia-article { --blog-editorial-gap:var(--space-large-desktop); }
@media(min-width:1200px) { .bmedia-article { --blog-editorial-gap:var(--space-large-wide); } }
@media(min-width:1600px) { .bmedia-article { --blog-editorial-gap:var(--space-large-xl); } }
@media(max-width:991px) { .bmedia-article { --blog-editorial-gap:var(--space-large-tablet); } }
@media(max-width:767px) { .bmedia-article { --blog-editorial-gap:var(--space-large-mobile); } }

/* Enlarge the Cooper banner on phones while cropping its decorative sides. */
@media(max-width:767px) {
 .bmedia-article .blog-meet-photo { aspect-ratio:5 / 3; overflow:hidden; }
 .bmedia-article .blog-meet-photo img { width:100%; height:100%; object-fit:cover; object-position:center; }
}

/* Structured story inserts inherit the article's spacing and brand tokens. */
.bmedia-article .blog-conversation-callout > p { margin:0; color:inherit; font:inherit; }
.bmedia-article .blog-invitation-callout { background:var(--color-brand-primary); }
.bmedia-article .blog-invitation-callout .blog-facebook-cta { background:var(--color-brand-secondary); }
.bmedia-article .blog-insert-gallery,.bmedia-article .blog-related-insert { margin-block:var(--blog-editorial-gap); }
.bmedia-article .blog-gallery-slide { margin:0; }
.bmedia-article .blog-gallery-slide img,.bmedia-article .blog-related-insert img { width:100%; height:auto; border-radius:var(--radius-large); }
.bmedia-article .blog-gallery-slide[hidden] { display:none; }
.bmedia-article .blog-gallery-controls { display:flex; align-items:center; justify-content:space-between; gap:var(--space-small-mobile); margin-top:var(--space-small-mobile); }
.bmedia-article .blog-gallery-controls[hidden] { display:none; }
.bmedia-article .blog-gallery-controls button,.bmedia-article .blog-insert-button { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:var(--space-xs-mobile) var(--space-small-mobile); border:0; border-radius:999px; color:#fff; background:var(--color-brand-primary); text-decoration:none; transition:background-color 200ms ease; }
.bmedia-article .blog-gallery-controls button:hover,.bmedia-article .blog-insert-button:hover { background:color-mix(in srgb,var(--color-brand-primary) 88%,#000); color:#fff; }
.bmedia-article .blog-insert-button { margin-top:var(--space-small-mobile); }
@media(prefers-reduced-motion:reduce) { .bmedia-article .blog-gallery-controls button,.bmedia-article .blog-insert-button { transition:none; } }

/* Shared House of Coop section corners. */
.bmedia-article{border-radius:40px}
.bmedia-article-heading{border-radius:40px 40px 0 0}
@media(max-width:767px){.bmedia-article{border-radius:30px}.bmedia-article-heading{border-radius:30px 30px 0 0}}

/* Inspiration galleries reuse the Journey's stacked-photo presentation. */
.bmedia-article .blog-insert-gallery.is-stacked{max-width:640px;margin-inline:auto;padding:12px 22px 0 0;box-sizing:border-box}
.bmedia-article .is-stacked .blog-gallery-track{position:relative;aspect-ratio:4/5;max-height:680px;touch-action:pan-y}
.bmedia-article .is-stacked .blog-gallery-slide{position:absolute;inset:0;margin:0;background:#f4edf9;border-radius:24px;overflow:hidden;transform:translate(calc(var(--stack)*9px),calc(var(--stack)*-5px)) rotate(calc(var(--stack)*3deg));transform-origin:center 80%;transition:transform .45s ease;box-shadow:0 8px 24px #250a3620}
.bmedia-article .is-stacked .blog-gallery-slide img{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit;margin:0}
.bmedia-article .is-stacked .blog-gallery-controls{justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.bmedia-article .is-stacked .blog-gallery-controls button{background:#fd3b38;min-width:44px}
.bmedia-article .is-stacked .blog-gallery-controls button:hover{background:#05df02;color:#250a36}
.bmedia-article .is-stacked .blog-gallery-controls [hidden]{display:none}
@media(max-width:767px){.bmedia-article .blog-insert-gallery.is-stacked{padding-right:18px}.bmedia-article .is-stacked .blog-gallery-slide{border-radius:20px}.bmedia-article .is-stacked .blog-gallery-controls{gap:8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.bmedia-article .is-stacked .blog-gallery-slide{transition:none}}

/* Journey-style Inspiration gallery navigation. */
.bmedia-article .is-stacked .blog-gallery-slide img{object-fit:cover}
.bmedia-article .is-stacked .blog-gallery-controls{flex-wrap:nowrap;gap:12px}
.bmedia-article .is-stacked .blog-gallery-controls .blog-gallery-arrow{flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:50%;color:#fff;transition:transform .25s,background-color .25s,box-shadow .25s}
.bmedia-article .is-stacked .blog-gallery-arrow:hover{transform:scale(1.06);box-shadow:0 5px 14px #25093b33}
.bmedia-article .is-stacked .blog-gallery-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:0;min-width:0}
.bmedia-article .is-stacked .blog-gallery-controls .blog-gallery-dot{display:grid;place-items:center;min-width:20px;width:20px;min-height:36px;height:36px;border:0;padding:0;background:transparent}
.bmedia-article .is-stacked .blog-gallery-dot::before{content:'';width:7px;height:7px;border-radius:50%;background:#9d02fc;opacity:.3;transition:opacity .25s,transform .25s}
.bmedia-article .is-stacked .blog-gallery-dot[aria-current=true]::before{opacity:1;transform:scale(1.25)}
.bmedia-article .is-stacked .blog-gallery-dot:hover::before{opacity:1;transform:scale(1.2)}
.blog-gallery-sr-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.bmedia-article .is-stacked .blog-gallery-controls button,.bmedia-article .is-stacked .blog-gallery-dot::before{transition:none!important}}

/* Mobile upward-scroll sharing control, outside transformed article ancestors. */
.blog-mobile-share { display:none; }
@media(max-width:767px) {
 .blog-mobile-share:not([hidden]) { display:inline-flex; position:fixed; z-index:1100; bottom:calc(24px + env(safe-area-inset-bottom,0px)); left:50%; transform:translateX(-50%); align-items:center; justify-content:center; min-height:48px; max-width:calc(100vw - 48px); padding:14px 24px; border:0; border-radius:999px; background:#9d02fc; color:#fff; font:700 14px/1.3 'DM Sans',Arial,sans-serif; box-shadow:0 6px 24px #25003d55; cursor:pointer; }
 .blog-mobile-share:focus-visible { outline:3px solid #430078; outline-offset:4px; }
}

@media(max-width:767px) {
 .blog-mobile-share:not([hidden]) { gap:12px; }
 .blog-mobile-share svg,.blog-mobile-share i { width:16px; height:16px; flex-shrink:0; }
}

@media(max-width:767px) { .blog-share-is-pinned { visibility:hidden!important; pointer-events:none!important; } }

/* The floating mobile action needs no empty button row in the byline. */
@media(max-width:767px){
 .bmedia-article.blog-mobile-share-ready .bmedia-article-meta{position:relative}
 .bmedia-article.blog-mobile-share-ready .blog-share-jump{position:absolute;left:0;right:0;bottom:24px;width:100%;height:0;min-height:0;padding:0;margin:0;border:0;overflow:hidden;visibility:hidden!important;pointer-events:none!important}
}