/* =====================================================================
   nurahybrid.css — tools/nurahybrid.html only (added 14 Nov 2026).
   NuraHybrid's own accents (teal and gold from its logo) on top of the
   site's tokens; light and dark both work.
   ===================================================================== */
:root{--nh-teal:#0F766E;--nh-teal-2:#14B8A6;--nh-gold:#D97706;--nh-gold-2:#F59E0B;}
[data-theme="dark"]{--nh-teal:#2DD4BF;--nh-teal-2:#5EEAD4;--nh-gold:#FBBF24;--nh-gold-2:#FCD34D;}

/* hero: the three promises under the buttons */
.nh-trust{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;gap:.45rem;}
.nh-trust li{display:flex;align-items:center;gap:.55rem;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);}
.nh-trust [data-lucide]{width:1rem;height:1rem;flex:none;color:var(--nh-teal);}

/* a note under a section */
.nh-note{display:flex;gap:.6rem;align-items:flex-start;max-width:68rem;margin:var(--space-6) 0 0;
  font-size:var(--text-sm);line-height:1.55;color:var(--color-text-muted);}
.nh-note > [data-lucide]{width:1.05rem;height:1.05rem;flex:none;margin-top:.15rem;color:var(--nh-teal);}

/* the eight steps */
.nh-steps{list-style:none;margin:var(--space-10) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;}
.nh-steps li{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:1.15rem 1.15rem 1.25rem;
  border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-divider);
  transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);}
.nh-steps li:hover{transform:translateY(-2px);border-color:color-mix(in srgb, var(--nh-teal) 35%, transparent);
  box-shadow:0 16px 34px color-mix(in srgb, var(--nh-teal) 12%, transparent);}
.nh-steps .nh-step-n{position:absolute;top:1rem;right:1.1rem;font-family:var(--font-display);font-weight:800;
  font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-text-faint, var(--color-text-muted));}
.nh-steps li > [data-lucide]{width:2.4rem;height:2.4rem;padding:.55rem;border-radius:var(--radius-lg);margin-bottom:.35rem;
  color:#fff;background:linear-gradient(140deg,var(--nh-teal),var(--nh-teal-2));}
.nh-steps li:nth-child(even) > [data-lucide]{background:linear-gradient(140deg,var(--nh-gold),var(--nh-gold-2));}
[data-theme="dark"] .nh-steps li > [data-lucide]{color:#06201d;}
.nh-steps b{font-family:var(--font-display);font-weight:800;font-size:var(--text-base);letter-spacing:-.015em;}
.nh-steps span:not(.nh-step-n){font-size:var(--text-sm);line-height:1.45;color:var(--color-text-muted);}

/* Ask Nura */
.nh-nura{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(var(--space-8),4vw,var(--space-12));align-items:center;}
.nh-nura-copy h2{margin-top:.4rem;}
.nh-nura-copy > p{color:var(--color-text-muted);max-width:58ch;}
.nh-flow{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;gap:.75rem;counter-reset:nf;}
.nh-flow li{display:grid;grid-template-columns:2.4rem 1fr;gap:.85rem;align-items:start;}
.nh-flow li > [data-lucide]{width:2.4rem;height:2.4rem;padding:.55rem;border-radius:var(--radius-lg);
  color:var(--color-primary);background:var(--color-primary-soft);}
.nh-flow b{display:block;font-weight:700;font-size:var(--text-sm);}
.nh-flow span{display:block;font-size:var(--text-sm);line-height:1.5;color:var(--color-text-muted);}
.nh-modes{display:flex;flex-wrap:wrap;gap:.5rem;margin:var(--space-6) 0 0;}
.nh-modes span{font-size:var(--text-xs);padding:.4rem .75rem;border-radius:var(--radius-full);color:var(--color-text-muted);
  background:var(--color-surface);border:1px solid var(--color-divider);}
.nh-modes b{color:var(--color-text);}
.nh-sees{display:grid;gap:var(--space-4);}
.nh-sees-col{padding:clamp(var(--space-5),2.2vw,var(--space-8));border-radius:var(--radius-2xl);
  background:var(--color-surface);border:1px solid var(--color-divider);
  box-shadow:0 18px 44px color-mix(in srgb, var(--color-text) 7%, transparent);}
.nh-sees-col h3{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:800;
  font-size:var(--text-lg);letter-spacing:-.02em;margin:0 0 var(--space-4);}
.nh-sees-col h3 [data-lucide]{width:1.35rem;height:1.35rem;}
.nh-sees-col.is-ok h3 [data-lucide]{color:var(--nh-teal);}
.nh-sees-col.is-no{background:linear-gradient(150deg,color-mix(in srgb, var(--nh-gold-2) 9%, var(--color-surface)),var(--color-surface));
  border-color:color-mix(in srgb, var(--nh-gold) 25%, transparent);}
.nh-sees-col.is-no h3 [data-lucide]{color:var(--nh-gold);}
.nh-sees-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;}
.nh-sees-col li{position:relative;padding-left:1.4rem;font-size:var(--text-sm);line-height:1.5;}
.nh-sees-col li::before{content:"";position:absolute;left:.15rem;top:.55rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--nh-teal);}
.nh-sees-col.is-no li::before{border-radius:2px;background:var(--nh-gold);transform:rotate(45deg);}

