/* Scoped editorial components for the web development branch. */
.wb-page .wb-route{display:grid;gap:16px}.wb-page .wb-route>div{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:center;background:#2c3958;border:1px solid #63718f;border-radius:10px;padding:20px}.wb-page .wb-route svg{width:32px;height:32px;color:#ffcf60}.wb-page .wb-route strong{font-size:19px;line-height:1.45;color:#fff}.wb-page .wb-route small{display:block;font-size:10px;color:#c9d6ed;letter-spacing:.09em;margin-bottom:6px}
.wb-page .wb-journeys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.wb-page .wb-journeys a{display:block;padding:24px;border:1px solid #cbd5e7;border-radius:10px;text-decoration:none;background:#fff}.wb-page .wb-journeys strong{display:block;font-size:20px;color:#202b48;line-height:1.4}.wb-page .wb-journeys span{display:block;margin-top:12px;font-size:14px;line-height:1.7;color:#536078}.wb-page .wb-journeys a:hover{border-color:#4b5c92;background:#f5f7fc}
.wb-page .wb-table-scroll{overflow-x:auto;margin:28px 0;border:1px solid #d4dceb;border-radius:10px}.wb-page .wb-table-scroll table{width:100%;min-width:560px;margin:0;border:0;border-collapse:collapse;background:#fff}.wb-page .wb-table-scroll caption{text-align:left;padding:20px;color:#202b48;font-size:17px;font-weight:600}.wb-page .wb-table-scroll th,.wb-page .wb-table-scroll td{text-align:left;padding:18px;border-bottom:1px solid #dce2ee;font-size:14px;line-height:1.75;vertical-align:top}.wb-page .wb-table-scroll thead{background:#edf1f8;color:#202b48}.wb-page .wb-table-scroll th[scope=row]{font-weight:600;width:25%}
.wb-page .wb-demo{padding:28px;border:1px solid #cbd5e7;background:#f4f6fc;border-radius:12px;margin-top:28px}.wb-page .wb-demo h3{font-size:23px;line-height:1.4;margin:0 0 15px}.wb-page .wb-demo p{font-size:14px;line-height:1.8;color:#536078}.wb-page .wb-status{min-height:5em;padding:18px;background:white;border-left:4px solid #4b5c92;border-radius:5px}.wb-page .wb-controls{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.wb-page .wb-controls button{font:inherit;font-size:13px;padding:13px 18px;background:#202b48;color:white;border:2px solid #202b48;border-radius:5px;cursor:pointer;min-height:46px}.wb-page .wb-controls button:disabled{opacity:.55;cursor:default}.wb-page .wb-controls button:focus-visible{outline:3px solid #4b5c92;outline-offset:4px}.wb-page .wb-demo [hidden]{display:none!important}.wb-page .wb-log{font-size:13px;line-height:1.8;padding-left:25px;color:#3a4d71}.wb-page .wb-state-details{border:1px solid #cbd5e7;border-radius:8px;padding:18px;margin:12px 0}.wb-page .wb-state-details summary{font-size:17px;color:#202b48;min-height:32px;cursor:pointer}.wb-page .wb-state-details p{font-size:14px;line-height:1.8;color:#536078;margin-top:14px}
.wb-page .mk-services article{scroll-margin-top:100px}.wb-page .mk-services article svg{flex:none}.wb-page .wb-proof-image{width:100%;height:auto;display:block;border-radius:8px}.wb-page .mk-facts dd{overflow-wrap:anywhere}
@media(max-width:600px){.wb-page .wb-journeys{grid-template-columns:1fr}.wb-page .wb-route>div{padding:16px;gap:12px;grid-template-columns:34px 1fr}.wb-page .wb-route strong{font-size:17px}.wb-page .wb-demo{padding:20px}.wb-page .wb-controls{flex-direction:column}.wb-page .wb-controls button{width:100%}}