/* Personality Lab: approved watercolor within the Blue & Silver surround.
   This sheet is scoped to results; quiz questions, sliders and color tools retain
   their existing presentation and all original calculation/interaction code. */
.neoes-personality {
  --pl-blue:#214c71;
  --pl-ink:#173a58;
  --pl-muted:#50677b;
  --pl-edge:#a6b8c7;
  --pl-panel:#edf3f7;
  --pl-enamel:linear-gradient(180deg,#f4f8fb,#dce7f0);
  --pl-active:linear-gradient(180deg,#487ca2,#285575);
  --pl-active-ink:#fff;
}
html.dark .neoes-personality {
  --pl-blue:#bedcf2;
  --pl-ink:#e8f2f8;
  --pl-muted:#b2c7d8;
  --pl-edge:#557a97;
  --pl-panel:#102a40;
  --pl-enamel:linear-gradient(180deg,#244b68,#15354f);
  --pl-active:linear-gradient(180deg,#5a8caf,#326283);
  --pl-active-ink:#fff;
}
.neoes-personality > .info-card {
  padding:12px;
  color:var(--pl-ink);
  background:linear-gradient(155deg,#f7fafc,var(--pl-panel));
  border:1px solid var(--pl-edge);
  box-shadow:inset 0 1px 0 #fff,0 2px 5px #19374f0a;
}
html.dark .neoes-personality > .info-card {
  background:linear-gradient(155deg,#17364f,var(--pl-panel) 65%);
  box-shadow:inset 0 1px 0 #c2daeb29,0 3px 8px #020c1726;
}
.neoes-personality .pl-flower {
  display:block;width:100%;max-width:362px;height:auto;aspect-ratio:362 / 324;
  margin:0 auto 10px;overflow:visible;
}
.neoes-personality .pl-flower .pl-radar-grid {fill:none;stroke:var(--pl-edge);stroke-width:1;opacity:.8}
.neoes-personality .pl-flower .pl-radar-spoke {fill:none;stroke:var(--pl-edge);stroke-width:1;stroke-dasharray:2 3;opacity:.7}
.neoes-personality .pl-flower .pl-radar-tick {stroke:var(--pl-edge);stroke-width:1;opacity:.6}
.neoes-personality .pl-flower .pl-radar-score {stroke:#228da5;stroke-width:3;stroke-linejoin:round}
.neoes-personality .pl-flower .pl-radar-halo {fill:#3699b3;opacity:.18}
.neoes-personality .pl-flower .pl-radar-dot {fill:#f5ffff;stroke:#168da5;stroke-width:1.7}
.neoes-personality .pl-flower .pl-radar-label {fill:var(--pl-ink);font:700 15px var(--font-body,Arial,sans-serif)}
.neoes-personality .pl-flower .pl-radar-value {fill:#1e647e;font:700 20px Georgia,serif}
html.dark .neoes-personality .pl-flower .pl-radar-score {stroke:#5fe3ee;filter:drop-shadow(0 0 5px #00c7ec60)}
html.dark .neoes-personality .pl-flower .pl-radar-halo {fill:#9ff9ff;opacity:.2}
html.dark .neoes-personality .pl-flower .pl-radar-dot {fill:#e5ffff;stroke:#6bdee5}
html.dark .neoes-personality .pl-flower .pl-radar-value {fill:#5ed9e5}
.neoes-personality .pl-lens-prompt {
  color:var(--pl-muted);
  font-size:10px;
  letter-spacing:.8px;
  margin:0 0 7px;
}
.neoes-personality .pl-lens-row {
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:center;
  gap:7px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  touch-action:auto;
  overscroll-behavior-x:contain;
  margin:0 0 11px;
  padding:2px 0 5px;
  border-bottom:1px solid var(--pl-edge);
}
.neoes-personality .pl-lens-row::-webkit-scrollbar{display:none}
.neoes-personality .pl-lens-row::before,.neoes-personality .pl-lens-row::after{content:"";display:block;flex:none;width:var(--pl-lens-edge-start,0px)}
.neoes-personality .pl-lens-row::after{width:var(--pl-lens-edge-end,0px)}
.neoes-personality .pl-lens-break {display:none}
.neoes-personality .pl-lens {
  display:flex;
  justify-content:center;
  align-items:center;
  flex:none;
  min-width:82px;
  min-height:40px;
  margin:0;
  padding:6px 11px;
  border:1px solid #67859a;
  border-radius:5px;
  background:#153b56;
  box-shadow:inset 0 1px 0 #dae9f337,0 2px 3px #112d4930;
  color:#e2edf4;
  font-family:inherit;
  font-size:13px;
  font-weight:700;
  letter-spacing:-.3px;
  line-height:1.1;
  text-align:center;
  scroll-snap-align:center;
  touch-action:auto;
}
.neoes-personality .pl-lens.on {
  border-color:#adc7d8;
  background:#3b6785;
  box-shadow:inset 0 1px 0 #f3f9fc6b,0 0 0 1px #72a5c42e;
  color:#fff;
  font-weight:750;
}
html.dark .neoes-personality .pl-lens {box-shadow:inset 0 1px 0 #d2e8f125,0 1px 2px #0003}
.neoes-personality .pl-lens:focus-visible,
.neoes-personality .pl-tab:focus-visible {
  outline:2px solid var(--pl-blue);
  outline-offset:2px;
}
.neoes-personality .pl-arch {
  padding:10px;
  border:1px solid var(--pl-edge);
  border-radius:11px;
  color:var(--pl-ink);
  background:linear-gradient(155deg,#f9fbfd,#e8eff4);
  box-shadow:inset 0 1px 0 #ffffffa6;
}
html.dark .neoes-personality .pl-arch {
  background:linear-gradient(155deg,#183b56,#0d2438);
  box-shadow:inset 0 1px 0 #dcecf326;
}
/* Illustration and complete interpretation copy share one compact row. */
.neoes-personality .pl-aline {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  align-items:center;
  min-height:100px;
  gap:10px;
}
.neoes-personality .pl-acopy {min-width:0;text-align:left}
.neoes-personality .pl-aem {font-size:60px;width:100%;line-height:100px}
.neoes-personality .pl-atitle {
  display:block;
  color:var(--pl-ink);
  font-size:22px;
  font-weight:700;
  letter-spacing:.1px;
  line-height:1.18;
}
.neoes-personality .pl-atag {
  margin-top:6px;
  color:var(--pl-muted);
  font-size:12.5px;
  line-height:1.4;
  text-wrap:pretty;
}
.neoes-personality .pl-aface {
  width:84px;
  height:84px;
  max-width:100%;
  justify-self:center;
  box-shadow:0 0 0 2px var(--pl-edge),0 2px 6px #09213726;
}
.neoes-personality .pl-aface.clickable {box-shadow:0 0 0 2px var(--pl-blue),0 2px 6px #09213726}
.neoes-personality-art {
  display:block;
  width:100%;
  max-width:100px;
  aspect-ratio:1;
  justify-self:center;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background-color:transparent;
  background-image:var(--pl-art-image);
  background-size:var(--pl-art-size,cover);
  background-position:var(--pl-art-position,center);
  background-repeat:no-repeat;
  box-shadow:none;
  /* Fade only the atlas cell edges; preserve the painted scene and loose wash. */
  -webkit-mask-image:linear-gradient(to right,transparent,#000 22%,#000 78%,transparent),linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,#000 22%,#000 78%,transparent),linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);
  mask-composite:intersect;
}
.neoes-personality .pl-illustrated .pl-aem {display:none!important}
.neoes-personality .pl-tabs {margin-top:10px;gap:6px}
.neoes-personality .pl-tab {
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:1;
  padding:7px 9px;
  border:1px solid var(--pl-edge);
  border-radius:7px;
  background:var(--pl-enamel);
  color:var(--pl-ink);
  font-family:inherit;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  box-shadow:inset 0 1px 0 #ffffff40;
}
.neoes-personality .pl-tab.on {color:var(--pl-active-ink);border-color:#7fa9c8;background:var(--pl-active);box-shadow:inset 0 1px 0 #e4f3ff70}
.neoes-personality .pl-tab svg {width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.neoes-personality .pl-empty {color:var(--pl-muted)}
.neoes-personality .pl-take-btn {background:var(--pl-active);border:1px solid var(--pl-edge);border-radius:8px;min-height:42px}
.neoes-personality .pl-map {border:1px solid var(--pl-edge)}
.neoes-personality .pl-mapnote {color:var(--pl-muted)}
@media(max-width:374px) {
  .neoes-personality > .info-card {padding:10px}
  .neoes-personality .pl-lens {padding-inline:1px}
  .neoes-personality .pl-flower {width:100%;height:auto}
  .neoes-personality .pl-atitle {font-size:21px}
}

/* Exact interpretation atlas cells: 3 columns by 2 rows, row-major. */
.neoes-personality-art {--pl-art-size:300% 200%}
.neoes-personality-art[data-pl-art="animal-owl"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-animals-1.webp");--pl-art-position:0% 0%}
.neoes-personality-art[data-pl-art="animal-beaver"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-animals-1.webp");--pl-art-position:50% 0%}
.neoes-personality-art[data-pl-art="animal-lion"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-animals-1.webp");--pl-art-position:100% 0%}
.neoes-personality-art[data-pl-art="animal-dolphin"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-animals-1.webp");--pl-art-position:0% 100%}
.neoes-personality-art[data-pl-art="animal-elephant"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-animals-1.webp");--pl-art-position:50% 100%}
.neoes-personality-art[data-pl-art="animal-koala"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-animals-1.webp");--pl-art-position:100% 100%}
.neoes-personality-art[data-pl-art="animal-fox"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-animals-2.webp");--pl-art-position:0% 0%}
.neoes-personality-art[data-pl-art="animal-tortoise"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-animals-2.webp");--pl-art-position:50% 0%}
.neoes-personality-art[data-pl-art="animal-cheetah"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-animals-2.webp");--pl-art-position:100% 0%}
.neoes-personality-art[data-pl-art="animal-octopus"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-animals-2.webp");--pl-art-position:0% 100%}
.neoes-personality-art[data-pl-art="animal-dog"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-animals-2.webp");--pl-art-position:50% 100%}
.neoes-personality-art[data-pl-art="nature-night-sky"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-nature-1.webp");--pl-art-position:0% 0%}
.neoes-personality-art[data-pl-art="nature-mountain"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-nature-1.webp");--pl-art-position:50% 0%}
.neoes-personality-art[data-pl-art="nature-high-sun"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-nature-1.webp");--pl-art-position:100% 0%}
.neoes-personality-art[data-pl-art="nature-sunrise"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-nature-1.webp");--pl-art-position:0% 100%}
.neoes-personality-art[data-pl-art="nature-old-oak"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-nature-1.webp");--pl-art-position:50% 100%}
.neoes-personality-art[data-pl-art="nature-still-lake"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-nature-1.webp");--pl-art-position:100% 100%}
.neoes-personality-art[data-pl-art="nature-rainbow"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-nature-2.webp");--pl-art-position:0% 0%}
.neoes-personality-art[data-pl-art="nature-bedrock"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-nature-2.webp");--pl-art-position:50% 0%}
.neoes-personality-art[data-pl-art="nature-lightning"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-nature-2.webp");--pl-art-position:100% 0%}
.neoes-personality-art[data-pl-art="nature-morning-mist"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-nature-2.webp");--pl-art-position:0% 100%}
.neoes-personality-art[data-pl-art="nature-fair-weather"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-nature-2.webp");--pl-art-position:50% 100%}
.neoes-personality-art[data-pl-art="plant-fern"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-plants-1.webp");--pl-art-position:0% 0%}
.neoes-personality-art[data-pl-art="plant-bonsai"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-plants-1.webp");--pl-art-position:50% 0%}
.neoes-personality-art[data-pl-art="plant-sunflower"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-plants-1.webp");--pl-art-position:100% 0%}
.neoes-personality-art[data-pl-art="plant-marigold"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-plants-1.webp");--pl-art-position:0% 100%}
.neoes-personality-art[data-pl-art="plant-aloe"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-plants-1.webp");--pl-art-position:50% 100%}
.neoes-personality-art[data-pl-art="plant-lavender"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-plants-1.webp");--pl-art-position:100% 100%}
.neoes-personality-art[data-pl-art="plant-wildflowers"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-plants-2.webp");--pl-art-position:0% 0%}
.neoes-personality-art[data-pl-art="plant-snake-plant"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-plants-2.webp");--pl-art-position:50% 0%}
.neoes-personality-art[data-pl-art="plant-bamboo"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-plants-2.webp");--pl-art-position:100% 0%}
.neoes-personality-art[data-pl-art="plant-moss"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-plants-2.webp");--pl-art-position:0% 100%}
.neoes-personality-art[data-pl-art="plant-pothos"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-plants-2.webp");--pl-art-position:50% 100%}
.neoes-personality-art[data-pl-art="season-early-autumn"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-seasons-1.webp");--pl-art-position:0% 0%}
.neoes-personality-art[data-pl-art="season-late-autumn"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-seasons-1.webp");--pl-art-position:50% 0%}
.neoes-personality-art[data-pl-art="season-midsummer"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-seasons-1.webp");--pl-art-position:100% 0%}
.neoes-personality-art[data-pl-art="season-late-spring"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-seasons-1.webp");--pl-art-position:0% 100%}
.neoes-personality-art[data-pl-art="season-harvest"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-seasons-1.webp");--pl-art-position:50% 100%}
.neoes-personality-art[data-pl-art="season-indian-summer"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-seasons-1.webp");--pl-art-position:100% 100%}
.neoes-personality-art[data-pl-art="season-early-spring"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-seasons-2.webp");--pl-art-position:0% 0%}
.neoes-personality-art[data-pl-art="season-deep-winter"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-seasons-2.webp");--pl-art-position:50% 0%}
.neoes-personality-art[data-pl-art="season-midsummer-storm"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-seasons-2.webp");--pl-art-position:100% 0%}
.neoes-personality-art[data-pl-art="season-first-frost"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-seasons-2.webp");--pl-art-position:0% 100%}
.neoes-personality-art[data-pl-art="season-mild-spring"] {--pl-art-image:url("brand-art/blue-silver-v1/personality-seasons-2.webp");--pl-art-position:50% 100%}

/* Real portraits and color swatches retain their distinct circular treatment. */
.neoes-personality .pl-aface,.neoes-personality-art[data-pl-art="color"] {
  box-sizing:border-box;width:84px;height:84px;max-width:100%;
  border:2px solid #b9cbd8;border-radius:50%;outline:1px solid #6f8fa6;
  box-shadow:inset 0 0 0 1px #ffffff90,0 2px 5px #09213726;
}
.neoes-personality .pl-aface {object-fit:cover}
.neoes-personality .pl-aface.clickable {outline-color:var(--pl-blue);box-shadow:inset 0 0 0 1px #ffffff90,0 2px 5px #09213726}
.neoes-personality-art[data-pl-art="color"] {
  -webkit-mask-image:none;mask-image:none;
  background-color:var(--pl-interpretation-color);
  background-image:radial-gradient(circle at 32% 24%,#ffffff80,transparent 38%),linear-gradient(145deg,transparent 50%,#00000026);
  background-size:100% 100%;background-position:center;
}

.neoes-personality-art[data-pl-art^="role-"] {-webkit-mask-image:none;mask-image:none;--pl-art-image:url("brand-art/blue-silver-v2/personality-role-icons.webp");--pl-art-size:300% 400%}
.neoes-personality-art[data-pl-art="role-explorer"] {--pl-art-position:0% 0%}
.neoes-personality-art[data-pl-art="role-architect"] {--pl-art-position:50% 0%}
.neoes-personality-art[data-pl-art="role-champion"] {--pl-art-position:100% 0%}
.neoes-personality-art[data-pl-art="role-host"] {--pl-art-position:0% 33.3333%}
.neoes-personality-art[data-pl-art="role-steady-hand"] {--pl-art-position:50% 33.3333%}
.neoes-personality-art[data-pl-art="role-peacemaker"] {--pl-art-position:100% 33.3333%}
.neoes-personality-art[data-pl-art="role-free-spirit"] {--pl-art-position:0% 66.6667%}
.neoes-personality-art[data-pl-art="role-the-rock"] {--pl-art-position:50% 66.6667%}
.neoes-personality-art[data-pl-art="role-spark"] {--pl-art-position:100% 66.6667%}
.neoes-personality-art[data-pl-art="role-thinker"] {--pl-art-position:0% 100%}
.neoes-personality-art[data-pl-art="role-all-rounder"] {--pl-art-position:50% 100%}

.neoes-personality-art[data-pl-art="role-neutral"] {--pl-art-position:100% 100%}

/* Approved A splash. Only the read preview changes; the continuous editor stays intact. */
.ff-color-splash {position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;height:139px;margin:0 auto}
.ff-color-splash .ff-splash-art {position:absolute;inset:auto 0;width:100%;height:auto;overflow:visible;z-index:0}
.ff-color-splash .ff-color-name {position:relative;z-index:2;max-width:46%;max-height:64px;text-align:center;font:700 17px/1.22 var(--font-body,Arial,sans-serif);letter-spacing:0;overflow-wrap:anywhere;text-shadow:0 1px 2px #0008}
.ff-color-splash.long .ff-color-name {font-size:16px}
.ff-color-splash.xlong .ff-color-name {font-size:14px}