/* 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; } }

/* Bordered label box: heading interrupts the top border */
.bht-label-box{position:relative!important;display:block!important;width:100%!important;margin:1.2em 0!important;padding:24px 16px 14px!important;box-sizing:border-box!important;clear:both!important;overflow:visible!important;border:2px solid var(--bht-box-labelbox-border,#9a9aa8)!important;border-radius:8px!important;background:#ffffff!important;color:#777783!important;}
.bht-label-title{position:absolute!important;top:0!important;left:16px!important;transform:translateY(-50%)!important;margin:0!important;padding:0 7px!important;background:#ffffff!important;color:#777783!important;font-weight:700!important;line-height:1.4!important;display:inline-block!important;white-space:nowrap!important;z-index:2!important;}
.bht-label-content{margin:0!important;padding:0!important;font-size:1em!important;line-height:1.7!important;}
.bht-label-content p{margin:0!important;}

/* Background-only box: no title; text color is configurable */
.bht-box-background{color:var(--bht-box-background-text-color,#333333)!important;}
/* Edge box: no title, thick left border */
.bht-box-edgebox{border:var(--bht-box-edgebox-border-width,1px) solid var(--bht-box-edgebox-border,#ff8264)!important;border-left-width:var(--bht-box-edgebox-edge-width,10px)!important;border-radius:var(--bht-box-edgebox-radius,8px)!important;background:var(--bht-box-edgebox-bg,#fff8f3)!important;padding:16px 18px!important;box-sizing:border-box!important;}

/* 1.7.3: label title follows border color; edgebox keeps a thick left edge in previews */
.bht-label-title{color:var(--bht-box-labelbox-border,#9a9aa8)!important;background:#fff!important;}
.bht-box-edgebox{border-left-width:var(--bht-box-edgebox-edge-width,15px)!important;}

/* Link button styles (defaults; admin settings override via generated inline CSS) */
.bht-link-underline{color:#1769aa;text-decoration:underline;text-decoration-thickness:2px;transition:filter .18s ease}
.bht-link-underline:hover{filter:brightness(.78)}
.bht-link-box{display:inline-block;color:#1769aa;background:#e1f5fe;border:1px solid #1769aa;border-radius:6px;padding:.25em .7em;text-decoration:none;transition:background-color .18s ease}
.bht-link-box:hover{background:#b3e5fc}
.bht-link-filled{display:inline-block;color:#1769aa;background:#fff;border:2px solid #1769aa;border-radius:6px;padding:.25em .7em;text-decoration:none;transition:all .18s ease}
.bht-link-filled:hover{color:#fff;background:#1769aa}