/* Layout reset. The original Cormorant / Rajdhani / Share Tech Mono fonts stay. */
body.home-layout-v9 {
  background: #08131f;
  cursor: auto;
}
body.home-layout-v9 :is(#cur,#cur-ring,#bg-canvas,#shoot-canvas,.react-cosmic-bg) { display: none; }
body.home-layout-v9 :is(a,button,[role="button"]) { cursor: pointer; }
body.home-layout-v9 input { cursor: text; }
body.home-layout-v9 #main-view { background: #08131f; }
body.home-layout-v9 #main-view .ed-section-number { display: none; }

/* A clear introduction with one visual feature, connected by the brand rail. */
body.home-layout-v9 #main-view .hero.ed-hero {
  padding: 7.4rem 3rem 2.5rem;
  background: #08131f;
}
.home-layout-v9 .ed-hero-frame {
  max-width: 1280px;
  grid-template-columns: 44px minmax(0,1.3fr) minmax(0,1fr);
  border: 0;
}
.home-layout-v9 .ed-brand-rail { background: none; border-right: 1px solid #294253; padding: 0; }
.home-layout-v9 .ed-brand-rail>span:first-child { font-size: 10px; letter-spacing: .24em; color: #a0b7c6; }
.home-layout-v9 .ed-hero-intro { background: none; border: 0; padding: 1.4rem 2.6rem; justify-content: center; }
body.home-layout-v9 #main-view .ed-hero h1 {
  font-size: clamp(3.2rem,5.8vw,5.6rem);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.025em;
  text-transform: none;
  margin: 1.4rem 0 1.5rem;
}
body.home-layout-v9 #main-view .ed-hero h1>span,
body.home-layout-v9 #main-view .ed-hero h1>span+span { color: var(--ed-white); margin: 0; -webkit-text-stroke: 0; }
.home-layout-v9 .ed-hero h1 em { display: block; color: var(--ed-blue); font-weight: 400; }
body.home-layout-v9 #main-view .ed-hero-description { max-width: 25rem; font-size: 20px; line-height: 1.55; color: #c1d2de; }
.home-layout-v9 .ed-hero-actions { margin-top: 1.6rem; gap: 1.5rem; }
body.home-layout-v9 #main-view .ed-hero .ed-button { padding: .95rem 1.2rem; }
body.home-layout-v9 #main-view .ed-theory-link { margin-top: 1.35rem; border: 0; padding: 0; font-size: 16px; color: #9db8ca; }
.home-layout-v9 #editorial-feature-root { background: radial-gradient(ellipse at 50% 35%,#183d54 0%,#102536 42%,#0b1b29 75%); }
.home-layout-v9 .ed-feature { padding: 1.15rem 1.6rem .55rem; }
body.home-layout-v9 #main-view .ed-feature-top { justify-content: center; padding: .55rem 0 0; color: #a8c3d4; font-size: 11px; }
body.home-layout-v9 #main-view .ed-feature-slide { padding: 0; min-height: 402px; flex: 1; }
.home-layout-v9 .ed-feature-content { text-align: center; }
.home-layout-v9 .ed-feature-art { height: 240px; margin: 0; }
.home-layout-v9 .ed-feature-art::before { width: 205px; height: 205px; border-color: #29485d; }
.home-layout-v9 .ed-feature-art .sigil-svg { width: 260px; height: 260px; }
.home-layout-v9 .ed-feature-title { justify-content: center; }
body.home-layout-v9 #main-view .ed-feature-title h2 { font-size: clamp(2rem,3.2vw,2.8rem); }
body.home-layout-v9 #main-view .ed-feature-description { font-size: 18px; line-height: 1.5; min-height: 54px; max-width: 22rem; margin: .55rem auto .65rem; color: #bdcfdb; }
body.home-layout-v9 #main-view .ed-feature-link { align-self: center; justify-content: center; gap: 1.5rem; margin: 0; }
.home-layout-v9 .ed-feature-controls { padding: 0 .2rem; border: 0; min-height: 44px; }
.home-layout-v9 .ed-slide-number { font-size: 10px; color: #9bb6c6; }
.home-layout-v9 .ed-feature-controls button { font-size: 14px; }
.home-layout-v9 .ed-feature-fallback { min-height: 440px; align-items: center; text-align: center; }
.home-layout-v9 .ed-marquee { margin: 0; border-inline: 0; border-block: 1px solid #263d4e; background: #0b1b29; }
body.home-layout-v9 .ed-marquee-group>span { padding: 1.1rem 1.8rem; }
.home-layout-v9 .ed-marquee-pause { border-left: 1px solid #263d4e; }

/* Purple-first atmosphere, crossfading to the original sky blue. */
body.home-layout-v9 #main-view #types.ed-section {
  --ed-white: #f0f4f3;
  --ed-copy: #b3c2cd;
  --ed-rule: #29343f;
  --ed-blue: #22d3ee;
  /* The legacy React catalog declares its dark background as important. */
  background: linear-gradient(to bottom,#0b1b29 0,#070709 180px,#070709 calc(100% - 160px),#08131f 100%) !important;
  position: relative;
  isolation: isolate;
  color: var(--ed-white);
  padding: 4rem max(2.5rem,4vw) 4.5rem;
}
body.home-layout-v9 #main-view #types.ed-section::before {
  content: none;
}
body.home-layout-v9 #main-view #types.ed-section>.sec-inner { position: relative; z-index: 1; }
.home-layout-v9 .ed-catalog-atmosphere { position: absolute; inset: 0; overflow: hidden; contain: strict; z-index: 0; pointer-events: none; mask-image: linear-gradient(to bottom,transparent,#000 180px,#000 calc(100% - 160px),transparent); }
.home-layout-v9 .ed-catalog-atmosphere canvas { position: absolute; inset: 0; width: 100% !important; height: 100% !important; opacity: .75; }
.home-layout-v9 .ed-catalog-aurora {
  position: absolute;
  inset: -8%;
  animation: ed-catalog-drift 42s ease-in-out infinite alternate;
  animation-play-state: paused;
  will-change: transform;
}
.home-layout-v9 .ed-catalog-atmosphere.is-running .ed-catalog-aurora { animation-play-state: running; }
@keyframes ed-catalog-drift {
  0% { transform: translate(-2%,-3%) scale(1); }
  55% { transform: translate(2%,2%) scale(1.04); }
  100% { transform: translate(-1%,4%) scale(1.02); }
}
.home-layout-v9 .ed-catalog-aurora::before {
  content: ''; position: absolute; inset: 0; opacity: 1;
  background: radial-gradient(ellipse 23% 27% at 95% 28%,rgba(125,38,255,.42),transparent 90%);
  animation: ed-catalog-violet 42s ease-in-out infinite;
  animation-play-state: paused;
}
.home-layout-v9 .ed-catalog-aurora::after {
  content: ''; position: absolute; inset: 0; opacity: 0;
  background: radial-gradient(ellipse 24% 28% at 4% 70%,rgba(0,191,255,.34),transparent 90%);
  animation: ed-catalog-blue 42s ease-in-out infinite;
  animation-play-state: paused;
}
.home-layout-v9 .ed-catalog-atmosphere.is-running .ed-catalog-aurora::before,
.home-layout-v9 .ed-catalog-atmosphere.is-running .ed-catalog-aurora::after { animation-play-state: running; }
/* Separate peaks keep the two saturated pools from becoming a pale wash. */
@keyframes ed-catalog-violet { 0%,15%,100% { opacity: 1; } 45%,65% { opacity: 0; } }
@keyframes ed-catalog-blue { 0%,25%,90%,100% { opacity: 0; } 50%,60% { opacity: 1; } }
@keyframes ed-sky-crossfade { 0%,100% { opacity: 0; } 50% { opacity: 1; } }
.home-layout-v9 .ed-catalog-masthead { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; margin-bottom: 2rem; border-bottom: 1px solid #80bdce33; }
.home-layout-v9 .ed-catalog-masthead>span { display: inline-flex; align-items: center; gap: .85rem; color: #b0d1de; font: 400 11px/1.5 var(--ed-ui); letter-spacing: .17em; text-transform: uppercase; }
.home-layout-v9 .ed-catalog-masthead b { color: var(--ed-blue); font-weight: 400; }
.home-layout-v9 .ed-catalog-masthead i { width: 35px; height: 1px; background: #729aab; }
.home-layout-v9 .ed-catalog-motion { display: inline-flex; align-items: center; gap: .65rem; min-height: 36px; background: none; border: 0; padding: 0; color: #a1c0cf; font: 400 10px/1.5 var(--ed-ui); }
.home-layout-v9 .ed-catalog-motion:hover { color: var(--ed-blue); }
.home-layout-v9 .ed-catalog-motion:disabled { opacity: .6; cursor: default; }
.home-layout-v9 #types .ed-section-heading { margin-bottom: 2rem; align-items: center; }
body.home-layout-v9 #main-view #types .ed-section-heading h2 { margin-top: 0; color: var(--ed-white); }
body.home-layout-v9.sigil-react-mounted #main-view #types .ed-section-intro p { color: var(--ed-copy); }
body.home-layout-v9 #main-view #types .ed-text-link { color: var(--ed-blue); }
body.home-layout-v9 #main-view #types :is(.sigil-island,.sigil-island__toolbar,.sigil-card-grid) { box-shadow: none; }
body.home-layout-v9 #main-view #types .sigil-island__toolbar { gap: 1.5rem; margin-bottom: 1.2rem; background: transparent; }
body.home-layout-v9 #main-view #types .sigil-filter-row { gap: .3rem; }
body.home-layout-v9 #main-view #types .sigil-filter-btn {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
  color: #adbfcc;
  font-size: 12px;
  padding: .65rem .9rem;
}
body.home-layout-v9 #main-view #types .sigil-filter-btn:is(:hover,:focus-visible) { background: #17222b; color: #edf6f8; }
body.home-layout-v9 #main-view #types .sigil-filter-btn.is-active { color: #06151c; background: var(--ed-blue); border-color: var(--ed-blue); }
body.home-layout-v9 #main-view #types .sigil-search { color: #a1b8c7; background: #0d1116; border: 1px solid #34414d; box-shadow: none; padding: .6rem .85rem; }
body.home-layout-v9 #main-view #types .sigil-search input { background: none; color: #edf6f8; }
body.home-layout-v9 #main-view #types .sigil-search input::placeholder { color: #9caebb; opacity: 1; }
body.home-layout-v9 #main-view #types .sigil-card-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
body.home-layout-v9 #main-view #types .ed-type-card {
  --ed-card-accent: var(--quadra-alpha);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 80px auto;
  align-items: center;
  gap: .55rem;
  padding: 1rem 1.15rem;
  min-height: 190px;
  height: 100%;
  background:
    radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--ed-card-accent) 9%,transparent),transparent 60%),
    linear-gradient(145deg,#101c29,#090e16 78%);
  border: 1px solid color-mix(in srgb,var(--ed-card-accent) 21%,#192430);
  box-shadow: inset 0 1px 0 color-mix(in srgb,var(--ed-card-accent) 13%,transparent),0 8px 26px #0003;
  position: relative;
  color: #edf6f8;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
body.home-layout-v9 #main-view #types .ed-type-card[data-quadra="Beta"] { --ed-card-accent: var(--quadra-beta); }
body.home-layout-v9 #main-view #types .ed-type-card[data-quadra="Gamma"] { --ed-card-accent: var(--quadra-gamma); }
body.home-layout-v9 #main-view #types .ed-type-card[data-quadra="Delta"] { --ed-card-accent: var(--quadra-delta); }
body.home-layout-v9 #main-view #types .ed-type-card:is(:hover,:focus-visible) {
  transform: translateY(-3px);
  border-color: color-mix(in srgb,var(--ed-card-accent) 65%,#192430);
  box-shadow: inset 0 1px 0 color-mix(in srgb,var(--ed-card-accent) 30%,transparent),0 0 30px color-mix(in srgb,var(--ed-card-accent) 12%,transparent);
}
body.home-layout-v9 #main-view #types .ed-type-heading { gap: .5rem; align-self: start; }
body.home-layout-v9 #main-view #types .ed-type-heading>b { font-size: 28px; color: #edf6f8; }
body.home-layout-v9 #main-view #types .ed-type-heading>span { display: inline-flex; align-items: center; gap: .4rem; font-size: 10px; letter-spacing: .015em; color: #a7bac8; }
.home-layout-v9 .ed-quadra-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ed-card-accent); flex: 0 0 auto; }
body.home-layout-v9 #main-view #types .ed-type-sigil { width: 84px; height: 84px; justify-self: center; position: relative; }
.home-layout-v9 #types .ed-type-sigil::before {
  content: '';
  position: absolute;
  inset: -18px;
  border-radius: 50%;
  background: radial-gradient(circle,color-mix(in srgb,var(--ed-card-accent) 18%,transparent),transparent 66%);
  opacity: .7;
  transition: opacity .2s;
  pointer-events: none;
}
.home-layout-v9 #types .ed-type-card:is(:hover,:focus-visible) .ed-type-sigil::before { opacity: 1; }
.home-layout-v9 #types .ed-type-sigil .sigil-svg { position: relative; overflow: visible; }
/* Keep each sigil consistent with its quadra marker. */
body.home-layout-v9 #types .ed-type-sigil .sigil-line { stroke: var(--ed-card-accent) !important; color: var(--ed-card-accent) !important; }
body.home-layout-v9 #types .ed-type-sigil .sigil-fill { fill: var(--ed-card-accent) !important; stroke: var(--ed-card-accent) !important; color: var(--ed-card-accent) !important; }
body.home-layout-v9 #main-view #types .ed-type-copy { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
body.home-layout-v9 #main-view #types .ed-type-copy h3 { color: #dce8ef; font-size: 20px; font-weight: 500; margin: 0; }
body.home-layout-v9 #main-view #types .ed-type-arrow { padding: 0; align-self: center; color: var(--ed-card-accent); }
body.home-layout-v9.sigil-react-mounted #main-view #types .ed-no-results { color: var(--ed-copy); border-color: var(--ed-rule); }
.home-layout-v9 #types :is(a,button,input):focus-visible { outline-color: var(--ed-blue); }
.home-layout-v9 #types #tgrid .t-card { background: #0d1116; color: #edf6f8; }

/* The original database cards, in a controlled horizontal slideshow. */
body.home-layout-v9 #main-view #research.ed-section {
  background: radial-gradient(ellipse at 80% 0%,#16334866,transparent 52%),#080f18;
  border: 0;
  padding-block: 4.5rem;
}
.home-layout-v9 #research .ed-section-heading { margin-bottom: 2rem; }
body.home-layout-v9 #main-view #research #profile-additions { background: none !important; border: 0; box-shadow: none; padding: 0; overflow: visible; }
body.home-layout-v9 #research #profile-additions::before,
body.home-layout-v9 #research #profile-additions::after { display: none; }
body.home-layout-v9 #research #profile-carousel.ed-profile-slideshow {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 3.75rem) / 3.2);
  align-items: stretch;
  gap: 1.25rem;
  padding: .4rem 2px 1.5rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 2px;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
.home-layout-v9 .ed-database-card { display: flex; flex-direction: column; min-width: 0; text-decoration: none; color: var(--ed-white); scroll-snap-align: start; }
body.home-layout-v9 #main-view #research .ed-database-card .profile-shared-card {
  width: 100%;
  height: 100%;
  flex: 1;
  align-self: stretch;
  border-radius: 4px;
  transform: none;
  border-color: rgba(var(--profile-accent-rgb),.26) !important;
}
body.home-layout-v9 #main-view #research .ed-database-card:is(:hover,:focus-visible) .profile-shared-card {
  border-color: rgba(var(--profile-accent-rgb),.65) !important;
  box-shadow: 0 0 28px rgba(var(--profile-accent-rgb),.12);
}
body.home-layout-v9 #research #profile-additions .profile-card-image[data-image-ratio] { aspect-ratio: 16/10; border-radius: 0; }
body.home-layout-v9 #research #profile-additions .profile-card-image img { transform: scale(var(--profile-img-zoom,1)); }
.home-layout-v9 .profile-cover-type { position: absolute; top: .9rem; right: .9rem; z-index: 4; display: grid; place-items: center; min-width: 54px; min-height: 36px; padding: .4rem .6rem; color: var(--profile-accent); background: #06101cec; border: 1px solid rgba(var(--profile-accent-rgb),.55); box-shadow: 0 0 20px rgba(var(--profile-accent-rgb),.12); font: 400 15px/1 var(--ed-ui); letter-spacing: .08em; }
body.home-layout-v9 #research #profile-additions .profile-card-body { flex: 1; padding: 1.25rem; }
body.home-layout-v9 #research #profile-additions .profile-card-main { min-height: 0 !important; }
body.home-layout-v9 #research #profile-additions .profile-preview-title { font: 500 2.1rem/1.08 var(--ed-archetype); min-height: 0; max-width: 100%; margin: .1rem 0 .5rem; }
body.home-layout-v9 #research #profile-additions .profile-card-kicker { color: var(--profile-accent); font-size: 10px; letter-spacing: .14em; }
body.home-layout-v9 #research #profile-additions .profile-card-type { font-size: 12px; margin-bottom: .65rem; }
body.home-layout-v9 #research #profile-additions .profile-card-source { font: 400 15px/1.45 var(--ed-sans); letter-spacing: 0; text-transform: none; color: #a9c3d2; min-height: 1.5em; margin-top: 0; }
.home-layout-v9 #research .profile-source-category { font: 400 10px/1.5 var(--ed-ui); color: var(--profile-accent); text-transform: uppercase; letter-spacing: .07em; }
body.home-layout-v9.sigil-react-mounted #main-view #research .profile-preview-summary {
  font: 400 17px/1.45 var(--ed-sans);
  color: #bbceda;
  -webkit-line-clamp: 2 !important;
  min-height: 2.9em;
  margin: .8rem 0 0;
}
body.home-layout-v9 #research #profile-additions .profile-card-footer { display: flex !important; flex: 0; height: auto; gap: 0; padding-top: 1.2rem; margin-top: 0 !important; }
body.home-layout-v9 #research #profile-additions .profile-card-proof { overflow: visible; }
body.home-layout-v9 #research #profile-additions .profile-card-typed { font-size: 9px; letter-spacing: .06em; padding: .5rem .55rem; min-height: 36px; }
body.home-layout-v9 #research #profile-additions .profile-card-functions { grid-template-columns: repeat(4,minmax(0,1fr)); margin: .65rem 0 0 !important; gap: .4rem; }
body.home-layout-v9 #research #profile-additions .profile-card-functions .profile-function-card { display: grid; place-items: center; min-height: 34px; padding: .45rem .3rem; }
body.home-layout-v9 #research #profile-additions .profile-card-functions b { font-size: 13px; letter-spacing: .04em; }
body.home-layout-v9 #research #profile-additions .profile-card-functions em { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body.home-layout-v9 #research #profile-additions .profile-card-tags { min-height: 0; max-height: none; margin-top: .65rem !important; }
body.home-layout-v9 #research #profile-additions .profile-requested { min-height: 0; margin-top: .65rem !important; font-size: 10px; }
.home-layout-v9 .ed-database-card-link { display: flex; align-items: center; justify-content: space-between; padding: .8rem .2rem 0; font: 400 11px/1.5 var(--ed-ui); color: #a8c3d3; }
.home-layout-v9 .ed-database-card:is(:hover,:focus-visible) .ed-database-card-link { color: var(--ed-blue); }
.home-layout-v9 .ed-database-controls { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-top: 1px solid #284052; padding-top: .75rem; }
.home-layout-v9 .ed-database-controls[hidden] { display: none; }
.home-layout-v9 .ed-database-position { font: 400 11px/1.5 var(--ed-ui); letter-spacing: .08em; color: #97b5c7; }
.home-layout-v9 .ed-database-readout { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.home-layout-v9 .ed-database-motion-state { font: 400 11px/1.5 var(--ed-sans); color: #94b3c6; }
.home-layout-v9 .ed-database-buttons { display: flex; gap: .4rem; }
.home-layout-v9 .ed-database-buttons button { min-height: 44px; min-width: 44px; border: 1px solid #2e495d; background: #102232; color: #d4e6ed; font: 400 15px/1 var(--ed-ui); cursor: pointer; }
.home-layout-v9 .ed-database-buttons [data-profile-playback] { min-width: 74px; font-size: 12px; }
.home-layout-v9 .ed-database-buttons button:is(:hover,:focus-visible) { color: var(--ed-blue); border-color: var(--ed-blue); }
.home-layout-v9 .ed-database-buttons button:disabled { opacity: .45; cursor: default; }
.home-layout-v9 .ed-carousel-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* A quiet editorial interlude between the type catalog and its human examples. */
body.home-layout-v9 #main-view .ed-statement {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  align-items: center;
  min-height: 560px;
  width: calc(100% - clamp(2.5rem,8vw,8rem));
  max-width: 1400px;
  margin: 3.5rem auto;
  border-radius: 14px;
  padding: clamp(3rem,5vw,5rem);
  background: #07090e;
  border: 1px solid #a78bfa40;
  box-shadow: 0 20px 70px #0004;
  text-align: left;
  scroll-margin-top: 76px;
}
.home-layout-v9 .ed-statement-inner { position: relative; z-index: 2; max-width: 1240px; width: 100%; margin-inline: auto; }
/* Static fine grain textures the light without adding another moving layer. */
.home-layout-v9 .ed-statement::before {
  content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  border-radius: inherit;
  background: url('/socionics/images/perspective-grain.svg') repeat;
  opacity: .075; mix-blend-mode: soft-light;
  mask-image: linear-gradient(to right,transparent 15%,#000 65%);
}
.home-layout-v9 .ed-statement::after {
  content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  border-radius: inherit;
  box-shadow: inset -1px 0 0 #c4b0ffb3,inset -8px 0 18px #ac8afa30,inset -24px 0 45px #70c8ed0d;
  mask-image: linear-gradient(to right,transparent 45%,#000 90%);
}
.home-layout-v9 .ed-statement-art { position: absolute; inset: 0; overflow: hidden; contain: strict; pointer-events: none; }
.home-layout-v9 .ed-perspective-flow {
  position: absolute; width: 100%; height: 140%; right: -20%; top: -20%;
  overflow: visible; filter: none; opacity: 1;
}
.home-layout-v9 .ed-perspective-wave {
  --wave-color: #a354ff;
  color: var(--wave-color);
  filter: drop-shadow(0 0 3px currentColor) drop-shadow(0 0 12px currentColor);
  transform-origin: 65% 50%;
  animation: ed-perspective-wave 8s ease-in-out -2s infinite alternate;
  animation-play-state: paused;
}
.home-layout-v9 .ed-perspective-wave:nth-of-type(2) { animation-duration: 10s; animation-delay: -6s; --wave-color: #22d3ee; }
.home-layout-v9 .ed-perspective-wave:nth-of-type(3) { animation-duration: 7s; animation-delay: -3s; --wave-color: #c383ff; }
.home-layout-v9 .ed-perspective-wave:nth-of-type(4) { animation-duration: 12s; animation-delay: -8s; }
.home-layout-v9 .ed-perspective-wave > path:first-child { opacity: .16; }
.home-layout-v9 .ed-perspective-wave .ed-wave-core { fill: none; stroke: var(--wave-color); stroke-width: 4; stroke-linecap: round; }
.home-layout-v9 .ed-perspective-wave .ed-wave-filament { fill: none; stroke: #eee4ff; stroke-width: 1; stroke-linecap: round; opacity: .9; }
.home-layout-v9 .ed-statement.is-running .ed-perspective-wave { animation-play-state: running; }
@keyframes ed-perspective-wave {
  0% { transform: translate(-45px,45px) rotate(-9deg) scale(1,.85); opacity: .9; }
  100% { transform: translate(35px,-50px) rotate(10deg) scale(1.08,1.12); opacity: 1; }
}
.home-layout-v9 .ed-statement-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to right,#07090e 0%,#07090eeb 26%,#07090e80 55%,transparent 83%),linear-gradient(to top,#07090e 0%,transparent 35%); }
.home-layout-v9 .ed-statement-light { position: absolute; inset: 0; background: radial-gradient(ellipse at 95% 35%,#8b5cf62b,transparent 65%); }
.home-layout-v9 .ed-statement-light::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 95% 40%,#22d3ee26,transparent 65%); opacity: 0; animation: ed-sky-crossfade 42s ease-in-out infinite; animation-play-state: paused; }
.home-layout-v9 .ed-statement.is-running .ed-statement-light::after { animation-play-state: running; }
body.home-layout-v9 #main-view .ed-statement p.ed-statement-quote,
body.home-layout-v9.sigil-react-mounted #main-view .ed-statement p.ed-statement-quote {
  color: #f0f4f3;
  font: 400 clamp(2.9rem,5vw,4.9rem)/1.07 var(--ed-display);
  letter-spacing: -.03em;
  margin: 2.6rem 0 3rem;
  max-width: 770px;
  padding-left: 1.3rem;
  border-left: 2px solid #a78bfa;
}
.home-layout-v9 .ed-statement-quote em { color: #b7a1fa; }
.home-layout-v9 .ed-statement-line { display: block; }
.home-layout-v9 .ed-statement-kicker { display: flex; align-items: center; gap: .85rem; color: #acbac7; font-size: 11px; letter-spacing: .17em; }
.home-layout-v9 .ed-statement-kicker b { color: var(--ed-blue); font-weight: 400; }
.home-layout-v9 .ed-statement-kicker i { width: 35px; height: 1px; background: #66808e; }
.home-layout-v9 .ed-statement-kicker::before { content: none; }
.home-layout-v9 .ed-statement-footer { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.home-layout-v9 .ed-statement-signature { color: #90a3b4; font-size: 10px; letter-spacing: .2em; }
.home-layout-v9 .ed-statement-motion { border: 0; padding: .5rem 0; min-height: 36px; background: none; color: #8d9dad; font: 400 10px/1.5 var(--ed-ui); }
.home-layout-v9 .ed-statement-motion:hover { color: var(--ed-blue); }
.home-layout-v9 .ed-statement-motion:disabled { opacity: .6; cursor: default; }
body.home-layout-v9 #main-view :is(#functions,#quadras,#relations,#journal).ed-section { background: #08131f; padding-block: 3.6rem; }
.home-layout-v9 .ed-section+.ed-section { border-top-color: #243949; }
.home-layout-v9 .ed-elements-grid { border: 0; gap: 1.5rem; }
.home-layout-v9 .ed-element { padding: 1.2rem 0; border: 0; border-top: 1px solid #304958; }
.home-layout-v9 .ed-element-top { margin-bottom: 1rem; }
.home-layout-v9 .ed-tools-grid { border: 0; gap: 3rem; }
.home-layout-v9 .ed-tool { border: 0; border-top: 1px solid #304958; padding: 1.5rem 0; }
.home-layout-v9 .ed-tool+.ed-tool { border-left: 0; }
.home-layout-v9 .ed-journal-heading { margin-top: 0; }
.home-layout-v9 #journal .research-card { border-radius: 0; background: transparent; box-shadow: none; padding: 1.5rem; }
.home-layout-v9 #cta { background: #10293a; }

@media(max-width:1100px) {
  body.home-layout-v9 #main-view .hero.ed-hero { padding-inline: 1.5rem; }
  .home-layout-v9 .ed-hero-frame { grid-template-columns: 32px minmax(0,1.15fr) minmax(0,1fr); }
  .home-layout-v9 .ed-hero-intro { padding-inline: 1.8rem; }
  .home-layout-v9 .ed-feature { padding-inline: 1rem; }
  body.home-layout-v9 #main-view .ed-feature-description { min-height: 81px; }
  body.home-layout-v9 #main-view #types .ed-type-card { padding-inline: .85rem; }
  body.home-layout-v9 #research #profile-carousel.ed-profile-slideshow { grid-auto-columns: calc((100% - 2.5rem) / 2.2); }
}
@media(max-width:760px) {
  body.home-layout-v9 #main-view .hero.ed-hero { padding: 6.3rem 1.2rem 1.7rem; }
  .home-layout-v9 .ed-hero-frame { grid-template-columns: 26px minmax(0,1fr); }
  .home-layout-v9 .ed-brand-rail { grid-column: 1; grid-row: 1/3; padding-top: 1.5rem; }
  .home-layout-v9 .ed-brand-rail>span:first-child { font-size: 8px; }
  .home-layout-v9 .ed-hero-intro { grid-column: 2; padding: .8rem 0 1.9rem 1.25rem; }
  body.home-layout-v9 #main-view .ed-hero h1 { font-size: clamp(3rem,9.8vw,4.8rem); line-height: 1; margin: 1.1rem 0; }
  body.home-layout-v9 #main-view .ed-hero-description { font-size: 19px; max-width: 29rem; }
  .home-layout-v9 .ed-hero-actions { gap: 1rem; margin-top: 1.2rem; }
  body.home-layout-v9 #main-view .ed-hero .ed-button { font-size: 11px; padding: .85rem 1rem; }
  body.home-layout-v9 #main-view .ed-hero .ed-text-link { font-size: 11px; }
  body.home-layout-v9 #main-view .ed-theory-link { font-size: 15px; margin-top: 1.2rem; }
  .home-layout-v9 #editorial-feature-root { grid-column: 2; border: 0; margin-left: 1.25rem; }
  .home-layout-v9 .ed-feature { padding: .8rem 1rem .4rem; }
  body.home-layout-v9 #main-view .ed-feature-top { font-size: 10px; }
  body.home-layout-v9 #main-view .ed-feature-slide { min-height: 350px; }
  .home-layout-v9 .ed-feature-art { height: 200px; }
  .home-layout-v9 .ed-feature-art::before { width: 170px; height: 170px; }
  .home-layout-v9 .ed-feature-art .sigil-svg { width: 220px; height: 220px; }
  body.home-layout-v9 #main-view .ed-feature-title h2 { font-size: 2.1rem; }
  body.home-layout-v9 #main-view .ed-feature-description { font-size: 17px; min-height: 77px; line-height: 1.5; margin-bottom: .2rem; }
  body.home-layout-v9 #main-view .ed-feature-link { font-size: 11px; }
  body.home-layout-v9 .ed-marquee-group>span { padding: 1rem 1.4rem; }
  body.home-layout-v9 #main-view #types.ed-section { padding: 2.8rem 1.25rem 3rem; }
  .home-layout-v9 .ed-catalog-masthead { gap: .5rem; margin-bottom: 1.5rem; }
  .home-layout-v9 .ed-catalog-masthead>span { gap: .5rem; font-size: 10px; letter-spacing: .09em; }
  .home-layout-v9 .ed-catalog-masthead i { width: 24px; }
  .home-layout-v9 .ed-catalog-motion { font-size: 9px; gap: .35rem; }
  .home-layout-v9 .ed-database-readout { flex-direction: column; align-items: flex-start; gap: .1rem; }
  body.home-layout-v9 #main-view #types .ed-section-heading h2 { font-size: 2.8rem; }
  .home-layout-v9 #types .ed-section-heading { gap: .8rem; margin-bottom: 1.4rem; }
  body.home-layout-v9 #main-view #types .sigil-island__toolbar { flex-direction: column; align-items: stretch; gap: .8rem; }
  body.home-layout-v9 #main-view #types .sigil-filter-row { flex-wrap: wrap; gap: .2rem; }
  body.home-layout-v9 #main-view #types .sigil-filter-btn { font-size: 11px; padding-inline: .65rem; }
  body.home-layout-v9 #main-view #types .sigil-search { max-width: none; }
  body.home-layout-v9 #main-view #types .sigil-search input { font-size: 16px; }
  body.home-layout-v9 #main-view #types .sigil-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  body.home-layout-v9 #main-view #types .ed-type-card { min-height: 188px; padding: .8rem .7rem; grid-template-rows: auto 72px minmax(2rem,auto); gap: .5rem; }
  body.home-layout-v9 #main-view #types .ed-type-heading>b { font-size: 26px; }
  body.home-layout-v9 #main-view #types .ed-type-heading>span { font-size: 9px; gap: .3rem; }
  body.home-layout-v9 #main-view #types .ed-type-copy h3 { font-size: 18px; line-height: 1.2; }
  body.home-layout-v9 #main-view #types .ed-type-arrow { font-size: 12px; }
  body.home-layout-v9 #main-view #types .ed-type-sigil { width: 76px; height: 76px; }
  body.home-layout-v9 #main-view #research.ed-section { padding-block: 2.8rem; }
  body.home-layout-v9 #research #profile-carousel.ed-profile-slideshow { grid-auto-columns: 86%; gap: 1rem; }
  body.home-layout-v9 #research #profile-additions .profile-preview-title { font-size: 1.9rem; }
  body.home-layout-v9 #research #profile-additions .profile-card-body { padding: 1.1rem; }
  body.home-layout-v9 #main-view .ed-statement { width: calc(100% - 2.5rem); min-height: 490px; margin-block: 2rem; padding: 3rem 1.4rem; border-radius: 12px; }
  .home-layout-v9 .ed-perspective-flow { width: 190%; right: -85%; opacity: 1; filter: none; }
  .home-layout-v9 .ed-statement-art::after { background: linear-gradient(to right,#07090edb,#07090e33),linear-gradient(to top,#07090e,transparent 75%); }
  body.home-layout-v9 #main-view .ed-statement p.ed-statement-quote,
  body.home-layout-v9.sigil-react-mounted #main-view .ed-statement p.ed-statement-quote { font-size: clamp(2.2rem,7.5vw,3.8rem); line-height: 1.1; margin: 2rem 0 2.5rem; padding-left: .8rem; }
  body.home-layout-v9 #main-view :is(#functions,#quadras,#relations,#journal).ed-section { padding-block: 2.8rem; }
  .home-layout-v9 .ed-elements-grid { gap: .7rem 1.3rem; }
  .home-layout-v9 .ed-tools-grid { gap: 1.5rem; }
  body.home-layout-v9 #main-view .ed-element { padding: 1rem 0; }
}
@media(max-width:380px) {
  body.home-layout-v9 #main-view .ed-hero h1 { font-size: 2.65rem; }
  body.home-layout-v9 #main-view .ed-feature-title h2 { font-size: 1.9rem; }
  .home-layout-v9 .ed-feature { padding-inline: .8rem; }
  body.home-layout-v9 #main-view #types .ed-type-heading>span { font-size: 8px; }
  body.home-layout-v9 #main-view #types .ed-type-card { padding-inline: .6rem; }
  body.home-layout-v9 #main-view #types .ed-type-heading>b { font-size: 24px; }
}
@media(prefers-reduced-motion:reduce) {
  .home-layout-v9 .ed-catalog-aurora,.home-layout-v9 .ed-catalog-aurora::before,.home-layout-v9 .ed-catalog-aurora::after,.home-layout-v9 .ed-statement-light::after,.home-layout-v9 .ed-perspective-wave { animation: none; will-change: auto; }
  body.home-layout-v9 #main-view #types .ed-type-card { transition: none; }
  body.home-layout-v9 #main-view #types .ed-type-card:is(:hover,:focus-visible) { transform: none; }
}
@media(forced-colors:active) {
  body.home-layout-v9 #main-view #types .ed-type-card { border: 1px solid CanvasText; }
  body.home-layout-v9 #main-view #types .sigil-filter-btn.is-active { outline: 2px solid Highlight; }
}
/* Atmosphere stays behind content; each section has its own visual role. */
body.home-layout-v9 #main-view .hero.ed-hero {
  background: radial-gradient(ellipse at 88% 16%,#713df526,transparent 48%),radial-gradient(ellipse at 8% 82%,#36b9fa16,transparent 42%),#080e16;
}
.home-layout-v9 .ed-feature-wash { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 125px 115px at 50% 24%,color-mix(in srgb,var(--wash-color) 12%,transparent),transparent 100%); }
.home-layout-v9 .ed-feature-wash[data-quadra="Alpha"] { --wash-color: var(--quadra-alpha); }
.home-layout-v9 .ed-feature-wash[data-quadra="Beta"] { --wash-color: var(--quadra-beta); }
.home-layout-v9 .ed-feature-wash[data-quadra="Gamma"] { --wash-color: var(--quadra-gamma); }
.home-layout-v9 .ed-feature-wash[data-quadra="Delta"] { --wash-color: var(--quadra-delta); }
body.home-layout-v9 #main-view #research.ed-section { background: radial-gradient(ellipse 23% 27% at 95% 28%,rgba(125,38,255,.3),transparent 90%),radial-gradient(ellipse 24% 28% at 4% 70%,rgba(0,191,255,.26),transparent 90%),linear-gradient(to bottom,#08090c,#070709 160px,#070709 calc(100% - 160px),#090f18); }
.home-layout-v9 .ed-perspective-surround { display: flow-root; background: #08090c; }
.home-layout-v9 .ed-footer { padding: 2.8rem clamp(1.4rem,4vw,4rem) 1rem; background: #070a10; border-top: 0; }
.home-layout-v9 .ed-footer-main { max-width: 1280px; margin: auto; display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 3rem; }
.home-layout-v9 .ed-footer-brand { display: flex; align-items: center; gap: .8rem; font: 500 clamp(2rem,3vw,3rem)/1.1 var(--ed-archetype); color: var(--ed-white); text-decoration: none; }
.home-layout-v9 .ed-footer-brand svg { width: 42px; height: 48px; display: block; }
.home-layout-v9 .ed-footer-wordmark { display: flex; flex-direction: column; font: 400 14px/1.48 var(--ed-ui); letter-spacing: .28em; }
.home-layout-v9 .ed-footer-system { font-size: 9px; letter-spacing: .34em; color: var(--ed-blue); margin-top: .3rem; }
.home-layout-v9 .ed-footer-identity p { max-width: 26rem; font: 17px/1.5 var(--ed-sans); color: #a9b9c7; margin-top: 1rem; }
.home-layout-v9 .ed-footer .ed-footer-nav { position: static; inset: auto; width: auto; height: auto; min-height: 0; padding: 0; border: 0; background: none; backdrop-filter: none; transform: none; z-index: auto; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: .2rem; }
.home-layout-v9 .ed-footer h2 { font: 11px/1.5 var(--ed-ui); text-transform: uppercase; letter-spacing: .12em; color: #a795d6; margin: 0 0 .6rem; }
.home-layout-v9 .ed-footer .ed-footer-nav a { color: #c0cbd6; text-decoration: none; font: 17px/1.4 var(--ed-sans); min-height: 32px; display: inline-flex; align-items: center; }
.home-layout-v9 .ed-footer a:is(:hover,:focus-visible) { color: var(--ed-blue); }
.home-layout-v9 .ed-footer-bottom { max-width: 1280px; margin: 2rem auto 0; padding-top: .8rem; border-top: 1px solid #28303b; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #94a4b5; font: 11px/1.5 var(--ed-ui); }
.home-layout-v9 .ed-footer-bottom .ed-footer-nav { flex-direction: row; gap: 1rem; }
.home-layout-v9 .ed-footer-bottom .ed-footer-nav a { font-size: 14px; }
@media(max-width:760px) {
 .home-layout-v9 .ed-footer-main { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
 .home-layout-v9 .ed-footer-identity { grid-column: 1 / -1; }
 .home-layout-v9 .ed-footer-bottom { flex-wrap: wrap; }
 .home-layout-v9 .ed-footer-bottom>span { flex-basis: 100%; }
}
.home-layout-v9 .site-footer { padding: 3.5rem clamp(1.4rem,4vw,4rem) 1.5rem; background: radial-gradient(ellipse at 0% 0%,#8750ff14,transparent 55%),#070a10; border-top: 1px solid #364052; }
.home-layout-v9 .site-footer::before,.home-layout-v9 .site-footer::after { content: none; }
.home-layout-v9 .site-footer-inner { width: 100%; max-width: 1280px; grid-template-columns: 1fr 1fr; gap: 2.5rem 4rem; align-items: start; }
.home-layout-v9 .site-footer-brand-block { grid-column: 1 / -1; display: grid; grid-template-columns: 1.2fr 1fr; gap: .8rem 3rem; padding-bottom: 2rem; border-bottom: 1px solid #28303e; }
.home-layout-v9 .site-footer-brand { font-size: clamp(3rem,6vw,5.5rem); line-height: 1; margin: 0; }
.home-layout-v9 .site-footer-copy { grid-column: 2; grid-row: 1 / 3; max-width: 32rem; font-size: 18px; line-height: 1.55; margin: 0; align-self: center; color: #a8b8c6; }
.home-layout-v9 .site-footer-system-row { margin: 0; }
.home-layout-v9 .site-footer-socials { margin: .4rem 0 0; gap: .6rem; }
.home-layout-v9 .site-footer-social { border: 1px solid #2e3847; border-radius: 50%; }
.home-layout-v9 .site-footer-social-disabled,.home-layout-v9 .site-footer-proof-row { display: none; }
.home-layout-v9 .site-footer-link-col { min-height: 0; border: 0; padding: 0; align-self: start; }
.home-layout-v9 .site-footer-col-title { color: #9b88d1; font-size: 11px; letter-spacing: .15em; }
.home-layout-v9 .site-footer-links { grid-template-columns: 1fr 1fr; gap: .5rem 1.5rem; }
.home-layout-v9 .site-footer-links a { font-family: var(--ed-sans); font-size: 18px; letter-spacing: 0; text-transform: none; color: #c1ced7; min-height: 36px; display: flex; align-items: center; }
.home-layout-v9 .site-footer-links a:hover { color: var(--ed-blue); }
.home-layout-v9 .site-footer-bottom { width: 100%; max-width: 1280px; margin-top: 2.5rem; border-color: #28303e; color: #8795a6; font-size: 10px; letter-spacing: .1em; }
@media(max-width:760px) {
  .home-layout-v9 .site-footer-brand-block { grid-template-columns: 1fr; gap: 1rem; }
  .home-layout-v9 .site-footer-copy { grid-column: 1; grid-row: auto; font-size: 17px; }
  .home-layout-v9 .site-footer-inner { gap: 2rem 1.5rem; }
  .home-layout-v9 .site-footer-links { grid-template-columns: 1fr; }
  .home-layout-v9 .site-footer-links a { font-size: 17px; }
}
body.home-layout-v9 #research #profile-additions .profile-preview-title { height: 2.16em; min-height: 2.16em; display: flex; align-items: flex-end; margin-bottom: .8rem; }
body.home-layout-v9 #research #profile-additions .profile-preview-title>span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
body.home-layout-v9 #research #profile-additions .profile-card-source { min-height: 0; padding-top: .65rem; border-top: 1px solid rgba(var(--profile-accent-rgb),.24); }
body.home-layout-v9 #research #profile-additions .profile-shared-visual { overflow: hidden; }
body.home-layout-v9 #research #profile-additions .profile-card-image img { transition: filter .25s ease; }
body.home-layout-v9 #research .ed-database-card:is(:hover,:focus-visible) img { filter: brightness(1.1); }
body.home-layout-v9 #main-view #functions.ed-section { background: #090f18; }
body.home-layout-v9 #main-view .ed-element { padding: 1.4rem 1rem; border-top: 2px solid color-mix(in srgb,var(--element-color) 55%,#1a2530); }
body.home-layout-v9 #main-view .ed-element h3 { color: var(--element-color); }
.home-layout-v9 .ed-element-top>span:nth-child(2) { font-size: 16px; }
body.home-layout-v9 #main-view .ed-element:is(:hover,:focus-visible) { background: color-mix(in srgb,var(--element-color) 6%,#090f18); }
.home-layout-v9 .ed-quadra-grid { gap: 1.25rem; }
.home-layout-v9 .ed-quadra:nth-child(1) { --panel-accent: var(--quadra-alpha); }
.home-layout-v9 .ed-quadra:nth-child(2) { --panel-accent: var(--quadra-beta); }
.home-layout-v9 .ed-quadra:nth-child(3) { --panel-accent: var(--quadra-gamma); }
.home-layout-v9 .ed-quadra:nth-child(4) { --panel-accent: var(--quadra-delta); }
.home-layout-v9 .ed-quadra { padding: 1.8rem; display: flex; flex-direction: column; border: 1px solid color-mix(in srgb,var(--panel-accent) 30%,#17212d); background: radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--panel-accent) 12%,transparent),transparent 75%),#090f18; }
body.home-layout-v9 #main-view .ed-quadra h3,.home-layout-v9 .ed-quadra-values { color: var(--panel-accent); }
.home-layout-v9 .ed-quadra-types { margin-top: auto; flex-wrap: wrap; }
.home-layout-v9 .ed-quadra-types a { border-color: color-mix(in srgb,var(--panel-accent) 30%,transparent); }
.home-layout-v9 .ed-quadra-types a:is(:hover,:focus-visible) { border-color: var(--panel-accent); background: color-mix(in srgb,var(--panel-accent) 10%,transparent); }
.home-layout-v9 .ed-tools-grid { gap: 1.25rem; }
body.home-layout-v9 #main-view .ed-tool { display: flex; flex-direction: column; align-items: flex-start; padding: 1.8rem; border: 1px solid #293847; background: #090f18; }
body.home-layout-v9 #main-view .ed-tool:first-child { border-color: #3a667a; background: radial-gradient(ellipse at 50% 0%,#39bdfa14,transparent 70%),#090f18; }
.home-layout-v9 .ed-relation-pair { display: flex; align-self: stretch; justify-content: center; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; font: 12px/1.4 var(--ed-ui); color: var(--ed-blue); }
.home-layout-v9 .ed-relation-type { display: flex; flex-direction: column; align-items: center; gap: .4rem; }
.home-layout-v9 .ed-relation-type .sigil-svg { width: 82px; height: 82px; }
.home-layout-v9 .ed-relation-label { display: flex; flex-direction: column; align-items: center; gap: .65rem; color: #a9becb; font-size: 11px; }
.home-layout-v9 .ed-relation-label>span { font-size: 24px; color: var(--ed-blue); }
.home-layout-v9 .ed-tool .ed-text-link { margin-top: auto; padding-top: 1rem; }
.home-layout-v9 .ed-tool:first-child .ed-text-link { background: var(--ed-blue); color: #080e16; padding: .8rem 1rem; margin-top: 1rem; }
@media(max-width:760px) {
  .home-layout-v9 .ed-quadra,body.home-layout-v9 #main-view .ed-tool { padding: 1.2rem; }
  .home-layout-v9 .ed-relation-pair { gap: .8rem; }
  .home-layout-v9 .ed-relation-type .sigil-svg { width: 64px; height: 64px; }
}
/* Minimal feature: the sigil and name lead; compact element chips support. */
.home-layout-v9 #editorial-feature-root { background: transparent; }
.home-layout-v9 .ed-feature { --feature-accent: var(--quadra-alpha,#22d3ee); position: relative; isolation: isolate; border: 1px solid rgba(157,180,208,.2); background: linear-gradient(145deg,rgba(17,27,43,.38),rgba(9,15,26,.5)); }
.home-layout-v9 .ed-feature::after { content: none; }
.home-layout-v9 .ed-feature[data-quadra="Beta"] { --feature-accent: var(--quadra-beta,#a78bfa); }
.home-layout-v9 .ed-feature[data-quadra="Gamma"] { --feature-accent: var(--quadra-gamma,#fbbf24); }
.home-layout-v9 .ed-feature[data-quadra="Delta"] { --feature-accent: var(--quadra-delta,#34d399); }
body.home-layout-v9 #main-view .ed-feature-slide { min-height: 0; flex: none; height: 342px; }
.home-layout-v9 .ed-feature-content { height: 342px; display: grid; grid-template-rows: 180px 42px 64px 56px; align-items: center; }
.home-layout-v9 .ed-feature-valued { padding-top: 20px; }
.home-layout-v9 .ed-feature-art { height: 180px; }
.home-layout-v9 .ed-feature-art .sigil-svg { width: 180px; height: 180px; }
.home-layout-v9 .ed-feature-art::before { width: 155px; height: 155px; border: 0; background: radial-gradient(circle,color-mix(in srgb,var(--feature-accent) 20%,transparent),transparent 68%); }
body.home-layout-v9 .ed-feature .ed-feature-art .sigil-line { color: var(--feature-accent) !important; stroke: var(--feature-accent) !important; }
body.home-layout-v9 .ed-feature .ed-feature-art .sigil-fill { color: var(--feature-accent) !important; fill: var(--feature-accent) !important; stroke: var(--feature-accent) !important; }
body.home-layout-v9 #main-view .ed-feature-title h2 { font-size: clamp(2rem,3.2vw,2.8rem); line-height: 1.1; margin: 0; }
body.home-layout-v9 #main-view .ed-feature-description { min-height: 0; margin: 0 auto; font-size: 18px; line-height: 1.4; max-width: 22rem; }
.home-layout-v9 .ed-feature-valued ul { list-style: none; display: flex; justify-content: center; gap: .45rem; padding: 0; margin: 0; }
.home-layout-v9 .ed-feature-valued li { display: grid; place-items: center; width: 38px; height: 25px; font: 400 12px/1 var(--ed-ui); color: var(--element-color); border: 1px solid color-mix(in srgb,var(--element-color) 25%,transparent); background: color-mix(in srgb,var(--element-color) 4%,#0b1926); }
.home-layout-v9 .ed-feature-footer { display: flex; flex-direction: column; flex-shrink: 0; margin-top: auto; padding-top: 1rem; }
body.home-layout-v9 #main-view .ed-feature-link { color: var(--feature-accent); align-self: center; }
.home-layout-v9 .ed-feature-controls { justify-content: space-between; gap: 1rem; margin-top: .55rem; border-top: 1px solid rgba(157,180,208,.16); background: transparent; }
@media(max-width:760px) {
  body.home-layout-v9 #main-view .ed-feature-slide { height: 338px; }
  .home-layout-v9 .ed-feature-content { height: 338px; grid-template-rows: 170px 42px 72px 54px; }
  .home-layout-v9 .ed-feature-art { height: 170px; }
  .home-layout-v9 .ed-feature-art .sigil-svg { width: 170px; height: 170px; }
  body.home-layout-v9 #main-view .ed-feature-title h2 { font-size: 2rem; }
  body.home-layout-v9 #main-view .ed-feature-description { font-size: 17px; }
}
/* Quieter browsing cards and supporting sections. */
body.home-layout-v9 #main-view #research.ed-section { background: radial-gradient(ellipse 21% 30% at 98% 26%,rgba(125,38,255,.24),transparent 100%),radial-gradient(ellipse 18% 32% at 0% 68%,rgba(0,174,255,.3),transparent 100%),linear-gradient(to bottom,#08090c,#070709 160px,#070709 calc(100% - 160px),#090f18); }
body.home-layout-v9 #research #profile-additions .profile-card-typed { display: inline-flex; align-self: flex-start; width: fit-content; border-radius: 999px; padding: .45rem .75rem; font: 600 14px/1.4 var(--ed-sans); text-transform: none; letter-spacing: 0; min-height: 36px; background: linear-gradient(120deg,#75dca51a,#75dca505); box-shadow: none; }
body.home-layout-v9 #main-view .ed-element h3 { color: var(--ed-white); }
body.home-layout-v9 #main-view .ed-element { border-top: 1px solid #30404b; }
.home-layout-v9 .ed-relation-motion { display: flex; align-items: center; justify-content: center; gap: inherit; }
.home-layout-v9 .ed-relation-label>span { animation: ed-relation-pulse 4s ease-in-out infinite; animation-play-state: paused; }
.home-layout-v9 .ed-relation-motion[data-running="true"] .ed-relation-label>span { animation-play-state: running; }
@keyframes ed-relation-pulse { 0%,100% { opacity: .45; } 50% { opacity: 1; text-shadow: 0 0 10px #70d6ff; } }
body.home-layout-v9 #journal #journal-grid { background: transparent; border: 0; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); }
body.home-layout-v9 #journal #journal-grid:has(>.research-card:only-child) { display: block; }
body.home-layout-v9 #journal .research-card { min-height: 0; border: 1px solid #2d3b4b; background: #090f18; }
body.home-layout-v9 #journal .research-card:only-child { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 2rem; }
body.home-layout-v9 #journal .research-card:only-child .research-kicker { grid-column: 1 / -1; }
body.home-layout-v9 #journal .research-copy { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }
body.home-layout-v9 #journal .research-status { grid-column: 1 / -1; }
@media(max-width:760px) { body.home-layout-v9 #journal .research-card:only-child { grid-template-columns: 1fr; } }
@media(prefers-reduced-motion:reduce) { .home-layout-v9 .ed-relation-label>span { animation: none; } }
body.home-layout-v9 #journal .research-status { position: static; margin-top: 1rem; }
/* Editorial chapter rhythm, without repeating the hero's scale. */
.home-layout-v9 .ed-chapter-label { display: block; margin-bottom: 1rem; font: 11px/1.5 var(--ed-ui); letter-spacing: .16em; text-transform: uppercase; color: #a9becd; }
.home-layout-v9 .ed-quadra>.ed-chapter-label { color: var(--panel-accent); opacity: .8; font-size: 10px; }
.home-layout-v9 .ed-quadra-top { align-items: baseline; }
body.home-layout-v9 #main-view .ed-quadra h3 { font-size: clamp(2.5rem,4vw,3.5rem); }
.home-layout-v9 .ed-quadra-types { padding-top: 1.1rem; border-top: 1px solid color-mix(in srgb,var(--panel-accent) 22%,transparent); }
.home-layout-v9 #research .ed-section-heading,.home-layout-v9 #relations .ed-section-heading { align-items: center; padding-bottom: 1.5rem; border-bottom: 1px solid #2a3a49; }
body.home-layout-v9 #main-view #journal .ed-journal-heading h3 { font: 500 clamp(2.3rem,4vw,3.8rem)/1.1 var(--ed-archetype); }
.home-layout-v9 #journal .ed-journal-heading h3 em { color: var(--ed-blue); font-weight: 400; }
body.home-layout-v9 #journal .research-card:only-child { padding: clamp(1.4rem,3vw,2.8rem); column-gap: 3rem; border-inline: 0; background: transparent; }
body.home-layout-v9 #journal .research-card:only-child .research-title { font: 500 clamp(1.8rem,3vw,2.6rem)/1.15 var(--ed-archetype); margin: 0; }
body.home-layout-v9 #journal .research-card:only-child .research-copy { font-size: 18px; line-height: 1.6; -webkit-line-clamp: 4; }
body.home-layout-v9 #journal .research-card:only-child .research-status { padding-top: 1rem; border-top: 1px solid #293743; color: var(--ed-blue); }
/* V37: editorial composition, with the v36 design saved before this block. */
.home-layout-v9 :is(#functions,#quadras)>.sec-inner { position: relative; padding-left: 64px; }
.home-layout-v9 .ed-chapter-rail { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; display: flex; align-items: center; justify-content: center; writing-mode: vertical-rl; transform: rotate(180deg); border-left: 1px solid #30404f; color: #94acbc; font: 11px/1.4 var(--ed-ui); letter-spacing: .16em; text-transform: uppercase; }
.home-layout-v9 #functions>.sec-inner { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.5fr); gap: clamp(2rem,5vw,5rem); }
.home-layout-v9 #functions .ed-section-heading { display: block; margin: 0; }
body.home-layout-v9 #main-view #functions .ed-section-heading h2 { font-size: clamp(2.6rem,4.7vw,4.6rem); line-height: 1.02; margin-bottom: 1.5rem; }
.home-layout-v9 #functions .ed-section-heading h2 em { display: block; }
.home-layout-v9 #functions .ed-section-intro { max-width: 24rem; }
.home-layout-v9 #functions .ed-elements-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 1.7rem; }
body.home-layout-v9 #main-view #functions .ed-element { padding: 1.3rem 0; }
.home-layout-v9 #functions .ed-element-top { margin-bottom: .7rem; }
.home-layout-v9 #quadras .ed-quadra-grid { display: block; }
.home-layout-v9 #quadras .ed-quadra { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.2fr) minmax(220px,.8fr); gap: .7rem 2rem; padding: 1.8rem 1rem; border: 0; border-top: 1px solid color-mix(in srgb,var(--panel-accent) 28%,#24313b); background: radial-gradient(ellipse at 0% 50%,color-mix(in srgb,var(--panel-accent) 7%,transparent),transparent 65%); }
.home-layout-v9 #quadras .ed-quadra:last-child { border-bottom: 1px solid #293946; }
.home-layout-v9 #quadras .ed-quadra-top { display: contents; }
.home-layout-v9 #quadras .ed-quadra-top>a { grid-column: 1; grid-row: 1 / 3; align-self: center; }
.home-layout-v9 #quadras .ed-quadra-values { grid-column: 2; grid-row: 1; align-self: end; }
.home-layout-v9 #quadras .ed-quadra p { grid-column: 2; grid-row: 2; margin: 0; }
.home-layout-v9 #quadras .ed-quadra-types { grid-column: 3; grid-row: 1 / 3; align-self: center; margin: 0; padding: 0; border: 0; gap: .4rem; }
.home-layout-v9 #quadras .ed-quadra-types a { min-width: 44px; flex: 1; }
@media(max-width:1000px) {
 .home-layout-v9 #quadras .ed-quadra { grid-template-columns: minmax(110px,.6fr) minmax(0,1.5fr); }
 .home-layout-v9 #quadras .ed-quadra-types { grid-column: 2; grid-row: 3; justify-self: start; }
}
@media(max-width:760px) {
 .home-layout-v9 :is(#functions,#quadras)>.sec-inner { padding-left: 0; }
 .home-layout-v9 #functions>.sec-inner { display: block; }
 .home-layout-v9 .ed-chapter-rail { position: static; writing-mode: horizontal-tb; transform: none; width: auto; justify-content: flex-start; padding-bottom: .9rem; margin-bottom: 1.8rem; border: 0; border-bottom: 1px solid #30404f; font-size: 10px; }
 .home-layout-v9 #functions .ed-section-heading { margin-bottom: 2rem; }
 .home-layout-v9 #quadras .ed-quadra { display: flex; flex-direction: column; padding: 1.6rem 0; gap: .85rem; }
 .home-layout-v9 #quadras .ed-quadra-top { display: flex; justify-content: space-between; align-items: center; width: 100%; }
 .home-layout-v9 #quadras .ed-quadra-types { align-self: stretch; padding-top: .4rem; }
}
/* Full-width information reference and consistent horizontal section labels. */
.home-layout-v9 :is(#functions,#quadras)>.sec-inner { padding-left: 0; }
.home-layout-v9 #functions>.sec-inner { display: block; }
.home-layout-v9 .ed-segment-masthead { display: flex; align-items: center; gap: .9rem; padding-bottom: 1rem; margin-bottom: 2rem; border-bottom: 1px solid #80bdce33; font: 11px/1.5 var(--ed-ui); letter-spacing: .17em; text-transform: uppercase; color: #b0d1de; }
.home-layout-v9 .ed-segment-masthead b { font-weight: 400; color: var(--ed-blue); }
.home-layout-v9 .ed-segment-masthead i { width: 35px; height: 1px; background: #729aab; }
.home-layout-v9 #functions .ed-section-heading { display: flex; margin-bottom: 2rem; }
body.home-layout-v9 #main-view #functions .ed-section-heading h2 { font-size: clamp(2.6rem,4vw,3.8rem); line-height: 1.1; margin: 0; }
.home-layout-v9 #functions .ed-section-heading h2 em { display: inline; }
.home-layout-v9 #functions .ed-elements-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; }
body.home-layout-v9 #main-view #functions .ed-element { padding: 1.5rem; border-top: 1px solid #30404b; border-right: 1px solid #263441; }
body.home-layout-v9 #main-view #functions .ed-element:nth-child(4n) { border-right: 0; }
.home-layout-v9 #functions .ed-element-top { margin-bottom: 1.6rem; }
.home-layout-v9 #functions .ed-element-symbol { font-size: 2.8rem; }
body.home-layout-v9 #main-view #functions .ed-element-code { font: italic 500 2rem/1.1 var(--ed-archetype); margin: 0 0 .7rem; }
.home-layout-v9 .ed-element-name { display: block; min-height: 2.8em; margin-bottom: .6rem; font: 11px/1.4 var(--ed-ui); letter-spacing: .07em; text-transform: uppercase; color: #a8bbca; }
@media(max-width:760px) {
 .home-layout-v9 #functions .ed-section-heading { flex-direction: column; align-items: flex-start; }
 .home-layout-v9 #functions .ed-elements-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 body.home-layout-v9 #main-view #functions .ed-element { padding: 1.25rem .8rem; }
 body.home-layout-v9 #main-view #functions .ed-element:nth-child(2n) { border-right: 0; }
 .home-layout-v9 .ed-segment-masthead { font-size: 10px; gap: .6rem; }
}
.home-layout-v9 .ed-relationship-example { margin-top: 1.5rem; padding: 1.5rem 1.8rem; border-left: 2px solid #789fac; background: #090f18; }
.home-layout-v9 .ed-relationship-example h3 { font: 500 2rem/1.2 var(--ed-archetype); margin-bottom: .7rem; }
.home-layout-v9 .ed-relationship-example p { max-width: 65ch; color: #b7c5cf; font: 18px/1.6 var(--ed-sans); }
.home-layout-v9 .ed-draft-note { display: block; color: #d5b577; margin-top: .8rem; font: 12px/1.5 var(--ed-ui); }
.home-layout-v9 .ed-theory-paths { display: flex; flex-wrap: wrap; gap: 1rem 2rem; border-top: 1px solid #2b3b47; margin-top: 1rem; padding-top: 1.3rem; }
.home-layout-v9 .ed-theory-paths a { color: var(--ed-blue); font: 17px/1.5 var(--ed-sans); text-decoration: none; }
.home-layout-v9 .ed-dynamics-hint { font: 12px/1.5 var(--ed-ui); color: #9caebd; margin-bottom: .8rem; }
.home-layout-v9 .ed-dynamics-scroll { overflow-x: auto; padding: .5rem 24px 1rem; scrollbar-width: thin; scrollbar-color: #547486 #080e16; }
.home-layout-v9 .ed-dynamics-strip { display: grid; grid-template-columns: repeat(8,minmax(112px,1fr)); gap: 7px; }
.home-layout-v9 .ed-dynamic-stripe { transform: skewX(-10deg); border: 1px solid #344451; background: linear-gradient(165deg,#172331,#090e16 80%); color: #b8c9d4; padding: 0; min-height: 210px; cursor: pointer; }
.home-layout-v9 .ed-dynamic-stripe[aria-pressed="true"] { border-color: #70c8ed; background: linear-gradient(165deg,#23576b,#11232e 80%); color: #dff7ff; }
.home-layout-v9 .ed-dynamic-stripe:hover { border-color: #a78bfa; }
.home-layout-v9 .ed-dynamic-stripe:focus-visible { outline: 2px solid #dfceff; outline-offset: 3px; }
.home-layout-v9 .ed-stripe-inner { transform: skewX(10deg); display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 1.1rem .5rem; }
.home-layout-v9 .ed-stripe-number { align-self: flex-start; padding-left: .8rem; font: 10px/1 var(--ed-ui); color: #93a7b9; }
.home-layout-v9 .ed-stripe-symbol svg { width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 1; }
.home-layout-v9 .ed-stripe-name { font: 500 17px/1.2 var(--ed-archetype); min-height: 2.4em; display: grid; align-items: center; }
.home-layout-v9 .ed-dynamic-description { display: grid; grid-template-columns: 1fr 2fr; gap: 1rem; margin: .5rem 0 1.5rem; padding: 1.3rem 0; border-bottom: 1px solid #2c3d49; min-height: 110px; align-items: center; }
.home-layout-v9 .ed-dynamic-description h3 { font: italic 500 2rem/1.2 var(--ed-archetype); color: var(--ed-blue); }
.home-layout-v9 .ed-dynamic-description p { font: 18px/1.5 var(--ed-sans); color: #b9cad5; margin: 0; }
.home-layout-v9 .ed-dynamics-actions { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
@media(max-width:760px) { .home-layout-v9 .ed-dynamics-strip { grid-template-columns: repeat(8,126px); } .home-layout-v9 .ed-dynamic-stripe { min-height: 180px; } .home-layout-v9 .ed-dynamic-description { grid-template-columns: 1fr; } }
/* Read all eight dynamics without selecting a panel. */
.home-layout-v9 .ed-dynamics-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 1.5rem 0 2rem; border-top: 1px solid #344450; border-left: 1px solid #293945; }
.home-layout-v9 .ed-dynamic-card { padding: 1.6rem; border-right: 1px solid #293945; border-bottom: 1px solid #344450; background: #090f18; }
.home-layout-v9 .ed-dynamic-card-symbol { display: block; color: #80c7df; margin-bottom: 1.3rem; }
.home-layout-v9 .ed-dynamic-card-symbol svg { display: block; width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-width: 1; }
.home-layout-v9 .ed-dynamic-card h3 { font: 500 1.9rem/1.15 var(--ed-archetype); color: var(--ed-white); margin: 0 0 .85rem; }
.home-layout-v9 .ed-dynamic-card p { font: 17px/1.55 var(--ed-sans); color: #b4c5d0; margin: 0; }
@media(max-width:1000px) { .home-layout-v9 .ed-dynamics-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .home-layout-v9 .ed-dynamics-grid { grid-template-columns: 1fr; } .home-layout-v9 .ed-dynamic-card { padding: 1.25rem; } }
/* A single relationship chapter: reference rows and one animated example. */
.home-layout-v9 .ed-relations-combined { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 3rem; align-items: start; }
.home-layout-v9 .ed-dynamic-row { border-bottom: 1px solid #30404c; }
.home-layout-v9 .ed-dynamic-row summary { display: flex; align-items: center; gap: 1rem; padding: 1rem 0; list-style: none; cursor: pointer; color: #e0eaf0; font: 500 1.9rem/1.2 var(--ed-archetype); }
.home-layout-v9 .ed-dynamic-row summary::-webkit-details-marker { display: none; }
.home-layout-v9 .ed-dynamic-row summary:focus-visible { outline: 2px solid var(--ed-blue); outline-offset: 3px; }
.home-layout-v9 .ed-dynamic-row .ed-dynamic-card-symbol { margin: 0; color: #84b9cc; }
.home-layout-v9 .ed-dynamic-row .ed-dynamic-card-symbol svg { width: 28px; height: 28px; }
.home-layout-v9 .ed-row-toggle { margin-left: auto; font: 20px/1 var(--ed-ui); color: #a2b8c8; }
.home-layout-v9 .ed-row-toggle::before { content: '+'; }
.home-layout-v9 .ed-dynamic-row[open] .ed-row-toggle::before { content: '−'; }
.home-layout-v9 .ed-dynamic-row[open] summary { color: var(--ed-blue); }
.home-layout-v9 .ed-dynamic-row p { margin: 0 0 1.2rem 44px; color: #b5c6d1; font: 18px/1.55 var(--ed-sans); animation: ed-row-reveal .2s ease-out; }
@keyframes ed-row-reveal { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.home-layout-v9 .ed-pair-feature { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 2rem 1.5rem; border: 1px solid #3a586b; background: radial-gradient(ellipse at 50% 25%,#23738b22,transparent 70%),#090f18; }
.home-layout-v9 .ed-pair-feature .ed-relation-pair { margin: 1rem 0 1.5rem; }
.home-layout-v9 .ed-pair-feature h3 { font: 500 clamp(1.9rem,3vw,2.6rem)/1.15 var(--ed-archetype); margin: 0; }
.home-layout-v9 .ed-pair-feature h3 em { color: var(--ed-blue); font-weight: 400; }
.home-layout-v9 .ed-pair-caption { font: 14px/1.5 var(--ed-sans); color: #a2b9c9; margin: 1rem 0 1.5rem; }
.home-layout-v9 .ed-pair-feature>.ed-text-link { margin-top: 1.2rem; }
@media(max-width:760px) { .home-layout-v9 .ed-relations-combined { grid-template-columns: 1fr; gap: 2rem; } .home-layout-v9 .ed-pair-feature { grid-row: 1; } }
@media(prefers-reduced-motion:reduce) { .home-layout-v9 .ed-dynamic-row p { animation: none; } }
/* Desktop selection panel; mobile keeps definitions next to their trigger. */
body.home-layout-v9 #main-view #relations.ed-section { background: radial-gradient(ellipse at 92% 45%,#792aff1f,transparent 58%),#08090e; }
.home-layout-v9 .ed-relations-combined { align-items: center; }
.home-layout-v9 .ed-selected-dynamic { align-self: center; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(1.8rem,3vw,3rem); min-height: 360px; border: 1px solid #72618b70; background: radial-gradient(ellipse at 90% 15%,#8d40ff1c,transparent 75%),#090a12; }
.home-layout-v9 .ed-selected-symbol svg { width: 44px; height: 44px; fill: none; stroke: #bca1f3; stroke-width: 1; margin: .5rem 0 1rem; }
.home-layout-v9 .ed-selected-dynamic h3 { font: 500 2.8rem/1.1 var(--ed-archetype); color: var(--ed-white); margin: 0 0 1rem; }
.home-layout-v9 .ed-selected-dynamic p { font: 19px/1.6 var(--ed-sans); color: #bdc4d3; margin: 0 0 1.5rem; }
.home-layout-v9 .ed-compare-footer { display: inline-flex; margin-top: 1.5rem; }
.home-layout-v9 .ed-dynamic-row.is-selected summary { color: #baa0ef; }
@media(min-width:761px) { .home-layout-v9 .ed-dynamic-row>p { display: none; } .home-layout-v9 .ed-row-toggle::before,.home-layout-v9 .ed-dynamic-row[open] .ed-row-toggle::before { content: '↗'; } }
@media(max-width:760px) { .home-layout-v9 .ed-selected-dynamic { display: none; } }
/* Blend the chapter edges; the content panel follows the top of the list. */
body.home-layout-v9 #main-view #relations.ed-section { border-top: 0; background: radial-gradient(ellipse at 92% 50%,#792aff1a,transparent 60%),linear-gradient(to bottom,#08131f 0%,#08090e 180px,#08090e calc(100% - 160px),#08090c 100%); }
.home-layout-v9 .ed-relations-combined { align-items: start; }
.home-layout-v9 .ed-selected-dynamic { align-self: start; min-height: 0; border-color: #a88ae344; }
.home-layout-v9 .ed-dynamic-row.is-selected { border-left: 2px solid #b28deb; background: linear-gradient(90deg,#8f52d514,transparent); }
.home-layout-v9 .ed-dynamic-row.is-selected summary { padding-left: .7rem; }
.home-layout-v9 .ed-relation-depth { width: 100%; }
.home-layout-v9 .ed-relation-depth>section { border-top: 1px solid #65547844; padding-top: 1rem; margin-top: 1rem; }
.home-layout-v9 .ed-relation-depth h4 { font: 11px/1.5 var(--ed-ui); letter-spacing: .12em; text-transform: uppercase; color: #b7a0dc; margin: 0 0 .6rem; }
.home-layout-v9 .ed-selected-dynamic .ed-relation-depth p,.home-layout-v9 .ed-dynamic-row .ed-relation-depth p { margin: 0; font: 17px/1.6 var(--ed-sans); color: #bac4d2; }
.home-layout-v9 .ed-relation-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 1.2rem; margin-top: 1.5rem; }
@media(min-width:761px) { .home-layout-v9 .ed-dynamic-row>.ed-relation-depth { display: none; } .home-layout-v9 .ed-row-toggle::before,.home-layout-v9 .ed-dynamic-row[open] .ed-row-toggle::before { content: '→'; } }
@media(max-width:760px) { .home-layout-v9 .ed-dynamic-row>.ed-relation-depth { padding: 0 .6rem 1.3rem 44px; } }
/* Compact desktop reference panel: fit the full explanation beside eight rows. */
@media(min-width:761px) {
 .home-layout-v9 .ed-relations-combined { grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); }
 .home-layout-v9 .ed-selected-dynamic { padding: 1.3rem 1.5rem; }
 .home-layout-v9 .ed-selected-dynamic>.ed-chapter-label { margin-bottom: .35rem; font-size: 10px; }
 .home-layout-v9 .ed-selected-symbol { position: absolute; right: 1.5rem; top: 1.2rem; }
 .home-layout-v9 .ed-selected-dynamic { position: relative; }
 .home-layout-v9 .ed-selected-symbol svg { width: 28px; height: 28px; margin: 0; }
 .home-layout-v9 .ed-selected-dynamic h3 { font-size: 2.1rem; margin-bottom: .65rem; }
 .home-layout-v9 .ed-selected-dynamic>p { font-size: 15px; line-height: 1.4; margin-bottom: 0; }
 .home-layout-v9 .ed-selected-dynamic .ed-relation-depth p { font-size: 15px; line-height: 1.4; }
 .home-layout-v9 .ed-selected-dynamic .ed-relation-depth>section { padding-top: .7rem; margin-top: .7rem; }
 .home-layout-v9 .ed-selected-dynamic .ed-relation-depth h4 { font-size: 10px; margin-bottom: .35rem; }
 .home-layout-v9 .ed-selected-dynamic .ed-relation-actions { flex-direction: row; align-items: center; flex-wrap: wrap; gap: .8rem 1rem; margin-top: 1rem; }
 .home-layout-v9 .ed-selected-dynamic .ed-relation-actions .ed-button { padding: .7rem .8rem; font-size: 10px; }
 .home-layout-v9 .ed-selected-dynamic .ed-relation-actions .ed-text-link { font-size: 10px; }
}

@media(min-width:761px) { .home-layout-v9 .ed-selected-dynamic { align-self: stretch; } }
/* Selected relation: readable summary, centered beside the index. */
@media(min-width:761px) {
 .home-layout-v9 .ed-selected-dynamic { align-self: center; padding: 28px 32px; }
 .home-layout-v9 .ed-selected-dynamic h3 { margin-bottom: 18px; }
 .home-layout-v9 .ed-selected-dynamic>p,
 .home-layout-v9 .ed-selected-dynamic .ed-relation-depth p { font-size: 17px; line-height: 1.55; }
 .home-layout-v9 .ed-selected-dynamic .ed-relation-depth>section { margin-top: 24px; padding-top: 20px; }
 .home-layout-v9 .ed-selected-dynamic .ed-relation-depth h4 { font-size: 11px; margin-bottom: 10px; }
 .home-layout-v9 .ed-selected-dynamic .ed-relation-actions { margin-top: 24px; }
 .home-layout-v9 .ed-selected-dynamic .ed-relation-actions .ed-text-link { font-size: 12px; }
 .home-layout-v9 .ed-row-toggle::before,
 .home-layout-v9 .ed-dynamic-row[open] .ed-row-toggle::before { content: ''; display: block; width: 7px; height: 7px; border: 1px solid #77668e; border-radius: 50%; }
 .home-layout-v9 .is-selected .ed-row-toggle::before { background: #bea0f4; border-color: #bea0f4; box-shadow: 0 0 10px #9c6ae966; }
}
/* Light stays around the edges of the relationship reference card. */
.home-layout-v9 .ed-selected-dynamic { isolation: isolate; overflow: hidden; background: #090a12; border-color: #9670c978; }
.home-layout-v9 .ed-selected-dynamic::before,
.home-layout-v9 .ed-selected-dynamic::after { content: ''; position: absolute; pointer-events: none; z-index: -1; }
.home-layout-v9 .ed-selected-dynamic::before { inset: -10%; background: radial-gradient(ellipse at 95% 8%,#8d38ff85,transparent 43%),radial-gradient(ellipse at 3% 96%,#369ce860,transparent 40%); animation: ed-relation-light 16s ease-in-out infinite alternate; }
.home-layout-v9 .ed-selected-dynamic::after { inset: 0; border: 1px solid #b28cff; box-shadow: inset -8px 0 25px #913fff28,inset 0 1px 12px #af7cff50; opacity: .3; animation: ed-relation-frame 5s ease-in-out infinite alternate; }
.home-layout-v9 .ed-selected-symbol { filter: drop-shadow(0 0 5px #b67bff) drop-shadow(0 0 12px #8645e9); animation: ed-relation-symbol 3.8s ease-in-out infinite alternate; }
.home-layout-v9 .ed-selected-symbol svg { stroke: #dfc7ff; stroke-width: 1.3; }
.home-layout-v9 .ed-relation-pause { align-self: flex-end; margin-top: 18px; padding: 4px 0; background: transparent; border: 0; color: #a997c4; font: 10px/1.5 var(--ed-ui); cursor: pointer; }
.home-layout-v9 .ed-relation-pause:focus-visible { outline: 1px solid #c8a5ff; outline-offset: 4px; }
.home-layout-v9 .ed-selected-dynamic:not(.is-light-running)::before,
.home-layout-v9 .ed-selected-dynamic:not(.is-light-running)::after,
.home-layout-v9 .ed-selected-dynamic:not(.is-light-running) .ed-selected-symbol { animation-play-state: paused; }
@keyframes ed-relation-light { from { transform: translate(-2%,2%) scale(1); } to { transform: translate(4%,-5%) scale(1.12); } }
@keyframes ed-relation-frame { from { opacity: .25; } to { opacity: .7; } }
@keyframes ed-relation-symbol { from { opacity: .78; transform: scale(.96); } to { opacity: 1; transform: scale(1.05); } }
@media(prefers-reduced-motion:reduce) { .home-layout-v9 .ed-selected-dynamic::before,.home-layout-v9 .ed-selected-dynamic::after,.home-layout-v9 .ed-selected-symbol { animation: none; } .home-layout-v9 .ed-relation-pause { display: none; } }
/* Carry the violet light across the outer chapter, with black at its seams. */
body.home-layout-v9 #main-view #relations.ed-section { position: relative; isolation: isolate; overflow: hidden; }
body.home-layout-v9 #main-view #relations.ed-section::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 95% 38%,#8734ed66,transparent 62%),radial-gradient(ellipse at 8% 72%,#6330dc3d,transparent 53%); mask-image: linear-gradient(transparent,black 15%,black 82%,transparent); animation: ed-outer-relation-light 18s ease-in-out infinite alternate; animation-play-state: paused; }
body.home-layout-v9 #main-view #relations.is-light-running::before { animation-play-state: running; }
.home-layout-v9 .ed-relations-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; padding-top: 28px; }
.home-layout-v9 .ed-relations-tools .ed-button { padding: 16px 20px; font-size: 12px; }
.home-layout-v9 .ed-relations-tools .ed-text-link { font-size: 12px; }
@keyframes ed-outer-relation-light { from { transform: translateX(-2%) scale(1); opacity: .8; } to { transform: translateX(2%) scale(1.06); opacity: 1; } }
@media(prefers-reduced-motion:reduce) { body.home-layout-v9 #main-view #relations.ed-section::before { animation: none; } }
/* Dark reference treatment, with stars instead of moving color washes. */
body.home-layout-v9 #main-view #relations.ed-section::before { background: radial-gradient(1px 1px at 8% 19%,#d6c6ff 95%,transparent),radial-gradient(1.5px 1.5px at 23% 54%,#b8cfff 95%,transparent),radial-gradient(1px 1px at 39% 12%,#d5c7f5 95%,transparent),radial-gradient(1px 1px at 53% 79%,#d6c6ff 95%,transparent),radial-gradient(1.5px 1.5px at 76% 25%,#bdccff 95%,transparent),radial-gradient(1px 1px at 92% 64%,#e0d2ff 95%,transparent),radial-gradient(1px 1px at 16% 88%,#ccbbef 95%,transparent); animation: ed-relation-stars 5s ease-in-out infinite alternate; }
body.home-layout-v9 #main-view #relations.ed-section::after { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: -1; background: radial-gradient(1px 1px at 15% 35%,#cbb8ef 95%,transparent),radial-gradient(1px 1px at 44% 66%,#b8cfff 95%,transparent),radial-gradient(1.5px 1.5px at 67% 15%,#d6c6ff 95%,transparent),radial-gradient(1px 1px at 84% 83%,#d6c6ff 95%,transparent),radial-gradient(1px 1px at 96% 42%,#b8cfff 95%,transparent); mask-image: linear-gradient(transparent,black 15%,black 82%,transparent); animation: ed-relation-stars 7s -3s ease-in-out infinite alternate-reverse; }
body.home-layout-v9 #main-view #relations:not(.is-light-running)::before,
body.home-layout-v9 #main-view #relations:not(.is-light-running)::after { animation-play-state: paused; }
.home-layout-v9 .ed-selected-dynamic { background: linear-gradient(130deg,#bbb0ff08,transparent 45%),#0c0b18b8; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-color: #b09bc638; box-shadow: inset 0 1px 0 #e4d6ff0d,0 12px 36px #00000024; }
.home-layout-v9 .ed-selected-dynamic::before,
.home-layout-v9 .ed-selected-dynamic::after { content: none; }
.home-layout-v9 .ed-selected-symbol { animation: none; filter: none; }
.home-layout-v9 .ed-selected-symbol svg { stroke: #bca1f3; stroke-width: 1; }
@keyframes ed-relation-stars { from { opacity: .18; } to { opacity: .62; } }
@media(prefers-reduced-motion:reduce) { body.home-layout-v9 #main-view #relations.ed-section::before,body.home-layout-v9 #main-view #relations.ed-section::after { animation: none; opacity: .35; } }
.home-layout-v9 #relations .ed-section-heading { border-bottom: 0; }
.home-layout-v9 .ed-dynamic-row .ed-dynamic-card-symbol,
.home-layout-v9 .ed-dynamic-row.is-selected summary { color: var(--relation-accent); }
.home-layout-v9 .ed-dynamic-row.is-selected { border-left-color: var(--relation-accent); background: linear-gradient(90deg,color-mix(in srgb,var(--relation-accent) 8%,transparent),transparent); }
.home-layout-v9 .is-selected .ed-row-toggle::before { background: var(--relation-accent); border-color: var(--relation-accent); box-shadow: 0 0 10px color-mix(in srgb,var(--relation-accent) 30%,transparent); }
.home-layout-v9 .ed-selected-symbol svg { stroke: var(--relation-accent); }
.home-layout-v9 .ed-selected-dynamic { border-color: color-mix(in srgb,var(--relation-accent) 28%,transparent); }
.home-layout-v9 .ed-selected-dynamic .ed-chapter-label,
.home-layout-v9 .ed-selected-dynamic .ed-relation-depth h4 { color: color-mix(in srgb,var(--relation-accent) 65%,#ddd); }
/* Neutral index until a relationship is selected. */
.home-layout-v9 #relations .ed-section-heading { border-bottom: 1px solid #2a3a49; }
.home-layout-v9 .ed-dynamic-row .ed-dynamic-card-symbol { color: #84b9cc; }
.home-layout-v9 .ed-dynamic-row.is-selected .ed-dynamic-card-symbol { color: var(--relation-accent); }
/* Full-width marquee and a calmer featured-type identity. */
body.home-layout-v9 #main-view .ed-marquee { width:100%; max-width:none; margin-inline:0; box-sizing:border-box; }
body.home-layout-v9 #main-view .ed-feature-slide { height:auto; min-height:380px; }
.home-layout-v9 .ed-feature-content { height:auto; min-height:380px; grid-template-rows:180px auto minmax(64px,auto) auto; row-gap:12px; }
.home-layout-v9 .ed-feature-title { margin-top:22px; }
.home-layout-v9 .ed-feature-traits { margin:14px 0 0; color:#aabac6; font:12px/1.5 var(--ed-ui); letter-spacing:.08em; text-align:center; }
.home-layout-v9 .ed-feature-traits span { padding:0 8px; color:#748795; }
@media(max-width:760px) { .home-layout-v9 .ed-feature-content { grid-template-rows:170px auto minmax(72px,auto) auto; } .home-layout-v9 .ed-feature-title { margin-top:20px; } }
/* Two perspectives draw a single open, sculptural outline. */
.home-layout-v9 .ed-perspective-outline { position:absolute; width:60%; height:100%; right:-3%; top:0; overflow:visible; }
.home-layout-v9 .ed-outline-form { transform-origin:300px 300px; animation:ed-outline-turn 20s ease-in-out infinite alternate; }
.home-layout-v9 .ed-outline-trace { fill:none; stroke-width:2; stroke-linecap:round; stroke-dasharray:100; animation:ed-outline-draw 10s linear -1s infinite; }
.home-layout-v9 .ed-outline-violet { stroke:#b77bff; filter:drop-shadow(0 0 4px #a43aff) drop-shadow(0 0 13px #983bff); }
.home-layout-v9 .ed-outline-blue { stroke:#78d2f5; filter:drop-shadow(0 0 4px #49baf0) drop-shadow(0 0 13px #389edf); }
.home-layout-v9 .ed-outline-meeting { fill:#ece3ff; filter:drop-shadow(0 0 8px #c19aff); animation:ed-outline-meet 10s linear -1s infinite; }
.home-layout-v9 .ed-statement:not(.is-running) .ed-perspective-outline * { animation-play-state:paused; }
@keyframes ed-outline-draw { 0% { stroke-dashoffset:100; opacity:.3; } 48%,68% { stroke-dashoffset:0; opacity:1; } 88%,100% { stroke-dashoffset:0; opacity:0; } }
@keyframes ed-outline-meet { 0%,44% { opacity:0; } 50%,64% { opacity:1; } 82%,100% { opacity:0; } }
@keyframes ed-outline-turn { from { transform:rotate(-12deg) scale(.95); } to { transform:rotate(12deg) scale(1.03); } }
@media(max-width:760px) { .home-layout-v9 .ed-perspective-outline { width:100%; right:-38%; opacity:.55; } }
@media(prefers-reduced-motion:reduce) { .home-layout-v9 .ed-perspective-outline * { animation:none; } .home-layout-v9 .ed-outline-trace { stroke-dashoffset:0; opacity:.8; } }
/* Overlapping curved fields: light collects where the lines cross. */
.home-layout-v9 .ed-perspective-fields { position:absolute; width:70%; height:125%; right:-10%; top:-12%; overflow:visible; mask-image:linear-gradient(90deg,transparent,#000 22%,#000 83%,transparent); }
.home-layout-v9 .ed-line-field { fill:none; stroke-width:1.25; transform-origin:300px 300px; mix-blend-mode:screen; }
.home-layout-v9 .ed-line-field-violet { stroke:#b578ff; filter:drop-shadow(0 0 3px #8e3bf5); animation:ed-field-violet 14s ease-in-out infinite alternate; }
.home-layout-v9 .ed-line-field-blue { stroke:#72ccef; filter:drop-shadow(0 0 3px #389ddb); animation:ed-field-blue 18s ease-in-out -5s infinite alternate; }
.home-layout-v9 .ed-line-field path { opacity:.55; animation:ed-field-light 7s ease-in-out infinite alternate; }
.home-layout-v9 .ed-line-field path:nth-child(3n) { animation-delay:-3s; }
.home-layout-v9 .ed-line-field path:nth-child(3n + 1) { animation-delay:-5s; }
.home-layout-v9 .ed-statement:not(.is-running) .ed-perspective-fields * { animation-play-state:paused; }
@keyframes ed-field-violet { from { transform:translate(-12px,8px) rotate(-8deg); } to { transform:translate(18px,-10px) rotate(7deg); } }
@keyframes ed-field-blue { from { transform:translate(8px,-15px) rotate(7deg); } to { transform:translate(-15px,16px) rotate(-9deg); } }
@keyframes ed-field-light { from { opacity:.25; } to { opacity:.85; } }
@media(max-width:760px) { .home-layout-v9 .ed-perspective-fields { width:115%; right:-50%; opacity:.55; } }
@media(prefers-reduced-motion:reduce) { .home-layout-v9 .ed-perspective-fields * { animation:none; } }
/* Curved beams meet and refract into an abstract fan of light. */
.home-layout-v9 .ed-perspective-junction { position:absolute; width:68%; height:110%; right:-7%; top:-5%; overflow:visible; mask-image:linear-gradient(90deg,transparent,#000 18%,#000 85%,transparent); }
.home-layout-v9 .ed-junction-sculpture { transform-origin:320px 300px; animation:ed-junction-drift 12s ease-in-out infinite alternate; }
.home-layout-v9 .ed-beam { fill:none; stroke-width:2; stroke-linecap:round; animation:ed-beam-breathe 5s ease-in-out infinite alternate; }
.home-layout-v9 .ed-beam-violet { stroke:#bb86ff; filter:drop-shadow(0 0 4px #983fff) drop-shadow(0 0 11px #983fff); }
.home-layout-v9 .ed-beam-blue { stroke:#81d4ff; filter:drop-shadow(0 0 4px #3cafff) drop-shadow(0 0 11px #3cafff); animation-delay:-2.5s; }
.home-layout-v9 .ed-junction-strands path { fill:none; stroke:var(--strand); stroke-width:1.2; stroke-linecap:round; filter:drop-shadow(0 0 4px var(--strand)); animation:ed-strand-breathe 6s ease-in-out infinite alternate; }
.home-layout-v9 .ed-junction-strands path:nth-child(2n) { animation-delay:-3s; }
.home-layout-v9 .ed-junction-strands path:nth-child(3n) { animation-delay:-1.5s; }
.home-layout-v9 .ed-junction-halo { transform-origin:320px 300px; animation:ed-junction-glow 5s ease-in-out infinite alternate; }
.home-layout-v9 .ed-junction-core { filter:drop-shadow(0 0 7px #f2dfff); }
.home-layout-v9 .ed-statement:not(.is-running) .ed-perspective-junction * { animation-play-state:paused; }
@keyframes ed-junction-drift { from { transform:translateY(-8px) rotate(-3deg); } to { transform:translateY(8px) rotate(3deg); } }
@keyframes ed-beam-breathe { from { opacity:.6; } to { opacity:1; } }
@keyframes ed-strand-breathe { from { opacity:.35; } to { opacity:.9; } }
@keyframes ed-junction-glow { from { opacity:.65; transform:scale(.85); } to { opacity:1; transform:scale(1.15); } }
@media(max-width:760px) { .home-layout-v9 .ed-perspective-junction { width:110%; right:-48%; opacity:.65; } }
@media(prefers-reduced-motion:reduce) { .home-layout-v9 .ed-perspective-junction * { animation:none; } }
/* Morphing light ribbons: translucent bodies with crisp luminous contours. */
.home-layout-v9 .ed-perspective-liquid { position:absolute; width:72%; height:125%; right:-9%; top:-12%; overflow:visible; mask-image:linear-gradient(90deg,transparent,#000 25%,#000 90%,transparent); }
.home-layout-v9 .ed-liquid-ribbon { mix-blend-mode:screen; }
.home-layout-v9 .ed-liquid-ribbon path { stroke-width:1.5; stroke-linejoin:round; }
.home-layout-v9 .ed-liquid-violet { fill:url(#liquid-violet); stroke:#bd86ff; filter:drop-shadow(0 0 5px #963dff) drop-shadow(0 0 14px #873afa88); }
.home-layout-v9 .ed-liquid-blue { fill:url(#liquid-blue); stroke:#8ad9ff; filter:drop-shadow(0 0 4px #5abafa) drop-shadow(0 0 11px #548cef66); }
@media(max-width:760px) { .home-layout-v9 .ed-perspective-liquid { width:120%; right:-55%; opacity:.65; } }
.home-layout-v9 .ed-psyche-butterfly { width:65%; height:115%; top:-7%; right:-5%; mask-image:linear-gradient(90deg,transparent,#000 18%,#000 94%,transparent); }
.home-layout-v9 .ed-psyche-butterfly .ed-liquid-ribbon path { stroke-width:1.4; }
@media(max-width:760px) { .home-layout-v9 .ed-psyche-butterfly { width:110%; right:-45%; opacity:.6; } }
/* Shape and light share the same SVG timeline, including pause/reduced motion. */
.home-layout-v9 .ed-psyche-butterfly .ed-liquid-ribbon { stroke:currentColor; filter:drop-shadow(0 0 5px currentColor); }
.home-layout-v9 .ed-statement-footer { flex-wrap:wrap; gap:18px; }
.session-dialog { width:min(540px,calc(100% - 32px)); max-height:calc(100dvh - 40px); overflow:auto; padding:32px; border:1px solid #8d6eb366; border-radius:8px; background:radial-gradient(ellipse at top right,#803acb20,transparent 60%),#0b0c13; color:#dce5ed; box-shadow:0 24px 100px #0009; font:18px/1.5 Rajdhani,sans-serif; }
.session-dialog::backdrop { background:#03050bd9; backdrop-filter:blur(5px); }
.session-dialog h2 { font:400 42px/1.1 'Cormorant Garamond',serif; margin:16px 0; }
.session-dialog p { color:#afbbc9; margin:12px 0; }
.session-dialog small { font:10px/1.5 'Share Tech Mono',monospace; letter-spacing:.15em; color:#bb9cdc; }
.session-close { position:absolute; top:12px; right:16px; border:0; background:transparent; color:#c7b3df; font-size:28px; cursor:pointer; }
.session-dialog form { display:grid; gap:16px; }
.session-dialog label { display:grid; gap:6px; font-size:16px; }
.session-dialog input,.session-dialog select,.session-dialog textarea { width:100%; box-sizing:border-box; border:1px solid #474052; border-radius:3px; padding:10px 12px; background:#090b12; color:#dce5ed; font:16px/1.4 Rajdhani,sans-serif; }
.session-dialog :focus-visible { outline:2px solid #b798e1; outline-offset:3px; }
.session-dialog .ed-button { justify-self:start; }
.session-dialog .ed-button:disabled { opacity:.5; }
@media(max-width:600px) { .session-dialog { padding:26px 20px; } }
/* Center the native dialog despite the page-wide margin reset. */
.session-dialog { position:fixed; inset:0; margin:auto; box-sizing:border-box; }
/* Keep the signature and booking action together beneath the quote. */
.home-layout-v9 .ed-statement-footer { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:18px; text-align:left; }
.home-layout-v9 .ed-statement-footer .ed-statement-motion { align-self:flex-end; }
/* Attribution belongs to the quote; leave a larger pause before the action. */
body.home-layout-v9 #main-view .ed-statement p.ed-statement-quote,
body.home-layout-v9.sigil-react-mounted #main-view .ed-statement p.ed-statement-quote { margin-bottom:18px; }
.home-layout-v9 .ed-statement-footer { gap:0; }
.home-layout-v9 .ed-statement-footer [data-book-session] { margin-top:44px; }
.home-layout-v9 .ed-statement-footer .ed-statement-motion { margin-top:18px; }
@media(max-width:760px) { .home-layout-v9 .ed-statement-footer [data-book-session] { margin-top:32px; } }
/* Equal quote spacing with both controls sharing the bottom row. */
body.home-layout-v9 #main-view .ed-statement p.ed-statement-quote,
body.home-layout-v9.sigil-react-mounted #main-view .ed-statement p.ed-statement-quote { margin-block:2.6rem; }
.home-layout-v9 .ed-statement-footer { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:44px 20px; }
.home-layout-v9 .ed-statement-footer .ed-statement-signature { grid-column:1 / -1; }
.home-layout-v9 .ed-statement-footer [data-book-session] { grid-column:1; grid-row:2; justify-self:start; margin:0; }
.home-layout-v9 .ed-statement-footer .ed-statement-motion { grid-column:2; grid-row:2; align-self:center; margin:0; }
@media(max-width:760px) { .home-layout-v9 .ed-statement-footer { row-gap:32px; column-gap:12px; } }
.home-layout-v9 .ed-statement-signature { display:flex; align-items:center; gap:16px; text-transform:uppercase; }
.home-layout-v9 .ed-statement-signature::before { content:''; width:35px; height:1px; background:#66808e; flex-shrink:0; }
/* Quadras: shared atmosphere, restrained row accents. */
body.home-layout-v9 #quadras { position:relative; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 95% 50%,#7137bc1c,transparent 68%),linear-gradient(180deg,#090b10,#0c0a14 55%,#090b10); }
body.home-layout-v9 #quadras .sec-inner { position:relative; z-index:1; }
body.home-layout-v9 #quadras .quadra-atmosphere { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
body.home-layout-v9 #quadras .quadra-atmosphere svg { width:100%; height:100%; opacity:.35; }
body.home-layout-v9 #quadras .quadra-constellation { transform-origin:80% 50%; animation:quadra-drift 26s ease-in-out infinite alternate; animation-play-state:paused; }
body.home-layout-v9 #quadras.quadra-motion-running .quadra-constellation { animation-play-state:running; }
body.home-layout-v9 #quadras .quadra-constellation path { fill:none; stroke:#a18bdf; stroke-width:.65; opacity:.35; }
body.home-layout-v9 #quadras .quadra-light { fill:#9572ff; opacity:.24; filter:blur(7px); }
body.home-layout-v9 #quadras .quadra-points { fill:#b8c8ff; }
@keyframes quadra-drift { from { transform:translate(-10px,-8px) rotate(-5deg) scale(.96); } to { transform:translate(15px,12px) rotate(6deg) scale(1.04); } }
body.home-layout-v9 #quadras .ed-quadra { background:transparent; border-color:#8d839c30; transition:background .25s; }
body.home-layout-v9 #quadras .ed-quadra:is(:hover,:focus-within) { background:linear-gradient(90deg,color-mix(in srgb,var(--panel-accent) 7%,transparent),transparent 75%); }
body.home-layout-v9 #main-view #quadras .ed-quadra h3 { color:#e1e8ed; transition:color .25s; }
body.home-layout-v9 #quadras .ed-quadra-top>a { display:flex; align-items:center; gap:14px; }
body.home-layout-v9 #quadras .ed-quadra-top>a::before { content:''; width:5px; height:5px; flex-shrink:0; border-radius:50%; background:var(--panel-accent); transition:box-shadow .25s; }
body.home-layout-v9 #quadras .ed-quadra:is(:hover,:focus-within) .ed-quadra-top>a::before { box-shadow:0 0 12px var(--panel-accent); }
body.home-layout-v9 #main-view #quadras .ed-quadra:is(:hover,:focus-within) h3 { color:var(--panel-accent); }
body.home-layout-v9 #quadras .ed-quadra-top>a>span { transition:transform .25s; }
body.home-layout-v9 #quadras .ed-quadra-top>a:hover>span { transform:translate(2px,-2px); }
body.home-layout-v9 #quadras .ed-quadra-values { color:#aeb7c6; font-size:13px; }
body.home-layout-v9 #quadras .ed-quadra-values small { display:inline-block; margin-right:12px; color:#8e879c; font:10px/1.5 'Share Tech Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }
body.home-layout-v9 #quadras .ed-quadra p { grid-row:1; align-self:end; }
body.home-layout-v9 #quadras .ed-quadra-values { grid-row:2; align-self:start; }
body.home-layout-v9 #quadras .ed-quadra-types a { color:#c0c9d4; border-color:#8d839c35; background:transparent; }
body.home-layout-v9 #quadras .ed-quadra-types a:is(:hover,:focus-visible) { color:var(--panel-accent); border-color:var(--panel-accent); }
body.home-layout-v9 #quadras .quadra-motion-toggle { margin-left:auto; border:0; background:transparent; color:#a9a0b8; padding:10px 4px; font:11px/1.5 'Share Tech Mono',monospace; cursor:pointer; letter-spacing:0; }
body.home-layout-v9 #quadras .quadra-motion-toggle[hidden] { display:none; }
body.home-layout-v9 #quadras a:focus-visible,body.home-layout-v9 #quadras button:focus-visible { outline:2px solid #b8a0e0; outline-offset:4px; }
@media(max-width:600px) { body.home-layout-v9 #quadras .ed-quadra { display:flex; } body.home-layout-v9 #quadras .ed-quadra-top { display:contents; } body.home-layout-v9 #quadras .ed-quadra-top>a { order:0; align-self:flex-start; } body.home-layout-v9 #quadras .ed-quadra p { order:1; align-self:stretch; } body.home-layout-v9 #quadras .ed-quadra-values { order:2; } body.home-layout-v9 #quadras .ed-quadra-types { order:3; } body.home-layout-v9 #quadras .ed-quadra-types a { min-height:44px; } body.home-layout-v9 #quadras .quadra-atmosphere svg { opacity:.18; } }
@media(prefers-reduced-motion:reduce) { body.home-layout-v9 #quadras .quadra-constellation { animation:none; } body.home-layout-v9 #quadras .ed-quadra,body.home-layout-v9 #quadras .ed-quadra-top>a>span { transition:none; } }
/* Brighter blue-violet constellation with fine star connections. */
body.home-layout-v9 #main-view #quadras { background:radial-gradient(ellipse at 100% 35%,#5421a528,transparent 60%),radial-gradient(ellipse at 0% 80%,#1249a01c,transparent 50%),#090b13; }
body.home-layout-v9 #quadras .quadra-atmosphere svg { opacity:.75; }
body.home-layout-v9 #quadras .quadra-constellation { transform-origin:50% 50%; animation-name:quadra-star-drift; }
body.home-layout-v9 #quadras .quadra-constellation .quadra-star-links { stroke:url(#quadra-sky-lines); stroke-width:.65; opacity:.33; }
body.home-layout-v9 #quadras .quadra-star { animation:quadra-twinkle 6s ease-in-out infinite alternate; animation-delay:var(--star-delay); animation-play-state:paused; }
body.home-layout-v9 #quadras.quadra-motion-running .quadra-star { animation-play-state:running; }
body.home-layout-v9 #quadras .star-core { fill:#d6eaff; }
body.home-layout-v9 #quadras .star-halo { fill:var(--star-color); filter:blur(4px); opacity:.8; }
body.home-layout-v9 #quadras .quadra-constellation .star-rays { stroke:var(--star-color); stroke-width:.7; opacity:.8; }
@keyframes quadra-star-drift { from { transform:translate(-4px,-4px); } to { transform:translate(5px,6px); } }
@keyframes quadra-twinkle { from { opacity:.4; } to { opacity:1; } }
@media(max-width:600px) { body.home-layout-v9 #quadras .quadra-atmosphere svg { opacity:.4; } }
@media(prefers-reduced-motion:reduce) { body.home-layout-v9 #quadras .quadra-star { animation:none; } }
/* Small edge constellations keep the reading area clear. */
body.home-layout-v9 #quadras .star-halo { filter:blur(2px); }
body.home-layout-v9 #quadras .quadra-constellation { animation-duration:18s; }
/* Varied, independently drifting constellations and a scattered star field. */
body.home-layout-v9 #quadras .quadra-constellation { animation-name:quadra-natural-drift; }
body.home-layout-v9 #quadras .quadra-starfield { animation:quadra-field-drift 22s ease-in-out infinite alternate; animation-play-state:paused; }
body.home-layout-v9 #quadras.quadra-motion-running .quadra-starfield { animation-play-state:running; }
body.home-layout-v9 #quadras .quadra-dust { animation-duration:4.5s; }
body.home-layout-v9 #quadras .quadra-dust .star-halo { opacity:.45; }
body.home-layout-v9 #quadras .quadra-constellation .quadra-star-links { opacity:.42; }
@keyframes quadra-natural-drift { from { transform:translate(0,0); } to { transform:translate(var(--drift-x),var(--drift-y)); } }
@keyframes quadra-field-drift { from { transform:translate(0,0); } to { transform:translate(6px,-8px); } }
@media(prefers-reduced-motion:reduce) { body.home-layout-v9 #quadras .quadra-starfield { animation:none; } }

/* Quick definitions share the sigil area, preserving the original card geometry. */
body.home-layout-v9 #main-view #types .ed-type-card--reveal .ed-type-description {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  align-self: center;
  z-index: 1;
  font: 400 16px/1.4 'Rajdhani', sans-serif;
  color: #d2dce4;
  opacity: 0;
  transform: translateY(5px);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}
body.home-layout-v9 #main-view #types .ed-type-card--reveal .ed-type-sigil {
  grid-column: 1;
  grid-row: 2;
  transition: opacity .2s ease, transform .2s ease;
}
body.home-layout-v9 #main-view #types .ed-type-card--reveal .ed-type-copy { grid-column: 1; grid-row: 3; }
body.home-layout-v9 #main-view #types .ed-type-card--reveal:is(:hover,:focus-visible) .ed-type-description { opacity: 1; transform: none; }
body.home-layout-v9 #main-view #types .ed-type-card--reveal:is(:hover,:focus-visible) .ed-type-sigil { opacity: 0; transform: scale(.94); }
@media (hover: none), (pointer: coarse) {
  body.home-layout-v9 #main-view #types .ed-type-card--reveal { grid-template-rows: auto 76px minmax(2.5rem,auto) auto; }
  body.home-layout-v9 #main-view #types .ed-type-card--reveal .ed-type-description { grid-row: 4; opacity: 1; transform: none; }
  body.home-layout-v9 #main-view #types .ed-type-card--reveal:is(:hover,:focus-visible) .ed-type-sigil { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.home-layout-v9 #main-view #types .ed-type-card--reveal :is(.ed-type-sigil,.ed-type-description) { transition: none; transform: none; }
}

.home-layout-v9 .ed-psyche-butterfly .ed-constellation-mesh path { stroke-width: .65; fill: none; }

/* A sparse star field supports the existing morph without a connecting mesh. */
.home-layout-v9 .ed-psyche-butterfly .ed-liquid-ribbon > path { fill-opacity: .5; }
.home-layout-v9 .ed-perspective-stars { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.home-layout-v9 .ed-perspective-stars circle { opacity:.22; animation:perspective-star-twinkle var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite alternate; animation-play-state:paused; }
.home-layout-v9 #perspective.is-running .ed-perspective-stars circle { animation-play-state:running; }
@keyframes perspective-star-twinkle { from { opacity:.12; } to { opacity:.66; } }
@media(prefers-reduced-motion:reduce) { .home-layout-v9 .ed-perspective-stars circle { animation:none; opacity:.3; } }


/* Admin-managed announcements, restored for the editorial homepage. */
body.socionics-home-page.home-editorial-page .persona-status-ticker {
  display:grid!important; grid-template-columns:minmax(0,1fr); align-items:center;
  top:var(--announcement-nav-bottom,5rem); height:auto; min-height:2.6rem;
  padding:.6rem 1.5rem; justify-content:center;
  background:linear-gradient(100deg,rgba(10,22,32,.88),rgba(27,28,48,.85) 52%,rgba(13,25,35,.88));
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border-top:0; border-bottom:1px solid rgba(155,174,210,.16); box-shadow:none;
}
body.socionics-home-page.home-editorial-page .persona-status-ticker.is-disabled {display:none!important;}
body.socionics-home-page.home-editorial-page .persona-status-ticker::before,
body.socionics-home-page.home-editorial-page .persona-status-ticker::after {content:none;}
body.socionics-home-page.home-editorial-page .persona-status-ticker .persona-status-ticker__message {
  position:relative; grid-area:1/1; left:auto; width:100%; max-width:none;
  text-align:center; white-space:normal; overflow-wrap:anywhere;
  font-size:.65rem; line-height:1.5; letter-spacing:.13em;
  color:#bac9dc; transform:none; opacity:0; animation:none!important;
  visibility:hidden; transition:opacity .45s ease,visibility .45s ease;
}
body.socionics-home-page.home-editorial-page .persona-status-ticker .persona-status-ticker__message.is-active {opacity:1;visibility:visible;transform:none;}
@media(prefers-reduced-motion:reduce){body.socionics-home-page.home-editorial-page .persona-status-ticker .persona-status-ticker__message{transition:none;}}

/* Leave room beneath the header and the full admin announcement height. */
body.home-layout-v9.home-editorial-page #main-view .hero.ed-hero {
  padding-top:calc(var(--home-header-stack,8rem) + clamp(1.5rem,3vw,3rem));
}

/* Announcements fade quietly; their measured spacing stays reserved. */
body.socionics-home-page.home-editorial-page .persona-status-ticker {transition:opacity .8s ease;}
body.socionics-home-page.home-editorial-page .persona-status-ticker.is-hidden {transform:none;}
@media(prefers-reduced-motion:reduce){body.socionics-home-page.home-editorial-page .persona-status-ticker{transition:none;}}

/* Keep loading and recovery messages visible before React mounts. */
body.home-editorial-page #socionics-sigil-island{display:block;}

/* Keep the original star field, with a little less brightness. */
body.home-layout-v9 #quadras .quadra-atmosphere svg { opacity:.55; }
@media(max-width:600px) { body.home-layout-v9 #quadras .quadra-atmosphere svg { opacity:.3; } }

/* Open hero alternative; the card version is saved in .preview-backups. */
.home-layout-v9 .ed-hero-open .ed-hero-frame { grid-template-columns:44px minmax(0,1fr); }
.home-layout-v9 .ed-hero-open .ed-hero-intro { display:flex; flex-direction:column; align-items:flex-start; gap:1.7rem; padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,4vw,4rem); }
.home-layout-v9 .ed-hero-open .ed-hero-intro>.ed-eyebrow { grid-column:1/-1; margin:0; }
body.home-layout-v9 #main-view .ed-hero-open h1 { max-width:1050px; font-size:clamp(3.6rem,7.5vw,7rem); line-height:1; margin:0; }
body.home-layout-v9 #main-view .ed-hero-open h1 em { display:inline; }
.home-layout-v9 .ed-hero-summary { min-width:0; }
.home-layout-v9 .ed-hero-open .ed-brand-rail { border-right:1px solid #294253; }
body.home-layout-v9.home-editorial-page #main-view .hero.ed-hero-open { padding-bottom:2rem; }
.home-layout-v9 .ed-hero-summary .ed-theory-link { display:block; }
body.home-layout-v9 #main-view .ed-hero-open .ed-hero-description { max-width:36rem; font-size:clamp(20px,1.7vw,24px); line-height:1.65; }
.home-layout-v9 .ed-hero-open .ed-hero-actions { margin-top:1.5rem; }
@media(max-width:850px) {
  .home-layout-v9 .ed-hero-open .ed-hero-frame { grid-template-columns:20px minmax(0,1fr); }
  .home-layout-v9 .ed-hero-open .ed-brand-rail { display:flex; }
  .home-layout-v9 .ed-hero-open .ed-hero-intro { grid-column:2; gap:1.5rem; padding:1.5rem 0 1.5rem 1rem; }
  body.home-layout-v9 #main-view .ed-hero-open h1 { font-size:clamp(3.2rem,12vw,4.5rem); }
}

/* Broad, restrained light that fades into the adjoining sections. */
body.home-layout-v9 #main-view #quadras{background:linear-gradient(180deg,#08131f 0%,transparent 18%,transparent 82%,#08131f 100%),radial-gradient(ellipse 65% 65% at 90% 25%,rgba(103,58,177,.21),transparent 78%),radial-gradient(ellipse 65% 65% at 8% 75%,rgba(39,108,146,.14),transparent 80%),#090c16}

body.home-layout-v9 #main-view .ed-hero-open h1{font-size:clamp(48px,6vw,88px);max-width:1100px;line-height:1.04}
body.home-layout-v9 #main-view .ed-hero-open h1>span{display:block}
body.home-layout-v9 #main-view .ed-hero-open h1>em{display:block;font-size:.72em;line-height:1.18;margin-top:14px;max-width:1000px}
body.home-layout-v9 #main-view .ed-hero-open .ed-hero-description{max-width:850px;font-size:clamp(19px,1.6vw,23px);line-height:1.65}
@media(max-width:600px){body.home-layout-v9 #main-view .ed-hero-open h1{font-size:46px}body.home-layout-v9 #main-view .ed-hero-open h1>em{font-size:.7em}}

/* Restore the original hero's scale and deliberate line lengths. */
body.home-layout-v9 #main-view .ed-hero-open h1{font-size:clamp(60px,7.6vw,112px);max-width:1040px;line-height:.98;letter-spacing:-.035em}
body.home-layout-v9 #main-view .ed-hero-open h1>em{font-size:.88em;line-height:1.02;max-width:850px;margin-top:12px;text-wrap:balance;letter-spacing:-.025em}
body.home-layout-v9 #main-view .ed-hero-open .ed-hero-description{max-width:700px;font-size:clamp(19px,1.55vw,22px);line-height:1.6;margin-top:0}
.home-layout-v9 .ed-hero-open .ed-hero-intro{gap:30px;padding-top:20px;padding-bottom:30px}
.home-layout-v9 .ed-hero-open .ed-hero-intro>.ed-eyebrow{margin-bottom:6px;color:#aebdce;letter-spacing:.15em}
.home-layout-v9 .ed-hero-open .ed-hero-actions{margin-top:24px}
@media(max-width:850px){body.home-layout-v9 #main-view .ed-hero-open h1{font-size:clamp(48px,9.3vw,76px)}body.home-layout-v9 #main-view .ed-hero-open h1>em{font-size:.88em;max-width:650px}.home-layout-v9 .ed-hero-open .ed-hero-intro{gap:24px}}
@media(max-width:480px){body.home-layout-v9 #main-view .ed-hero-open h1{font-size:48px;line-height:1.03}body.home-layout-v9 #main-view .ed-hero-open h1>em{font-size:42px;margin-top:18px}.home-layout-v9 .ed-hero-open .ed-hero-intro{padding-left:16px}body.home-layout-v9 #main-view .ed-hero-open .ed-hero-description{font-size:18px}}

/* Full-screen opening: generous type and spacing around each content group. */
body.home-layout-v9.home-editorial-page #main-view .hero.ed-hero-open{min-height:calc(100svh - var(--home-header-stack,124px));padding-top:clamp(52px,6vh,84px);padding-bottom:48px}
.home-layout-v9 .ed-hero-open .ed-hero-intro{gap:38px;padding-top:12px;padding-bottom:24px}
body.home-layout-v9 #main-view .ed-hero-open h1{font-size:clamp(72px,9vw,144px);max-width:1200px;line-height:1;letter-spacing:-.035em}
body.home-layout-v9 #main-view .ed-hero-open h1>em{font-size:.84em;line-height:1.08;max-width:1120px;margin-top:24px;text-wrap:balance}
body.home-layout-v9 #main-view .ed-hero-open .ed-hero-description{max-width:820px;font-size:clamp(20px,1.7vw,25px);line-height:1.7;margin:0}
.home-layout-v9 .ed-hero-open .ed-hero-actions{margin-top:34px;gap:30px}
.home-layout-v9 .ed-hero-summary .ed-theory-link{margin-top:28px}
@media(max-width:850px){body.home-layout-v9 #main-view .ed-hero-open h1{font-size:clamp(62px,10vw,90px)}.home-layout-v9 .ed-hero-open .ed-hero-intro{gap:30px}body.home-layout-v9.home-editorial-page #main-view .hero.ed-hero-open{padding-top:40px;padding-bottom:38px}}
@media(max-width:480px){body.home-layout-v9 #main-view .ed-hero-open h1{font-size:clamp(48px,13vw,62px);line-height:1.07}body.home-layout-v9 #main-view .ed-hero-open h1>em{font-size:.86em;line-height:1.12;margin-top:22px}body.home-layout-v9 #main-view .ed-hero-open .ed-hero-description{font-size:19px;line-height:1.65}.home-layout-v9 .ed-hero-open .ed-hero-actions{gap:18px;margin-top:28px}}

/* The headline leads; the scope of the database sits quietly below it. */
body.home-layout-v9 #main-view .ed-hero-open h1{font-size:clamp(60px,8vw,128px);line-height:1.02;max-width:1200px}
body.home-layout-v9 #main-view .ed-hero-open h1>em{font-size:1em;line-height:1.02;margin-top:4px}
body.home-layout-v9 #main-view .ed-hero-open .ed-hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:0 0 24px;font:11px/1.6 'Share Tech Mono',monospace;letter-spacing:.1em;color:#a9b4c6}
.ed-hero-meta i{font-style:normal;color:#738599}
body.home-layout-v9 #main-view .ed-hero-open .ed-hero-description{max-width:780px;line-height:1.65}
@media(max-width:850px){body.home-layout-v9 #main-view .ed-hero-open h1{font-size:clamp(52px,8.4vw,78px)}}
@media(max-width:480px){body.home-layout-v9 #main-view .ed-hero-open h1{font-size:clamp(44px,11.8vw,56px)}body.home-layout-v9 #main-view .ed-hero-open h1>em{font-size:1em;margin-top:8px}body.home-layout-v9 #main-view .ed-hero-open .ed-hero-meta{font-size:10px;gap:6px 10px}}
/* Reserve the fixed navigation and announcement height above the kicker. */
body.home-layout-v9.home-editorial-page #main-view .hero.ed-hero-open{padding-top:calc(var(--home-header-stack,124px) + clamp(32px,4vh,56px))}

/* Keep the kicker close to its headline, with space for the reading below. */
.home-layout-v9 .ed-hero-open .ed-hero-intro{gap:20px}
.home-layout-v9 .ed-hero-open .ed-hero-intro>.ed-eyebrow{margin-bottom:0}
body.home-layout-v9 #main-view .ed-hero-open h1{margin:0}
.home-layout-v9 .ed-hero-open .ed-hero-summary{margin-top:12px}
.home-layout-v9 .ed-hero-summary .ed-theory-link{margin-top:22px}
@media(max-width:600px){.home-layout-v9 .ed-hero-open .ed-hero-intro{gap:16px}.home-layout-v9 .ed-hero-open .ed-hero-summary{margin-top:8px}}

/* One spacing interval between the hero's main content groups. */
body.home-layout-v9 #main-view .ed-hero-open{--hero-content-gap:32px}
body.home-layout-v9 #main-view .ed-hero-open .ed-hero-intro{gap:var(--hero-content-gap)}
body.home-layout-v9 #main-view .ed-hero-open .ed-hero-intro>.ed-eyebrow{margin:0}
body.home-layout-v9 #main-view .ed-hero-open .ed-hero-summary{margin:0}
body.home-layout-v9 #main-view .ed-hero-open .ed-hero-description{margin:0}
body.home-layout-v9 #main-view .ed-hero-open .ed-hero-actions{margin-top:var(--hero-content-gap)}
body.home-layout-v9 #main-view .ed-hero-open .ed-theory-link{color:#9db8ca;font-size:16px;margin-top:1.35rem}
@media(max-width:600px){body.home-layout-v9 #main-view .ed-hero-open{--hero-content-gap:24px}body.home-layout-v9 #main-view .ed-hero-open .ed-theory-link{font-size:15px;margin-top:1.2rem}}