
.adk-lsr{position:relative;box-sizing:border-box;padding:clamp(3.5rem,8vw,7rem) 0 clamp(2.5rem,4vw,4rem);background:var(--adk-bg);color:var(--adk-body);font-family:inherit}.adk-lsr *,.adk-lsr *::before,.adk-lsr *::after{box-sizing:border-box}.adk-lsr__wrap{width:100%;max-width:var(--adk-max);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}
/* ADK theme: same visual language as the original ADK Front Sections plugin. */
.adk-lsr{
    overflow-anchor:none;
    --adk-accent:var(--cip-accent,#c8a25e);
    --adk-bg:var(--cip-dark,#0a0a0a);
    --adk-surface:var(--cip-charcoal,rgba(255,255,255,.022));
    --adk-heading:var(--cip-heading-color,#fff);
    --adk-body:var(--cip-body-color,rgba(255,255,255,.72));
    --adk-border:rgba(255,255,255,.11);
    --adk-max:var(--cip-max,1180px);
    --adk-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    position:relative;box-sizing:border-box;padding:clamp(3.5rem,8vw,7rem) 0 clamp(2.5rem,4vw,4rem);background:var(--adk-bg);color:var(--adk-body);overflow:hidden
}
.adk-lsr *,.adk-lsr *:before,.adk-lsr *:after{box-sizing:border-box}
.adk-lsr__wrap{width:100%;max-width:var(--adk-max);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}
.adk-lsr__rule{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.1rem;margin-bottom:clamp(2rem,5vw,3.5rem);border-bottom:1px solid var(--adk-border)}
.adk-lsr__eyebrow,.adk-lsr__rank,.adk-lsr__badge,.adk-lsr__meta,.adk-lsr__search-label{font-family:var(--adk-mono);font-size:.6rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.adk-lsr__eyebrow{color:var(--adk-heading);opacity:.82}.adk-lsr__numeral{font-size:.95rem;font-style:italic;color:var(--adk-heading);opacity:.45}
.adk-lsr__intro{margin-bottom:2.5rem}.adk-lsr__heading{margin:0 0 1rem;font-size:clamp(2rem,4vw,3.3rem);font-weight:400;line-height:1.05;color:var(--adk-heading);letter-spacing:-.02em}.adk-lsr__body{max-width:48rem;margin:0;font-size:1rem;line-height:1.65}
.adk-lsr__topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,4rem);padding:1.2rem 0;border-top:1px solid var(--adk-border);border-bottom:1px solid var(--adk-border)}
.adk-lsr__cta{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:1rem 1.55rem;border:1px solid var(--adk-accent);background:var(--adk-accent);color:var(--adk-bg);font-family:var(--adk-mono);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-decoration:none;text-transform:uppercase;transition:filter .22s ease,transform .22s ease,box-shadow .22s ease;box-shadow:5px 5px 0 var(--adk-heading)}
.adk-lsr__cta:hover,.adk-lsr__cta:focus{color:var(--adk-bg);filter:brightness(1.1);transform:translate(-1px,-1px);box-shadow:7px 7px 0 var(--adk-heading)}
.adk-lsr__cta:focus-visible{outline:2px solid var(--adk-accent);outline-offset:3px}
.adk-lsr__calendar{width:20px;height:20px;border:2px solid currentColor;border-radius:3px;position:relative}.adk-lsr__calendar:before{content:"";position:absolute;left:-2px;right:-2px;top:4px;border-top:2px solid currentColor}.adk-lsr__calendar:after{content:"";position:absolute;left:4px;top:-6px;width:2px;height:7px;background:currentColor;box-shadow:9px 0 currentColor}
.adk-lsr__results-link{font-family:var(--adk-mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--adk-heading);text-decoration:underline;text-underline-offset:5px;transition:color .2s ease}.adk-lsr__results-link:hover{color:var(--adk-accent)}
.adk-lsr__tabs{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap;margin-bottom:1.5rem}.adk-lsr__tab{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-width:125px;padding:.78rem 1.1rem;border:1px solid var(--adk-border);border-radius:999px;background:transparent;color:var(--adk-body);font:inherit;cursor:pointer;transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease}.adk-lsr__tab:hover{color:var(--adk-heading);border-color:var(--adk-accent);transform:translateY(-1px)}.adk-lsr__tab.is-active{color:var(--adk-bg);background:var(--adk-accent);border-color:var(--adk-accent)}.adk-lsr__tab:focus-visible{outline:2px solid var(--adk-accent);outline-offset:3px}
.adk-lsr__icon{width:20px;height:20px;display:grid;place-items:center;font-size:1rem}.adk-lsr__icon--google:before{content:"G";font-weight:900}.adk-lsr__icon--maps:before{content:"◆"}.adk-lsr__icon--gemini:before{content:"✦"}.adk-lsr__icon--claude:before{content:""}
.adk-lsr__panel[hidden]{display:none}.adk-lsr__panel{border-top:1px solid var(--adk-border);padding-top:1.5rem}.adk-lsr-enter{animation:adk-lsr-panel-in .32s ease both}
@keyframes adk-lsr-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.adk-lsr__search{display:flex;align-items:center;gap:1rem;min-height:70px;padding:0 1.25rem;border:1px solid var(--adk-border);background:var(--adk-surface);color:var(--adk-heading);font-size:clamp(1.05rem,1.8vw,1.45rem);box-shadow:5px 5px 0 var(--adk-heading);overflow:hidden}.adk-lsr__search-icon{width:24px;flex:none;color:var(--adk-accent);font-weight:800}.adk-lsr__caret{margin-left:auto;width:8px;height:8px;border-right:2px solid var(--adk-accent);border-bottom:2px solid var(--adk-accent);transform:rotate(45deg);flex:none}
.adk-lsr__results{display:grid;gap:.7rem;margin-top:1rem}.adk-lsr__result{display:grid;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:82px;padding:1rem 1.15rem;border:1px solid var(--adk-border);background:transparent;color:var(--adk-body);text-decoration:none;transition:border-color .22s ease,background .22s ease,transform .22s ease,color .22s ease;animation:none}.adk-lsr__result:nth-child(2){animation-delay:.03s}.adk-lsr__result:nth-child(3){animation-delay:.06s}.adk-lsr__result:nth-child(4){animation-delay:.09s}.adk-lsr__result:hover{border-color:var(--adk-accent);background:var(--adk-surface);color:var(--adk-heading);transform:translateX(2px)}.adk-lsr__result.is-client{border-color:var(--adk-accent);background:color-mix(in srgb,var(--adk-accent) 12%,transparent);box-shadow:5px 5px 0 var(--adk-accent);color:var(--adk-heading)}
@supports not (color:color-mix(in srgb,red 50%,blue)){.adk-lsr__result.is-client{background:color-mix(in srgb,var(--adk-accent) 12%,transparent)}}
@keyframes adk-lsr-row-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.adk-lsr__rank{opacity:.55}.adk-lsr__result-main{display:flex;flex-direction:column;gap:.28rem;min-width:0}.adk-lsr__result-main strong{font-size:clamp(1rem,1.5vw,1.2rem);font-weight:500;color:var(--adk-heading)}.adk-lsr__result-main small{font-size:.84rem;line-height:1.45}.adk-lsr__result-meta{display:flex;align-items:center;gap:1rem;white-space:nowrap;font-size:.78rem}.adk-lsr__result-meta:after{content:"↗";font-family:var(--adk-mono);font-size:.8rem;color:var(--adk-accent);opacity:.8;transition:transform .22s ease}.adk-lsr__result:hover .adk-lsr__result-meta:after{transform:translate(2px,-2px)}.adk-lsr__result-meta b{font-family:var(--adk-mono);font-size:.55rem;letter-spacing:.14em;color:var(--adk-accent)}
.adk-lsr__answer{margin-top:1rem;padding:clamp(1.35rem,3vw,2rem);border:1px solid var(--adk-border);background:var(--adk-surface);box-shadow:5px 5px 0 var(--adk-heading);font-size:1rem;line-height:1.65;color:var(--adk-body)}.adk-lsr__answer p{margin:0 0 1.5rem}.adk-lsr__answer strong{color:var(--adk-heading)}
.adk-lsr__answer-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--adk-accent);background:color-mix(in srgb,var(--adk-accent) 10%,transparent);color:var(--adk-heading);text-decoration:none;transition:transform .22s ease,filter .22s ease}.adk-lsr__answer-card:hover{transform:translateY(-1px);filter:brightness(1.08)}
.adk-lsr__named{padding:.45rem .7rem;border:1px solid var(--adk-accent);font-family:var(--adk-mono);font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;color:var(--adk-accent)}.adk-lsr__answer-card strong{font-size:1.05rem;font-weight:500}.adk-lsr__answer-card span:last-child{font-family:var(--adk-mono);font-size:.62rem;color:var(--adk-heading);white-space:nowrap}.adk-lsr__ai-results{margin-top:1rem}.adk-lsr__empty{padding:1.5rem;border:1px dashed var(--adk-border);color:var(--adk-body);font-family:var(--adk-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:760px){.adk-lsr__topbar{align-items:flex-start;flex-direction:column}.adk-lsr__cta{width:100%;justify-content:center}.adk-lsr__results-link{align-self:center}.adk-lsr__tab{min-width:calc(50% - .5rem);font-size:.9rem}.adk-lsr__result{grid-template-columns:35px minmax(0,1fr);gap:.7rem}.adk-lsr__result-meta{grid-column:2;white-space:normal}.adk-lsr__answer-card{grid-template-columns:1fr}.adk-lsr__answer-card span:last-child{white-space:normal}}
@media(prefers-reduced-motion:reduce){.adk-lsr *,.adk-lsr *:before,.adk-lsr *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v1.4 demo-style interaction layer */
.adk-lsr__search{position:relative;cursor:text}
.adk-lsr__search-text{min-width:0;flex:1;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adk-lsr__search-text.is-typing:after{content:'|';margin-left:2px;color:var(--adk-accent);animation:adk-lsr-blink .7s steps(1,end) infinite}
.adk-lsr__search-caret{display:none}
.adk-lsr__search-submit{width:34px;height:34px;flex:none;border:1px solid var(--adk-border);background:transparent;color:var(--adk-accent);font:700 1rem var(--adk-mono);cursor:pointer;opacity:.55;transition:.2s}
.adk-lsr__search:hover .adk-lsr__search-submit,.adk-lsr__search:focus-within .adk-lsr__search-submit,.adk-lsr__search.is-complete .adk-lsr__search-submit{opacity:1;border-color:var(--adk-accent)}
.adk-lsr__search-input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--adk-heading);font:inherit;padding:0}
.adk-lsr__search.is-editing{box-shadow:5px 5px 0 var(--adk-accent)}
.adk-lsr__results > .is-demo-hidden{display:none}
.adk-lsr__results > .is-demo-visible{display:grid;animation:adk-lsr-row-in .5s ease both;will-change:opacity,transform}
.adk-lsr__answer:not(.is-demo-visible){opacity:0;max-height:0;overflow:hidden;margin-top:0;padding-top:0;padding-bottom:0;border-width:0;box-shadow:none;transform:translateY(8px)}
.adk-lsr__answer.is-demo-visible{animation:adk-lsr-answer-in .45s ease both}
@keyframes adk-lsr-answer-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes adk-lsr-blink{0%,45%{opacity:1}46%,100%{opacity:0}}

/* Current Google Gemini mark: four-colour gradient spark, larger on mobile. */
.adk-lsr__icon--gemini:before{content:"✦";font-size:1.28rem;font-weight:800;background:linear-gradient(135deg,#4285F4 0%,#7B61FF 35%,#D96570 62%,#F9AB00 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.adk-lsr__icon--gemini{width:24px;height:24px}
/* ChatGPT/OpenAI mark treatment: monochrome, so it remains legible on the ADK dark theme. */
.adk-lsr__icon--chatgpt:before{content:"✣";font-size:1.2rem;font-weight:700;color:currentColor}
.adk-lsr__icon--chatgpt{width:24px;height:24px}

@media (max-width:640px){
  .adk-lsr__tabs{gap:.45rem}
  .adk-lsr__tab{min-width:0;flex:1;padding:.7rem .6rem;font-size:.82rem}
  .adk-lsr__icon--gemini{width:27px;height:27px}
  .adk-lsr__icon--gemini:before{font-size:1.45rem}
  .adk-lsr__icon--chatgpt{width:27px;height:27px}
  .adk-lsr__search{min-height:62px;padding:0 .9rem;gap:.7rem}
  .adk-lsr__search-submit{width:30px;height:30px}
}


/* Search preview and results are display-only; only engine tabs are interactive. */
.adk-lsr__search,
.adk-lsr__search *,
.adk-lsr__result,
.adk-lsr__answer-card {
  cursor: default !important;
}
.adk-lsr__search-submit {
  pointer-events: none !important;
}
.adk-lsr__result,
.adk-lsr__answer-card {
  pointer-events: none;
}
.adk-lsr__result:hover,
.adk-lsr__answer-card:hover {
  transform: none;
}

/* v1.7: keep the page stationary; only the result list may scroll during the demo. */
.adk-lsr__results{height:80px;max-height:80px;overflow-y:auto;contain:layout;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;scroll-behavior:smooth;padding:.15rem .35rem .4rem .05rem}
.adk-lsr__results::-webkit-scrollbar{display:none}
.adk-lsr__result,.adk-lsr__answer-card,.adk-lsr__search{cursor:default!important;pointer-events:none}
.adk-lsr__result:hover,.adk-lsr__answer-card:hover{transform:none!important;background:transparent}
.adk-lsr__result.is-client:hover{background:color-mix(in srgb,var(--adk-accent) 12%,transparent)}
.adk-lsr__tab{cursor:pointer;pointer-events:auto}
.adk-lsr__icon--chatgpt{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;color:currentColor}
.adk-lsr__icon--chatgpt svg{display:block;width:100%;height:100%}
@media(max-width:640px){.adk-lsr__results{height:76px;max-height:76px}.adk-lsr__icon--chatgpt{width:27px;height:27px}}
@media(min-width:641px){.adk-lsr__result{height:82px;min-height:82px}}

/* v1.8: Custom tab icons from Customizer. */
.adk-lsr__icon--custom,
.adk-lsr__search-icon.adk-lsr__icon--custom{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:0}
.adk-lsr__icon--custom img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.adk-lsr__search-icon.adk-lsr__icon--custom img{display:block;width:100%;height:100%;object-fit:contain}

/* v1.8: the result list is the only moving viewport; never scroll the document during the demo. */
.adk-lsr__results{scroll-behavior:smooth;overflow-anchor:none}
.adk-lsr__panel,.adk-lsr__ai-results,.adk-lsr__answer{overflow-anchor:none}
.adk-lsr__panel{scroll-margin-top:0!important}
@media (prefers-reduced-motion:reduce){.adk-lsr__results{scroll-behavior:auto}.adk-lsr__tab,.adk-lsr__result{transition:none!important}}


/* v1.9.2: compact, stable hero-style result cards.
 * The reference hero uses tight rows; lock the row box before/while it animates
 * so the first Google/Maps result can never briefly grow taller than the rest.
 */
.adk-lsr__results{
  align-content:start;
}
.adk-lsr__result{
  height:72px !important;
  min-height:72px !important;
  max-height:72px !important;
  padding:.62rem .9rem !important;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:.75rem;
  overflow:hidden;
  flex:none;
}
.adk-lsr__result-main{gap:.12rem;overflow:hidden}
.adk-lsr__result-main strong{
  font-size:clamp(.94rem,1.25vw,1.08rem);
  line-height:1.18;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.adk-lsr__result-main small{
  font-size:.76rem;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.adk-lsr__result-meta{gap:.7rem;font-size:.7rem;overflow:hidden}
.adk-lsr__result-meta > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adk-lsr__result.is-client{box-shadow:4px 4px 0 var(--adk-accent)}
@media(max-width:760px){
  .adk-lsr__result{
    height:68px !important;
    min-height:68px !important;
    max-height:68px !important;
    grid-template-columns:32px minmax(0,1fr);
    padding:.55rem .72rem !important;
    gap:.55rem;
  }
  .adk-lsr__result-meta{grid-column:2;font-size:.68rem}
}

/* v1.9.4: compact the demo viewport to the visible rows so AI panels do not leave a large blank area. */
/* v1.9.3: autoplay must never take control of document scrolling. */
.adk-lsr__panel{overflow-anchor:none;scroll-margin-top:0!important}
.adk-lsr__panel[hidden]{display:none!important}
