/* Project chapters follow Earth's reading/navigation pattern. */
.project-story-card{border-color:color-mix(in srgb,var(--project-color) 32%,#344156);padding:22px}
.project-story-card .story-location{color:var(--project-color)!important;font-size:10px!important;letter-spacing:.7px}
.project-story-card .story-eyebrow{margin-bottom:16px}
#preview .project-story-card h2{font-size:clamp(27px,2.5vw,38px);margin-bottom:19px}
.project-gallery{margin:0 0 18px}.project-screenshot-link{display:block;overflow:hidden;border:1px solid #8290a63b;border-radius:6px;background:#e6e5df;cursor:zoom-in}
.project-screenshot{display:block;width:100%;height:clamp(88px,16svh,140px);object-fit:contain}
.project-gallery figcaption{font-size:10px;line-height:1.6;color:#a0acc0;margin-top:8px}
#preview .project-story-card .story-body p{font-size:13px;line-height:1.75;margin-bottom:14px}
.project-visit{display:inline-block;color:var(--project-color);font-size:12px;padding:6px 0 12px;text-decoration:underline;text-underline-offset:4px}
.project-nodes{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.project-nodes button{line-height:1.5;text-align:left;font-size:10px;min-height:44px;padding:8px}
.project-nodes button[aria-current=step]{color:var(--project-color);border-color:color-mix(in srgb,var(--project-color) 40%,transparent);background:color-mix(in srgb,var(--project-color) 7%,transparent)}
.project-marker{width:36px;height:36px;margin:-18px}
.project-marker::before{inset:13px;background:#fff4df;box-shadow:0 0 6px 3px var(--project-color),0 0 20px 7px color-mix(in srgb,var(--project-color) 40%,transparent)}
.project-marker::after{inset:6px;border-color:var(--project-color)}
.project-marker .earth-marker-label{left:38px;top:7px;color:var(--project-color);font-size:10px}
.project-marker[data-node="0"] .earth-marker-label{left:auto;right:38px}
.planet.project-planet{--body-diameter:39px;--image-fill:59%;width:90px;height:90px;margin:-45px}
.planet.project-planet[data-world="numera"]{--body-diameter:35px;--image-fill:54%}
.planet.project-planet[data-world="awareness"]{--body-diameter:32px;--image-fill:51%}
.planet.project-planet[data-world="workshop"]{--body-diameter:38px;--image-fill:61%}
.planet.project-planet .planet-label{font-size:12px;line-height:1.6;max-width:170px;white-space:normal;width:max-content}
.planet.project-planet .planet-label small{font-size:9px;white-space:nowrap}
.planet.project-planet:hover .planet-label b,.planet.project-planet:focus-visible .planet-label b{color:var(--project-color)}
dialog{max-height:85svh;overflow-y:auto}
.project-choice{display:flex;align-items:center;gap:15px;padding:12px 0}
.project-choice img{width:49px;height:49px;object-fit:contain;flex-shrink:0}
.project-choice span{display:block;min-width:0}.project-choice small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.4}
.project-choice .choice-arrow{margin-left:auto;color:var(--gold)}
@media(min-width:701px) and (max-width:1000px){#preview.project-story{right:3%;width:40%}.project-story-card{padding:18px}.project-marker .earth-marker-label{font-size:9px;padding:4px}.project-marker[data-node="0"] .earth-marker-label{right:auto;left:38px}}
@media(max-width:700px){.project-story-card{padding:18px}#preview .project-story-card h2{font-size:28px}.project-gallery{margin-bottom:15px}.project-nodes button{font-size:10px}.project-story-card .story-paging{margin-top:8px}.project-story-card .story-eyebrow{font-size:8px!important;margin-bottom:13px}.project-story-card .story-location{margin-bottom:8px}.project-story-card .story-scroll{padding-right:5px}}