/* PHASE 2/4 · interaction, narrative and causality */
.home-v4-map-intro{min-height:28px}
.home-v4-map-intro-copy{display:flex;align-items:flex-end;gap:14px;min-width:0}
.home-v4-map-intro-copy>span{font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#e1bd68}
.home-v4-map-intro-copy>small{font-size:9.5px;letter-spacing:.015em;color:#8ea3b0}
.home-v4-map-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#96a9b5}
.home-v4-map-legend span{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.home-v4-map-legend span:before{content:"";width:18px;height:1px;background:#8db9d6}
.home-v4-map-legend span[data-kind="creates"]:before{background:#d5a942}
.home-v4-map-legend span[data-kind="next"]:before{height:2px;background:#e2be69}
.home-v4-node.is-preview:not(.is-active){border-color:rgba(151,196,224,.68);background:#0a304e;box-shadow:inset 3px 0 0 rgba(141,185,214,.75)}
.home-v4-node.is-preview:not(.is-active) span{color:#9bc3db}
.home-v4-node.is-active.is-preview{border-color:rgba(226,190,105,.88)}
.home-v4-node.is-muted{opacity:.38}
.home-v4-node.is-related{opacity:1}
.home-v4-node:focus-visible{outline:2px solid rgba(239,210,140,.92);outline-offset:3px}
.home-v4-relations>div{position:relative;padding-left:13px}
.home-v4-relations>div:before{content:"";position:absolute;left:0;top:17px;width:3px;height:24px;border-radius:9px;background:#8db9d6}
.home-v4-relations>div[data-relation="creates"]:before{background:#cda13c}
.home-v4-relations>div[data-relation="next"]:before{background:#7b2530}
.home-v4-follow{margin:0 0 18px;padding-top:2px}
.home-v4-follow>span,.home-v4-trail>span{display:block;margin-bottom:7px;color:#7b7163;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.home-v4-follow-button{display:block;width:100%;padding:13px 0 14px;border:0;border-top:1px solid #bcae96;border-bottom:1px solid #d8cebc;background:transparent;text-align:left;color:#1c3748;cursor:pointer}
.home-v4-follow-button:hover{background:linear-gradient(90deg,rgba(123,37,48,.04),transparent 70%)}
.home-v4-follow-button:focus-visible{outline:2px solid #7b2530;outline-offset:3px}
.home-v4-follow-button small{display:block;color:#69736f;font-size:10.5px;line-height:1.48}
.home-v4-follow-button strong{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;color:#672631;font:760 13px/1.2 var(--display);letter-spacing:-.012em}
.home-v4-follow-button strong i{font-style:normal;color:#b78626;font-size:16px}
.home-v4-trail{margin:0 0 18px}
.home-v4-trail ol{display:flex;align-items:center;gap:0;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.home-v4-trail li{display:inline-flex;align-items:center;color:#314958;font-size:9.5px;font-weight:760}
.home-v4-trail li:not(:last-child):after{content:"→";margin:0 7px;color:#b58b31;font-weight:900}
.home-v4-detail-p1 .home-v4-detail-link{margin-top:0}
@media(max-width:1120px){.home-v4-map-intro{align-items:flex-start}.home-v4-map-intro-copy{flex-direction:column;gap:2px}.home-v4-map-legend{margin-top:2px}}
@media(max-width:760px){.home-v4-map-legend{width:100%;justify-content:flex-start;gap:10px}.home-v4-map-hint{display:none!important}.home-v4-node.is-muted{opacity:.62}.home-v4-follow-button{padding-top:12px}.home-v4-trail{margin-bottom:16px}}
@media(max-width:390px){.home-v4-map-legend span{font-size:7.3px}.home-v4-map-legend span:before{width:12px}.home-v4-trail li{font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-v4-node,.home-v4-follow-button{transition:none!important}}