/* Blake Highlight Toolkit — shared by Classic Editor, Gutenberg and frontend */
.bht-highlight-marker { background: linear-gradient(to bottom, transparent 55%, color-mix(in srgb, var(--bht-highlight-color, var(--bht-color-marker, #f7e980)) 95%, transparent) 55%); padding: 0 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.bht-highlight-line { background-image: linear-gradient(var(--bht-highlight-color, var(--bht-color-line, #ff8264)), var(--bht-highlight-color, var(--bht-color-line, #ff8264))); background-repeat: no-repeat; background-position: 0 100%; background-size: 100% 4px; padding-bottom: 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.bht-highlight-solid { text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: var(--bht-highlight-color, var(--bht-color-solid, #4bc1c6)); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.bht-highlight-dotted { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: var(--bht-highlight-color, var(--bht-color-line, #ff8264)); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.bht-highlight-wavy { text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: var(--bht-highlight-color, var(--bht-color-wavy, #a58bd4)); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.bht-highlight-crayon { background: linear-gradient(176deg, transparent 12%, color-mix(in srgb, var(--bht-highlight-color, var(--bht-color-line, #ff8264)) 18%, transparent) 14%, color-mix(in srgb, var(--bht-highlight-color, var(--bht-color-line, #ff8264)) 55%, transparent) 28%, color-mix(in srgb, var(--bht-highlight-color, var(--bht-color-line, #ff8264)) 48%, transparent) 73%, color-mix(in srgb, var(--bht-highlight-color, var(--bht-color-line, #ff8264)) 25%, transparent) 86%, transparent 90%); padding: 0 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.bht-highlight-full { background-color: var(--bht-highlight-color, var(--bht-color-full, #b8f36b)); padding: 0 3px; border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.bht-highlight-gradient { background: linear-gradient(to bottom, transparent 55%, color-mix(in srgb, var(--bht-highlight-color, var(--bht-color-gradient, #ff9ed0)) 30%, transparent) 55%, var(--bht-highlight-color, var(--bht-color-gradient, #ff9ed0)) 100%); padding: 0 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

.bht-box{display:block!important;width:100%;margin:1.2em 0!important;padding:16px 18px!important;border-radius:var(--bht-box-universal-radius,8px)!important;border:var(--bht-box-universal-border-width,2px) solid var(--bht-box-universal-border,#d5dce5)!important;box-sizing:border-box!important;min-height:48px}
.bht-box-title{display:flex;align-items:center;gap:8px;font-weight:700;margin:0 0 10px}
.bht-box-title-icon{font-size:1.15em;line-height:1}
.bht-box-content>:first-child{margin-top:0}.bht-box-content>:last-child{margin-bottom:0}
.bht-box-universal{border-radius:var(--bht-box-universal-radius,8px)!important;border-width:var(--bht-box-universal-border-width,2px)!important;background:var(--bht-box-universal-bg,#ffffff)!important;border-color:var(--bht-box-universal-border,#d5dce5)!important}
.bht-box-background{border-radius:var(--bht-box-background-radius,8px)!important;border-width:var(--bht-box-background-border-width,2px)!important;background:var(--bht-box-background-bg,#fff7df)!important;border-color:var(--bht-box-background-border,#f0d58b)!important}
.bht-box-outline{border-radius:var(--bht-box-outline-radius,8px)!important;border-width:var(--bht-box-outline-border-width,2px)!important;background:var(--bht-box-outline-bg,#ffffff)!important;border-color:var(--bht-box-outline-border,#9aa8b8)!important}

/* Title box: colored title bar, transparent/white content area */
.bht-box-titlebox{border-radius:var(--bht-box-titlebox-radius,8px)!important;border-width:var(--bht-box-titlebox-border-width,2px)!important;background:var(--bht-box-titlebox-content-bg,#ffffff)!important;background-color:var(--bht-box-titlebox-content-bg,#ffffff)!important;border-color:var(--bht-box-titlebox-bg,#fff0b3)!important;padding:0!important;overflow:hidden}
.bht-box-titlebox .bht-box-title{background:var(--bht-box-titlebox-bg,#fff0b3)!important;color:var(--bht-box-titlebox-title-color,#333333)!important;padding:12px 18px!important;margin:0!important}
.bht-box-titlebox .bht-box-content{background:var(--bht-box-titlebox-content-bg,#ffffff)!important;padding:14px 18px!important}


/* Promotional callout box */
.bht-promo-box { position: relative !important; display: block !important; width: 100% !important; margin: 34px 0 24px !important; padding: 52px 28px 26px !important; border: var(--bht-box-promo-border-width,1px) solid var(--bht-box-promo-border,#9de6e9) !important; border-radius: var(--bht-box-promo-radius,20px) !important; background: var(--bht-box-promo-bg,#e0f7f8) !important; background-color: var(--bht-box-promo-bg,#e0f7f8) !important; color: #263536 !important; box-shadow: 0 4px 12px rgba(32,80,80,.10) !important; box-sizing: border-box !important; clear: both !important; }
.bht-promo-title { position: absolute !important; top: 0 !important; left: 38px !important; transform: translateY(-50%) !important; display: inline-block !important; margin: 0 !important; padding: 10px 20px !important; border: 0 !important; border-radius: 18px !important; background: var(--bht-promo-title-bg,#4bc1c6) !important; background-color: var(--bht-promo-title-bg,#4bc1c6) !important; color: var(--bht-promo-title-color,#ffffff) !important; font-size: 1em !important; font-weight: 800 !important; line-height: 1.5 !important; box-shadow: 0 3px 7px rgba(32,80,80,.16) !important; z-index: 2 !important; }
.bht-promo-list { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.bht-promo-list li { display: block !important; margin: 0 0 9px !important; padding: 0 !important; font-size: 1em !important; font-weight: 700 !important; line-height: 1.65 !important; }
.bht-promo-list li:before { content: "👍" !important; display: inline-block !important; margin-right: 12px !important; }
.bht-promo-list span { display: inline !important; padding: 2px 6px !important; border: 0 !important; border-radius: 12px !important; background: var(--bht-promo-item-bg,#ff8264) !important; background-color: var(--bht-promo-item-bg,#ff8264) !important; color: var(--bht-promo-item-color,#ffffff) !important; -webkit-box-decoration-break: clone !important; box-decoration-break: clone !important; }
@media (max-width: 680px) { .bht-promo-box { padding: 42px 16px 20px !important; } .bht-promo-title { left: 14px !important; max-width: calc(100% - 28px) !important; font-size: 1em !important; } .bht-promo-list li { font-size: 1em !important; } }