/* blog-embeds.css: the quiet cards that hold functional assets inside articles.
   palette matches the article inline tokens: sage #52796F, moss #A3B18A,
   stone #5F6D7E, ink #2C3E50, shell #E5EAEE. lowercase labels, no motion
   beyond what each asset needs. */
.be-card{background:rgba(255,255,255,0.55);border:0.5px solid rgba(44,62,80,0.14);border-radius:16px;padding:22px 24px;margin:26px 0;}
.be-eyebrow{font-family:var(--font-brand,inherit);font-size:10px;letter-spacing:2.4px;text-transform:lowercase;color:#52796F;margin-bottom:12px;}
.be-foot{font-size:11.5px;color:#5F6D7E;opacity:0.75;margin-top:14px;line-height:1.6;}
.be-btn{font-family:var(--font-brand,inherit);font-size:12.5px;letter-spacing:0.6px;text-transform:lowercase;color:#2C3E50;background:rgba(163,177,138,0.28);border:0.5px solid rgba(82,121,111,0.35);border-radius:999px;padding:9px 20px;cursor:pointer;transition:background 0.25s;}
.be-btn:hover{background:rgba(163,177,138,0.45);}
.be-btn:disabled{opacity:0.45;cursor:default;}

/* the sigh */
.be-sigh-stage{position:relative;display:flex;align-items:center;justify-content:center;height:150px;margin-bottom:6px;}
.be-sigh-circle{position:absolute;width:72px;height:72px;border-radius:50%;border:1.5px solid rgba(82,121,111,0.8);background:rgba(163,177,138,0.14);transform:scale(1);will-change:transform;}
.be-sigh-word{position:relative;font-size:13px;letter-spacing:1.4px;text-transform:lowercase;color:#2C3E50;}
.be-sigh-sub{font-size:13px;color:#5F6D7E;line-height:1.7;margin:0 0 14px;}
.be-sigh .be-btn{display:block;margin:0 auto;}

/* the window (tonight's sky) */
.be-window-slot{min-height:120px;border-radius:12px;overflow:hidden;}
.be-window-slot:empty::before{content:'reading tonight\'s sky…';display:block;padding:44px 0;text-align:center;font-size:12px;letter-spacing:1.6px;text-transform:lowercase;color:#5F6D7E;opacity:0.6;}

/* the five senses */
.be-senses-lead{font-size:13.5px;color:#5F6D7E;line-height:1.7;margin:0 0 14px;}
.be-senses-row{display:flex;flex-direction:column;gap:8px;}
.be-sense{display:flex;align-items:center;gap:11px;text-align:left;font-family:inherit;font-size:13.5px;color:#2C3E50;background:rgba(255,255,255,0.5);border:0.5px solid rgba(44,62,80,0.12);border-radius:11px;padding:11px 14px;cursor:pointer;transition:background 0.25s,border-color 0.25s;}
.be-sense:hover{border-color:rgba(82,121,111,0.4);}
.be-sense i{flex-shrink:0;width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(82,121,111,0.55);transition:background 0.3s;}
.be-sense.on{background:rgba(163,177,138,0.18);border-color:rgba(82,121,111,0.4);}
.be-sense.on i{background:#52796F;border-color:#52796F;}
.be-senses-done{font-size:13px;color:#52796F;letter-spacing:0.4px;margin:14px 0 0;}

/* the unsent box */
.be-unsent-ta{width:100%;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.7;color:#2C3E50;background:rgba(255,255,255,0.6);border:0.5px solid rgba(44,62,80,0.15);border-radius:11px;padding:13px 15px;resize:vertical;transition:opacity 1.4s ease,filter 1.4s ease;}
.be-unsent-ta:focus{outline:none;border-color:rgba(82,121,111,0.5);}
.be-unsent-ta.be-dissolving{opacity:0;filter:blur(6px);pointer-events:none;}
.be-unsent-row{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap;}
.be-unsent-note{font-size:11.5px;color:#5F6D7E;opacity:0.8;}
.be-unsent-after{font-size:13px;color:#52796F;line-height:1.7;margin:6px 0 0;}
.be-unsent-after a{color:#52796F;}

.be-give{display:inline-block;font-size:11.5px;letter-spacing:0.6px;text-transform:lowercase;color:#52796F;text-decoration:none;border-bottom:1px solid rgba(82,121,111,0.4);padding-bottom:1px;margin-top:12px;}
.be-give:hover{border-bottom-color:#52796F;}

/* candlelight (night theme) */
html.candlelight .be-card{background:rgba(255,255,255,0.05);border-color:rgba(237,231,214,0.16);}
html.candlelight .be-sigh-word,html.candlelight .be-sense,html.candlelight .be-btn{color:#EDE7D6;}
html.candlelight .be-sense{background:rgba(255,255,255,0.05);border-color:rgba(237,231,214,0.14);}
html.candlelight .be-sigh-sub,html.candlelight .be-senses-lead,html.candlelight .be-foot,html.candlelight .be-unsent-note{color:rgba(237,231,214,0.72);}
html.candlelight .be-unsent-ta{background:rgba(255,255,255,0.06);color:#EDE7D6;border-color:rgba(237,231,214,0.18);}
@media (prefers-reduced-motion:reduce){.be-sigh-circle{transition:none;}.be-unsent-ta{transition:opacity 0.1s;}}