.legal-architecture{--la-bg:#100e0c;--la-surface:#19140f;--la-line:#70503555;--la-ink:#f0e9e1;--la-muted:#a39180;--la-accent:#f6a56a;background:var(--la-bg);border:1px solid var(--la-line);border-radius:16px;overflow:hidden;color:var(--la-ink);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.6;isolation:isolate}.legal-architecture *{box-sizing:border-box}.legal-architecture button,.legal-architecture a,.legal-architecture select{font:inherit;color:inherit}.legal-architecture button{cursor:pointer;background:none;border:0}.legal-architecture a{text-decoration:none}.legal-architecture button:focus-visible,.legal-architecture a:focus-visible,.legal-architecture select:focus-visible{outline:2px solid var(--la-accent);outline-offset:3px}.legal-architecture button:disabled{opacity:.3;cursor:default}.legal-architecture h3,.legal-architecture h4,.legal-architecture h5,.legal-architecture p{margin:0}.la-heading{padding:30px 30px 25px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(ellipse at 100% 0,#ae682516,transparent 60%)}.la-kicker{font-size:9px;letter-spacing:2px;color:#bd8f68}.la-heading h3{font-size:28px!important;letter-spacing:-.8px;line-height:1.35;margin:10px 0 12px!important;font-weight:600}.la-heading p{font-size:12px;color:var(--la-muted);max-width:620px}.la-stats{display:flex;flex-shrink:0;gap:24px}.la-stats span{display:flex;flex-direction:column;color:var(--la-muted);font-size:9px;letter-spacing:1px;gap:5px}.la-stats b{color:var(--la-accent);font-size:28px;font-weight:400;line-height:1}.la-navigation{display:flex;align-items:center;gap:0;padding:0 20px;border-block:1px solid var(--la-line);overflow-x:auto;scrollbar-width:thin;background:#17120e}.la-navigation button{padding:16px 13px;white-space:nowrap;color:var(--la-muted);font-size:11px!important;border-bottom:2px solid transparent!important;transition:color .2s,background .2s}.la-navigation [aria-selected=true]{border-bottom-color:var(--la-accent)!important;color:var(--la-accent);background:#bf73390a}.la-navigation small{font-size:8px;color:#7e614a;margin-left:7px}.la-view-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 28px 22px}.la-section-code{font-size:8px;color:#9a7555;letter-spacing:1.8px}.la-section-title{font-size:21px!important;font-weight:500;letter-spacing:-.5px;margin:8px 0!important;line-height:1.4!important}.la-section-note{font-size:11px!important;color:var(--la-muted);max-width:620px}.la-zoom{display:flex;align-items:center;gap:5px;flex-shrink:0}.la-zoom button{border:1px solid var(--la-line)!important;background:#231b13;font-size:10px!important;min-width:30px;height:32px;padding:5px 10px;border-radius:5px}.la-zoom-value{font-size:9px;color:var(--la-muted);min-width:40px;text-align:center}.la-is-overview .la-zoom{display:none}.la-overview{padding:10px 30px 35px}.la-overview-flow{position:relative;max-width:1130px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 30px}.la-overview-main{grid-column:2;position:relative}.la-overview-main:after,.la-overview-nested:after{content:"";position:absolute;width:1px;height:28px;background:#996b43;left:50%;top:100%}.la-overview-branches{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;position:relative}.la-overview-branches:before{position:absolute;content:"";height:1px;left:16.5%;right:16.5%;top:-14px;background:linear-gradient(90deg,#657d6860,#ba8350,#657d6860)}.la-overview-branches>.la-module:before{content:"";height:14px;width:1px;background:#996b43;position:absolute;top:-14px;left:50%}.la-overview-nested{grid-column:2/4;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;position:relative}.la-overview-nested:after{left:25%;height:28px}.la-overview-nested p{font-size:11px;color:#9c856f;line-height:1.9}.la-overview-nested p i{font-size:23px;color:#8d6b4b;display:block;font-style:normal;margin-bottom:8px}.la-overview-delivery{grid-column:2;position:relative}.la-module{position:relative;display:flex;flex-direction:column;width:100%;text-align:left;border:1px solid #9e71464a!important;border-radius:10px;background:linear-gradient(145deg,#251b13,#17130f)!important;padding:20px!important;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 12px 30px #0002}.la-module:hover{transform:translateY(-4px);border-color:#e89e62!important;box-shadow:0 14px 35px #0005}.la-module-main{border-color:#bd875b88!important;background:linear-gradient(135deg,#332214,#1e1811)!important}.la-module-query{border-color:#537c6266!important}.la-module-review{border-color:#a07a4a88!important}.la-module-draft{border-color:#79628c66!important}.la-module-item{border-color:#8a715c55!important}.la-module-delivery{background:linear-gradient(145deg,#1f231c,#161a13)!important;border-color:#697b5555!important}.la-module-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#aa8869;margin-bottom:14px}.la-module-top small{font-size:8px}.la-module-top b{font-size:11px;font-weight:400;border:1px solid #81604366;border-radius:20px;line-height:1;padding:5px 7px;color:#b89777}.la-module>strong{font-size:20px;font-weight:500;color:#f2e4d7;display:flex;justify-content:space-between;align-items:center}.la-module>strong i{font-size:19px;font-style:normal;color:#bc956f}.la-module-line{font-size:12px;margin-top:10px;color:#c2aa94}.la-module em{font-size:10px;color:#846f5b;font-style:normal;line-height:1.7;margin-top:9px}.la-workbench{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:0;border-top:1px solid var(--la-line)}.la-is-overview .la-workbench{display:none}.legal-architecture:not(.la-is-overview) .la-overview{display:none}.la-map-column{min-width:0}.la-viewport{height:560px;min-width:0;overflow:auto;position:relative;background:radial-gradient(#d59b6020 .7px,transparent .7px),#100e0c;background-size:19px 19px;scrollbar-width:thin;scrollbar-color:#786049 #18120d;cursor:grab;overscroll-behavior:contain;touch-action:pan-x pan-y}.la-viewport.dragging{cursor:grabbing;user-select:none}.la-space{position:relative;min-width:100%;min-height:100%}.la-canvas{position:absolute;top:0;left:0;transform-origin:0 0}.la-edges{position:absolute;inset:0;max-width:none;overflow:visible;pointer-events:none}.la-edges .la-edge>path{stroke:#806246;stroke-width:1.4;fill:none;opacity:.55}.la-edges .la-edge text{font-size:11px;fill:#9f8267;paint-order:stroke;stroke:#100e0c;stroke-width:5px;stroke-linejoin:round}.la-edges .la-dashed>path{stroke-dasharray:6 5}.la-edges .la-edge-route>path{stroke:#b4885e;opacity:.7}.la-edges .la-edge-selected>path{stroke:#f6a56a;stroke-width:2.3;opacity:1;filter:drop-shadow(0 0 3px #f6a56a25)}.la-edges .la-edge-selected text{fill:#e0b383}.la-node{position:absolute;display:flex;flex-direction:column;justify-content:center;text-align:left;border:1px solid #705437!important;border-radius:8px;background:#1d1711!important;padding:11px 13px!important;color:#d9c8b8!important;box-shadow:0 4px 16px #0003;transition:border-color .15s,background .15s;overflow:hidden;white-space:normal}.la-node:hover{border-color:#bd9062!important;background:#292014!important}.la-node-top{display:flex;align-items:center;gap:6px;font-size:8px;line-height:1;color:#a08264;letter-spacing:.5px;margin-bottom:9px}.la-node-top>i{font-style:normal;font-size:13px;color:#c29c76}.la-node-top small{margin-left:auto;font-size:8px;color:#6f5945}.la-node strong{font-size:14px;font-weight:500;line-height:1.45;word-break:break-word;display:block}.la-node.la-kind-decision{border-color:#a179485e!important;background:#2d2114!important}.la-node.la-kind-decision .la-node-top{color:#b58d57}.la-node.la-kind-tool{border-color:#4d6d565e!important;background:#152019!important}.la-node.la-kind-tool .la-node-top{color:#86a78b}.la-node.la-selected{border-color:#f6a56a!important;background:#46301d!important;box-shadow:0 0 0 1px #f6a56a50,0 5px 25px #0006}.la-node.la-selected strong{color:#ffe7d2}.la-map-hint{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #70503533;padding:10px 15px;font-size:8px;color:#89725e}.la-map-count{white-space:nowrap}.la-inspector{padding:24px 22px;background:#19130e;border-left:1px solid var(--la-line);min-width:0;max-height:660px;overflow:auto;scrollbar-width:thin}.la-inspector-kicker{display:block;font-size:8px;letter-spacing:1.2px;color:#a67d59;line-height:1.8}.la-inspector-kind{display:inline-block;font-size:9px;padding:4px 8px;border:1px solid #8a633b44;border-radius:4px;color:#b69b7e;margin:14px 0}.la-inspector h4{font-size:21px!important;line-height:1.5!important;letter-spacing:-.5px;font-weight:500;margin:2px 0 16px!important;color:#f2dfcd}.la-inspector>p{font-size:12px!important;line-height:1.9!important;color:#ac9a88}.la-neighbours{border-top:1px solid #70503533;margin-top:22px;padding-top:15px}.la-neighbours h5{font-size:10px;color:#796452;font-weight:400;margin:16px 0 9px!important}.la-neighbours>button{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;padding:10px 0!important;border-bottom:1px solid #70503525!important}.la-neighbours button span{font-size:11px;color:#c5a180;line-height:1.7}.la-neighbours small{font-size:9px;color:#85715e;line-height:1.7}.la-inspector-foot{border-top:1px solid #70503544;display:flex;flex-direction:column;gap:12px;margin-top:25px;padding-top:17px;font-size:8px;letter-spacing:1px;color:#80644e}.la-inspector-foot button{text-align:left;padding:0;font-size:10px!important;color:#d0a273}.la-boundary{padding:10px 15px;border-top:1px solid #70503522}.la-boundary>span{font-size:9px;color:#8f7157}.la-boundary>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.la-boundary button{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:9px!important;border:1px solid #70503533!important;padding:6px 8px!important;border-radius:4px;color:#ad8a68}.la-boundary button em{font-size:8px;font-style:normal;color:#77604c}.la-is-overview .la-view-heading{padding-bottom:15px}
/* The explorer is shared by the home-page dialog and the full case study. */
#flow-dialog .legal-architecture{margin-top:15px}#flow-dialog{max-width:1420px;width:96vw}#flow-dialog .la-heading{padding-top:22px}#flow-dialog .la-heading h3{font-size:24px!important}#flow-dialog .la-viewport{height:480px}#flow-dialog .la-inspector{max-height:600px}.legal-case-architecture{max-width:1440px!important;width:100%;padding-inline:30px!important}.architecture-section-note{color:#9a8d80;font-size:13px;line-height:1.8;margin:18px 0 28px}.architecture-case-metrics{display:flex;gap:35px;flex-wrap:wrap;margin:28px 0}.architecture-case-metrics span{display:flex;align-items:center;gap:10px;font-size:11px;color:#9a8877}.architecture-case-metrics b{font-size:25px;font-weight:400;color:#f6a56a}.architecture-business{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.architecture-business article{border:1px solid #86623f44;background:#17110c;padding:25px;border-radius:8px}.architecture-business article>small{font-size:9px;letter-spacing:1px;color:#a57e59}.architecture-business h3{font-size:20px;margin:14px 0!important}.architecture-business p{font-size:12px;color:#ad9a87;line-height:1.9}.architecture-business a{font-size:11px;color:#f6a56a}.architecture-key-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.architecture-key-points article{padding:22px;border-left:1px solid #a87b4d55}.architecture-key-points h3{font-size:15px;margin-bottom:12px}.architecture-key-points p{font-size:12px;color:#a59483;line-height:1.9}.arch-cover-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.arch-cover-summary>span{display:flex;flex-direction:column;padding:12px 7px;border:1px solid #a7784544;background:#2d2114;color:#d3ac88;font-size:10px;gap:7px}.arch-cover-summary b{font-weight:400;font-size:8px;letter-spacing:1px;color:#8f6f52}.arch-cover-return{font-size:9px;color:#9f7958;line-height:1.8}.arch-case-overview{font-size:16px;line-height:1.9;color:#b6a18d;max-width:850px}.arch-section-pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.arch-section-pills a{font-size:11px;color:#ca9f76;border:1px solid #77512f66;padding:8px 12px;border-radius:6px}
@media(max-width:1100px){.la-workbench{grid-template-columns:minmax(0,1fr) 245px}.la-heading{gap:20px;padding:25px}.la-stats{gap:18px}.la-heading h3{font-size:24px!important}.la-navigation{padding:0 12px}.la-navigation button{padding:14px 10px}.la-overview-flow{gap:22px 18px}.la-overview-branches{gap:18px}.la-overview-nested{gap:18px}.la-module{padding:17px!important}.la-module strong{font-size:18px}.la-module-line{font-size:11px}.la-module em{font-size:9px}.la-inspector{padding:20px 17px}}
@media(max-width:760px){.la-heading{display:block;padding:23px 20px}.la-heading p{font-size:11px}.la-stats{margin-top:20px;gap:25px}.la-stats span{flex-direction:row;align-items:baseline;gap:7px;font-size:8px}.la-stats b{font-size:24px}.la-navigation{padding:0 7px}.la-navigation button{font-size:10px!important;padding:13px 10px}.la-view-heading{display:block;padding:22px 20px 18px}.la-section-title{font-size:20px!important}.la-section-note{font-size:10px!important}.la-zoom{margin-top:16px}.la-overview{padding:10px 20px 25px}.la-overview-flow{display:block}.la-overview-main,.la-overview-delivery{margin-bottom:22px}.la-overview-main:after,.la-overview-nested:after{display:none}.la-overview-branches{grid-template-columns:1fr;gap:12px}.la-overview-branches:before,.la-overview-branches>.la-module:before{display:none}.la-module{padding:18px!important}.la-module-top{margin-bottom:9px}.la-module>strong{font-size:20px}.la-module-line{font-size:12px}.la-module em{font-size:10px}.la-overview-nested{display:block;margin:12px 0 22px;padding-left:18px;border-left:1px solid #97714b55}.la-overview-nested p{font-size:10px;margin-top:13px}.la-overview-nested p i{display:inline-block;margin:0 8px 0 0;font-size:16px}.la-workbench{display:block}.la-viewport,#flow-dialog .la-viewport{height:430px}.la-inspector{border-left:0;border-top:1px solid var(--la-line);max-height:none!important;padding:22px}.la-inspector h4{font-size:22px!important}.la-inspector>p{font-size:12px!important}.la-neighbours{display:grid;grid-template-columns:1fr;gap:0}.la-map-hint{font-size:8px;gap:8px;flex-wrap:wrap}.la-boundary button{font-size:8px!important}.legal-case-architecture{padding-inline:18px!important}.architecture-business,.architecture-key-points{grid-template-columns:1fr;gap:12px}.architecture-key-points article{padding:14px 18px}.architecture-case-metrics{gap:20px}.architecture-case-metrics b{font-size:23px}.arch-case-overview{font-size:14px}.arch-cover-summary{gap:6px}.arch-cover-summary>span{font-size:9px;padding:10px 6px}.arch-cover-summary b{font-size:7px}}
.la-inline-playback{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;background:#21170f;border-bottom:1px solid var(--la-line)}.la-inline-route{max-width:70%;min-width:0;font-size:10px!important;padding:7px 10px;background:#18120d;color:#be9b79;border:1px solid #70503566;border-radius:4px}.la-inline-playback>div{display:flex;align-items:center;gap:6px;flex-shrink:0}.la-inline-playback button{font-size:10px!important;padding:6px 9px;border:1px solid #70503566!important;border-radius:4px;color:#c7a27c}.la-inline-playback [data-action=play]{background:#d3965b;color:#22150c}.la-inline-count{font-size:9px;color:#a58160;white-space:nowrap;margin-left:5px}@media(max-width:760px){.la-inline-playback{padding:10px;display:block}.la-inline-route{max-width:none;width:100%;font-size:10px!important}.la-inline-playback>div{margin-top:9px}.la-inline-playback .la-inline-count{margin-left:auto}.la-inline-playback button{min-height:32px}}
@media(prefers-reduced-motion:reduce){.legal-architecture *{transition:none!important;scroll-behavior:auto!important}}

.la-api-layer{grid-column:1/-1;border:1px solid #5e7b5b66;border-radius:10px;background:linear-gradient(130deg,#172019,#121610);padding:23px;position:relative;margin-top:5px}.la-api-layer:before{content:"";height:28px;width:1px;background:#667a55;position:absolute;bottom:100%;left:50%}.la-api-layer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.la-api-layer-heading small{font-size:9px;letter-spacing:1.6px;color:#8ca18a}.la-api-layer-heading h5{font-size:19px;font-weight:500;margin:10px 0;color:#d9e1ce}.la-api-layer-heading p{font-size:11px;color:#8b9c80}.la-api-layer-heading>button{font-size:10px!important;color:#b2c6a0;border:1px solid #6b815955!important;border-radius:5px;padding:10px 12px;white-space:nowrap}.la-api-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:20px}.la-api-tiles>button{text-align:left;display:flex;align-items:center;gap:7px;min-height:48px;padding:11px!important;font-size:10px!important;line-height:1.7;border:1px solid #53684866!important;border-radius:6px;background:#1b2418;color:#b0bea4}.la-api-tiles i{font-style:normal;color:#718a68;font-size:12px}.la-api-layer-note{font-size:9px!important;line-height:1.8;color:#728067;margin:15px 0 0!important}.la-dependencies{padding:12px 15px;border-top:1px solid #4d6d5644;background:#12180f}.la-dependencies:empty{display:none}.la-dependencies>span{font-size:10px;color:#99ac8a}.la-dependencies>p{font-size:9px!important;color:#748467;margin:5px 0 10px!important}.la-dependencies>div{display:flex;flex-wrap:wrap;gap:7px}.la-dependencies>div>span{display:flex;align-items:center;gap:6px;border:1px solid #4d6d5644;border-radius:4px;padding:5px 7px;max-width:100%}.la-dependencies button{font-size:9px!important;padding:0;color:#92a582;text-align:left}.la-dependencies i{font-style:normal;color:#647b59}.la-inspector-apis h5,.la-inspector-apis button span{color:#9eaf8c}.la-inspector-apis>small{display:block;margin-bottom:8px}
@media(max-width:1100px){.la-api-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.la-api-layer{padding:18px;margin-top:25px}.la-api-layer:before{display:none}.la-api-layer-heading{display:block}.la-api-layer-heading h5{font-size:18px}.la-api-layer-heading p{font-size:10px}.la-api-layer-heading>button{margin-top:12px}.la-api-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.la-api-tiles>button{font-size:10px!important;padding:9px!important;min-height:48px}.la-dependencies>div>span{flex-wrap:wrap}}

@media(max-width:760px){.la-zoom button{min-height:38px}.la-inline-playback button{min-height:38px}.la-navigation button{min-height:42px}}

.la-api-layer:before{display:none}.la-api-layer{border-top-style:dashed;margin-top:12px}
