:root{--paper:#f3f4f6;--ink:#1c1f25;--night:#061522;--muted:#727780;--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #54a4ff;outline-offset:7px}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all;letter-spacing:-.065em}p{word-break:keep-all;line-height:1.75}img,video{display:block;object-fit:cover}button{border:0;background:none}section{scroll-margin-top:70px}.skip{position:fixed;top:-80px;left:20px;background:white;color:black;z-index:200;padding:14px}.skip:focus{top:12px}
.nav{position:absolute;top:0;left:0;right:0;height:80px;z-index:20;padding:0 32px;display:flex;align-items:center;justify-content:space-between;color:white}.wordmark{font-size:23px;font-weight:600;letter-spacing:.07em;white-space:nowrap}.wordmark span{font-size:10px;vertical-align:top;margin-left:4px}.nav nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600;letter-spacing:.025em}.nav button{font-size:12px;border:1px solid #ffffff50;padding:10px 14px}.hero-track{height:230vh;position:relative;background:var(--night)}.hero-sticky{height:100vh;position:sticky;top:0;padding:16px;will-change:padding}.hero-frame{position:relative;height:100%;overflow:hidden;border-radius:28px;background:#173039;isolation:isolate}.hero-frame>video,.hero-fallback,.hero-shade{position:absolute;width:100%;height:100%;inset:0}.hero-frame>video{opacity:0;transition:opacity .8s}.hero-frame>video.ready{opacity:1}.hero-shade{background:linear-gradient(180deg,#06152240 0%,#06152238 28%,#0000008c 100%);z-index:1}.hero-copy{position:absolute;bottom:12%;left:calc(var(--gutter) - 16px);right:calc(var(--gutter) - 16px);display:flex;align-items:flex-end;justify-content:space-between;z-index:2;color:white;gap:30px;will-change:opacity,transform}.hero-copy h1{font-size:clamp(52px,5.65vw,94px);font-weight:500;line-height:1.17}.hero-aside{width:290px;padding-bottom:8px}.hero-aside p{font-size:20px;line-height:1.5}.glass-link{display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff70;background:#ffffff18;backdrop-filter:blur(12px);padding:17px 22px;gap:28px;color:white;font-size:14px;margin-top:26px;width:fit-content;transition:background .2s}.glass-link:hover{background:#ffffff35}.hero-topline{position:absolute;top:31%;left:calc(var(--gutter) - 16px);right:calc(var(--gutter) - 16px);border-top:1px solid #ffffff40;padding-top:15px;display:flex;justify-content:space-between;color:#ffffffbf;font-size:10px;letter-spacing:.13em;z-index:2}.hero-bottom{position:absolute;bottom:25px;left:calc(var(--gutter) - 16px);right:calc(var(--gutter) - 16px);display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:10px;letter-spacing:.12em;z-index:3}.hero-bottom button{font-size:11px;letter-spacing:0;padding:8px}.hero-after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;z-index:2;color:white;font-size:clamp(36px,5vw,76px);letter-spacing:-.06em;line-height:1.3;opacity:0;pointer-events:none;font-weight:500}
.section-pad{padding:110px var(--gutter)}.section-kicker{font-size:12px;letter-spacing:.035em;display:flex;justify-content:space-between;gap:20px}.intro{padding-top:115px;padding-bottom:130px}.statement{padding:115px 0 105px;font-size:clamp(40px,4.6vw,72px);line-height:1.4;font-weight:600}.statement span{display:block;color:#b6bac1;transition:color .7s,transform .7s;transform:translateY(16px)}.statement span.visible{color:var(--ink);transform:translateY(0)}.intro-bottom{border-top:1px solid #cfd2d7;padding-top:35px;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:40px}.small-cross{font-size:60px;line-height:1}.intro-bottom p{font-size:17px;color:#545a64}
.approach{height:350vh;background:var(--night);color:white}.approach-sticky{height:100vh;min-height:680px;position:sticky;top:0;overflow:hidden}.scene-images,.scene,.scene-shade{position:absolute;inset:0;width:100%;height:100%}.scene{opacity:0;transform:scale(1.06);transition:opacity .8s ease,transform 1.6s ease;filter:saturate(.7)}.scene.active{opacity:1;transform:scale(1)}.scene-shade{background:linear-gradient(90deg,#061522e8 0%,#0615226b 70%),linear-gradient(0deg,#061522b3,transparent 55%)}.approach-top{position:absolute;top:55px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em}.approach h2{position:absolute;top:125px;left:var(--gutter);font-size:clamp(28px,2.4vw,40px);line-height:1.4;font-weight:500;color:#ffffffe0}.scene-content{position:absolute;left:var(--gutter);right:var(--gutter);bottom:135px;min-height:295px}.scene-copy{position:absolute;inset:0;opacity:0;transform:translateY(30px);transition:opacity .65s,transform .65s;visibility:hidden}.scene-copy.active{opacity:1;transform:none;visibility:visible}.scene-num{font-size:11px;letter-spacing:.1em;color:#c7d0d9}.scene-copy h3{font-size:clamp(42px,4.5vw,72px);font-weight:500;line-height:1.22;margin:22px 0}.scene-copy p{font-size:17px;color:#d8dce1}.scene-progress{position:absolute;bottom:50px;left:var(--gutter);right:var(--gutter);display:flex;gap:20px}.scene-progress button{flex:1;text-align:left;font-size:11px;color:#c1c9d1;padding:8px 0}.scene-progress span{display:block;background:#ffffff38;height:2px;margin-top:13px}.scene-progress button.active{color:white}.scene-progress button.active span{background:white}
.product{background:white;padding-top:115px;padding-bottom:110px;overflow:hidden}.product-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:90px 0 100px;gap:40px}.product-heading h2,.use-title h2{font-size:clamp(36px,4vw,64px);font-weight:600;line-height:1.3}.product-heading p{font-size:18px;color:var(--muted)}.text-link{display:flex;justify-content:space-between;gap:45px;padding:20px 0;border-bottom:1px solid #a3a9b1;font-size:14px;margin-top:12px}.product-stage{padding:75px 7% 80px;position:relative;background:#e9edf1;perspective:1500px;border-radius:8px;min-height:580px}.app-window{background:white;box-shadow:0 45px 65px #20334726,0 0 0 1px #1d293910;border-radius:12px;overflow:hidden;transform:rotateX(5deg) rotateY(-9deg) rotateZ(-2deg);transition:transform 1.2s;max-width:1060px;margin:auto}.product-stage.visible .app-window{transform:rotateX(1deg) rotateY(-3deg) rotateZ(-1deg)}.app-top{height:65px;border-bottom:1px solid #e9edf1;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#667280}.app-top b{color:#152c39;font-size:18px}.app-top b span{color:#377f6d}.demo-tag{font-size:10px}.app-body{display:flex}.app-body aside{width:165px;background:#f6f8fa;padding:35px 15px;display:flex;flex-direction:column;gap:12px;font-size:12px;color:#88939d}.app-body aside span{padding:10px}.app-current{color:#186451;background:#e8f2ee;border-radius:4px}.app-main{flex:1;padding:35px 40px;min-width:0}.app-eyebrow{font-size:11px;color:#73838d}.app-main h3{font-size:24px;letter-spacing:-.04em;margin:10px 0 28px}.metric-row{display:flex;gap:45px}.metric-row>div{flex:1}.metric-row span{font-size:12px;color:#647581}.metric-row strong{display:block;font-size:30px;font-weight:600;margin:12px 0 5px}.metric-row small{font-size:12px;font-weight:400}.metric-row em{font-size:10px;color:#627481;font-style:normal}.evidence-row{display:flex;align-items:center;gap:14px;margin-top:30px;padding:18px 0;border-top:1px solid #e9edf1;border-bottom:1px solid #e9edf1;font-size:11px}.evidence-row div span{display:block;color:#7d8790;margin-top:5px}.evidence-row>span:last-child{margin-left:auto;color:#277562}.file-icon{font-size:25px}.reason-box{margin-top:20px}.reason-box>span{font-size:10px;color:#657b87}.reason-box p{font-size:12px;margin-top:7px;color:#415966}.float-note{position:absolute;right:2%;bottom:48px;background:white;box-shadow:0 18px 40px #1633481f;border:1px solid #e4e9ec;border-radius:14px;display:flex;align-items:center;gap:16px;padding:24px 30px;transform:translateY(20px);transition:transform 1s}.product-stage.visible .float-note{transform:none}.float-note b{font-size:14px;font-weight:500}.float-note div>span{display:block;color:#83919b;font-size:11px;margin-top:7px}.note-dot{width:11px;height:11px;border-radius:50%;background:#338577;box-shadow:0 0 0 6px #eef6f3}.product-caption{display:flex;justify-content:space-between;margin-top:22px;gap:20px;font-size:11px;color:#79828c}
.use-cases{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding-top:120px;padding-bottom:160px}.use-title{align-self:start;position:sticky;top:100px}.use-title h2{font-size:clamp(32px,2.7vw,44px);margin-top:45px}.case-card{position:sticky;top:70px;background:white;border-radius:12px;overflow:hidden;margin-bottom:50px;box-shadow:0 8px 30px #1e29330d}.case-card:nth-child(2){top:90px}.case-card:nth-child(3){top:110px}.case-card img{width:100%;height:300px}.case-card>div{padding:36px 38px 45px}.case-card span{font-size:11px;color:#737d88}.case-card h3{font-size:29px;line-height:1.4;font-weight:500;margin:22px 0 18px}.case-card p{font-size:15px;color:#747d86;max-width:420px}
.closing{height:740px;min-height:70vh;position:relative;color:white;background:var(--night);overflow:hidden}.closing>img,.closing-shade{position:absolute;inset:0;width:100%;height:100%}.closing>img{filter:saturate(.6)}.closing-shade{background:#0615229e}.closing-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 24px}.closing-content>span{font-size:11px;letter-spacing:.13em}.closing h2{font-size:clamp(44px,5vw,80px);font-weight:500;line-height:1.25;margin:35px 0 20px}.closing .glass-link{min-width:280px;text-align:left}.footer-top{display:flex;align-items:center;justify-content:space-between;padding:70px var(--gutter);gap:25px;border-bottom:1px solid #d9dce1}.footer-top p{font-size:14px;color:#7c858f}.footer-top>a:last-child{font-size:13px}.footer-bottom{padding:30px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#757d86}.footer-bottom button{font-size:10px;text-decoration:underline;text-underline-offset:4px}dialog{padding:55px;max-width:570px;width:calc(100% - 40px);border:0;border-radius:10px;box-shadow:0 30px 100px #0004;color:var(--ink)}dialog::backdrop{background:#061522a8;backdrop-filter:blur(5px)}dialog h2{font-size:33px;line-height:1.4;margin:20px 0}dialog p{font-size:14px;color:#646e78;margin:18px 0}.dialog-close{position:absolute;right:17px;top:10px;font-size:30px}.dark-link{display:block;margin-top:25px;padding:15px 20px;background:var(--night);color:white;font-size:13px}.credit-links{display:flex;gap:25px;font-size:13px;text-decoration:underline}
@media(min-width:1700px){.scene-content{bottom:160px;min-height:340px}.hero-aside{width:340px}}
@media(max-width:900px){.nav{padding:0 28px}.nav nav{gap:18px}.nav nav>a:first-child,.nav nav>a:nth-child(2){display:none}.hero-copy h1{font-size:60px}.hero-aside{width:210px}.hero-aside p{font-size:16px}.intro-bottom{grid-template-columns:.4fr 1fr 1.2fr;gap:25px}.intro-bottom p{font-size:14px}.product-heading{gap:28px}.product-heading p{font-size:15px}.product-stage{padding:55px 4% 90px;min-height:0}.app-body aside{width:125px}.app-main{padding:25px}.metric-row{gap:15px}.metric-row strong{font-size:24px}.float-note{padding:18px}.use-cases{gap:30px;grid-template-columns:1fr 1.3fr}.case-card img{height:220px}.case-card>div{padding:26px}.case-card h3{font-size:23px}}
@media(max-width:600px){:root{--gutter:24px}.nav{height:70px;padding:0 27px}.wordmark{font-size:18px}.nav nav{gap:15px}.nav nav>a{font-size:10px}.nav button{display:none}.hero-track{height:175vh}.hero-sticky{padding:8px}.hero-frame{border-radius:20px}.hero-copy{left:24px;right:24px;bottom:100px;display:block}.hero-copy h1{font-size:46px;line-height:1.25;letter-spacing:-.06em}.hero-aside{width:auto;margin-top:28px}.hero-aside p{font-size:14px;line-height:1.6}.hero-aside p br{display:none}.glass-link{font-size:12px;padding:13px 16px;margin-top:18px;gap:35px}.hero-topline{left:24px;right:24px;top:23%;font-size:8px}.hero-topline span:last-child{display:none}.hero-bottom{left:24px;right:24px;bottom:20px;font-size:8px;letter-spacing:.04em}.hero-bottom>span:last-child{display:none}.hero-bottom button{font-size:10px}.hero-after{font-size:34px;padding:24px}.section-pad{padding:75px 24px}.section-kicker{font-size:9px;gap:10px}.statement{font-size:34px;line-height:1.55;padding:80px 0 60px}.intro-bottom{grid-template-columns:1fr;gap:24px;padding-top:25px}.small-cross{font-size:42px}.intro-bottom p{font-size:15px}.approach{height:auto}.approach-sticky{height:auto;min-height:0;position:relative;padding:70px 24px 20px}.scene-images{display:none}.scene-shade{background:var(--night)}.approach-top{position:relative;top:auto;left:auto;right:auto;font-size:9px}.approach-top>span:last-child{display:none}.approach h2{position:relative;top:auto;left:auto;font-size:26px;margin-top:40px}.scene-content{position:relative;left:auto;right:auto;bottom:auto;min-height:0;margin-top:55px}.scene-copy,.scene-copy.active{position:relative;opacity:1;transform:none;visibility:visible;padding:36px 0 48px;border-top:1px solid #ffffff30}.scene-copy:before{content:'';display:block;height:200px;margin-bottom:27px;background-size:cover;background-position:center;border-radius:3px}.scene-copy:nth-child(1):before{background-image:url('assets/evidence.webp')}.scene-copy:nth-child(2):before{background-image:url('assets/atrium.webp')}.scene-copy:nth-child(3):before{background-image:url('assets/operations.webp')}.scene-copy h3{font-size:34px;margin:18px 0}.scene-copy p{font-size:14px}.scene-progress{display:none}.product-heading{display:block;margin:55px 0}.product-heading h2{font-size:37px}.product-heading>div{margin-top:27px}.product-heading p{font-size:15px}.text-link{font-size:12px;width:fit-content;gap:20px}.product-stage{margin:0 -12px;padding:35px 12px 70px;border-radius:7px}.app-window{transform:none!important;border-radius:6px}.app-top{height:45px;padding:0 13px}.app-top b{font-size:12px}.app-top>span:not(.demo-tag){display:none}.demo-tag{font-size:8px}.app-body aside{display:none}.app-main{padding:24px 16px}.app-main h3{font-size:18px}.metric-row strong{font-size:23px}.metric-row span{font-size:10px}.reason-box p{font-size:10px}.evidence-row{font-size:10px}.float-note{right:6px;bottom:17px;left:25px;padding:16px;gap:13px;border-radius:8px}.float-note b{font-size:11px}.float-note div>span{font-size:9px}.product-caption{display:block;font-size:9px;line-height:2}.product-caption span{display:block}.use-cases{display:block}.use-title{position:relative;top:auto;margin-bottom:45px}.use-title h2{font-size:33px;margin-top:30px}.case-card,.case-card:nth-child(2),.case-card:nth-child(3){position:relative;top:auto;margin-bottom:24px;border-radius:7px}.case-card img{height:240px}.case-card h3{font-size:25px}.case-card p{font-size:14px}.closing{height:590px;min-height:0}.closing h2{font-size:41px}.closing-content>span{font-size:9px}.closing .glass-link{min-width:240px}.footer-top{padding:45px 24px;flex-wrap:wrap}.footer-top p{font-size:11px;width:100%;order:3}.footer-bottom{padding:25px 24px;flex-wrap:wrap;font-size:9px}.footer-bottom button{font-size:9px}.footer-bottom>span:last-child{width:100%}dialog{padding:35px 25px}dialog h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-track{height:100vh}.hero-frame>video{display:none}.hero-copy{opacity:1!important;transform:none!important}.hero-after{display:none}.statement span{color:var(--ink);transform:none}.approach{height:auto}.approach-sticky{position:relative;height:auto;min-height:0;padding:80px var(--gutter)}.approach-top,.approach h2,.scene-content{position:relative;top:auto;left:auto;right:auto;bottom:auto}.approach h2{margin-top:35px}.scene-content{margin-top:50px}.scene-copy,.scene-copy.active{position:relative;visibility:visible;opacity:1;transform:none;padding:35px 0}.scene-progress{display:none}.app-window{transform:none!important}.float-note{transform:none!important}}

/* 2026-09 image review: neutral brand palette, no inherited teal marker. */
:root{--paper:#f0f0f0;--ink:#171717;--night:#171717}button:focus-visible,a:focus-visible{outline-color:#245bd6}.hero-frame{background:#171717}.hero-shade{background:linear-gradient(180deg,#0004 0%,#0002 28%,#0009 100%)}.scene-shade{background:linear-gradient(90deg,#171717e8 0%,#1717176b 70%),linear-gradient(0deg,#171717b3,transparent 55%)}.app-top b span,.evidence-row>span:last-child{color:#245bd6}.app-current{color:#171717;background:#dceeb1}.note-dot{background:#245bd6;box-shadow:0 0 0 6px #f0f0f0}.intro-index{font-size:36px;letter-spacing:-.06em}.preview-status{font-size:10px;letter-spacing:0}@media(max-width:600px){.hero-topline{top:18%}.hero-copy h1{font-size:clamp(35px,10vw,46px)}.nav nav{gap:12px}.nav nav>a:first-child{display:none}.preview-status{font-size:9px}.scene-shade{background:#171717}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy{opacity:1!important;transform:none!important}.hero-after{opacity:0!important}}

/* Static reading is the fallback; scroll scenes require JS and a roomy viewport. */
.footer-pages{display:flex;gap:28px;flex-wrap:wrap;padding:28px var(--gutter) 0;font-size:13px}
.script-notice{padding:24px var(--gutter);font-size:13px}.script-notice a{text-decoration:underline}
html:not(.enhanced) .statement span{color:var(--ink);transform:none}
html:not(.enhanced) [data-contact],html:not(.enhanced) #credits-open{display:none}
html:not(.scenes-animated) .hero-track{height:auto;min-height:100vh}
html:not(.scenes-animated) .hero-sticky{position:relative;min-height:650px}
html:not(.scenes-animated) .hero-after{display:none}
html:not(.scenes-animated) .approach{height:auto}
html:not(.scenes-animated) .approach-sticky{position:relative;height:auto;min-height:0;padding:70px var(--gutter) 30px}
html:not(.scenes-animated) .scene-images,html:not(.scenes-animated) .scene-shade,html:not(.scenes-animated) .scene-progress{display:none}
html:not(.scenes-animated) .approach-top,html:not(.scenes-animated) .approach h2,html:not(.scenes-animated) .scene-content{position:relative;inset:auto}
html:not(.scenes-animated) .approach h2{margin-top:40px}
html:not(.scenes-animated) .scene-content{margin-top:40px;min-height:0}
html:not(.scenes-animated) .scene-copy{position:relative;inset:auto;opacity:1;visibility:visible;transform:none;padding:30px 0;border-top:1px solid #fff4}
html:not(.scenes-animated) #scene-counter{display:none}
@media(max-height:799px){.hero-topline{display:none}.hero-copy{bottom:80px}.hero-copy h1{font-size:clamp(35px,5vw,62px)}}

/* Real product capture: preserve source pixels and avoid tilted small text. */
.product-stage.product-capture{padding:24px;min-height:0;background:#eef0f2;perspective:none}
.capture-label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 20px;color:#1c2632;font-size:17px}.capture-label span{font-size:12px;color:#59616a}
.capture-image{display:block;background:white;border:1px solid #dce0e4;border-radius:8px;overflow:hidden}.capture-image img{display:block;width:100%;height:auto}
.product-capture figcaption{display:flex;justify-content:space-between;gap:18px;padding:18px 2px 0;font-size:13px;color:#46505c}.product-capture figcaption a{text-decoration:underline;text-underline-offset:4px}
.product-caption>span:last-child{max-width:530px;line-height:1.8}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.product-stage.product-capture{margin:0 -12px;padding:12px}.capture-label{font-size:15px;padding-bottom:13px}.capture-label span{font-size:10px}.product-capture figcaption{font-size:11px;flex-direction:column;gap:8px}.product-caption>span:last-child{margin-top:8px}}

/* Backgrounds remain visible in short, reduced-motion and no-JS layouts. */
html:not(.scenes-animated) .scene-copy{padding:clamp(28px,5vw,72px);margin:24px 0;border:0;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end}
html:not(.scenes-animated) .scene-copy:nth-child(1){background-image:linear-gradient(90deg,#101820dd,#10182066),url('assets/evidence.webp')}
html:not(.scenes-animated) .scene-copy:nth-child(2){background-image:linear-gradient(90deg,#101820dd,#10182066),url('assets/atrium.webp')}
html:not(.scenes-animated) .scene-copy:nth-child(3){background-image:linear-gradient(90deg,#101820dd,#10182066),url('assets/operations.webp')}
html:not(.scenes-animated) .scene-copy:before{display:none}
.closing-forest{position:absolute;inset:0;background:#173225 url('assets/closing-forest.webp') center/cover no-repeat}
#video-toggle{border:1px solid #ffffff80;border-radius:4px;background:#0006;color:white}
#video-toggle[hidden]{display:none}
@media(max-width:600px){html:not(.scenes-animated) .scene-copy{margin:20px -8px;padding:28px 24px;min-height:410px}.hero-bottom #video-toggle{margin-left:auto}}
/* Latest relationship-map and source-review example; no customer data. */
.workspace-example{background:#f7f8fa;border:1px solid #dce1e8;border-radius:10px;overflow:hidden;color:#303846}
.workspace-bar{display:flex;align-items:center;gap:20px;padding:19px 24px;background:white;border-bottom:1px solid #e0e4ea;font-size:13px}.workspace-bar>span:not(.review-status){color:#75808e}.review-status{margin-left:auto;background:#edf0f5;color:#596576;padding:5px 9px;border-radius:5px;font-size:11px;white-space:nowrap}
.workspace-panels{display:grid;grid-template-columns:1.6fr 1fr}.relationship-example{padding:23px;min-width:0}.example-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.example-heading>span{font-size:10px;color:#788390}.relationship-example svg{display:block;width:100%;height:auto;margin-top:15px}.map-legend{display:flex;justify-content:center;gap:22px;color:#75808e;font-size:11px}.map-legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#657182;margin-right:7px}.map-legend span:nth-child(2):before{background:#8b80be}.map-legend span:nth-child(3):before{background:#c0ca48}
.source-example{background:white;border-left:1px solid #e0e4ea;padding:23px;min-width:0}.source-location{font-size:11px;color:#788390;margin:24px 0 16px}.source-example table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.source-example caption{text-align:left;color:#5d6876;font-size:11px;padding-bottom:12px}.source-example th,.source-example td{padding:12px 7px;border-bottom:1px solid #e8ebf0}.source-example thead{background:#f5f6f8;color:#75808e;font-size:10px}.source-example th{font-weight:500}.review-note{padding:16px;background:#f5f6f8;border-radius:7px;margin-top:22px;font-size:12px}.review-note p{font-size:11px;color:#687482;margin-top:8px}.example-history{font-size:10px;color:#7c8796;margin-top:18px}.example-history span{margin:0 4px}
@media(max-width:900px){.workspace-panels{grid-template-columns:1fr}.source-example{border-left:0;border-top:1px solid #e0e4ea}.relationship-example{padding:20px}.source-example{padding:20px}.workspace-bar{padding:16px;gap:12px}.workspace-bar>span:not(.review-status){font-size:10px}}
@media(max-width:400px){.workspace-bar{gap:8px;padding:13px 10px;font-size:11px}.workspace-bar>span:not(.review-status){font-size:9px}.review-status{font-size:9px;padding:4px 6px}.relationship-example,.source-example{padding:15px}.map-legend{gap:12px;font-size:10px}}