/* Content tiles inspired by the supplied layout reference. */
:root{--vx-ui-background:#f3f2ef;--vx-tile-border:#dddeda;--vx-tile-radius:10px}body,.vx-internal{background:#f3f2ef}.vx-header{background:#fff;border-bottom:1px solid #dededb;box-shadow:none}.vx-footer{background:transparent;border-top:0}.vx-internal main,.vx-home-page main{background:transparent}.vx-shell,.wrap{max-width:1180px}
main[data-tile-layout=sections]{max-width:1180px!important;margin:20px auto 28px!important;padding:0 24px!important;display:flow-root}main[data-tile-layout=sections]>section{width:100%;max-width:none!important;margin:0 0 12px!important;padding:24px!important;background:#fff;border:1px solid var(--vx-tile-border)!important;border-radius:var(--vx-tile-radius);box-shadow:none;overflow:clip}main[data-tile-layout=sections]>section>section{background:transparent}main[data-tile-layout=sections] .vx-shell{padding-left:0;padding-right:0}main[data-tile-layout=sections] .role-grid>article{background:#fff;border:1px solid #e5e6e2;border-radius:8px;box-shadow:none}main[data-tile-layout=sections] h1{margin-top:8px}main[data-tile-layout=sections] .vx-hero{padding-top:30px!important;padding-bottom:30px!important}.vx-home-page .vx-hero{min-height:0}.vx-home-page .vx-hero h1{font-size:clamp(34px,3.6vw,48px)}.vx-home-page .vx-home-career,.vx-home-page .vx-home-skills,.vx-home-page .vx-why{padding:24px!important}.vx-home-page .vx-start-grid{gap:12px}.vx-home-page .vx-start-grid>a{border-radius:8px;box-shadow:none}.vx-internal .ld-card,.vx-internal .lm-card,.vx-internal .ld-profile-card,.vx-internal .ob-panel,.vx-internal .ob-aside,.ld-rail{background:white;border:1px solid var(--vx-tile-border);border-radius:10px;box-shadow:none}.ld-next{border:1px solid var(--vx-tile-border);border-radius:10px;background:#fff}.ld-stats article{border-color:var(--vx-tile-border);border-radius:9px}.lm-layout,.lm-course,.ld-columns,.ld-overview{gap:12px}.lm-card,.ld-card{margin-bottom:12px}.ob-intro{background:#fff;border:1px solid var(--vx-tile-border);border-radius:10px;padding:20px!important}.vx-internal .ob{gap:12px 16px}.vx-internal .qm-main,.vx-internal .vx-pilot{background:transparent}.qm-main>.vx-shell,.vx-pilot>.pilot-shell{margin-top:18px;margin-bottom:18px;padding:22px;border:1px solid var(--vx-tile-border);border-radius:10px;background:white}.ld-workspace .ld-title{padding:0 0 4px}.ld-workspace{gap:16px}.ld-rail{overflow:hidden}.ld-workspace .ld-notice{background:transparent;padding-left:0}.lm-notice{background:transparent;padding-left:0}.vx-internal .lm .lm-player{background:white}.vx-home-page .vx-section-heading{margin-bottom:18px}.vx-home-page .vx-section-copy{max-width:820px}.vx-footer .vx-shell{border-top:1px solid #dcded9;padding-top:20px}
@media(max-width:760px){main[data-tile-layout=sections]{margin:12px auto 20px!important;padding:0 12px!important}main[data-tile-layout=sections]>section{padding:18px 16px!important;margin-bottom:10px!important;border-radius:8px}.vx-home-page .vx-hero h1{font-size:34px}.vx-home-page .vx-home-career,.vx-home-page .vx-home-skills,.vx-home-page .vx-why{padding:18px 16px!important}.qm-main>.vx-shell,.vx-pilot>.pilot-shell{margin:12px;padding:16px}.ob-intro{padding:16px!important}.ld-workspace{padding:12px}.lm{padding:12px}.vx-footer .vx-shell{margin:0 12px}.ld-rail{border-radius:8px}}
body.pilot-running{background:#fff}body.pilot-running .vx-pilot>.pilot-shell{border:0;border-radius:0;margin:0;padding:0}

/* One outer grid for header, tiles, workspaces and footer. */
:root{--vx-frame:1180px;--vx-gutter:24px}.vx-header .vx-bar{max-width:var(--vx-frame);padding-left:var(--vx-gutter);padding-right:var(--vx-gutter)}main[data-tile-layout=sections]{max-width:var(--vx-frame)!important;padding-left:var(--vx-gutter)!important;padding-right:var(--vx-gutter)!important}.ld-workspace{max-width:var(--vx-frame);padding-left:var(--vx-gutter);padding-right:var(--vx-gutter)}main.lm,main.ob{width:100%;max-width:var(--vx-frame)!important;padding-left:var(--vx-gutter)!important;padding-right:var(--vx-gutter)!important}.vx-internal main.qm-main,.vx-internal main.vx-pilot{width:100%;max-width:var(--vx-frame)!important;padding-left:var(--vx-gutter);padding-right:var(--vx-gutter)}.qm-main>.vx-shell,.vx-pilot>.pilot-shell{max-width:none;width:100%;margin-left:0;margin-right:0}.vx-footer .vx-shell{max-width:var(--vx-frame);padding-left:var(--vx-gutter);padding-right:var(--vx-gutter);margin-left:auto;margin-right:auto}.vx-panel{left:max(var(--vx-gutter),calc((100% - var(--vx-frame))/2 + var(--vx-gutter)));right:max(var(--vx-gutter),calc((100% - var(--vx-frame))/2 + var(--vx-gutter)))}
@media(max-width:760px){:root{--vx-gutter:12px}.vx-header .vx-bar{padding-left:var(--vx-gutter);padding-right:var(--vx-gutter)}.vx-footer .vx-shell{margin-left:auto;margin-right:auto}.qm-main>.vx-shell,.vx-pilot>.pilot-shell{margin-left:0;margin-right:0}.ld-workspace{padding-left:var(--vx-gutter);padding-right:var(--vx-gutter)}}body.pilot-running .vx-pilot{padding-left:0;padding-right:0}

/* Sticky footer in document flow; content remains unobstructed. */
html{min-height:100%}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.vx-header{flex-shrink:0}.vx-footer{margin-top:auto;background:#fff!important;border-top:1px solid #dededb;flex-shrink:0;width:100%;position:static}.vx-footer .vx-shell{border-top:0;padding-top:0}.ld-workspace{width:100%}body.pilot-running .vx-footer{display:none!important}@media(max-width:760px){body{min-height:100dvh}.vx-footer{background:#fff!important}}

body>main{width:100%}body>.ld-workspace{width:100%}