/* Myriad — network search + grounded answer. Speaks the site's premium language:
   near-black glass surfaces, hairline borders, an illuminated TOP edge (not a left
   bar), gold-leaf accents, and serif Scripture. All values come from the public.css
   design tokens (this component renders on the public /graph page). */

.net-search{display:flex;gap:.6rem;max-width:720px;margin:4px auto 22px;width:100%;box-sizing:border-box;padding:0 16px}
.net-search.busy{opacity:.72}

/* the field — a glass well that lights with a gold ring on focus */
.net-q{flex:1;min-width:0;
  background:linear-gradient(180deg,rgba(255,255,255,.022),transparent 30%),var(--e1);
  border:1px solid var(--hair);border-radius:var(--rad-inner);
  color:var(--ivory);font:400 16px/1.5 var(--ui);letter-spacing:-.005em;padding:14px 17px;outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:border-color .25s var(--ease-rev),box-shadow .25s var(--ease-rev),background .25s var(--ease-rev)}
.net-q::placeholder{color:var(--silver-mute)}
.net-q:focus{border-color:var(--hair-hi);
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 30%),var(--e2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 3px rgba(201,162,74,.14),0 0 30px rgba(201,162,74,.10)}

/* Ask — dimensional gold leaf (polished, not a flat block) with a light-sweep */
.net-go{position:relative;overflow:hidden;cursor:pointer;
  color:#231703;border:1px solid rgba(120,92,30,.6);border-radius:var(--rad-inner);
  background:linear-gradient(180deg,var(--gold-hi),var(--gold-leaf) 52%,#9C7628);
  box-shadow:0 1px 0 rgba(255,245,215,.5) inset,0 0 0 1px rgba(255,240,200,.30) inset,0 10px 28px rgba(120,92,30,.30);
  font:700 14px/1 var(--ui);letter-spacing:.05em;padding:0 28px;
  transition:transform .25s var(--ease-rev),box-shadow .25s var(--ease-rev),filter .25s var(--ease-rev)}
.net-go::before{content:"";position:absolute;top:0;bottom:0;left:-160%;width:55%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,250,235,.65),transparent);transform:skewX(-18deg);
  transition:left .8s var(--ease-rev)}
.net-go:hover{transform:translateY(-1px);filter:brightness(1.04);
  box-shadow:0 1px 0 rgba(255,250,225,.6) inset,0 0 0 1px rgba(255,245,220,.45) inset,
    0 14px 36px rgba(120,92,30,.42),0 0 40px rgba(201,162,74,.22)}
.net-go:hover::before{left:170%}
.net-go:disabled{cursor:default;opacity:.55;transform:none;filter:none}

.net-answer{max-width:720px;margin:0 auto 30px;width:100%;box-sizing:border-box;padding:0 16px;
  display:flex;flex-direction:column;gap:.7rem}
.net-msg{color:var(--silver-mute);font:400 15px/1.55 var(--ui);text-align:center;padding:10px 0;margin:0}
.net-kicker{color:var(--gold-mid);font:600 12px/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;margin:0 0 7px}
.net-from{margin-top:10px}

/* cards — the .glass language: near-black, hairline, illuminated TOP edge */
.net-card{position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.022),transparent 30%),var(--e1);
  border:1px solid var(--hair);border-radius:var(--rad-card);padding:20px 22px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),var(--sh-1)}
.net-card::before{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(241,223,166,.5),transparent);opacity:.7}
.net-answer-card{border-color:var(--hair-hi)}
.net-answer-card::before{opacity:1;left:8%;right:8%}
.net-answer-text{color:var(--linen);font:400 16.5px/1.72 var(--ui);margin:0 0 10px}
.net-disclaimer{color:var(--silver-mute);font:400 12px/1.5 var(--ui);margin:0;opacity:.85}

/* nodes — inset wells that lift on hover */
.net-node{display:block;width:100%;text-align:left;position:relative;
  background:var(--e0);border:1px solid var(--hair);border-radius:var(--rad-inner);padding:14px 17px;cursor:pointer;
  font:inherit;transition:border-color .25s var(--ease-rev),background .25s var(--ease-rev),transform .25s var(--ease-rev)}
.net-node:hover{border-color:var(--hair-hi);background:var(--e1);transform:translateY(-1px)}
.net-node.used{border-color:rgba(201,162,74,.45)}
.net-node-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.net-node-title{color:var(--ivory);font:600 15px/1.3 var(--ui)}
.net-node-ref{color:var(--gold-mid);font:500 13px/1.3 var(--ui);white-space:nowrap}
.net-node-body{display:none;margin-top:9px}
.net-node.open .net-node-body{display:block}
.net-node-desc{display:block;color:var(--silver-soft);font:400 14px/1.62 var(--ui);margin-bottom:8px}
.net-node-gc{display:block;color:var(--silver-mute);font:400 14px/1.62 var(--ui)}
.net-node-gc strong{color:var(--gold-leaf);font-weight:600}

.net-pending{font-style:italic;color:var(--silver-mute)}

/* verses — these are Scripture: serif body, and a soft gold spine when cited */
.net-verse{display:block;position:relative;
  background:var(--e0);border:1px solid var(--hair);border-radius:var(--rad-inner);
  padding:13px 17px 14px;margin-bottom:8px;
  transition:border-color .25s var(--ease-rev),background .25s var(--ease-rev)}
.net-verse.used{border-color:var(--hair-hi);background:var(--e1)}
.net-verse.used::before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:2px;border-radius:0 2px 2px 0;
  background:linear-gradient(180deg,transparent,var(--gold-leaf),transparent)}
.net-verse-ref{display:block;color:var(--gold-mid);font:600 12px/1.4 var(--ui);letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}
.net-verse-text{display:block;color:var(--linen);font:400 16px/1.66 var(--script);letter-spacing:.003em;
  font-feature-settings:"liga" 1,"onum" 1,"kern" 1}

@media (max-width:540px){
  .net-search{flex-wrap:wrap}
  .net-go{flex:1;padding:13px 0}
}