.repo-experience{border:1px solid #afcbd9;border-radius:16px;overflow:hidden;box-shadow:0 20px 55px #153f5010;background:#edf4f8}.repo-experience-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;border-bottom:1px solid #bfd3dd;color:#355f73;font-size:9px;letter-spacing:1.6px;font-weight:600}.repo-experience-top>div{display:flex;gap:11px;align-items:center}.repo-live-dot{width:6px;height:6px;background:#247e94;border-radius:50%;box-shadow:0 0 0 5px #247e9412}.repo-example-label{font-size:8px;letter-spacing:1px;color:#607e8f}.repo-experience-grid{display:grid;grid-template-columns:1.12fr 1fr}.repo-landscape{background:#102e3e;position:relative;overflow:hidden;color:#c7e3ed;display:flex;flex-direction:column;justify-content:space-between}.repo-landscape:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#59829155 .65px,transparent .65px);background-size:20px 20px;pointer-events:none}.repo-landscape-heading{position:relative;z-index:1;padding:30px 30px 0}.repo-landscape-heading>span{display:block;color:#7ccddd;font-size:9px;letter-spacing:1.5px;margin-bottom:12px}.repo-landscape-heading strong{font:500 22px/1.4 'Manrope',sans-serif;letter-spacing:-.6px;color:#e3f0f5;max-width:330px;display:block}.repo-atlas{position:relative;display:block;width:100%;height:auto;margin:10px 0;overflow:hidden}.repo-file rect{fill:#173d50;stroke:#3a6478;stroke-width:1.2;transition:stroke .3s,fill .3s}.repo-file-path{fill:#87aabb;font:11px 'DM Sans',sans-serif;letter-spacing:.4px}.repo-file-name{fill:#d5e9f1;font:14px 'DM Sans',sans-serif;font-weight:500}.repo-file-dot{fill:#54788a;transition:fill .3s}.repo-experience[data-finding=security] .repo-file-security rect,.repo-experience[data-finding=quality] .repo-file-quality rect{stroke:#e9c782;fill:#254653;stroke-width:1.8}.repo-experience[data-finding=security] .repo-file-security .repo-file-dot,.repo-experience[data-finding=quality] .repo-file-quality .repo-file-dot{fill:#f3cc7e}.repo-signals{animation:repo-signal 6s linear infinite}.repo-ring{transform-origin:280px 180px;animation:repo-context 4s ease-out infinite}.repo-scan-beam{animation:repo-scan 8s linear infinite}.repo-landscape-foot{position:relative;display:flex;gap:12px;justify-content:space-between;border-top:1px solid #305466;padding:17px 23px;font-size:8px;color:#88adbd}.repo-landscape-foot>span:first-child{color:#b2d4de}.repo-landscape-foot i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#77d9e4;margin-right:6px}.repo-evidence{padding:28px 30px;min-width:0}.repo-explore-label{font-size:8px;letter-spacing:1.5px;color:#54788a;margin-bottom:12px}.repo-finding-tabs{display:flex;gap:5px;padding:4px;background:#dce8ee;border-radius:7px;margin-bottom:24px}.repo-finding-tabs button{flex:1;padding:10px 12px;border:1px solid transparent;border-radius:5px;background:transparent;font-size:12px;color:#547486;transition:background .2s,color .2s}.repo-finding-tabs button[aria-selected=true]{background:#fff;border-color:#c3d6df;color:#15485e;box-shadow:0 2px 5px #1741530a}.repo-finding-type{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1px;color:#8a642e;font-weight:600}.repo-finding-type>span:first-child{width:18px;height:18px;display:grid;place-items:center;border:1px solid #d6b980;border-radius:50%;font-size:11px;letter-spacing:0}.repo-evidence h3{font-size:clamp(22px,2.1vw,29px);line-height:1.25;letter-spacing:-1px;margin:15px 0 12px;font-weight:550}.repo-evidence #repo-finding-copy{font-size:12px;line-height:1.85;color:#536f7e;min-height:67px}.repo-code-window{border:1px solid #c0d4df;border-radius:8px;overflow:hidden;margin-top:20px;background:#e2edf2}.repo-code-window>div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #c0d4df;font-size:9px;color:#527589}.repo-code-window>div>span:last-child{font-size:7px;letter-spacing:1px}.repo-code-window pre{margin:0;padding:15px 12px;font-size:10px;line-height:1.9;color:#345b70;overflow-x:auto}.repo-next-check{display:flex;gap:10px;align-items:flex-start;margin-top:20px}.repo-next-check svg{width:23px;height:23px;flex-shrink:0;color:#277f92}.repo-next-check p{font-size:10px;line-height:1.75;color:#5b7b8c}.repo-next-check strong{display:block;color:#29566a;font-weight:600}.repo-next-check p>span{display:block;margin-top:3px}.repo-delivery-path{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b5cedb;background:#d8e7ee}.repo-delivery-path>div{padding:21px 23px;position:relative;border-right:1px solid #b9d0dd}.repo-delivery-path>div:last-child{border:0}.repo-delivery-path>div>span{font-size:9px;color:#48869b;letter-spacing:1px;display:inline-block;margin-right:8px}.repo-delivery-path strong{font-size:13px;font-weight:600;color:#234d61}.repo-delivery-path p{font-size:10px;line-height:1.7;color:#56798c;margin-top:7px}.repo-example-note{font-size:10px;line-height:1.8;color:#638293;margin-top:16px;max-width:880px}.repo-value{margin-top:26px;border-left:3px solid #4b9eb4;padding:1px 0 1px 17px;max-width:850px}.repo-value p{font-size:12px;line-height:1.8;color:#557688}.repo-value strong{color:#244e63;font-weight:600;margin-right:4px}@keyframes repo-signal{to{stroke-dashoffset:-146}}@keyframes repo-context{0%{transform:scale(.88);opacity:.1}25%{opacity:.6}100%{transform:scale(1.35);opacity:0}}@keyframes repo-scan{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(670px)}}
@media(max-width:1000px) and (min-width:761px){.repo-evidence{padding:23px}.repo-landscape-heading{padding:25px 23px 0}.repo-landscape-heading strong{font-size:20px}.repo-landscape-foot{flex-direction:column;gap:4px}.repo-code-window pre{font-size:9px}.repo-delivery-path>div{padding:18px}}
@media(max-width:760px){.repo-experience{border-radius:12px}.repo-experience-top{padding:16px;font-size:8px;letter-spacing:1px;flex-wrap:wrap;gap:8px}.repo-example-label{font-size:7px;margin-left:17px}.repo-experience-grid{grid-template-columns:1fr}.repo-landscape-heading{padding:22px 20px 0}.repo-landscape-heading strong{font-size:21px;max-width:290px}.repo-landscape-heading>span{font-size:8px;margin-bottom:8px}.repo-atlas{margin:4px 0;width:100%;max-width:540px;align-self:center}.repo-landscape-foot{padding:14px 16px;font-size:8px;gap:10px;flex-wrap:wrap}.repo-evidence{padding:22px 20px}.repo-finding-tabs{margin-bottom:20px}.repo-finding-tabs button{min-height:44px;font-size:13px}.repo-evidence h3{font-size:26px;margin-top:14px}.repo-evidence #repo-finding-copy{font-size:13px;min-height:0}.repo-finding-type{font-size:8px;letter-spacing:.7px}.repo-code-window pre{font-size:10px}.repo-next-check p{font-size:11px}.repo-delivery-path{grid-template-columns:1fr 1fr}.repo-delivery-path>div{padding:18px 16px;border-bottom:1px solid #b9d0dd}.repo-delivery-path>div:nth-child(2){border-right:0}.repo-delivery-path>div:nth-child(3){border-bottom:0}.repo-delivery-path strong{font-size:13px}.repo-delivery-path p{font-size:11px}.repo-example-note{font-size:10px}.repo-value{margin-top:22px}.repo-value p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.repo-signals,.repo-ring,.repo-scan-beam{animation:none!important}.repo-scan-beam{display:none}}

.repo-offscreen .repo-signals,.repo-offscreen .repo-ring,.repo-offscreen .repo-scan-beam{animation-play-state:paused}

/* Mobile controls precede the illustration; desktop retains its current composition. */
@media(max-width:760px){.repo-experience>.repo-finding-controls{padding:20px;background:#edf4f8;border-bottom:1px solid #bfd3dd}.repo-experience>.repo-finding-controls .repo-finding-tabs{margin-bottom:0}.repo-explore-label{font-size:10px;letter-spacing:1.1px}.repo-finding-type{font-size:10px;letter-spacing:.45px}.repo-example-note{font-size:11px;line-height:1.75}.repo-next-check p{font-size:12px}.repo-landscape-foot{font-size:10px;line-height:1.6}}