/* Integration of the approved editorial design with existing forms and content. */
.approved-site .approved-header{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:82px}
.approved-site .site-header .nav>ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}
.approved-site .site-header .nav a,.approved-discover summary{font-size:14px;white-space:nowrap}
.approved-discover{position:relative}.approved-discover summary{cursor:pointer;list-style:none;padding:16px 0}.approved-discover>ul{position:absolute;right:0;top:100%;min-width:230px;background:#fbf9f6;color:#36332e;box-shadow:0 12px 30px #36332e20;border:1px solid #ddd2c5;padding:12px;list-style:none;z-index:100}.approved-site .approved-discover>ul a{display:block;padding:12px}
.approved-site .site-header{position:sticky;top:0;z-index:60;background:#fbf9f6;color:#36332e}.approved-site .site-header .brand{flex-shrink:0}.approved-site .site-header .gg-wordmark{font-family:'Libre Franklin',sans-serif;letter-spacing:-.05em}.approved-site .site-header .header-cta{flex-shrink:0}
.approved-site .site-footer{background:#ece5da;color:#36332e}.approved-site .site-footer h4{font-size:18px}.approved-site .slot{background:#dce4d5;color:#36332e}.approved-site .slot h2 em{color:#80513b}
.editorial-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:30px!important}.editorial-links a{text-decoration:underline;text-underline-offset:5px;font-size:15px}
.approved-site .skip{position:fixed;left:12px;top:-100px;z-index:200;background:#fff;padding:12px}.approved-site .skip:focus{top:12px}
.approved-site .mobile-menu[hidden]{display:none!important}.approved-site .mobile-menu{max-height:calc(100dvh - 82px);overflow:auto}
.approved-site .site-footer>.wrap{max-width:1280px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}.approved-site .site-footer .onder{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}
.approved-site .gg-wordmark{display:inline-flex;align-items:center;gap:0}.approved-site .gg-wordmark .gg-letter{aspect-ratio:1;flex-shrink:0}
.legacy-page .retained-content .page-head,.legacy-page .request-page{background:#f7f3ec}.legacy-page .retained-content .page-head{padding:70px 0}.legacy-page .page-head h1,.legacy-page .request-intro h1{font-size:clamp(36px,5vw,68px);line-height:1.12;letter-spacing:-.045em}
.legacy-page .retained-art{width:min(100%,600px);margin:35px auto}.legacy-page .retained-art .editorial-art{min-height:0;aspect-ratio:5/3}.legacy-page .breadcrumb ol{display:flex;align-items:center;gap:12px;list-style:none;padding:0}.legacy-page .breadcrumb li{margin:0;line-height:1.6}
.legacy-page .calm-closing{background:#dce4d5!important;color:#36332e!important;padding:70px 0}.legacy-page .software-routes{display:none}
.approved-site .hero h1 em{font-style:normal}.approved-site [data-onthul]{scroll-margin-top:100px}.approved-site section[id]{scroll-margin-top:100px}
@media(max-width:1150px){.approved-site .site-header .nav{display:none}.approved-site .menu-btn{display:block}.approved-site .approved-header{gap:15px}}
@media(max-width:700px){.approved-site .site-footer>.wrap{grid-template-columns:1fr;gap:30px}.approved-site .site-footer .onder{grid-column:1}.approved-site .header-cta{display:none}.approved-site .approved-header{min-height:72px}.approved-site .brand{max-width:65%}.approved-site .site-header .gg-wordmark{font-size:25px}.approved-site .mobile-menu{max-height:calc(100dvh - 72px)}.approved-site .mobile-menu ul{list-style:none;padding:0}.approved-site .mobile-menu li a{display:block;padding:11px 0}.legacy-page .retained-art{margin:25px 0}}
/* Retain the approved dark navigation and give the closing block readable contrast. */
.approved-site .site-header{background:#2b2924;color:#faf7f1;border-bottom-color:#4a453e}
.approved-site .site-header .gg-wordmark,.approved-site .site-header .menu-btn{color:#faf7f1}
.approved-site .site-header .nav a{color:#e3d8ca}.approved-site .approved-discover>ul a{color:#36332e}.approved-site .approved-discover>ul a:hover{color:#faf7f1}
.approved-site .slot p,.approved-site .slot small,.approved-site .slot small a{color:#514c44}
.approved-site .site-footer .gg-wordmark,.approved-site .site-footer h4{color:#36332e}
.approved-site .calm-closing h2,.approved-site .calm-closing p{color:#36332e!important}
.legacy-page .practice-stories article{grid-template-columns:1fr 1fr;gap:6%;align-items:center}.legacy-page .practice-story-art{padding:0;background:transparent!important;min-height:0}.legacy-page .practice-story-art>.editorial-art{width:100%;min-height:0;aspect-ratio:5/3}.legacy-page .practice-story-art>span:last-child{display:none}
.legacy-page .branch-list .br{padding-left:0;display:grid;grid-template-columns:1fr 1fr;column-gap:6%;align-items:start}.legacy-page .branch-list .branch-motion{position:static;width:100%;height:auto;padding:0;float:none;background:transparent;grid-column:1;grid-row:1/7;margin:0}.legacy-page .branch-motion>.editorial-art{width:100%;min-height:0;aspect-ratio:5/3}.legacy-page .branch-list .br>:not(.branch-motion){grid-column:2}
@media(max-width:800px){.legacy-page .practice-stories article,.legacy-page .branch-list .br{display:block}.legacy-page .branch-list .branch-motion{margin-bottom:28px}.legacy-page .practice-story-art{margin-bottom:26px}}
.approved-site h2 em{font-style:normal;color:#975334}.approved-site .hero h2 em{color:#de997a}
/* Keep the branch index as quiet text links, without inherited tile backgrounds. */
.approved-site .compact-branches .toc li,.approved-site .toc li{background:transparent!important}.approved-site .toc a{min-height:0!important}
.practice-card-detail .expanded-art{max-width:600px;margin:16px 0 28px}.expanded-art .editorial-art{min-height:0;aspect-ratio:5/3}
/* A meaningful hero: public process examples, not a product interface. */
.hero:has(.work-example,.general-story){padding-top:45px;padding-bottom:36px}
.hero:has(.work-example,.general-story) .kop-tekst{max-width:1050px}
.hero:has(.work-example,.general-story) h1{font-size:clamp(38px,5vw,70px);line-height:1.08;margin:22px auto}
.hero:has(.work-example,.general-story) .lead{font-size:18px;max-width:800px;margin-bottom:20px}
.hero:has(.work-example,.general-story) .acties{margin-top:24px;margin-bottom:34px}
.work-example{max-width:1280px;width:calc(100% - 64px);margin:0 auto;padding:25px 0 0;border-top:1px solid #62574b}
.work-example-top{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:18px}.work-example-top p{font-size:20px;font-weight:600;color:#faf7f1;margin:0}.work-example-top>span{font-size:12px;color:#cfc5b7}
.work-example-tabs{display:flex;gap:26px;border-bottom:1px solid #4a453e;margin-bottom:26px}.work-example-tabs button{color:#cfc5b7;font:inherit;font-size:14px;border:0;border-bottom:2px solid transparent;background:none;padding:0 0 12px;cursor:pointer}.work-example-tabs button[aria-pressed=true]{color:#efb292;border-bottom-color:#de997a}.work-example-tabs button:focus-visible{outline:2px solid #de997a;outline-offset:4px}
.work-scene{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(0,.85fr) 62px minmax(0,1fr);align-items:center;gap:0;min-height:240px}
.work-caption{display:block;color:#cfc5b7;font-size:11px;font-weight:600;letter-spacing:.035em;margin-bottom:14px}
.work-document{padding:22px;background:#faf7f1;color:#36332e;border-radius:14px;box-shadow:0 12px 30px #0002;border:2px solid transparent;min-height:212px;transition:transform .7s ease,border-color .7s ease}.work-document>svg{width:27px;height:27px;fill:none;stroke:#975334;stroke-width:1.6;margin-bottom:12px}.work-scene h2{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}.work-scene p{font-size:14px;line-height:1.6;margin:0}.work-document small{display:block;border-top:1px solid #e3d8ca;padding-top:12px;margin-top:16px;font-size:11px;color:#655e54}
.work-engine{text-align:center;position:relative;padding:0 13px}.work-engine-mark{font-size:19px;font-weight:800;letter-spacing:-1px;margin:22px 0;color:#faf7f1}.work-engine-mark>span{display:inline-grid;place-items:center;background:#de997a;color:#2b2924;width:1.1em;height:1.1em;border-radius:3px;margin:0 1px;letter-spacing:0}.work-engine h2{color:#efb292}.work-engine p{color:#cfc5b7}.work-engine-pulse{display:block;height:3px;width:50px;background:#de997a;margin:20px auto 0;transform-origin:left}
.work-result-content{background:#dce4d1;border:2px solid transparent;border-radius:14px;padding:22px;min-height:212px;color:#36332e;transition:border-color .7s ease,transform .7s ease}.work-check{display:grid;place-items:center;width:27px;height:27px;background:#758563;border-radius:50%;color:#fff;margin-bottom:12px;font-size:18px}.work-result-content strong{display:block;font-size:13px;padding-top:14px;margin-top:14px;border-top:1px solid #bec9b0;color:#3f5033}
.work-bridge{position:relative;height:35px;margin-top:26px}.work-rail{position:absolute;left:0;right:0;top:17px;height:1px;background:#796a59}.work-rail:after{content:'';position:absolute;right:1px;top:-3px;width:6px;height:6px;border-right:1px solid #bda58b;border-top:1px solid #bda58b;transform:rotate(45deg)}.work-transfer{position:absolute;top:7px;left:0;background:#de997a;color:#2b2924;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:700;z-index:2;white-space:nowrap;opacity:0}
.work-progress{display:flex;gap:22px;list-style:none;padding:0;margin:26px 0 0}.work-progress li{flex:1;color:#cfc5b7;font-size:12px;padding-top:10px;border-top:2px solid #62574b;transition:color .5s,border-color .5s}.work-progress li[aria-current=step]{color:#efb292;border-top-color:#de997a}.work-example-note{font-size:11px!important;color:#bbae9d!important;margin:16px 0 0!important;text-align:center}
[data-stage="0"] .work-document{border-color:#de997a;transform:translateY(-3px)}[data-stage="2"] .work-result-content{border-color:#91a77b;transform:translateY(-3px)}
html[data-beweging="aan"] .work-transfer{animation:work-transfer 3.5s ease-in-out infinite!important}html[data-beweging="aan"] .work-bridge-out .work-transfer{animation-delay:1.75s!important}html[data-beweging="aan"] .work-engine-pulse{animation:work-process 3.5s ease-in-out infinite!important}
@keyframes work-transfer{0%{transform:translateX(-6px);opacity:0}20%,70%{opacity:1}100%{transform:translateX(30px);opacity:0}}@keyframes work-process{0%,100%{transform:scaleX(.3);opacity:.4}50%{transform:scaleX(1);opacity:1}}
html[data-beweging="uit"] .work-document,html[data-beweging="uit"] .work-result-content{transform:none}html[data-beweging="uit"] .work-transfer{display:none}
@media(max-width:1000px){.work-example{width:calc(100% - 40px)}.work-scene{grid-template-columns:minmax(0,1fr) 30px minmax(0,.85fr) 30px minmax(0,1fr)}.work-document,.work-result-content{padding:18px}.work-scene h2{font-size:18px}.work-scene p{font-size:13px}.work-transfer{font-size:7px}}
@media(max-width:700px){.hero:has(.work-example,.general-story){padding-top:30px}.hero:has(.work-example,.general-story) .lead{font-size:16px}.work-example{width:calc(100% - 32px)}.work-example-top{display:block}.work-example-top>span{display:block;margin-top:6px}.work-example-tabs{gap:12px;justify-content:space-between}.work-example-tabs button{font-size:12px;max-width:32%;text-align:left}.work-scene{grid-template-columns:1fr;gap:0}.work-caption{margin-bottom:9px}.work-document,.work-result-content{min-height:0;padding:18px}.work-document>svg,.work-check{float:left;margin:0 14px 8px 0}.work-document small{clear:both}.work-engine{padding:10px 18px}.work-engine-mark{margin:12px 0}.work-engine-pulse{margin:12px auto 0}.work-bridge{height:32px;width:100%;margin:4px 0}.work-rail{height:100%;width:1px;left:50%;top:0;right:auto}.work-rail:after{right:-3px;top:auto;bottom:2px;transform:rotate(135deg)}.work-transfer{left:calc(50% - 23px);top:0;font-size:9px}html[data-beweging="aan"] .work-transfer{animation-name:work-transfer-down!important}@keyframes work-transfer-down{0%{transform:translateY(-5px);opacity:0}20%,70%{opacity:1}100%{transform:translateY(17px);opacity:0}}.work-progress{gap:12px;margin-top:20px}.work-progress li{font-size:10px}.work-example-note{text-align:left}}
@media(max-width:700px){.work-document p,.work-result-content p{clear:both;padding-top:4px}}
/* One broad story, with permanent text and continuous connections. */
.general-story{width:calc(100% - 64px);max-width:1280px;margin:auto;border-top:1px solid #62574b;padding-top:24px}
.general-story-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:28px}.general-story-heading h2{font-size:21px;letter-spacing:-.025em;margin:0}.general-story-heading p{font-size:14px;color:#cfc5b7;margin:0}
.general-story-flow{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:40px;align-items:center}.general-label{display:block;color:#cfc5b7;font-size:12px;margin-bottom:20px}.general-start>div{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #4a453e;font-size:16px}.general-start svg{width:31px;height:31px;fill:none;stroke:#de997a;stroke-width:1.7;flex-shrink:0}.general-build{text-align:center;position:relative;padding:22px 18px;background:#de997a12;border:1px solid #de997a55;border-radius:20px}.general-build .general-label{color:#e7b091}.general-build h3,.general-finish h3{font-size:27px;line-height:1.2;margin:0 0 17px;letter-spacing:-.03em}.general-build h3{color:#efb292}.general-build p,.general-finish p{font-size:15px;line-height:1.85;margin:0;color:#ddd3c5}.general-finish{padding-left:4px}.general-tick{display:flex;align-items:center;gap:10px;margin-top:20px;color:#d6dfc8;font-size:15px}.general-tick svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:3}.general-build-line{position:absolute;top:50%;left:-41px;width:40px;height:1px;background:#8c7562}.general-build-line:last-child{left:auto;right:-41px}.general-build-line i{display:block;position:absolute;width:7px;height:7px;background:#de997a;border-radius:50%;top:-3px;left:0;opacity:0}.general-build-line:last-child i{background:#c8d2bb}
.general-story-note{font-size:12px;color:#cfc5b7;text-align:center;margin:26px 0 0}
.meaning-art{padding:30px;border-radius:22px;background:#f0e3d3;color:#36332e;overflow:hidden;width:100%;box-sizing:border-box}.meaning-connect{background:#dfe6d6}.meaning-kicker{font-size:11px!important;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#80513b!important;margin:0 0 14px!important}.meaning-art h3{font-size:clamp(23px,2.4vw,31px);line-height:1.2;margin:0 0 28px;letter-spacing:-.03em}.meaning-art svg{width:38px;height:38px;stroke:#80513b;stroke-width:1.7;fill:none;flex-shrink:0}.meaning-origins{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.meaning-origins>div{display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px}.meaning-origins span{font-size:13px;line-height:1.35}.meaning-stream{position:relative;display:flex;justify-content:space-around;height:45px;margin:10px 0}.meaning-stream:before{content:'';position:absolute;inset:0 16%;background:linear-gradient(#ba9b7d,#ba9b7d) left top/1px 100% no-repeat,linear-gradient(#ba9b7d,#ba9b7d) center top/1px 100% no-repeat,linear-gradient(#ba9b7d,#ba9b7d) right top/1px 100% no-repeat}.meaning-stream i{position:relative;width:6px;height:6px;border-radius:50%;background:#975334;opacity:0}.meaning-core{background:#faf7f1;border:1px solid #dac7b2;padding:18px;display:flex;align-items:center;gap:15px;border-radius:12px}.meaning-core-symbol{background:#975334;color:#faf7f1;display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:9px;font-size:21px;font-weight:700}.meaning-core strong{display:block;font-size:16px;line-height:1.4}.meaning-core div>span{display:block;font-size:12px;line-height:1.6;margin-top:5px}.meaning-result{display:flex;gap:10px;align-items:center;margin-top:20px;font-size:13px;line-height:1.5}.meaning-result svg{width:24px;height:24px;stroke:#667852}
.meaning-system{display:flex;align-items:center;gap:14px;background:#faf7f1;border:1px solid #c4cdbb;border-radius:12px;padding:18px}.meaning-system small{font-size:11px;color:#655e54;display:block;margin-bottom:5px}.meaning-system strong{font-size:16px;line-height:1.4;display:block}.meaning-status{margin-left:auto;color:#52683f;background:#dde7d0;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.meaning-connection{display:flex;align-items:center;justify-content:center;gap:18px;padding:3px 0}.meaning-connection .meaning-stream{width:30px;height:45px;flex-shrink:0}.meaning-connection .meaning-stream:before{inset:0 50%;width:1px}.meaning-connection .meaning-stream i:not(:first-child){display:none}.meaning-connection>span{display:flex;align-items:center;gap:8px;color:#52683f;font-size:12px}.meaning-connection svg{width:21px;height:21px;stroke:#52683f}.meaning-foot{font-size:11px!important;line-height:1.6!important;margin:18px 0 0!important;color:#52604a!important}
html[data-beweging="aan"] .meaning-stream i{animation:meaning-data 4s linear infinite!important}html[data-beweging="aan"] .meaning-stream i:nth-child(2){animation-delay:-1.3s!important}html[data-beweging="aan"] .meaning-stream i:nth-child(3){animation-delay:-2.6s!important}html[data-beweging="aan"] .meaning-system.destination .meaning-status{animation:meaning-received 4s ease-in-out infinite!important}html[data-beweging="aan"] .general-build-line i{animation:meaning-forward 4s linear infinite!important}html[data-beweging="aan"] .general-build-line i:nth-child(2){animation-delay:-2s!important}html[data-beweging="aan"] .general-build-line:last-child i{animation-delay:-1s!important}
@keyframes meaning-data{0%{transform:translateY(0);opacity:0}15%,85%{opacity:1}100%{transform:translateY(40px);opacity:0}}@keyframes meaning-forward{0%{transform:translateX(0);opacity:0}15%,85%{opacity:1}100%{transform:translateX(39px);opacity:0}}@keyframes meaning-received{0%,60%,100%{box-shadow:0 0 0 0 #748c5140;transform:scale(1)}75%{box-shadow:0 0 0 8px #748c5100;transform:scale(1.15)}}
.manier .meaning-art{padding:22px}.manier .meaning-art h3{font-size:23px}.manier .meaning-core{padding:12px}.manier .meaning-core strong{font-size:14px}
@media(max-width:900px){.general-story-flow{gap:25px}.general-build-line{width:25px;left:-26px}.general-build-line:last-child{right:-26px}.general-start>div{font-size:14px}.general-build h3,.general-finish h3{font-size:24px}.general-build p,.general-finish p{font-size:13px}.meaning-art{padding:24px}}
@media(max-width:700px){.general-story{width:calc(100% - 32px)}.general-story-heading{display:block}.general-story-heading p{margin-top:10px}.general-story-flow{grid-template-columns:1fr;gap:30px}.general-build{margin:0}.general-build-line{height:30px;width:1px;left:50%;top:-31px}.general-build-line:last-child{left:50%;right:auto;top:auto;bottom:-31px}.general-build-line i{top:0;left:-3px}html[data-beweging="aan"] .general-build-line i{animation-name:meaning-data!important}.general-finish{padding:12px 0 0}.general-start>div{font-size:15px;padding:12px 0}.general-build p,.general-finish p{font-size:15px}.general-label{margin-bottom:12px}.general-story-note{text-align:left;line-height:1.6}.meaning-art{padding:22px}.meaning-origins{gap:8px}.meaning-origins span{font-size:12px}.meaning-system{padding:14px;gap:10px}.meaning-system strong{font-size:14px}.meaning-core strong{font-size:14px}}
html[data-beweging="aan"] .general-start>div{animation:meaning-source 6s ease-in-out infinite!important}html[data-beweging="aan"] .general-start>div:nth-of-type(2){animation-delay:-2s!important}html[data-beweging="aan"] .general-start>div:nth-of-type(3){animation-delay:-4s!important}
html[data-beweging="aan"] .meaning-core{animation:meaning-core-receive 4s ease-in-out infinite!important}html[data-beweging="aan"] .meaning-result svg{animation:meaning-confirm 4s ease-in-out infinite!important}html[data-beweging="aan"] .meaning-system:first-of-type .meaning-file svg{animation:meaning-document 4s ease-in-out infinite!important}
@keyframes meaning-source{0%,100%{color:#e8dfd3;transform:translateX(0)}30%{color:#efb292;transform:translateX(5px)}60%{color:#e8dfd3;transform:translateX(0)}}@keyframes meaning-core-receive{0%,100%{border-color:#dac7b2;box-shadow:0 0 0 0 #97533400}65%{border-color:#aa6749;box-shadow:0 0 0 4px #97533412}}@keyframes meaning-confirm{0%,50%,100%{transform:scale(1);opacity:.6}75%{transform:scale(1.18);opacity:1}}@keyframes meaning-document{0%,100%{transform:translateY(0)}35%{transform:translateY(-4px)}65%{transform:translateY(0)}}
/* Business software: three sources converge along actual continuous paths. */
.meaning-software .meaning-origins{gap:0;align-items:start}
.meaning-software .meaning-origins>div{padding:0 5px}
.meaning-software .meaning-origins span{max-width:160px;min-height:36px;display:flex;align-items:center;justify-content:center}
.meaning-software svg.software-flow{display:block;width:100%;height:76px;stroke:none;fill:none;margin:8px 0 0;overflow:visible}
.software-flow>path{fill:none;stroke:#bea184;stroke-width:1.25;vector-effect:non-scaling-stroke}
.software-flow .software-packet{fill:#975334;stroke:#f0e3d3;stroke-width:1;offset-distance:0%;opacity:0}
html[data-beweging="aan"] .software-flow .software-packet{animation:software-arrival 6s linear infinite!important}
html[data-beweging="aan"] .software-flow .packet-1{animation-delay:-2s!important}
html[data-beweging="aan"] .software-flow .packet-2{animation-delay:-4s!important}
html[data-beweging="aan"] .meaning-software .meaning-core{animation:software-receive 2s ease-in-out infinite!important}
html[data-beweging="aan"] .meaning-software .meaning-result svg{animation:software-confirm 2s ease-in-out infinite!important}
@keyframes software-arrival{0%{offset-distance:0%;opacity:0}8%{opacity:1}94%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes software-receive{0%,35%,100%{border-color:#dac7b2;box-shadow:0 0 0 0 #97533400}83%{border-color:#aa6749;box-shadow:0 0 0 3px #9753340a}}
@keyframes software-confirm{0%,40%,100%{opacity:.7}87%{opacity:1}}
@media(max-width:600px){.meaning-software .meaning-origins span{font-size:12px;min-height:44px;max-width:105px}.meaning-software svg.software-flow{height:64px}}
/* Source, transfer and destination are synchronised by one timeline. */
.coupling-example{font-size:13px!important;line-height:1.6!important;color:#52604a!important;margin:-12px 0 24px!important}
.coupling-state{display:block;min-height:18px;font-size:11px;line-height:1.5;color:#6a7064;margin-top:6px}
.coupling-link{height:104px;display:flex;align-items:center;gap:20px;padding-left:32px}
.coupling-track{position:relative;width:1px;height:104px;background:#b2bea5;flex-shrink:0}
.coupling-track:before,.coupling-track:after{content:'';position:absolute;left:-3px;width:7px;height:7px;border-radius:50%;background:#a1b18e}.coupling-track:before{top:0}.coupling-track:after{bottom:0}
.coupling-parcel{position:absolute;left:-23px;top:0;padding:4px 7px;line-height:18px;font-size:10px;font-weight:600;border-radius:5px;background:#975334;color:#fffdf9;box-shadow:0 2px 6px #36332e20;transform:translateY(calc(var(--transfer-progress,0) * 78px));opacity:0;will-change:transform}
.coupling-explanation{display:flex;align-items:center;gap:9px;font-size:12px;color:#52604a;max-width:calc(100% - 40px)}.coupling-explanation svg{width:23px;height:23px;stroke:#52604a}
[data-coupling] .meaning-status{opacity:.45;background:#e6e9df;color:#66745b;transition:opacity .35s,background .35s}
html[data-beweging="aan"] [data-coupling] .meaning-status,html[data-beweging="aan"] [data-coupling] .meaning-file svg{animation:none!important;transform:none!important}
[data-coupling] .meaning-system{transition:border-color .35s,box-shadow .35s}
[data-phase="changed"] .coupling-source,[data-phase="sending"] .coupling-source{border-color:#b98258}
[data-phase="changed"] .coupling-source .meaning-status,[data-phase="sending"] .coupling-source .meaning-status{opacity:1;background:#efd9c4;color:#80513b}
[data-phase="sending"] .coupling-parcel{opacity:1}
[data-phase="received"] .destination{border-color:#799363;box-shadow:0 0 0 3px #79936312}
[data-phase="received"] .meaning-status{opacity:1;background:#cfddbd;color:#405d2a}
[data-phase="received"] .destination .coupling-state{color:#405d2a;font-weight:600}
@media(max-width:600px){.coupling-link{padding-left:26px;gap:20px}.coupling-explanation{font-size:11px}.coupling-example{font-size:12px!important}}