/* Nestling Quest ecosystem wheel - embed v1.16 (2026-09-29)
   Sits inside a site page. Follows the page's light/dark switch (html[data-theme]) and fonts (--fh, --fb).
   Everything is prefixed nqw- so it cannot clash with the site's own classes. */
.nqw-band{max-width:1080px;margin:36px auto 56px;padding:0 48px}
.nqw-inner{background:var(--s);border:1px solid var(--b);border-radius:var(--rl,22px);padding:40px}
.nqw-head{text-align:center;max-width:64ch;margin:0 auto 26px}
.nqw-head .eyebrow{margin-bottom:10px}
.nqw-title{font-family:var(--fh);font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.15;letter-spacing:-.2px;margin:0 0 10px;color:var(--t)}
.nqw-title em{font-style:normal;color:var(--gold)}
.nqw-intro{font-size:14px;color:var(--m);line-height:1.75;margin:0}

.nqw{
  --nqw-seam:#12151D; --nqw-core:#161B2E; --nqw-core-line:rgba(255,255,255,.18);
  --nqw-label:#15132B; --nqw-pill:#15132B; --nqw-pill-ink:#FFFFFF;
  --nqw-shadow:rgba(0,0,0,.55);
  --nqw-free-bg:rgba(62,207,142,.14); --nqw-free-ink:#3ECF8E;
  --nqw-fund-bg:rgba(245,200,66,.14); --nqw-fund-ink:#F5C842;
  --nqw-soon-bg:rgba(255,255,255,.10); --nqw-soon-ink:#D5DBEE;
  color:var(--t);
}
[data-theme="light"] .nqw{
  --nqw-seam:#FFFFFF; --nqw-core:#FFFFFF; --nqw-core-line:#D9CCAE;
  --nqw-shadow:rgba(32,43,51,.30);
  --nqw-free-bg:rgba(47,107,79,.12); --nqw-free-ink:#245540;
  --nqw-fund-bg:rgba(192,138,0,.14); --nqw-fund-ink:#6E4A00;
  --nqw-soon-bg:rgba(32,43,51,.08); --nqw-soon-ink:#3C4550;
}
.nqw-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}
.nqw-wheel{width:100%;max-width:500px;margin:0 auto;position:relative}
.nqw-wheel svg{display:block;width:100%;height:auto;overflow:visible;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.nqw-side{min-width:0}
.nqw-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 6px;font-size:13px;font-weight:600;color:var(--m)}
.nqw-legend span{display:inline-flex;align-items:center;gap:8px}
.nqw-swatch{width:26px;height:12px;border-radius:6px;display:inline-block;flex:none}
.nqw-hint{font-size:13px;color:var(--m);margin:0 0 14px}

/* the wheel drawing */
.nqw svg text{font-family:var(--fb,'Inter',system-ui,sans-serif)}
.nqw-ring{transform-box:view-box;transform-origin:240px 240px;transition:transform .95s cubic-bezier(.22,.8,.24,1);will-change:transform}
.nqw-lbl{transform-box:view-box;transition:transform .95s cubic-bezier(.22,.8,.24,1);pointer-events:none}
.nqw-pop{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.nqw-seg path.nqw-shape{cursor:pointer;stroke:var(--nqw-seam);stroke-width:3;transition:filter .3s}
.nqw-seg:focus{outline:none}
.nqw-seg:focus-visible path.nqw-shape{stroke:var(--t);stroke-width:3.5}
.nqw-seg.on path.nqw-shape{filter:drop-shadow(0 6px 10px var(--nqw-shadow))}
.nqw-seg{opacity:0}
.nqw.go .nqw-seg{animation:nqwFly .5s cubic-bezier(.22,.8,.3,1.15) forwards}
@keyframes nqwFly{from{opacity:0;transform:translate(var(--fx,0),var(--fy,0)) scale(.6)}to{opacity:1;transform:none}}
.nqw-core{cursor:pointer;opacity:0;transform-box:fill-box;transform-origin:center}
.nqw.go .nqw-core{animation:nqwCore .45s cubic-bezier(.34,1.4,.64,1) forwards}
@keyframes nqwCore{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
.nqw-core:focus{outline:none}
.nqw-core:focus-visible .nqw-core-c{stroke:var(--t);stroke-width:3}
.nqw-core-c{fill:var(--nqw-core);stroke:var(--nqw-core-line);stroke-width:2}
.nqw-core-t{fill:var(--t);font-family:var(--fh,'Fredoka',system-ui,sans-serif) !important;font-weight:600}
.nqw-core-s{fill:var(--m);font-weight:700}
.nqw-seg-t{fill:var(--nqw-label);font-weight:700}
.nqw-pill-r{fill:var(--nqw-pill)}
.nqw-pill-t{fill:var(--nqw-pill-ink);font-weight:700}

/* the details card */
.nqw-card{background:var(--bg);border:1px solid var(--b);border-top:5px solid var(--nqw-accent,var(--green));border-radius:16px;padding:18px 20px 16px;min-height:212px}
.nqw-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.nqw-chip{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;line-height:1.3}
.nqw-chip.free{background:var(--nqw-free-bg);color:var(--nqw-free-ink)}
.nqw-chip.fund{background:var(--nqw-fund-bg);color:var(--nqw-fund-ink)}
.nqw-chip.soon{background:var(--nqw-soon-bg);color:var(--nqw-soon-ink)}
.nqw-card h4{font-family:var(--fh);font-size:19px;font-weight:600;line-height:1.25;margin:0 0 8px;color:var(--t)}
.nqw-card p{font-size:14px;line-height:1.65;color:var(--m);margin:0 0 8px}
.nqw-more{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 18px;margin-top:6px;border-radius:12px;background:var(--green);color:var(--bg);font-weight:700;font-size:14px;text-decoration:none}
.nqw-more:hover{filter:brightness(1.06)}
.nqw-more:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.nqw-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nqw-noscript{font-size:14px;color:var(--m);line-height:1.7}
.nqw-noscript h4{font-family:var(--fh);font-size:17px;color:var(--t);margin:14px 0 6px}
.nqw-noscript ul{margin:0 0 0 18px}

@media(max-width:860px){
  .nqw-band{padding:0 16px;margin:28px auto 44px}
  .nqw-inner{padding:26px 6px 18px}
  .nqw-head{padding:0 12px;margin-bottom:14px}
  .nqw-body{display:flex;flex-direction:column;gap:10px}
  .nqw-side{display:contents}
  .nqw-legend{order:1;justify-content:center;padding:0 10px;margin:0}
  .nqw-hint{order:2;text-align:center;margin:0;padding:0 10px}
  .nqw-wheel{order:3;margin:4px auto 6px}
  .nqw-card{order:4;margin:0 6px;min-height:228px}
}
@media(prefers-reduced-motion:reduce){
  .nqw-ring,.nqw-lbl,.nqw-pop{transition:none}
  .nqw-seg,.nqw-core,.nqw.go .nqw-seg,.nqw.go .nqw-core{animation:none;opacity:1}
}