/* Guide: a full flowing colour rim with a matching, separate blurred bloom.
   The owner explicitly rejected a lone travelling dash. Results never wait. */
@property --u-light-angle{syntax:'<angle>';initial-value:0deg;inherits:true}
.v-guide-search.has-guide-field{max-width:720px;margin-bottom:22px}
.v-guide-field{--u-light-surface:rgb(var(--surface-rgb));position:relative;isolation:isolate;display:flex;align-items:center;gap:4px;min-height:58px;padding:5px 6px 5px 14px;border:1px solid rgba(var(--gold-rgb),.4);border-radius:999px;background:var(--u-light-surface);box-shadow:inset 0 1px 0 rgba(var(--glow-rgb),.09);transition:border-color .2s,box-shadow .25s}
.v-guide-field>:not(.u-field-light){position:relative;z-index:3}
.v-guide-field:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px rgba(var(--gold-rgb),.16)}
.v-guide-field>.v-guide-search-mark{display:grid;place-items:center;flex:0 0 26px;color:var(--gold-light);pointer-events:none}
.v-guide-search-mark svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.v-guide-search.has-guide-field .v-guide-field input{min-width:0;flex:1;width:1px;min-height:44px;padding:8px 6px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:15px;line-height:1.5;color:var(--text);transition:none}
.v-guide-search.has-guide-field .v-guide-field input:focus{outline:none;border:0;box-shadow:none}
.v-guide-field input::-webkit-search-cancel-button{appearance:none}
.v-guide-field input::placeholder{color:var(--muted);opacity:1}
.v-guide-clear,.v-guide-submit{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;appearance:none;min-height:44px;min-width:44px;border-radius:23px;cursor:pointer;font:inherit}
.v-guide-clear{border:0;background:none;color:var(--muted);font-size:24px;line-height:1}
.v-guide-clear:hover{color:var(--text);background:rgba(var(--gold-rgb),.08)}
.v-guide-submit{gap:10px;padding:9px 16px;border:1px solid rgba(var(--gold-rgb),.4);background:rgba(var(--gold-rgb),.13);color:var(--text);font-size:12px;font-weight:600;line-height:1.3;transition:background .2s,border-color .2s}
.v-guide-submit:hover:not(:disabled){border-color:var(--gold);background:rgba(var(--gold-rgb),.22)}
.v-guide-submit i{font-size:21px;line-height:1;font-style:normal;color:var(--gold-light)}
[dir=rtl] .v-guide-submit i{transform:scaleX(-1)}
.v-guide-submit:disabled{cursor:default;color:var(--muted);border-color:var(--v-rule);background:transparent}
.v-guide-submit:disabled i{color:var(--muted)}
.v-guide-field :is(button,input):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.v-guide-field[data-state=matched]{border-color:rgba(var(--gold-rgb),.65)}
.v-guide-search-hint{font-size:12px;line-height:1.65;color:var(--muted);margin-top:12px!important;padding-inline:4px}
.v-guide-search.has-guide-field [data-guide-status]{padding-inline-start:4px;margin-top:5px;min-height:1.7em;color:var(--text);font-size:12px}
.v-guide-queries{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.v-guide-query-label{width:100%;font-size:11px;line-height:1.5;color:var(--muted)}
.v-guide-queries button{appearance:none;min-height:44px;padding:10px 14px;border:1px solid var(--v-rule);border-radius:18px;background:rgba(var(--surface-rgb),.7);color:var(--text);font-size:12px;line-height:1.5;text-align:start;cursor:pointer;transition:border-color .2s,background .2s}
.v-guide-queries button:hover{border-color:rgba(var(--gold-rgb),.6);background:rgba(var(--gold-rgb),.1)}
.v-guide-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:12px 0 0}
.v-guide-results>li{min-width:0}
.v-guide-results button{appearance:none;display:grid;gap:5px;align-content:start;width:100%;height:100%;min-height:104px;padding:15px 17px;text-align:start;border:1px solid var(--v-rule);border-radius:15px;background:rgba(var(--surface-rgb),.9);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}
.v-guide-results button:hover{border-color:rgba(var(--gold-rgb),.6);background:rgba(var(--gold-rgb),.08)}
.v-guide-results b{font-size:14px;font-weight:600;line-height:1.5;color:var(--text)}
.v-guide-results span{font-size:12px;line-height:1.6;color:var(--muted)}
.v-guide-results small{font-size:10px;line-height:1.6;color:var(--gold-light);margin-top:3px}
.v-guide-results button:active,.v-guide-queries button:active{background:rgba(var(--gold-rgb),.16)}
.v-guide-results button:active span{color:var(--text)}
.v-guide-results[hidden],.v-guide-queries[hidden],.v-guide-clear[hidden]{display:none}
.v-guide-reader{scroll-margin-top:14px}
/* Explicit search becomes a source-reading view. Clear or edit the query to
   restore the topic sky; neither action replaces or remounts the input. */
