/* Each playbook chapter receives a distinct editorial object. */
.atlas-visual { position:absolute; width:min(29vw,410px); height:min(23vw,320px); right:8vw; top:32%; z-index:1; padding:22px; border:1px solid currentColor; color:#10261f; overflow:hidden; box-shadow:10px 12px 0 #10261f1a; }
.atlas-visual small,.atlas-visual b { font:500 7px var(--mono); letter-spacing:1.2px; position:relative; z-index:2; }
.atlas-visual small { display:block; }
.atlas-visual::before { content:''; position:absolute; inset:0; opacity:.42; background-image:linear-gradient(90deg,currentColor 1px,transparent 1px),linear-gradient(currentColor 1px,transparent 1px); background-size:22px 22px; mask-image:linear-gradient(135deg,#000,transparent 90%); }
.visual-find { background:#edf4eb; }
.visual-find strong { position:absolute; right:8%; bottom:-15%; font:800 clamp(100px,16vw,210px)/1 var(--display); letter-spacing:-.12em; color:#ceff00; -webkit-text-stroke:1px #10261f; }
.visual-find i { position:absolute; left:15%; top:32%; width:43%; aspect-ratio:1; border:2px solid #00afc4; border-radius:50%; }
.visual-find i::after { content:''; position:absolute; width:70%; height:2px; background:#00afc4; right:-52%; bottom:-22%; transform:rotate(43deg); }
.visual-find b { position:absolute; bottom:18px; left:22px; }
.visual-build { background:#00afc4; }
.visual-build .profile-dot { width:78px; aspect-ratio:1; border-radius:50%; background:linear-gradient(135deg,#312951,#ff2247); position:absolute; right:18%; top:18%; box-shadow:0 0 0 11px #edf4eb,0 0 0 12px #10261f; }
.visual-build i { display:block; width:58%; height:4px; margin-top:26%; background:#10261f; box-shadow:0 15px #10261f,0 30px #10261f; }
.visual-build b { position:absolute; bottom:19px; left:22px; }
.visual-connect { background:#f4b042; }
.visual-connect b { display:inline-block; padding:8px 10px; margin-top:30px; border:1px solid #10261f; }
.visual-connect i { position:absolute; width:110%; height:110%; border:1px solid #10261f88; border-radius:50%; right:-37%; bottom:-58%; }
.visual-connect em { position:absolute; right:16px; bottom:17px; font:800 clamp(25px,3vw,43px)/.85 var(--display); letter-spacing:-.08em; font-style:normal; text-align:right; }
.visual-decide { background:#312951; color:#edf4eb; box-shadow:10px 12px 0 #ceff00; }
.visual-decide::before { opacity:.22; }
.visual-decide strong { display:block; margin-top:15px; font:700 clamp(28px,4vw,53px)/.88 var(--display); letter-spacing:-.08em; }
.visual-decide strong i { display:inline-block; width:62%; margin:0 8px; height:1px; background:#edf4eb99; vertical-align:middle; }
.visual-decide b { position:absolute; bottom:19px; left:22px; color:#ceff00; }
.card-decide .atlas-visual { color:#edf4eb; }
@media(max-width:800px){.atlas-visual{display:none}.atlas-card{padding-left:9vw;padding-right:9vw}.atlas-card h2{font-size:clamp(54px,14vw,90px)}}