/* Concrete capability diagrams and an illustrative migration journey */
.atlassian-cloud-showcase{background:#e5eeeb}
.migration-explorer{border:1px solid #b9ccd0;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 15px 45px #16334e09}
.migration-explorer-kicker{display:flex;justify-content:space-between;gap:15px;padding:22px 32px;border-bottom:1px solid #dbe4e4;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#426c74}
.migration-explorer-kicker>span:last-child{font-weight:400;font-size:11px;letter-spacing:.04em;color:#53636a}
.migration-landscape{display:grid;grid-template-columns:250px minmax(0,1fr) 250px;gap:12px;align-items:center;padding:35px 35px 25px;background:#f7faf8}
.migration-environment{padding:25px 22px;border-radius:5px;background:#102b45;color:#fff;min-height:236px}
.migration-environment>svg{width:66px;height:62px;display:block;margin-bottom:17px;fill:none;stroke:#b7d7ff;stroke-width:2}
.migration-environment>svg circle{fill:#b7d7ff;stroke:none}
.migration-environment>p{color:#bacada;text-transform:uppercase;letter-spacing:.08em;font-size:10px;margin-bottom:7px}
.migration-environment h3{font-size:27px;margin-bottom:14px;line-height:1.2;letter-spacing:-.025em}
.migration-destination{background:#d7e8e3;color:#102b45;border:1px solid #adcac2}
.migration-destination>p{color:#426c74}
.migration-destination>svg{stroke:#2b766c}
.migration-apps{display:flex;gap:8px;flex-wrap:wrap}
.migration-apps>span{font-size:12px;padding:3px 9px;border:1px solid #59738d;border-radius:3px;color:#f1f6fc}
.migration-destination .migration-apps>span{border-color:#a4c5bc;color:#224a49}
.migration-connection{text-align:center;min-width:0}
.migration-connection>svg{display:block;width:100%;height:auto;overflow:visible}
.migration-connection .migration-river{fill:none;stroke:#e0ebe7;stroke-width:58px}
.migration-connection .migration-route{fill:none;stroke:#4e8c9c;stroke-width:2.5px}
.migration-connection .migration-arrow{fill:none;stroke:#4e8c9c;stroke-width:2.5px}
.migration-connection circle{fill:#1269dc;stroke:#fff;stroke-width:3px}
.migration-connection .migration-route-dot{fill:#fff;stroke:none}
.migration-connection>p{font-size:13px;font-weight:600;margin:10px 0 5px;padding:0 10px;line-height:1.4;color:#102b45}
.migration-connection>span{font-size:11px;line-height:1.5;color:#53636a}
.migration-instruction{display:none;margin:0;padding:20px 32px 15px;background:#fff;font-size:13px;font-weight:600;color:#426c74}
.migration-stage-tabs{display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0 32px 25px;border-bottom:1px solid #dbe4e4}
.migration-explorer.is-interactive .migration-stage-tabs{display:grid}
.migration-stage-tabs button{border:1px solid #c8d7df;border-radius:4px;color:#102b45;background:#f4f8fa;display:flex;align-items:center;gap:12px;min-height:70px;padding:15px 16px;text-align:left;font-size:16px;font-weight:600;min-width:0}
.migration-stage-index{font-size:12px;font-weight:500;color:#426c74}
.migration-stage-tabs button[aria-selected=true]{border-color:#102b45;background:#102b45;color:#fff;box-shadow:inset 0 -3px #66b9b1}
.migration-stage-tabs button[aria-selected=true] .migration-stage-index{color:#a7d3ec}
.migration-stage-tabs button:hover{border-color:#1269dc}
.migration-stage-tabs button:focus-visible{outline:3px solid #de9100;outline-offset:3px}
.migration-stage-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;padding:36px 40px;background:#fff}
.migration-stage-panel[hidden]{display:none}
.migration-stage-panel+.migration-stage-panel{border-top:1px solid #dbe4e4}
.migration-stage-intro h3{font-size:30px;line-height:1.2;max-width:460px;margin-bottom:18px}
.migration-stage-intro>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#53636a;margin-bottom:0;max-width:560px}
.migration-stage-evidence{display:grid;gap:18px;margin:0;padding:0}
.migration-stage-evidence>div{padding-left:17px;border-left:3px solid #bdD8d4}
.migration-stage-evidence dt{font-size:13px;font-weight:700;color:#244c56;line-height:1.5;margin-bottom:6px}
.migration-stage-evidence dd{font-size:14px;line-height:1.65;color:#53636a;margin:0}
.migration-explorer-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;padding:24px 32px;background:#f5f7f1;border-top:1px solid #dbe4e4}
.migration-explorer-footer .text-link{font-size:13px}
.atlassian-workstream{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;padding:44px 0}
.atlassian-workstream .workstream-title{margin-bottom:24px}
.atlassian-workstream .workstream-title h3{max-width:none}
.atlassian-workstream .workstream-content{align-self:center}
.atlassian-capability-visual{margin:0;overflow:hidden;border:1px solid #c8d9d9;border-radius:5px;background:#f6faf7}
.atlassian-capability-visual>svg{display:block;width:100%;height:auto}
.atlassian-capability-visual figcaption{display:grid;gap:5px;padding:17px 22px 19px;border-top:1px solid #d7e4e1;background:#f6faf7}
.atlassian-capability-visual figcaption strong{font-size:15px;color:#21484c;line-height:1.4}
.atlassian-capability-visual figcaption span{font-size:12px;color:#53636a;line-height:1.6}
.atlassian-workstream .workstream-content>p{font-size:16px}
@media(max-width:1100px){.migration-landscape{grid-template-columns:210px minmax(0,1fr) 210px;padding:30px 25px;gap:10px}.migration-stage-tabs{padding-inline:25px;gap:8px}.migration-stage-tabs button{gap:8px;padding:13px 12px;font-size:15px}.migration-stage-panel{gap:35px;padding:30px}.atlassian-workstream{gap:35px}}
@media(max-width:800px){.migration-landscape{grid-template-columns:1fr 1fr;gap:22px;padding:25px}.migration-connection{grid-column:1/-1;grid-row:2;padding:0 35px}.migration-environment{min-height:0;padding:22px}.migration-environment>svg{width:53px;height:50px}.migration-connection>svg{height:70px}.migration-connection>p{margin-top:0}.migration-stage-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding-inline:25px}.migration-stage-tabs button{flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;font-size:14px;padding:12px 10px;min-height:76px}.migration-stage-panel{grid-template-columns:1fr;gap:28px}.migration-stage-evidence{grid-template-columns:1fr 1fr}.migration-stage-evidence>div:last-child{grid-column:1/-1}.atlassian-workstream{grid-template-columns:1fr;gap:25px;padding:34px 0}.atlassian-workstream .workstream-content{padding-left:0}.atlassian-capability-visual{max-width:650px}.migration-explorer-kicker{padding:20px 25px}.migration-instruction{padding-inline:25px}.migration-explorer-footer{padding:22px 25px}}
@media(max-width:520px){.migration-explorer-kicker{padding:17px 18px;flex-direction:column;gap:5px;font-size:11px}.migration-landscape{padding:20px 18px;gap:15px}.migration-environment{padding:17px 14px}.migration-environment h3{font-size:21px}.migration-environment>p{font-size:9px;line-height:1.5}.migration-environment>svg{width:45px;height:44px;margin-bottom:10px}.migration-apps{gap:5px}.migration-apps>span{font-size:10px;padding:2px 5px}.migration-connection{padding:0 10px}.migration-connection>p{font-size:12px}.migration-stage-tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 18px 20px;gap:8px}.migration-stage-tabs button{min-height:67px;flex-direction:row;align-items:center;font-size:13px;gap:6px;padding:11px 8px}.migration-stage-index{font-size:10px}.migration-instruction{padding:19px 18px 14px;font-size:12px;line-height:1.6}.migration-stage-panel{padding:26px 22px;gap:25px}.migration-stage-intro h3{font-size:27px}.migration-stage-intro>p:not(.eyebrow){font-size:15px}.migration-stage-evidence{grid-template-columns:1fr}.migration-stage-evidence>div:last-child{grid-column:auto}.migration-stage-evidence dd{font-size:13px}.migration-explorer-footer{padding:20px 22px;gap:19px}.migration-explorer-footer .text-link{font-size:12px;gap:12px;max-width:100%}.atlassian-capability-visual figcaption{padding:15px 17px}.atlassian-capability-visual>svg{width:100%;min-width:0}.atlassian-workstream .workstream-title{margin-bottom:20px}}

.migration-explorer.is-interactive .migration-instruction{display:block}