/* Header search preview: matches the /search/ page styling */
.sp-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:1030;width:min(440px,calc(100vw - 32px));box-sizing:border-box;background:#fff;color:#282828;border:1px solid #ececec;border-radius:14px;box-shadow:0 16px 40px rgba(40,40,40,.16);padding:8px;text-align:left;font-size:15px;line-height:1.4}
.sp-panel[hidden]{display:none}
.sp-status{margin:4px 10px 6px;font-size:13px;color:#666}
.sp-list{list-style:none;margin:0;padding:0}
.sp-list.sp-all{max-height:min(60vh,520px);overflow-y:auto;overscroll-behavior:contain}
.sp-item a{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:start;padding:8px 10px;border-radius:10px;color:inherit;text-decoration:none}
.sp-item a:hover,.sp-item[aria-selected="true"] a{background:#F2F7FF}
.sp-thumb{display:block;width:64px;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#D9F7EF,#D9E8FF 55%,#EADDFF)}
.sp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sp-body{display:block;min-width:0}
.sp-type{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:1px 7px;border-radius:999px;margin:0 0 3px;background:#D9E8FF;color:#0066FF}
.sp-type[data-t="Blog"]{background:#EADDFF;color:#6633FF}
.sp-type[data-t="News"]{background:#F8E262;color:#282828}
.sp-type[data-t="Events & webinars"],.sp-type[data-t="Customer stories"]{background:#D9F7EF;color:#00805c}
.sp-title{display:block;font-weight:700;font-size:15px;line-height:1.3;color:#282828}
.sp-item a:hover .sp-title,.sp-item[aria-selected="true"] .sp-title{color:#0066FF}
.sp-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;font-size:13px;font-weight:300;color:#444}
.sp-excerpt mark{background:#D9F7EF;color:inherit;font-weight:600;padding:0 1px;border-radius:2px}
.sp-sentinel{height:1px}
.sp-foot:empty{display:none}
.sp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:8px 10px 4px;border-top:1px solid #f0f0f0}
.sp-all-btn{font:inherit;font-size:14px;font-weight:700;padding:8px 16px;border-radius:999px;border:2px solid #0066FF;background:#fff;color:#0066FF;cursor:pointer}
.sp-all-btn:hover{background:#0066FF;color:#fff}
.sp-page{margin-left:auto;font-size:14px;font-weight:600;color:#0066FF;text-decoration:none}
.sp-page:hover{text-decoration:underline}