/* PublishLabs search visibility demo — scoped to #pl-search-demo */
#pl-search-demo{--pl-blue:#245dff;--pl-ink:#172136;--pl-muted:#6c788d;--pl-border:#e2e7ef;background:white;padding:64px 0 0}#pl-search-demo .pl-intro{max-width:1250px;padding:0 24px;margin:0 auto 30px}#pl-search-demo .pl-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#5276b9;margin:0 0 17px}#pl-search-demo h2{font-size:clamp(32px,4.5vw,57px);letter-spacing:-2.5px;line-height:1.06;margin:0 0 17px;font-weight:650}#pl-search-demo .pl-description{color:#76829a;font-size:16px;line-height:1.65;max-width:680px;margin:0}#pl-search-demo .pl-track{height:auto;min-height:0;position:relative}#pl-search-demo .pl-sticky{position:relative;top:auto;max-width:1250px;margin:auto;padding:16px 24px 28px}#pl-search-demo .pl-demo-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;font-size:12px;color:var(--pl-muted)}#pl-search-demo .pl-demo-label{display:inline-flex;align-items:center;gap:7px}#pl-search-demo .pl-demo-label:before{content:"";width:6px;height:6px;border-radius:50%;background:#6a85a4}#pl-search-demo .pl-scroll-hint{display:flex;align-items:center;gap:7px}#pl-search-demo .pl-scroll-hint svg{width:14px;height:14px}#pl-search-demo .pl-browser{border:1px solid #d9e0ea;border-radius:16px;box-shadow:0 12px 38px rgba(32,57,100,.07);overflow:hidden;background:#fff}#pl-search-demo .pl-browser-top{height:40px;display:flex;align-items:center;gap:22px;padding:0 17px;background:#f7f9fc;border-bottom:1px solid #e4e9f2}#pl-search-demo .pl-browser-dots{display:flex;gap:5px}#pl-search-demo .pl-browser-dots i{width:8px;height:8px;border-radius:50%;background:#d2d9e4}#pl-search-demo .pl-address{font-size:11px;color:#8995a7;display:flex;align-items:center;gap:6px}#pl-search-demo .pl-address svg{width:11px;height:11px}#pl-search-demo .pl-google-top{padding:24px 34px 0;display:flex;align-items:center;gap:28px}#pl-search-demo .pl-google-logo{width:91px;height:31px;object-fit:contain;flex-shrink:0}#pl-search-demo .pl-searchbox{height:48px;border:1px solid #dce1e8;border-radius:26px;box-shadow:0 2px 6px rgba(30,42,55,.08);display:flex;align-items:center;gap:14px;padding:0 19px;width:650px;max-width:100%;position:relative;background:white}#pl-search-demo .pl-query{font-family:Arial,sans-serif;font-size:16px;color:#222;white-space:nowrap;min-width:0;flex:1;overflow:hidden;text-overflow:clip;min-height:22px;display:flex;align-items:center}#pl-search-demo .pl-typing-caret{border-left:1px solid #1e2d3d;height:18px;display:inline-block;margin-left:2px;opacity:1}#pl-search-demo .pl-query-placeholder{color:#9aa3af}#pl-search-demo .pl-searchbox>svg{width:19px;height:19px;color:#4285f4;flex:none}#pl-search-demo .pl-searchbox .pl-mic{color:#717785;width:16px}#pl-search-demo .pl-search-divider{height:22px;width:1px;background:#e5e8ee}#pl-search-demo .pl-search-submit{transition:background .25s;border-radius:50%;padding:5px;box-sizing:content-box;margin-right:-4px}#pl-search-demo[data-phase="1"] .pl-search-submit{background:#e8efff}#pl-search-demo .pl-tabs{display:flex;gap:23px;margin:22px 0 0 153px;height:38px;font-family:Arial,sans-serif;font-size:12px;color:#697079;white-space:nowrap;overflow:hidden}#pl-search-demo .pl-tabs span{padding:0 0 12px}#pl-search-demo .pl-tabs .pl-selected{color:#25282e;border-bottom:2px solid #25282e}#pl-search-demo .pl-google-toolbar{border-bottom:1px solid #e1e5eb}#pl-search-demo .pl-viewport{height:min(49vh,452px);min-height:330px;overflow:hidden;position:relative}#pl-search-demo .pl-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#a0abb9;font-size:14px;background:#fff;z-index:2}#pl-search-demo .pl-empty svg{width:32px;height:32px;opacity:.5}#pl-search-demo .pl-loader{width:128px;height:3px;background:#eef2f8;overflow:hidden;border-radius:2px;display:none}#pl-search-demo[data-phase="1"] .pl-loader{display:block}#pl-search-demo .pl-loader:after{content:"";display:block;width:45%;height:100%;background:#4285f4;transform:translateX(70%)}#pl-search-demo .pl-results{padding:24px 38px 29px 153px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:38px;font-family:Arial,sans-serif;color:#1f252d;will-change:transform;transform-origin:top;opacity:0}#pl-search-demo .pl-answer{min-width:0}#pl-search-demo .pl-ai-label{font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:18px}#pl-search-demo .pl-ai-label svg{color:#4285f4;width:21px;height:21px}#pl-search-demo .pl-answer p{font-size:14px;line-height:1.65;margin:0 0 14px}#pl-search-demo .pl-answer h3{font-size:17px;font-weight:500;color:#123045;line-height:1.35;margin:24px 0 12px;padding-top:22px;border-top:1px solid #dbe0e5}#pl-search-demo .pl-answer ol{margin:0 0 18px;padding-left:20px;font-size:14px;line-height:1.6}#pl-search-demo .pl-answer li{padding-left:3px;margin-bottom:10px}#pl-search-demo .pl-answer strong{font-weight:600}#pl-search-demo .pl-inline-citation{display:inline-flex;border-radius:10px;background:#f0f2f6;font-size:10px;color:#6d7480;padding:3px 8px;gap:4px}#pl-search-demo .pl-answer-footer{font-size:11px;color:#9ba4b1;margin-top:18px}#pl-search-demo .pl-sources{align-self:start;position:relative;padding-top:31px;min-width:0}#pl-search-demo .pl-source-panel{border:1px solid #dadce0;border-radius:18px;padding:4px 13px 10px;background:#fff;position:relative}#pl-search-demo .pl-source{padding:13px 0;border-bottom:1px solid #e5e8ee;position:relative;background:#fff;border-radius:0;text-decoration:none;display:block}#pl-search-demo .pl-source-brand{display:flex;align-items:center;gap:7px;font-size:11px;color:#626b78;line-height:1.3;margin-bottom:7px}#pl-search-demo .pl-source-brand img{width:17px;height:17px;object-fit:contain;border-radius:50%;border:1px solid #e4e8ed;background:#fff}#pl-search-demo .pl-brand-symbol{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce2e9;border-radius:50%;font-weight:bold;font-size:8px;color:#444}#pl-search-demo .pl-source-content{display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:12px}#pl-search-demo .pl-source-title{font-size:13px;line-height:1.4;display:block;color:#161b24;font-weight:400}#pl-search-demo .pl-source-snippet{font-size:10.5px;line-height:1.5;color:#7c838e;display:block;margin-top:4px}#pl-search-demo .pl-source-image{width:56px;height:56px;object-fit:cover;border-radius:8px;margin-top:3px;background:#eef2f7}#pl-search-demo .pl-other-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;opacity:.85}#pl-search-demo .pl-show-all{text-align:center;background:#f1f3f5;border-radius:16px;padding:8px;font-size:11px;margin-top:10px;color:#525b65}#pl-search-demo .pl-mg-source{margin:0 -8px;padding:13px 8px;border:2px solid transparent;border-radius:10px}#pl-search-demo .pl-mg-source .pl-source-brand{padding-right:8px}#pl-search-demo .pl-mg-source:focus-visible{outline-offset:3px}#pl-search-demo .pl-source-highlight{position:absolute;top:9px;right:5px;background:#245dff;color:white;border-radius:20px;font-size:9px;padding:4px 8px;opacity:0;transform:translateY(5px)}#pl-search-demo .pl-source-callout{position:absolute;top:0;right:3px;color:#245dff;font-size:11px;font-weight:600;opacity:0;display:flex;align-items:center;gap:5px}#pl-search-demo .pl-source-callout svg{width:14px;height:14px}#pl-search-demo .pl-browser-bottom{border-top:1px solid #edf0f4;min-height:43px;display:flex;align-items:center;gap:8px;padding:11px 22px;font-size:11px;color:#76849c;background:#fbfcfe}#pl-search-demo .pl-browser-bottom svg{width:14px;height:14px;color:#245dff}#pl-search-demo .pl-outcome{color:#245dff;font-weight:600;margin-left:auto;opacity:0}#pl-search-demo .pl-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}#pl-search-demo .pl-step-buttons{display:flex;gap:8px;flex-wrap:wrap}#pl-search-demo .pl-step-button{background:transparent;border:0;padding:9px 10px;border-radius:7px;font-size:12px;color:#8b95a5;display:flex;align-items:center;gap:7px}#pl-search-demo .pl-step-button:before{content:attr(data-number);font-size:10px;color:#9da8b9}#pl-search-demo .pl-step-button[aria-pressed="true"]{background:#edf3ff;color:#245dff}#pl-search-demo .pl-step-button[aria-pressed="true"]:before{color:#245dff}#pl-search-demo .pl-replay{display:flex;align-items:center;gap:6px;border:1px solid #dce3ed;border-radius:8px;background:#fff;color:#65758d;padding:8px 12px;font-size:12px}#pl-search-demo .pl-replay svg{width:13px;height:13px}#pl-search-demo .pl-note{font-size:11px;color:#96a0b1;line-height:1.5;margin:13px 0 0;padding-left:10px}#pl-search-demo .pl-progress{height:2px;background:#edf1f7;margin:14px 0 0;border-radius:1px;overflow:hidden}#pl-search-demo .pl-progress span{display:block;height:100%;background:#245dff;width:0;transition:width .05s linear}#pl-search-demo .pl-status-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#pl-search-demo .pl-noscript{font-size:12px;line-height:1.5;color:#76849c;margin:14px 0}
@media(max-width:900px){#pl-search-demo .pl-google-top{padding:21px 24px 0;gap:22px}#pl-search-demo .pl-tabs{margin-left:137px;gap:20px}#pl-search-demo .pl-results{padding-left:35px;padding-right:28px;gap:26px;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}#pl-search-demo .pl-intro h2{letter-spacing:-1.8px}#pl-search-demo .pl-viewport{height:48vh;min-height:350px}}
@media(max-width:620px){#pl-search-demo{padding-top:42px}#pl-search-demo .pl-intro{padding:0 20px;margin-bottom:22px}#pl-search-demo h2{font-size:36px;letter-spacing:-1.7px}#pl-search-demo .pl-description{font-size:14px;line-height:1.6}#pl-search-demo .pl-sticky{padding:10px 12px 20px;top:8px}#pl-search-demo .pl-demo-meta{font-size:10px;margin-bottom:10px}#pl-search-demo .pl-browser{border-radius:12px}#pl-search-demo .pl-browser-top{height:32px;padding:0 12px}#pl-search-demo .pl-address{font-size:10px}#pl-search-demo .pl-google-top{padding:16px 16px 0;gap:12px;align-items:center}#pl-search-demo .pl-google-logo{width:56px;height:22px}#pl-search-demo .pl-searchbox{height:39px;padding:0 11px;gap:7px}#pl-search-demo .pl-query{font-size:12px;min-height:18px}#pl-search-demo .pl-mic,#pl-search-demo .pl-search-divider{display:none}#pl-search-demo .pl-search-submit{width:15px!important;height:15px!important;padding:3px}#pl-search-demo .pl-typing-caret{height:14px}#pl-search-demo .pl-tabs{margin:17px 0 0 17px;height:31px;gap:20px;font-size:11px}#pl-search-demo .pl-results{display:block;padding:20px 21px 25px}#pl-search-demo .pl-answer p,#pl-search-demo .pl-answer ol{font-size:12px}#pl-search-demo .pl-answer h3{font-size:14px;margin-top:15px;padding-top:13px}#pl-search-demo .pl-answer li{margin-bottom:7px}#pl-search-demo .pl-ai-label{font-size:12px;margin-bottom:12px}#pl-search-demo .pl-answer-footer{display:none}#pl-search-demo .pl-sources{padding-top:27px;margin-top:16px}#pl-search-demo .pl-source-snippet{font-size:11px}#pl-search-demo .pl-source-title{font-size:13px}#pl-search-demo .pl-viewport{height:48vh;min-height:300px;max-height:420px}#pl-search-demo .pl-browser-bottom{font-size:10px;padding:10px 13px;min-height:44px}#pl-search-demo .pl-browser-bottom .pl-outcome{display:none}#pl-search-demo .pl-controls{gap:8px;align-items:flex-start;margin-top:12px}#pl-search-demo .pl-step-buttons{gap:1px}#pl-search-demo .pl-step-button{font-size:10px;padding:8px 6px;gap:4px;min-height:44px}#pl-search-demo .pl-step-button:before{font-size:9px}#pl-search-demo .pl-replay{padding:9px;font-size:10px;min-height:44px}#pl-search-demo .pl-note{font-size:10px;padding-left:3px;margin-top:10px}#pl-search-demo .pl-source-callout{font-size:11px}}
@media(prefers-reduced-motion:reduce){#pl-search-demo .pl-track{height:auto;min-height:0}#pl-search-demo .pl-sticky{position:static}#pl-search-demo .pl-typing-caret{display:none}#pl-search-demo .pl-scroll-hint{display:none}#pl-search-demo .pl-progress span{transition:none}}

#pl-search-demo{margin:0}
/* Align with marketing section spacing when embedded.
   Sticky top clears the site header (79px desktop / 68px mobile). */
.search-demo-host{padding:0}
/* Autoplay-once demo: no scroll-scrub track; sticky chrome is relative. */