/* evidence */
.nh-ev{margin-top:var(--space-10);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);}
.nh-ev-card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:var(--space-6);border-radius:var(--radius-2xl);
  background:var(--color-surface);border:1px solid var(--color-divider);overflow:hidden;}
.nh-ev-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--nh-tone);}
.nh-ev-card.is-hit{--nh-tone:var(--nh-teal);}
.nh-ev-card.is-mixed{--nh-tone:var(--nh-gold-2);}
.nh-ev-card.is-miss{--nh-tone:#E11D48;}
[data-theme="dark"] .nh-ev-card.is-miss{--nh-tone:#FB7185;}
.nh-ev-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.nh-ev-top b{font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);letter-spacing:.04em;color:var(--color-text-muted);}
.nh-ev-top em{font-style:normal;font-size:var(--text-xs);font-weight:700;padding:.25rem .6rem;border-radius:var(--radius-full);
  color:var(--nh-tone);background:color-mix(in srgb, var(--nh-tone) 12%, transparent);white-space:nowrap;}
.nh-ev-card.is-mixed .nh-ev-top em{color:var(--nh-gold);}
.nh-ev-card h3{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:-.02em;line-height:1.2;margin:.2rem 0 0;}
.nh-ev-card p{font-size:var(--text-sm);line-height:1.55;color:var(--color-text-muted);margin:0;}

/* crops and data */
.nh-data{padding:clamp(var(--space-5),2.4vw,var(--space-8));border-radius:var(--radius-2xl);
  background:var(--color-surface);border:1px solid var(--color-divider);
  box-shadow:0 18px 44px color-mix(in srgb, var(--color-text) 7%, transparent);}
.nh-data-h{font-family:var(--font-display);font-weight:800;font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;
  color:var(--color-text-muted);margin:0 0 var(--space-3);}
.nh-chips + .nh-data-h{margin-top:var(--space-6);}
.nh-chips{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;}
.nh-chips li{display:flex;align-items:baseline;gap:.5rem;padding:.6rem .8rem;border-radius:var(--radius-lg);font-size:var(--text-sm);
  color:var(--color-text-muted);background:color-mix(in srgb, var(--nh-teal) 6%, var(--color-surface-alt));
  border:1px solid color-mix(in srgb, var(--nh-teal) 14%, transparent);}
.nh-chips li b{color:var(--color-text);font-weight:700;}
.nh-chips li em{margin-left:auto;font-style:normal;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  padding:.18rem .5rem;border-radius:var(--radius-full);color:var(--nh-teal);background:color-mix(in srgb, var(--nh-teal) 12%, transparent);}
.nh-chips.is-sim li{background:color-mix(in srgb, var(--nh-gold-2) 6%, var(--color-surface-alt));border-color:color-mix(in srgb, var(--nh-gold) 16%, transparent);}
.nh-chips.is-sim li em{color:var(--nh-gold);background:color-mix(in srgb, var(--nh-gold-2) 14%, transparent);}

@media (max-width:1023px){
  .nh-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .nh-ev{grid-template-columns:repeat(2,minmax(0,1fr));}
  .nh-nura{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .nh-steps{grid-template-columns:1fr 1fr;gap:.6rem;}
  .nh-steps li{padding:1rem;}
  .nh-ev{grid-template-columns:1fr;}
  .nh-chips li{display:grid;grid-template-columns:1fr auto;gap:.15rem .5rem;align-items:center;}
  .nh-chips li b{grid-column:1;grid-row:1;}
  .nh-chips li em{grid-column:2;grid-row:1;margin-left:0;}
  .nh-chips li span{grid-column:1 / -1;grid-row:2;font-size:var(--text-xs);}
}
@media (max-width:380px){ .nh-steps{grid-template-columns:1fr;} }
#data .sec-split p + p{margin-top:var(--space-4);}
.nh-nura-copy .sec-head + p{margin-top:var(--space-5);}