:root{--bg:#0c141b;--panel:#111c25;--text:#e8ecec;--muted:#93a4ad;--teal:#75c8b3;--gold:#d5b67b;--purple:#b4a1dc;--blue:#81b2d2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Segoe UI',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:5px}header{height:94px;margin:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;letter-spacing:5px;font-size:21px}.brand svg{width:37px;fill:none;stroke:var(--gold);stroke-width:1.2}.brand small{display:block;font-size:9px;letter-spacing:3.2px;color:var(--muted);margin-top:6px}.header-right{display:flex;gap:32px;align-items:center}.concept{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.concept i{display:inline-block;width:5px;height:5px;background:var(--teal);border-radius:50%;margin:0 8px 2px 0}.primary{background:#c9b186;color:#142028;border:0;padding:12px 17px;border-radius:4px;font-weight:600;font-size:12px}.primary span{margin-left:24px}main{margin:0 4.2%}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:39px 0 29px}.eyebrow{font-size:9px;color:var(--teal);letter-spacing:2px;margin:0 0 15px}h1{font-family:Georgia,serif;font-weight:400;font-size:44px;line-height:1.12;letter-spacing:-1.4px;margin:0}h1 em{color:var(--gold);font-weight:400}.intro-copy{font-size:12px;line-height:1.9;color:var(--muted);margin:0 16px 3px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;border:1px solid #31404b;border-radius:10px;overflow:hidden;min-height:610px;box-shadow:0 22px 90px #0002}.map-area{position:relative;min-width:0;background:radial-gradient(ellipse at 46% 48%,#233b383b,transparent 48%),radial-gradient(ellipse at 75% 50%,#28293c55,transparent 42%),#0e1820;overflow:hidden;display:flex;flex-direction:column}.map-area:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#8eb3b524 .7px,transparent .7px);background-size:24px 24px;pointer-events:none}.map-toolbar{z-index:2;position:relative;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;gap:8px}.tabs{display:flex;background:#080f1580;border:1px solid #ffffff0f;border-radius:5px;padding:3px}.tabs button{font-size:10px;padding:9px 11px;border:0;border-radius:3px;background:transparent;color:#9daeb6;white-space:nowrap}.tabs button.active{background:#2b3b43;color:#eee}.quiet{background:transparent;border:0;color:var(--muted);font-size:10px;white-space:nowrap}#viewport{height:476px;width:100%;overflow:hidden;position:relative;touch-action:none;cursor:grab;flex:1;min-height:440px}#viewport.dragging{cursor:grabbing}#world{width:1240px;height:760px;position:absolute;transform-origin:0 0}#connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.edge{stroke:#344a54;stroke-width:1.6;fill:none;transition:opacity .4s,stroke .4s}.edge.active{stroke:var(--gold);stroke-width:2.3}.edge.pulse{stroke-dasharray:5 11;animation:travel 6s linear infinite}.edge.optional{stroke-dasharray:4 7;stroke:#547d73}.edge.dim{opacity:.12}@keyframes travel{to{stroke-dashoffset:-128}}.orbital{stroke:#79908a10;fill:none;stroke-width:1}.node{position:absolute;width:112px;min-height:75px;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:9px;transition:opacity .3s;z-index:2}.node .medallion{display:grid;place-items:center;width:47px;height:47px;border:1px solid color-mix(in srgb,var(--c) 50%,transparent);border-radius:50%;background:#13232d;box-shadow:0 0 0 5px #102029,0 0 0 6px #ffffff06;transition:box-shadow .3s,transform .3s,border-color .3s;color:var(--c)}.node svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.node:hover .medallion,.node.selected .medallion{transform:scale(1.12);border-color:var(--c);box-shadow:0 0 0 5px #132b31,0 0 0 6px color-mix(in srgb,var(--c) 50%,transparent),0 0 28px color-mix(in srgb,var(--c) 28%,transparent)}.node label{cursor:pointer;max-width:114px;text-align:center;font-size:12px;line-height:1.35;color:#c1cdd1}.node small{font-size:8px;letter-spacing:1px;color:var(--c);display:block;margin-top:4px}.node.hub{width:168px;gap:16px}.node.hub .medallion{width:96px;height:96px;background:radial-gradient(#5c5032,#1d2e31 72%);box-shadow:0 0 0 9px #b99a5520,0 0 0 10px #d5b67b44,0 0 0 26px #b99a5507,0 0 80px #b99a5522}.node.hub svg{width:43px;height:43px}.node.hub label{font-family:Georgia,serif;font-size:21px;max-width:165px;color:#e4d4b1}.node.dim{opacity:.17}.node.dim:hover,.node.dim:focus{opacity:1}.region{position:absolute;font-size:10px;letter-spacing:2px;color:#657e8b;top:65px}.region span{display:block;font:italic 22px Georgia,serif;color:#8b9f9d6b;margin-bottom:8px}.r1{left:55px}.r2{left:421px}.r3{left:789px}.r4{left:1112px}.world-caption{position:absolute;left:390px;bottom:48px;font-size:9px;letter-spacing:2px;color:#758c92}.world-caption span{color:#b4a27e;margin:0 20px}.map-bottom{z-index:3;display:flex;justify-content:space-between;padding:14px 20px 0;align-items:center}.legend{display:flex;gap:15px;font-size:9px;color:#94a7af}.legend i{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--c);margin-right:6px}.zoom{display:flex;align-items:center;gap:10px;font-size:9px;color:var(--muted)}.zoom button{border:1px solid #ffffff19;border-radius:4px;background:#17232c;width:25px;height:25px;font-size:16px}.map-hint{text-align:center;color:#58707d;font-size:8px;letter-spacing:1.6px;padding:14px 8px 17px}.map-hint span{margin:0 10px}aside{background:linear-gradient(140deg,#182630,#111b24 65%);border-left:1px solid #31404b;padding:23px 23px 18px;display:flex;flex-direction:column;min-width:0}.inspector-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.4px;color:var(--gold);margin-bottom:24px}#pin{font-size:10px;letter-spacing:0;background:transparent;border:1px solid #ffffff1a;padding:5px 8px;border-radius:4px;color:var(--muted)}#pin[aria-pressed=true]{color:var(--gold);border-color:#d5b67b55}.detail-icon{color:var(--c);margin-bottom:12px}.detail-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.2}.detail-title{font:30px/1.1 Georgia,serif;letter-spacing:-.5px;margin:0 0 11px}.detail-summary{font-size:12px;line-height:1.8;color:#a4b5bd;min-height:64px;margin:0 0 18px}.screen{height:183px;border:1px solid #647d8640;border-radius:7px;background:#0d161e;position:relative;overflow:hidden;box-shadow:0 12px 26px #0002}.screen-bar{height:24px;display:flex;align-items:center;border-bottom:1px solid #ffffff10;padding:0 10px;gap:4px}.screen-bar i{width:3px;height:3px;background:#6a838b;border-radius:50%}.screen-bar span{font-size:7px;color:#6c858f;letter-spacing:.8px;margin-left:8px}.screen-label{position:absolute;bottom:8px;right:9px;font-size:7px;letter-spacing:1px;color:#70828a}.screen-inner{padding:15px}.mock-kicker{font-size:7px;letter-spacing:1px;color:var(--c);margin-bottom:13px}.mock-title{font:17px Georgia,serif;margin-bottom:13px}.mock-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;animation:rise .6s both}.mock-row:nth-child(2){animation-delay:.1s}.mock-row:nth-child(3){animation-delay:.2s}.mock-row:nth-child(4){animation-delay:.3s}.mock-dot{width:18px;height:18px;display:grid;place-items:center;color:var(--c);font-size:9px;border:1px solid #ffffff20;border-radius:4px}.mock-line{height:4px;background:#49616a55;border-radius:5px;flex:1}.mock-line.short{flex:.55}.mock-tag{font-size:6px;padding:4px 6px;background:#75c8b314;color:var(--c);border-radius:3px}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mock-tile{height:63px;border:1px solid #ffffff12;border-radius:4px;padding:9px 8px;animation:rise .6s both;font-size:7px;color:#99aeb7}.mock-tile b{display:block;color:var(--c);font:24px Georgia,serif;margin-bottom:6px}.merge-demo{position:relative;display:flex;align-items:center;justify-content:space-between;padding:13px 8px}.source-stack{display:grid;gap:8px}.source-chip{padding:7px 9px;border:1px solid #75c8b34b;border-radius:4px;color:var(--teal);font-size:7px;animation:rise .6s both}.merge-arrow{color:var(--gold);font-size:25px;animation:breathe 2s infinite}.record-symbol{width:76px;height:76px;border-radius:50%;border:1px solid #d5b67b77;background:#d5b67b0b;display:grid;place-items:center;color:var(--gold);font:30px Georgia,serif}.slide-kicker{font-size:8px;color:var(--c);letter-spacing:1.5px;margin:21px 0 9px}.slide-title{font-size:15px;font-weight:500;margin:0 0 7px}.slide-copy{color:#93a8b3;font-size:11px;line-height:1.8;min-height:61px;margin:0}.detail-content{animation:rise .35s both}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{opacity:.4;transform:translateX(4px)}}.slide-controls{display:flex;gap:11px;align-items:center;margin:17px 0 22px}.slide-controls>button{width:28px;height:27px;background:#ffffff03;border:1px solid #ffffff19;border-radius:4px;color:#aebfc7}#dots{display:flex;gap:6px;flex:1;justify-content:center}#dots button{width:17px;height:4px;border:0;background:#3c515c;border-radius:3px;padding:0}#dots button.active{background:var(--c)}#play{font-size:10px}.related{border-top:1px solid #ffffff12;padding-top:17px}.related>span{font-size:7px;letter-spacing:1.4px;color:#708995}#related{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}#related button{font-size:9px;background:#ffffff04;border:1px solid #ffffff14;border-radius:4px;padding:6px 8px;color:#b2c2ca}.prototype-note{font-size:8px;line-height:1.7;color:#647f8d;margin:17px 0 0}footer{display:flex;align-items:center;gap:16px;padding:22px 0 28px;font-size:10px;color:#69818e}.footer-title{color:#acbabf}.footer-mark{margin-left:auto;font-size:8px;letter-spacing:2px}@media(min-width:1700px){.workspace{grid-template-columns:minmax(0,1fr) 385px}#viewport{min-height:570px}.screen{height:211px}aside{padding:28px}.intro{padding-top:45px}}@media(max-width:1100px){main{margin:0 3%}header{margin:0 3%}.workspace{grid-template-columns:minmax(0,1fr) 300px}aside{padding:20px 18px}.tabs button{padding:8px;font-size:9px}.map-toolbar{padding:16px 12px}.legend{gap:8px;font-size:8px}.map-bottom{padding:10px 12px 0}.intro-copy{max-width:270px}h1{font-size:39px}}@media(max-width:800px){header{height:76px}.concept{display:none}.header-right{gap:0}.primary{font-size:10px;padding:10px}.primary span{margin-left:10px}.intro{padding:28px 0 22px;display:block}h1{font-size:35px}.intro-copy{margin-top:14px;max-width:none;font-size:11px}.workspace{display:flex;flex-direction:column}#viewport{height:450px;min-height:450px;flex:none}.map-area{min-height:540px}aside{border-left:0;border-top:1px solid #31404b;display:block}.detail-summary{min-height:0}.screen{height:215px}.slide-copy{min-height:0}footer{flex-wrap:wrap;gap:8px}.footer-mark{width:100%;margin:8px 0 0}.legend{flex-wrap:wrap}.inspector-top{margin-bottom:18px}.screen-inner{max-width:350px;margin:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
:root{--bg:#17241d;--panel:#1b3029;--teal:#aad4b8;--gold:#e0c68c;--purple:#c5b5dc;--blue:#a8c9d6}.garden{position:fixed;inset:0;z-index:-1;background:#344a36;overflow:hidden;container-type:size}.garden-fill{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;filter:blur(28px) brightness(.72)}.garden-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100cqw,calc(100cqh * 1672 / 941));aspect-ratio:1672/941}.garden-frame img{width:100%;height:100%;display:block}body{background:transparent}header{border-color:#ffffff30;margin-top:18px;padding:0 24px;height:78px;border-radius:8px;background:#14251ee0;backdrop-filter:blur(12px)}.intro{margin-top:24px;margin-bottom:22px;padding:24px 28px;background:#13251dda;backdrop-filter:blur(10px);border:1px solid #d4e3cc28;border-radius:8px}.intro-copy{color:#b9c6bb}.eyebrow{color:#b4d5ad}.workspace{border-color:#99b59a50;box-shadow:0 22px 60px #0005}.map-area{background:radial-gradient(ellipse at 46% 48%,#57734d25,transparent 55%),#10251cea;backdrop-filter:blur(9px)}aside{background:linear-gradient(130deg,#263c2feF,#14271feb);border-color:#92ad8855;backdrop-filter:blur(16px)}.node .medallion{background:#20392c;box-shadow:0 0 0 5px #172d23,0 0 0 6px #bed0a90d}.node:hover .medallion,.node.selected .medallion{box-shadow:0 0 0 5px #234032,0 0 0 6px color-mix(in srgb,var(--c) 50%,transparent),0 0 28px color-mix(in srgb,var(--c) 28%,transparent)}.node.hub .medallion{background:radial-gradient(#685d38,#273d2a 72%)}.node label{color:#d2daca}.edge{stroke:#70917a68}.region{color:#95b198}.region span{color:#c2d0a879}.world-caption{color:#8eaa91}.screen{background:#11221b;border-color:#abc9a54a}.screen-bar span{color:#9db8a2}.screen-label{color:#91aa95}.tabs{background:#0b1b138c;border-color:#acbea918}.tabs button.active{background:#36543d}.quiet,.legend,.zoom{color:#a9bcaa}.map-hint{color:#8ca48e}.zoom button{background:#25402d}.detail-summary{color:#c0cdc1}.slide-copy{color:#b1c5b5}.mock-line{background:#708f7255}.mock-row>span{color:#b3c5b3}.prototype-note,.related>span{color:#98b39a}.screen-bar{border-color:#a7c29d19}footer{background:#14291edd;padding:15px 22px;border-radius:6px;margin-top:18px;margin-bottom:20px;color:#b3c5b0;backdrop-filter:blur(8px)}.footer-title{color:#e5ebdc}.map-area:before{background-image:radial-gradient(#b3cc9d20 .7px,transparent .7px)}@media(max-width:800px){header{margin-top:10px;padding:0 15px}.intro{padding:20px;margin-top:16px}.garden-frame{left:0;top:0;transform:none;width:100vw;height:100vh;aspect-ratio:auto}.garden-frame img{object-fit:cover;object-position:28% 50%}}
.record-symbol svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.2}.node label{font-size:13px}.intro{padding:21px 28px}h1{font-size:39px}.detail-summary{min-height:54px}.screen{height:165px}.inspector-top{margin-bottom:17px}.slide-copy{min-height:48px}.slide-controls{margin:13px 0 17px}.related{padding-top:12px}.prototype-note{margin-top:12px}@media(max-width:800px){h1{font-size:33px}.screen{height:185px}}
.workspace{height:650px;min-height:0}#viewport{min-height:0;height:auto}aside{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#7a93715c transparent}.slide-copy{min-height:58px}@media(min-width:1700px){.workspace{height:740px}#viewport{min-height:0}}@media(max-width:800px){.workspace{height:auto}.map-area{height:540px;min-height:540px}#viewport{height:430px;flex:none}aside{overflow-y:visible}}

/* Stable icon anchors and readable label clearance. */
.node{width:132px;min-height:0;transform:translate(-50%,-23.5px);gap:10px}.node.hub{transform:translate(-50%,-48px)}.node label{max-width:132px;padding:3px 6px;border-radius:4px;background:#172b22e8;line-height:1.4;text-wrap:balance}.node.hub label{max-width:176px}.node small{line-height:1.5}.region{top:42px;width:150px;text-align:center;transform:translateX(-50%)}.r1{left:185px}.r2{left:555px}.r3{left:835px}.r4{left:1135px}.region span{margin-bottom:7px}.world-caption{left:50%;bottom:8px;transform:translateX(-50%);white-space:nowrap}.edge.oversight{stroke:#a9b99d78;stroke-dasharray:2 7;stroke-width:1.5}.edge.oversight.pulse{animation:none}.edge.active.oversight{stroke:#e0c68c;stroke-dasharray:2 7}.orbital{cx:640px;cy:395px}.screen-bar span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-top{gap:10px;align-items:flex-start}#category{line-height:1.6}#pin{flex-shrink:0}.mock-dot,.mock-tag{flex-shrink:0}.mock-row{min-width:0}.mock-row>span:nth-child(2){flex-shrink:0}.record-symbol{flex-shrink:0}.merge-demo{gap:10px}.source-chip{white-space:nowrap}.legend{flex-wrap:wrap;row-gap:7px}.map-bottom{gap:15px}.zoom{flex-shrink:0}@media(max-width:800px){.map-toolbar{flex-wrap:wrap}.map-hint{letter-spacing:1px}.map-hint span{margin:0 4px}.map-bottom{align-items:flex-end}.legend{max-width:245px}.screen{height:190px}}

.legend .oversight-key i{width:14px;height:0;border-radius:0;border-top:2px dotted #adbd9c;background:transparent;vertical-align:middle}
.node.hub{width:215px}.node.hub label{max-width:215px;white-space:nowrap;font-size:20px}.screen{height:190px}.screen-inner{padding-bottom:28px}.mock-row{margin-bottom:8px}.screen-label{background:#11221b;padding:2px 3px}.intro-copy{flex-shrink:0}
main{margin-top:24px}@media(max-width:800px){main{margin-top:16px}}

.world-caption{position:relative;left:auto;bottom:auto;transform:none;width:auto;margin:16px 28px 8px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:24px;white-space:normal;text-align:center;font-size:19px;letter-spacing:2px;color:#d0ddc6;flex-shrink:0}.world-caption b{font-weight:400}.world-caption span{margin:0;font-size:24px;color:var(--gold)}.edge.optional{stroke-dasharray:none;stroke:#99c7ad}.edge.review-edge{stroke:#b7b5da;stroke-dasharray:8 6}.edge.review-edge.pulse{animation:none;stroke-dasharray:8 6}.edge.activity-edge{stroke-dasharray:12 5;stroke:#86acba}.legend .review-key i{width:15px;height:0;border-radius:0;border-top:2px dashed #b7b5da;background:none;vertical-align:middle}.code-proof{margin:12px 0 2px;border:1px solid #acc49d26;border-radius:5px;font-size:9px}.code-proof summary{padding:9px 10px;cursor:pointer;color:#b5c9ad;line-height:1.6}.code-proof p{font-size:8px;line-height:1.7;color:#96ad92;margin:0 10px 8px}.code-proof a{display:block;padding:8px 10px;color:#d0dfc7;text-decoration:none;border-top:1px solid #abc49d15;line-height:1.5}.code-proof a:hover{text-decoration:underline}.code-proof small{display:block;font-size:7px;color:#a0b494;overflow-wrap:anywhere}@media(max-width:1100px){.world-caption{font-size:15px;gap:14px;margin:15px 20px 5px;letter-spacing:1px}.world-caption span{font-size:19px}}@media(max-width:800px){.world-caption{font-size:12px;gap:7px;margin:13px 14px 7px}.world-caption span{font-size:16px}.map-area{height:590px;min-height:590px}#viewport{height:420px}.legend{max-width:260px}}

.edge-label{font:10px Segoe UI,Arial,sans-serif;fill:#b6c9af;letter-spacing:.5px;paint-order:stroke;stroke:#172b22;stroke-width:5px;stroke-linejoin:round}

/* View lenses: one capability graph, distinct visual perspectives. */
.node[hidden],.legend span[hidden]{display:none!important}.node{transition:left .6s cubic-bezier(.22,.68,.2,1),top .6s cubic-bezier(.22,.68,.2,1),opacity .3s}.map-area.switching #nodes{pointer-events:none}.map-area[data-view]{transition:background-color .4s}.lens-tabs{padding:5px;gap:4px;border-color:#abc39a2b;border-radius:7px}.lens-tabs button{padding:11px 15px;font-size:11px;display:flex;gap:9px;align-items:center;border:1px solid transparent;border-radius:4px}.lens-tabs button>span{font-size:17px;color:#a6bea5;line-height:1}.lens-tabs button.active{background:#456346;border-color:#b3c99d58;box-shadow:0 2px 8px #0002;color:#f0f4e8}.lens-tabs button.active>span{color:var(--gold)}.map-area[data-view=flow]{background:radial-gradient(ellipse at 40% 35%,#34576b25,transparent 70%),#112630ed}.map-area[data-view=flow]:before{background-image:linear-gradient(#a0c5d509 1px,transparent 1px),linear-gradient(90deg,#a0c5d509 1px,transparent 1px);background-size:28px 28px}.map-area[data-view=flow] .lens-tabs button.active{background:#345665;border-color:#9dc8da66}.map-area[data-view=flow] .node[data-group=source]{width:196px}.map-area[data-view=flow] .node[data-group=source] label{max-width:196px;white-space:nowrap}.map-area[data-view=flow] .node label{background:#142c36ef;font-family:Segoe UI,Arial,sans-serif}.map-area[data-view=flow] .node .medallion{border-radius:10px;background:#193440;box-shadow:0 0 0 4px #152f38,0 0 0 5px #a6cbd01a}.map-area[data-view=flow] .node.hub .medallion{background:radial-gradient(#3d5351,#18333e);border-radius:15px;box-shadow:0 0 0 7px #b6c5a50c,0 0 0 8px #adc8cc38}.map-area[data-view=flow] .edge{stroke-width:2.5;stroke:#75a8b9b0}.map-area[data-view=flow] .edge.active{stroke:var(--gold);stroke-width:3}.map-area[data-view=flow] .edge.optional{stroke:#9bbf9b}.map-area[data-view=flow] .edge.oversight{stroke:#a6c3bc;stroke-width:2;stroke-dasharray:2 7}.map-area[data-view=flow] .edge.review-edge{stroke:#c5b5dd;stroke-width:2;stroke-dasharray:8 6}.map-area[data-view=flow] .edge.activity-edge{stroke:#97c0d5;stroke-dasharray:12 5}.map-area[data-view=flow] .edge-label{stroke:#142c36;fill:#a9c9d5}.map-area[data-view=flow] .region{color:#adc6d0}.map-area[data-view=flow] .map-hint{color:#95b6c1}.map-area[data-view=work]{background:radial-gradient(ellipse at 50% 45%,#55566525,transparent 65%),#162a21ed}.other-lens small{display:block;color:#8da98c;font-size:6px;letter-spacing:.7px;margin-top:3px}.other-lens{border-style:dashed!important}@media(max-width:1100px){.lens-tabs button{padding:10px;font-size:10px;gap:6px}.lens-tabs button>span{font-size:14px}}@media(max-width:800px){.lens-tabs{width:100%;flex:1 0 100%;gap:3px}.lens-tabs button{flex:1;justify-content:center;white-space:normal;padding:10px 6px;font-size:10px;line-height:1.4}.lens-tabs button>span{display:none}.map-toolbar{row-gap:10px}.map-toolbar>.quiet{margin-left:auto}}

@media(max-width:800px){.map-area{height:auto;min-height:0}#viewport{height:420px;flex:none}}

/* Activity-first practice tools with expandable configuration branches. */
.map-area[data-view=work] .region{top:4px}.node.activity-parent{width:200px;transform:translate(-50%,-34px);gap:10px}.node.activity-parent .medallion{width:68px;height:68px;box-shadow:0 0 0 7px #b4a1dc0d,0 0 0 8px #b4a1dc3d;background:radial-gradient(#50465b,#213d2d)}.node.activity-parent svg{width:28px;height:28px}.node.activity-parent label{max-width:200px;font-size:17px;color:#eee5fa;padding:4px 9px}.node.activity-parent small{font-family:Segoe UI,Arial,sans-serif;font-size:8px;letter-spacing:1px;line-height:1.5;margin-top:7px;color:#c6b5df}.node.activity-parent[aria-expanded=true] .medallion{border-color:var(--gold);box-shadow:0 0 0 7px #d5b67b0e,0 0 0 8px #d5b67b69,0 0 35px #d5b67b19}.node.configuration-child .medallion{border-radius:8px;color:var(--gold);border-color:#d5b67b80;background:#303a2a}.node.configuration-child label{color:#d6d4b4;font-size:12px}.node.configuration-child small{color:var(--gold);font-size:7px}.edge.configuration-edge{stroke:#d5b67b99;stroke-width:1.8;stroke-dasharray:4 6}.edge.configuration-edge.active{stroke:var(--gold);stroke-width:2.3}.edge.configuration-edge.pulse{animation:none;stroke-dasharray:4 6}.configuration-key i{width:16px!important;height:0!important;border-radius:0!important;border-top:2px dashed var(--gold);background:none!important;vertical-align:middle}.activity-options{margin-top:14px;padding-top:12px;border-top:1px solid #b9c29a22}.activity-options>span{display:block;font-size:7px;letter-spacing:1px;color:#9fb497;margin-bottom:9px}.activity-options button{display:flex;width:100%;justify-content:space-between;padding:11px 13px;background:#d5b67b0c;color:var(--gold);border:1px solid #d5b67b55;border-radius:5px;font-size:11px}.activity-options button:hover{background:#d5b67b1c}

/* A grounded journey rail beneath the constellation. */
.world-caption{margin:0;padding:24px 30px 22px;border-top:1px solid #b8c99f2b;border-bottom:1px solid #b8c99f16;background:linear-gradient(180deg,#101e1770,#1d3025b8);grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr) 52px minmax(0,1fr);gap:10px;font:19px/1.25 Georgia,serif;letter-spacing:.2px;box-shadow:inset 0 1px 0 #e5e7c908;position:relative}.world-caption b{display:flex;flex-direction:column;align-items:center;gap:10px;color:#d9e3d0}.world-caption b:before{content:'';width:6px;height:6px;border:1px solid #a9cfb0;background:#a9cfb040;border-radius:50%;box-shadow:0 0 0 4px #a9cfb00b}.world-caption b:nth-of-type(2){color:#ead6a6}.world-caption b:nth-of-type(2):before{border-color:var(--gold);background:var(--gold);box-shadow:0 0 0 4px #e0c68c14}.world-caption b:nth-of-type(3):before{border-color:var(--purple);background:#c5b5dc50}.world-caption>span{position:relative;font:18px/1 Segoe UI,Arial,sans-serif;color:#a9b795;display:flex;align-items:center;gap:4px;top:8px}.world-caption>span:before{content:'';height:1px;flex:1;background:linear-gradient(90deg,#a9b79520,#a9b79580)}.map-bottom{padding-top:16px}@media(max-width:1100px){.world-caption{padding:22px 18px 20px;font-size:16px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);gap:6px}}@media(max-width:800px){.world-caption{padding:20px 12px 18px;font-size:14px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);gap:4px}.world-caption b{gap:9px}.world-caption>span{font-size:15px;gap:2px}}

/* Keep labels separate while changing perspectives; connectors stay quiet. */
.node{transition:opacity .3s}.world-caption>span{height:1px;top:8px;background:linear-gradient(90deg,transparent,#b6c29c65,transparent)}.world-caption>span:before{content:none}

/* More room for the map and explanations, with one compact utility bar. */
.workspace{grid-template-columns:minmax(0,1fr) clamp(360px,25vw,460px)}#viewport{min-height:clamp(640px,65vh,800px)}aside{padding:28px}.screen{height:230px}.map-bottom{padding:17px 22px;gap:18px;flex-wrap:wrap}.map-hint{padding:0;margin-left:auto;letter-spacing:.8px;font-size:8px;text-align:right;white-space:nowrap}.map-hint span{margin:0 5px}.legend{flex:0 1 auto}.zoom{margin-left:0}@media(max-width:1200px){.workspace{grid-template-columns:minmax(0,1fr) 360px}aside{padding:23px}.map-hint{font-size:7px;letter-spacing:.4px}.map-bottom{gap:12px;padding:15px 16px}}@media(max-width:800px){.workspace{display:flex}#viewport{height:460px;min-height:460px}.screen{height:230px}.map-bottom{gap:13px;padding:16px 14px}.map-hint{order:3;flex:1 0 100%;margin:0;text-align:left;white-space:normal}.legend{flex:1}.zoom{margin-left:auto}}

@media(min-width:801px){.workspace{height:auto;min-height:0}#viewport{height:clamp(640px,65vh,800px);flex:none}aside{min-height:0}}

/* Finished Scheduling Visits walkthrough, using live UI captures. */
.live-screen{height:280px;background:#f4f4ee;border-color:#d8e0cb55}.capture-preview{display:block;width:100%;height:100%;padding:0;border:0;position:relative;background:#f4f4ee;overflow:hidden}.capture-preview img{width:100%;height:100%;object-fit:contain;animation:capture-in .6s ease both}.capture-preview>span{position:absolute;bottom:9px;right:9px;padding:8px 10px;border-radius:4px;background:#163025ed;color:#ece7cb;font-size:8px;letter-spacing:1px;box-shadow:0 3px 12px #0003}.capture-preview:hover>span{background:#38543e}.scheduling-dialog{width:min(1150px,94vw);max-height:92vh;padding:0;border:1px solid #a7bf9860;border-radius:14px;color:#e7eadd;background:linear-gradient(130deg,#223c2e,#11271c);box-shadow:0 30px 100px #0008}.scheduling-dialog::backdrop{background:#07130cce;backdrop-filter:blur(10px)}.walkthrough-header{display:flex;align-items:center;justify-content:space-between;padding:23px 28px;border-bottom:1px solid #ffffff15}.walkthrough-header span{font-size:8px;letter-spacing:2px;color:var(--gold)}.walkthrough-header h2{font:29px Georgia,serif;margin:7px 0 0}.walkthrough-close{width:34px;height:34px;border:1px solid #ffffff28;border-radius:50%;background:transparent;font-size:23px}.walkthrough-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:490px}.walkthrough-image{padding:24px;display:grid;place-items:center;background:#0b1e1455;min-width:0}.walkthrough-image img{display:block;max-width:100%;max-height:65vh;object-fit:contain;border-radius:7px;box-shadow:0 12px 40px #0004;animation:capture-in .35s ease both}.walkthrough-story{padding:30px 25px;display:flex;flex-direction:column;border-left:1px solid #ffffff12}.walkthrough-number{font-size:9px;letter-spacing:2px;color:var(--gold);margin:0 0 18px}.walkthrough-story h3{font:27px/1.15 Georgia,serif;margin:0 0 16px}.walkthrough-story>p:not(.walkthrough-number){font-size:12px;line-height:1.85;color:#b8cbb7;margin:0 0 22px}.walkthrough-steps{display:grid;gap:8px;margin:auto 0 24px}.walkthrough-steps button{display:flex;gap:11px;text-align:left;border:1px solid #ffffff15;border-radius:5px;padding:11px;background:transparent;font-size:10px;color:#bacab9}.walkthrough-steps button span{color:#7e9980}.walkthrough-steps button[aria-pressed=true]{background:#d5b67b12;border-color:#d5b67b70;color:#f0dfb6}.walkthrough-steps button[aria-pressed=true] span{color:var(--gold)}.walkthrough-nav{display:flex;gap:10px;align-items:center;justify-content:space-between}.walkthrough-nav button{height:30px;width:30px;background:#ffffff08;border:1px solid #ffffff25;border-radius:4px}.walkthrough-nav span{font-size:8px;line-height:1.5;color:#8ca58c}@keyframes capture-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.walkthrough-layout{grid-template-columns:1fr;min-height:0}.walkthrough-story{border-left:0;border-top:1px solid #ffffff12;padding:22px}.walkthrough-image{padding:15px}.walkthrough-image img{max-height:45vh}.walkthrough-header{padding:18px 22px}.walkthrough-header h2{font-size:24px}.walkthrough-steps{margin:0 0 20px;grid-template-columns:1fr 1fr}.walkthrough-steps button{font-size:9px;padding:9px}.live-screen{height:250px}}

/* Consistent section framing around untouched live screenshots. */
.walkthrough-image{padding:30px}.capture-frame{width:100%;overflow:hidden;border:1px solid #b6c8ad55;border-radius:9px;background:#f0f1ea;box-shadow:0 14px 38px #0003;text-align:left}.capture-frame-heading{padding:16px 20px;border-bottom:1px solid #61765c22;background:#e5e9df;color:#273e2c}.capture-frame-heading>span{display:block;font-size:8px;letter-spacing:1.4px;color:#71826a;margin-bottom:6px}.capture-frame-heading strong{font:20px Georgia,serif}.capture-frame-body{min-height:330px;padding:30px;display:grid;place-items:center;background:linear-gradient(145deg,#f6f6ef,#e9ede2)}.walkthrough-image .capture-frame-body img{width:100%;max-width:100%;max-height:46vh;border:1px solid #64765e2b;border-radius:5px;box-shadow:0 5px 18px #00000012;object-fit:contain}.capture-frame-footer{padding:11px 20px;border-top:1px solid #61765c22;color:#71826a;font-size:8px;letter-spacing:.4px}.capture-frame-footer>span{float:right;color:#34553d}.live-screen{height:290px;border:0;background:transparent;box-shadow:none}.capture-preview{background:transparent;overflow:hidden}.capture-preview .capture-frame{height:100%;display:flex;flex-direction:column}.capture-preview .capture-frame-heading{padding:11px 14px}.capture-preview .capture-frame-heading strong{font-size:16px}.capture-preview .capture-frame-body{padding:17px;min-height:0;flex:1;overflow:hidden}.capture-preview .capture-frame-body img{height:auto;max-height:100%;object-fit:contain;border:1px solid #64765e2b;border-radius:4px}.capture-preview .capture-frame-footer{padding:9px 14px;font-size:7px}@media(max-width:800px){.walkthrough-image{padding:16px}.capture-frame-body{min-height:230px;padding:18px}.capture-frame-heading{padding:13px 16px}.capture-frame-heading strong{font-size:18px}.walkthrough-image .capture-frame-body img{max-height:35vh}.walkthrough-steps{grid-template-columns:1fr}.live-screen{height:280px}}

/* Keep the walkthrough window and screenshot stage stable between steps. */
.scheduling-dialog{height:min(680px,92vh)}.walkthrough-header{height:104px;flex-shrink:0}.walkthrough-layout{height:calc(100% - 104px);min-height:0}.walkthrough-image{min-height:0;overflow:hidden}.walkthrough-image .capture-frame{height:100%;display:flex;flex-direction:column}.walkthrough-image .capture-frame-heading,.walkthrough-image .capture-frame-footer{flex-shrink:0}.walkthrough-image .capture-frame-body{min-height:0;flex:1;overflow:hidden}.walkthrough-image .capture-frame-body img{max-height:100%;width:auto;max-width:100%}.walkthrough-story{min-height:0;overflow-y:auto}@media(max-width:800px){.scheduling-dialog{height:92vh;overflow:hidden}.walkthrough-header{height:88px}.walkthrough-layout{height:calc(100% - 88px);display:flex;flex-direction:column;overflow-y:auto}.walkthrough-image{height:310px;min-height:310px;flex:none}.walkthrough-story{overflow:visible;flex:none}.walkthrough-image .capture-frame-body img{max-height:100%}}

/* Dark moss surround; light areas belong only to the actual Prism screen. */
.capture-frame{background:#172e22;border-color:#9eb59236}.capture-frame-heading{background:#223b2c;color:#e1e7d6;border-bottom-color:#a6bf921b}.capture-frame-heading>span{color:#a7bb98}.capture-frame-body{background:#14291f}.capture-frame-footer{color:#92aa88;border-top-color:#a6bf921b}.capture-frame-footer>span{color:#d6c493}.walkthrough-image .capture-frame-body img,.capture-preview .capture-frame-body img{border-color:#9bb48722;box-shadow:0 8px 25px #0003}

/* Designer pass: quiet neutral surfaces, depth belongs to the screenshot. */
.scheduling-dialog{background:#272727;border-color:#ffffff22;color:#f0efea;box-shadow:0 32px 100px #0009}.scheduling-dialog::backdrop{background:#101112c9}.walkthrough-header{border-bottom-color:#ffffff12}.walkthrough-image{background:#1b1d1e}.capture-frame{background:#202223;border-color:#ffffff16;box-shadow:none}.capture-frame-heading{background:transparent;color:#e8e7e2;border-bottom-color:#ffffff0e}.capture-frame-heading>span,.capture-frame-footer{color:#9a9d9e}.capture-frame-body{background:#1b1d1e;padding:26px}.capture-frame-footer{border-top-color:#ffffff0e}.capture-frame-footer>span{color:#cbbb93}.walkthrough-image .capture-frame-body img,.capture-preview .capture-frame-body img{border:1px solid #ffffff20;border-radius:5px;box-shadow:0 22px 48px #0009,0 4px 10px #0006}.walkthrough-story>p:not(.walkthrough-number),.walkthrough-steps button{color:#b8babb}.walkthrough-steps button span,.walkthrough-nav span{color:#929698}.walkthrough-steps button[aria-pressed=true]{color:#f0dfb6}.walkthrough-steps button[aria-pressed=true] span{color:var(--gold)}.capture-preview .capture-frame-body{padding:17px}@media(max-width:800px){.walkthrough-image .capture-frame-body{padding:18px}}

/* Pull the live captures back without changing the fixed window or image pixels. */
.walkthrough-image .capture-frame-body img{max-width:84%;max-height:84%}.walkthrough-image .capture-frame-body img[src$='call-outcomes.png']{max-width:72%;max-height:72%}.capture-preview .capture-frame-body img{max-width:88%;max-height:88%}.capture-preview .capture-frame-body img[src$='call-outcomes.png']{max-width:78%;max-height:78%}@media(max-width:800px){.walkthrough-image .capture-frame-body img{max-width:92%;max-height:88%}.walkthrough-image .capture-frame-body img[src$='call-outcomes.png']{max-width:84%;max-height:80%}}

/* Wider live captures replace the cropped controls; fit the complete screen. */
.walkthrough-image .capture-frame-body img,.walkthrough-image .capture-frame-body img[src$='call-outcomes.png']{max-width:100%;max-height:100%}.capture-preview .capture-frame-body img,.capture-preview .capture-frame-body img[src$='call-outcomes.png']{max-width:100%;max-height:100%}

/* Fit each complete Demo screen within the stable screenshot stage. */
.capture-frame-body{display:flex;align-items:center;justify-content:center}.walkthrough-image .capture-frame-body img,.capture-preview .capture-frame-body img{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;border:0;box-shadow:none;filter:drop-shadow(0 12px 18px #0009)}

/* Explore the original screenshot without resizing the walkthrough. */
.walkthrough-image .capture-zoom-stage{position:relative;padding:16px;cursor:zoom-in;touch-action:none;user-select:none;min-height:0}
.walkthrough-image .capture-zoom-stage img{flex:none;max-width:none;max-height:none;object-fit:fill;animation:none;transform-origin:center;transition:transform .16s ease;pointer-events:none}
.capture-zoom-stage.is-zoomed{cursor:grab}.capture-zoom-stage.is-zoomed:active{cursor:grabbing}.capture-zoom-stage:active img{transition:none}
.capture-zoom-controls{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid #ffffff0e;flex-shrink:0;background:#202223;position:relative;z-index:1}
.capture-zoom-controls .zoom-help{margin-right:auto;font-size:10px;color:#a5a9aa}.capture-zoom-controls button{background:#ffffff08;border:1px solid #ffffff22;border-radius:5px;min-width:30px;height:30px}.capture-zoom-controls button:disabled{opacity:.3;cursor:default}.capture-zoom-controls output{min-width:38px;text-align:center;font-size:10px;color:#d6c9aa}.capture-zoom-controls .capture-fit{padding:0 10px;font-size:10px}
@media(max-width:800px){.capture-zoom-controls{padding:8px;gap:5px}.capture-zoom-controls .zoom-help{font-size:8px;max-width:100px}.walkthrough-image{height:350px;min-height:350px}}

/* One consistent cinema frame; camera movement uses the original capture. */
.walkthrough-image{padding:24px}.walkthrough-image .capture-frame{border-radius:10px;background:#17191a;box-shadow:0 16px 38px #0005}
.walkthrough-image .capture-frame-heading{display:none}.walkthrough-image .capture-frame-footer{padding:9px 16px;font-size:8px}
.walkthrough-image .capture-zoom-stage{padding:0;background:#17191a;isolation:isolate;cursor:grab}
.walkthrough-image .capture-zoom-stage img{border-radius:0;filter:none;transition:none;will-change:transform}
.movie-caption{display:flex;align-items:center;gap:14px;padding:15px 18px;min-height:68px;border-top:1px solid #ffffff12;background:#222425;flex-shrink:0}
.movie-caption>span{color:#cbbb93;font-size:9px;letter-spacing:1px;white-space:nowrap}.movie-caption p{font-size:12px;line-height:1.55;color:#e3e3df;margin:0;max-width:520px}
.capture-zoom-controls{padding:10px 14px;gap:7px;background:#1b1d1e}.capture-zoom-controls .movie-toggle{padding:0 10px;min-width:75px;font-size:10px;color:#e5d1a5}.movie-replay{font-size:16px}.movie-track{height:3px;flex:1;background:#ffffff16;border-radius:4px;overflow:hidden;margin:0 10px}.movie-track i{display:block;height:100%;background:#c8b181;width:0}
@media(max-width:800px){.walkthrough-image{padding:14px;height:390px;min-height:390px}.movie-caption{padding:10px 12px;min-height:65px;gap:10px}.movie-caption p{font-size:10px}.capture-zoom-controls{gap:5px;padding:8px}.movie-track{margin:0 3px}.capture-zoom-controls .movie-toggle{min-width:64px;padding:0 6px}}
@keyframes movie-scene-in{from{opacity:0}to{opacity:1}}.capture-zoom-stage{animation:movie-scene-in .7s ease both}
/* One media stage for live Demo captures and code-native flow animations. */
.diagram-art{flex:none;position:relative;transform-origin:center center;will-change:transform;width:100%;height:100%;filter:drop-shadow(0 12px 18px #0009)}
.diagram-art>svg{display:block;width:100%;height:100%}
.diagram-art *{animation-play-state:paused!important}
.movie-playing .diagram-art *{animation-play-state:running!important}
.capture-preview .diagram-art *{animation:none!important}
.capture-zoom-stage .diagram-art{max-width:none;max-height:none}
.walkthrough-evidence{display:block;color:#c9b98f;font-size:10px;margin:0 0 14px;text-decoration:none}
.walkthrough-evidence:hover{text-decoration:underline}
/* A compact presentation layer over the actual atlas, with its original garden intact. */
.quick-bar[hidden],.quick-panel[hidden]{display:none!important}.quick-bar{display:flex;align-items:center;gap:18px;padding:14px 20px;margin-bottom:14px;border:1px solid #d1bb8645;border-radius:12px;background:#1c2529f2;color:#eee8dc;box-shadow:0 12px 35px #0003}.quick-heading{min-width:170px;display:flex;align-items:center;gap:15px}.quick-heading>span{font-size:9px;letter-spacing:1.5px;color:#d3b77e}.quick-heading strong,.quick-time{font-size:11px;color:#b8c3c5;white-space:nowrap}.quick-meter{flex:1;height:3px;background:#ffffff18;overflow:hidden;border-radius:4px}.quick-meter i{display:block;height:100%;width:0;background:#d3b77e}.quick-bar button{background:#ffffff06;border:1px solid #ffffff22;color:#ddd8cd;padding:8px 12px;border-radius:6px;white-space:nowrap}.quick-bar .quick-exit{font-size:21px;padding:3px 11px}.quick-voice[aria-pressed=true]{color:#e4c68d;border-color:#d3b77e80}.quick-touring #inspector{position:relative;background:linear-gradient(155deg,#293033,#1b2226);border-color:#d3b77e3b}.quick-touring:not(.quick-guide) #inspector>:not(.quick-panel){display:none!important}.quick-panel{display:flex;flex-direction:column;gap:16px;min-width:0}.quick-kicker{font-size:9px;letter-spacing:1.5px;color:#d3b77e}.quick-panel h2{font-family:Georgia,serif;font-weight:400;font-size:30px;line-height:1.15;color:#f0e9dd;margin:0}.quick-copy{font-size:12px;line-height:1.7;color:#bdc7c8;margin:0}.quick-visual{margin:0;background:#10191f;border:1px solid #ffffff15;border-radius:9px;overflow:hidden;box-shadow:0 12px 26px #0004}.quick-visual img{width:100%;height:190px;object-fit:contain;display:block;background:#111b21}.quick-visual figcaption{font-size:11px;color:#e5d5b6;padding:11px 13px;border-top:1px solid #ffffff13}.quick-items{display:grid;gap:6px}.quick-items>div{display:flex;align-items:center;gap:10px;padding:7px 10px;font-size:11px;color:#8e9ea4;border:1px solid transparent;border-radius:6px;transition:background .25s,color .25s}.quick-items i{width:5px;height:5px;flex:none;border:1px solid #71858e;border-radius:50%}.quick-items .seen{color:#c3cdca}.quick-items .seen i{background:#acbda7;border-color:#acbda7}.quick-items .current{background:#d3b77e13;border-color:#d3b77e55;color:#f0dfbd}.quick-items .current i{background:#e0be7c;border-color:#e0be7c;box-shadow:0 0 10px #e0be7c88}.quick-foot{color:#85999e;font-size:10px;line-height:1.7;margin:0}.quick-foot b{color:#dcc18d}.quick-touring:not(.quick-complete) .node:not(.tour-peer){opacity:.3}.quick-touring .node.tour-peer .medallion{border-color:#d9be80;box-shadow:0 0 0 5px #d3b77e15,0 0 25px #d3b77e24}.quick-touring .node.selected .medallion{box-shadow:0 0 0 7px #d3b77e30,0 0 36px #d3b77e55}.quick-touring .map-area{pointer-events:none}.quick-completion{display:grid;gap:4px}.quick-completion p{font-size:11px;line-height:1.4;margin:0;padding:7px 0;color:#bfcac7}.quick-completion span{color:#d3b77e;margin-right:10px}.quick-panel>.primary,.quick-panel>.quiet{padding:12px;cursor:pointer}#quick-tour span{font-size:10px;opacity:.75;margin-left:8px}.quick-touring .workspace{scroll-margin-top:15px}@media(max-width:800px){.quick-bar{flex-wrap:wrap;gap:9px;padding:12px}.quick-heading{flex:1}.quick-meter{order:3;flex:1 0 100%}.quick-time{font-size:10px}.quick-touring .workspace{display:flex;flex-direction:column}.quick-panel h2{font-size:27px}.quick-visual img{height:160px}.quick-touring #viewport{height:370px;min-height:370px}.quick-touring #inspector{padding:20px}.quick-touring .quick-panel{gap:12px}.quick-touring .header-right .concept,.quick-touring #tour{display:none}}

.quick-touring #tour,.quick-touring footer{display:none}.quick-touring .workspace{height:calc(100dvh - 220px);min-height:530px}.quick-touring #viewport{height:auto;min-height:0;flex:1}.quick-touring #inspector{padding:22px;overflow-y:auto}.quick-touring .quick-panel{gap:12px}.quick-touring .quick-panel h2{font-size:27px}.quick-touring .quick-visual img{height:140px}.quick-touring .quick-items>div{padding:5px 8px}.quick-touring .quick-copy{font-size:11px}.quick-touring .map-toolbar{padding:12px 16px}.quick-touring .map-bottom{padding:11px 16px}.quick-touring .world-caption{padding-top:10px;padding-bottom:10px}@media(max-width:800px){.quick-touring .workspace{height:auto;min-height:0}.quick-touring .map-area{height:340px;min-height:340px}.quick-touring #viewport{min-height:0;height:auto}.quick-touring .quick-items{grid-template-columns:1fr 1fr}.quick-touring .quick-visual img{height:150px}}
/* More vertical room; branch labels have their own space. */
@media(min-width:801px){body:not(.quick-touring) #viewport{height:clamp(720px,76vh,900px);min-height:0}}
.node.configuration-child{width:140px}.node.configuration-child label{max-width:140px}
.quick-touring #world{transition:transform 1.1s cubic-bezier(.22,.7,.25,1)}
@media(prefers-reduced-motion:reduce){.quick-touring #world{transition:none}}

.map-area[data-view=all] .region{top:0}

.quick-touring:not(.quick-complete) .node:not(.tour-peer) label{opacity:0}.quick-touring:not(.quick-complete) .node.hub:not(.tour-peer) label{opacity:.4}
.reset-layout{margin-left:auto}.reset-layout + #reset{margin-left:0}.map-toolbar{position:relative}.layout-status{position:absolute;right:12px;top:100%;font-size:10px;color:#b4c5c4;pointer-events:none;z-index:5}.node{cursor:grab;touch-action:none}.node:active,.node.node-moving{cursor:grabbing}.node.node-moving{z-index:30;filter:drop-shadow(0 0 12px #c5b97e77)}.arranging-nodes .node{user-select:none}.arranging-nodes .node:not(.node-moving){pointer-events:none}

/* Stronger landmarks above each stage of the atlas. */
.map-area[data-view] .region{width:200px;font-size:16px;font-weight:650;line-height:1.35;letter-spacing:2.2px;color:#eee5cf;text-shadow:0 2px 10px #071710b3;pointer-events:none}
.map-area[data-view] .region span{font:600 12px Segoe UI,Arial,sans-serif;letter-spacing:3px;color:#d5b67bcc;margin-bottom:9px}
.map-area[data-view] .region:after{content:"";display:block;width:38px;height:2px;margin:12px auto 0;background:linear-gradient(90deg,#d5b67b20,#d5b67baa,#d5b67b20)}
.map-area[data-view=flow] .region{color:#e0edf1}
.map-area[data-view=flow] .region span{color:#a9cddd}
.map-area[data-view=flow] .region:after{background:linear-gradient(90deg,#a9cddd20,#a9cdddaa,#a9cddd20)}
.map-area[data-view=flow] .region{top:0;width:220px}