.bt4k-atlas{--atlas-ink: #e8f3ff;--atlas-muted: #91a4bb;--atlas-panel: #08111f;--atlas-panel-soft: #0d192a;--atlas-line: rgb(131 165 197 / 24%);--atlas-build: #4de2ff;--atlas-learn: #a98cff;--atlas-apply: #ffbe55;margin-block:2.5rem;color:var(--atlas-ink);isolation:isolate}.bt4k-atlas :is(ul,ol){margin:0;padding:0;list-style:none}.bt4k-atlas__kotlin-map{position:relative;overflow:hidden;border:1px solid rgb(126 169 206 / 32%);border-radius:1.25rem;background:linear-gradient(rgb(74 124 164 / 8%) 1px,transparent 1px),linear-gradient(90deg,rgb(74 124 164 / 8%) 1px,transparent 1px),radial-gradient(circle at 15% 0%,rgb(77 226 255 / 13%),transparent 32rem),radial-gradient(circle at 85% 12%,rgb(169 140 255 / 12%),transparent 30rem),var(--atlas-panel);background-size:2rem 2rem,2rem 2rem,auto,auto,auto;box-shadow:0 1.8rem 5rem #00040c61,inset 0 1px #ffffff0d}.bt4k-atlas__kotlin-map:before{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--atlas-build),var(--atlas-learn) 55%,var(--atlas-apply));content:""}.bt4k-atlas__hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(15rem,.6fr);gap:2rem;align-items:end;padding:clamp(1.5rem,4vw,3rem);border-bottom:1px solid var(--atlas-line);background:linear-gradient(180deg,#0d1c30d6,#08111f59)}.bt4k-atlas__hero h2,.bt4k-atlas__other-languages h2{margin:.35rem 0 0;color:#f7fbff;font-size:clamp(1.65rem,4vw,3.1rem);line-height:1.05;letter-spacing:-.045em}.bt4k-atlas__hero>p,.bt4k-atlas__other-languages header>p:last-child{margin:0;color:var(--atlas-muted);font-size:.92rem;line-height:1.65}.bt4k-atlas__eyebrow{margin:0;color:var(--atlas-build);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.bt4k-atlas__map-canvas{position:relative;display:block;padding:clamp(1.25rem,3vw,2.5rem)}.bt4k-atlas__lanes{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.25rem,5vw,5rem)}.bt4k-atlas__lane{--stage-color: var(--atlas-build);position:relative;min-width:0}.bt4k-atlas__lane[data-stage=learn]{--stage-color: var(--atlas-learn)}.bt4k-atlas__lane[data-stage=apply]{--stage-color: var(--atlas-apply)}.bt4k-atlas__lane:not(:last-child):after{position:absolute;top:1.55rem;left:calc(100% + .75rem);width:calc(clamp(2.25rem,5vw,5rem) - 1.5rem);border-top:1px dashed color-mix(in srgb,var(--stage-color) 65%,transparent);content:""}.bt4k-atlas__stage-header{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;min-height:4.4rem;margin-bottom:1.1rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--stage-color) 36%,transparent)}.bt4k-atlas__stage-header>span{color:var(--stage-color);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:800}.bt4k-atlas__stage-header h3{margin:0;color:var(--stage-color);font-size:1.2rem;letter-spacing:-.02em}.bt4k-atlas__stage-header p{margin:.15rem 0 0;color:var(--atlas-muted);font-size:.72rem;line-height:1.35}.bt4k-atlas__groups,.bt4k-atlas__group>ul{display:grid;gap:.75rem}.bt4k-atlas__groups{gap:1.35rem}.bt4k-atlas__group h4{margin:0 0 .55rem;color:color-mix(in srgb,var(--stage-color) 76%,white);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.bt4k-atlas__node{position:relative;overflow:hidden;border:1px solid rgb(118 151 181 / 25%);border-left:2px solid color-mix(in srgb,var(--stage-color) 78%,transparent);border-radius:.4rem;background:linear-gradient(110deg,#122236f0,#0a1626e5);box-shadow:0 .6rem 1.4rem #00030a2e;transition:opacity .16s ease,transform .16s ease,border-color .16s ease,filter .16s ease}.bt4k-atlas__node button{display:grid;grid-template-columns:.7rem minmax(0,1fr);gap:.65rem;width:100%;padding:.75rem .75rem .55rem;border:0;color:inherit;background:transparent;text-align:left;cursor:crosshair}.bt4k-atlas__node-marker{width:.48rem;height:.48rem;margin-top:.35rem;border:1px solid var(--stage-color);background:color-mix(in srgb,var(--stage-color) 28%,transparent);box-shadow:0 0 .7rem color-mix(in srgb,var(--stage-color) 55%,transparent);transform:rotate(45deg)}.bt4k-atlas__node strong{display:block;overflow-wrap:anywhere;color:#f1f7ff;font-size:.82rem;line-height:1.3}.bt4k-atlas__node small{display:-webkit-box;overflow:hidden;margin-top:.25rem;color:var(--atlas-muted);font-size:.67rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bt4k-atlas__node>a{display:flex;justify-content:space-between;padding:.38rem .75rem .42rem 2.1rem;border-top:1px solid rgb(121 155 185 / 16%);color:color-mix(in srgb,var(--stage-color) 78%,white);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.bt4k-atlas__node:hover,.bt4k-atlas__node:has([data-related]){border-color:color-mix(in srgb,var(--stage-color) 74%,white);transform:translateY(-2px)}.bt4k-atlas__node button[data-related]+a{background:color-mix(in srgb,var(--stage-color) 8%,transparent)}.bt4k-atlas__node button[data-dimmed]{filter:saturate(.35)}.bt4k-atlas__node:has(button[data-dimmed]){opacity:.3}.bt4k-atlas__routes{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.bt4k-atlas__route{position:absolute;top:var(--route-top, 0);left:var(--route-left, 0);width:var(--route-length, 0);height:1px;background:repeating-linear-gradient(90deg,rgb(111 163 201 / 58%) 0 5px,transparent 5px 9px);opacity:.48;transform:rotate(var(--route-angle, 0rad));transform-origin:0 50%;transition:opacity .16s ease,filter .16s ease}.bt4k-atlas__route:after{position:absolute;top:-3px;right:-1px;width:6px;height:6px;border-top:1px solid #8fdcff;border-right:1px solid #8fdcff;content:"";transform:rotate(45deg)}.bt4k-atlas__route[data-related]{height:2px;background:linear-gradient(90deg,var(--atlas-build),var(--atlas-learn));filter:drop-shadow(0 0 .35rem #77cfff);opacity:1}.bt4k-atlas__detail{display:grid;grid-template-columns:minmax(9rem,.35fr) minmax(0,1fr) auto;gap:.25rem 1.5rem;align-items:center;margin:0 clamp(1.25rem,3vw,2.5rem) clamp(1.25rem,3vw,2.5rem);padding:1rem 1.2rem;border:1px solid rgb(117 162 198 / 28%);border-radius:.45rem;background:#060e19d1;backdrop-filter:blur(12px)}.bt4k-atlas__detail>p:first-child{grid-row:1 / 3;margin:0;color:var(--atlas-build);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.bt4k-atlas__detail h3{margin:0;color:#fff;font-size:1rem}.bt4k-atlas__detail>p:not(:first-child){margin:0;color:var(--atlas-muted);font-size:.72rem}.bt4k-atlas__detail a{grid-column:3;grid-row:1 / 3;padding:.6rem .75rem;border:1px solid rgb(77 226 255 / 44%);border-radius:.3rem;color:var(--atlas-build);font-size:.68rem;text-decoration:none}.bt4k-atlas__other-languages{margin-top:1rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgb(126 151 174 / 20%);border-radius:1rem;background:linear-gradient(145deg,#0c1320,#080e17)}.bt4k-atlas__other-languages>header{display:grid;grid-template-columns:minmax(12rem,.65fr) minmax(0,1.35fr);gap:.15rem 2rem;align-items:end;margin-bottom:1.25rem}.bt4k-atlas__other-languages .bt4k-atlas__eyebrow{grid-column:1 / -1;color:#8999ac}.bt4k-atlas__other-languages h2{font-size:clamp(1.25rem,3vw,1.8rem)}.bt4k-atlas__other-languages>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.bt4k-atlas__language-track{--language-color: #97a7ba;min-width:0;padding:.85rem;border-top:2px solid var(--language-color);background:#ffffff06}.bt4k-atlas__language-track[data-ecosystem=go]{--language-color: #50d3e4}.bt4k-atlas__language-track[data-ecosystem=rust]{--language-color: #ef8e55}.bt4k-atlas__language-track[data-ecosystem=python]{--language-color: #f2ca52}.bt4k-atlas__language-track h3{margin:0 0 .75rem;color:var(--language-color);font-size:.85rem}.bt4k-atlas__language-track ol{display:grid;gap:.65rem}.bt4k-atlas__language-track li{position:relative}.bt4k-atlas__language-track li:not(:last-child):after{display:block;width:1px;height:.65rem;margin-left:.6rem;background:color-mix(in srgb,var(--language-color) 48%,transparent);content:""}.bt4k-atlas__language-track a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .65rem;padding:.6rem;border:1px solid rgb(139 160 180 / 17%);border-radius:.3rem;color:#e8f0fa;background:#03091059;text-decoration:none}.bt4k-atlas__language-track a>span{grid-row:1 / 3;color:var(--language-color);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.55rem;text-transform:uppercase;writing-mode:vertical-rl}.bt4k-atlas__language-track strong{font-size:.72rem;overflow-wrap:anywhere}.bt4k-atlas__language-track small{color:var(--atlas-muted);font-size:.62rem;line-height:1.35}.bt4k-atlas :is(button,a):focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:60rem){.bt4k-atlas__hero,.bt4k-atlas__other-languages>header{grid-template-columns:1fr}.bt4k-atlas__lanes{grid-template-columns:1fr;gap:1.5rem}.bt4k-atlas__lane:not(:last-child):after{display:none}.bt4k-atlas__routes{display:none}.bt4k-atlas__groups{grid-template-columns:repeat(2,minmax(0,1fr))}.bt4k-atlas__detail{grid-template-columns:1fr auto}.bt4k-atlas__detail>p:first-child{grid-row:auto}.bt4k-atlas__detail a{grid-column:2;grid-row:1 / 4}}@media(max-width:42rem){.bt4k-atlas__hero{gap:1rem}.bt4k-atlas__groups,.bt4k-atlas__other-languages>ul{grid-template-columns:1fr}.bt4k-atlas__detail{display:block}.bt4k-atlas__detail>*+*{margin-top:.35rem}.bt4k-atlas__detail a{display:inline-block;margin-top:.75rem}}@media(prefers-contrast:more){.bt4k-atlas__kotlin-map,.bt4k-atlas__node,.bt4k-atlas__detail,.bt4k-atlas__other-languages,.bt4k-atlas__language-track a{border-width:2px}.bt4k-atlas__node:has(button[data-dimmed]){opacity:.62}}@media(prefers-reduced-motion:reduce){.bt4k-atlas__node,.bt4k-atlas__route{transition:none}.bt4k-atlas__node:hover,.bt4k-atlas__node:has([data-related]){transform:none}}