.v-guide-map.is-search-answer .v-guide-search.has-guide-field{max-width:880px;margin-inline:auto}
.v-guide-map.is-search-answer .v-guide-subjects,.v-guide-map.is-search-answer .v-guide-sky-wrap{display:none}
.v-guide-map.is-search-answer .v-guide-body{display:block;max-width:880px;margin-inline:auto}
.v-guide-map.is-search-answer .v-guide-reader{padding:clamp(24px,4vw,44px);border-radius:22px}
.v-guide-map.is-search-answer .v-guide-reader h3{text-wrap:balance}
.v-guide-map.is-search-answer .v-guide-search-hint{display:none}
.v-guide-map.is-search-answer .v-guide-search{margin-bottom:20px}
.v-guide-reader [data-guide-title]:focus{outline:none}
.v-guide-reader [data-guide-title]:focus-visible{outline:none;text-decoration:underline;text-decoration-color:rgba(var(--gold-rgb),.65);text-decoration-thickness:1px;text-underline-offset:.2em}
.v-guide-ayah[aria-busy=true]{min-height:100px}
.v-guide-search.has-guide-field .v-guide-field input,.v-guide-results button,.v-guide-queries button{touch-action:manipulation}
/* The hero's preview remains dark, while its light follows the chosen palette. */
.r-gh-search{--u-light-surface:#15181c;border-radius:999px;min-height:18cqw;transition:border-color .2s,box-shadow .25s}
.r-gh-search>:not(.u-field-light){position:relative;z-index:3}
/* The persistent focus ring belongs to the field shell, like its moving light.
   Keep a separate focus indicator on the submit button for keyboard navigation. */
.r-gh-search input:focus-visible{outline:none}
.r-gh-search .r-gh-submit{width:12cqw;height:12cqw;min-width:30px;min-height:30px;padding:2.5cqw;background:linear-gradient(145deg,var(--r-app-gold-2),var(--r-app-gold));color:#181c18;box-shadow:inset 0 1px rgba(255,255,255,.3)}
.r-gh-search .r-gh-submit svg{color:inherit}
[dir=rtl] .r-gh-search .r-gh-submit svg{transform:scaleX(-1)}
.v-guide-field>.u-field-light,.r-gh-search>.u-field-light{--u-light-white:color-mix(in srgb,var(--gold-light) 16%,#fff9e8);--u-light-emerald:color-mix(in srgb,var(--emerald) 28%,#8ee3bf);--u-light-colours:conic-gradient(from var(--u-light-angle),var(--gold),var(--u-light-white),var(--u-light-emerald),var(--gold-light),var(--u-light-white),var(--gold));position:absolute;inset:-2px;width:auto;height:auto;z-index:2;border-radius:inherit;pointer-events:none;isolation:isolate;opacity:0;transition:opacity 220ms ease-out}
.u-field-light::before,.u-field-light::after{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--u-light-colours);pointer-events:none}
.u-field-light::before{z-index:2;padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.u-field-light::after{z-index:0;filter:blur(18px);opacity:.5;transition:opacity 220ms ease-out}
.u-field-light>.u-field-light-surface{position:absolute;display:block;inset:2px;margin:0;z-index:1;border-radius:inherit;background:var(--u-light-surface);pointer-events:none}
:is(.v-guide-field,.r-gh-search)[data-light=focus]>.u-field-light,:is(.v-guide-field,.r-gh-search)[data-light=typing]>.u-field-light{opacity:.95}
:is(.v-guide-field,.r-gh-search)[data-light=matched]>.u-field-light{opacity:1}
:is(.v-guide-field,.r-gh-search)[data-light=matched]>.u-field-light::after{opacity:.78}
:is(.v-guide-field,.r-gh-search)[data-light=settled]>.u-field-light{opacity:.58}
:is(.v-guide-field,.r-gh-search)[data-light=settled]>.u-field-light::after{opacity:.3}
.v15-page.v-light .v-guide-field>.u-field-light{--u-light-white:color-mix(in srgb,var(--gold) 25%,#fff9e8)}
.v15-page.v-light .v-guide-field>.u-field-light::after{opacity:.3}
@media(max-width:560px){
 .v-guide-search.has-guide-field{max-width:none}
 .v-guide-field{padding-inline-start:10px;gap:2px}
 .v-guide-search.has-guide-field .v-guide-field input{font-size:16px}
 .r-gh-search input{font-size:16px}
 .v-guide-submit{padding-inline:11px}
 .v-guide-submit>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .v-guide-results{grid-template-columns:1fr}
 .v-guide-results button{min-height:96px}
}
@media(prefers-reduced-motion:reduce){
 .v-guide-field,.u-field-light,.u-field-light::after,.v-guide-submit,.v-guide-queries button,.v-guide-results button,.r-gh-search{transition:none}
}
@media(forced-colors:active){
 .v-guide-field:focus-within,.r-gh-search:focus-within{outline:2px solid Highlight;outline-offset:3px}
 .v-guide-field>.u-field-light,.r-gh-search>.u-field-light{display:none}
 .v-guide-reader [data-guide-title]:focus-visible{text-decoration-color:Highlight}
}