@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#273b37;background:#f6f6f1;font-synthesis:none;--green:#254c41;--muted:#7b8780;--border:#dfe4db;--amber:#b27d38}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b28b4e;outline-offset:3px}button{border:0;background:none}header{height:86px;padding:0 30px;display:flex;align-items:center;border-bottom:1px solid var(--border);background:#fcfcf8;gap:46px}.brand{text-decoration:none;color:#294e43;font:650 38px 'Manrope',sans-serif;letter-spacing:-2.5px;display:flex;align-items:center;gap:22px}.brand span{font:600 9px 'DM Sans';letter-spacing:2px;border-left:1px solid #bdc9be;padding-left:22px;line-height:18px;width:80px}.project{font-size:10px;letter-spacing:1.5px;font-weight:650}.project span{display:block;color:var(--muted);font-size:11px;letter-spacing:.15px;margin-top:7px;font-weight:400}.quiet{margin-left:auto;padding:11px 0 11px 18px;font-size:12px}.quiet span{margin-left:18px}main{display:flex;height:calc(100dvh - 86px);min-height:650px}.sidebar{width:310px;flex-shrink:0;padding:28px 25px 20px;border-right:1px solid var(--border);background:#fcfcf8;overflow:auto}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#76847a;display:flex;align-items:center;justify-content:space-between;gap:10px}.status{font-size:7px;letter-spacing:.7px;background:#eee8d9;color:#8b6c40;padding:5px 6px;white-space:nowrap}h1{font:500 28px/1.25 'Manrope';letter-spacing:-1.1px;margin:24px 0 13px}.intro{font-size:12px;line-height:1.8;color:#7c877e;margin:0 0 23px}.units{display:flex;flex-direction:column;gap:7px}.unit{text-align:left;border:1px solid transparent;display:flex;align-items:center;padding:13px 10px;gap:12px;width:100%;border-radius:4px}.unit:hover{background:#f0f3eb}.unit.active{background:#e9eee5;border-color:#d3ddcf}.unitIcon{font-size:11px;color:#728572;display:grid;place-items:center;width:27px;height:28px;border:1px solid #ccd5c6;border-radius:3px;flex-shrink:0}.unit b{font-size:12px;font-weight:650}.unit em{font-style:normal;margin-left:8px;font-weight:400;color:#667569}.unit small{display:block;font-size:9px;color:#7a897e;margin-top:5px}.arrow{margin-left:auto;font-size:15px;color:#829281}.metrics{margin-top:28px;padding-top:23px;border-top:1px solid var(--border)}dl{margin:16px 0 8px}dl>div{display:flex;justify-content:space-between;gap:10px;margin:11px 0;font-size:10px}dt{color:#738076}dd{margin:0;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.metrics>p{color:#929a91;font-size:9px}.review-note{display:flex;gap:10px;background:#f4f0e6;border:1px solid #e9dfca;padding:14px 12px;margin-top:25px;border-radius:4px;font-size:10px}.dot{width:6px;height:6px;flex-shrink:0;background:#b88747;border-radius:50%;margin-top:4px}.review-note b{font-weight:600;color:#826d49}.review-note p{font-size:10px;line-height:1.7;color:#978469;margin:7px 0}.review-note button{padding:5px 0 0;font-size:10px;color:#7d6844}.review-note button span{margin-left:35px}.workspace{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.toolbar{height:65px;flex-shrink:0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:12px;background:#f9faf5}.segmented{display:flex;gap:3px;background:#e9ede5;padding:4px;border-radius:5px}.segmented button{font-size:11px;padding:8px 15px;border-radius:3px;white-space:nowrap}.segmented button.selected{background:#fff;color:#294a3c;box-shadow:0 1px 4px #192c1010}.tools{display:flex;gap:7px}.tools button{font-size:12px;border:1px solid #dce2d7;padding:8px 10px;border-radius:4px}.tools button[aria-pressed=true]{background:#294e43;color:white;border-color:#294e43}.tools span{font-size:10px;margin-left:5px}.stage{position:relative;flex:1;min-height:330px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#f4f6ee,#e8ede1)}#canvasWrap{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.stage-title{position:absolute;top:24px;left:29px;pointer-events:none}.stage-title .eyebrow{font-size:8px;letter-spacing:1.8px}.stage-title h2{font:500 21px 'Manrope';letter-spacing:-.5px;margin:9px 0;color:#586d5c}.display-controls{position:absolute;top:24px;right:25px;display:flex;flex-direction:column;gap:10px;font-size:10px;color:#6e7e6b}.display-controls label{display:flex;align-items:center;gap:6px;background:#f8faf3dd;padding:4px 6px;border-radius:2px}.display-controls label[hidden]{display:none}input{accent-color:#486a4d;margin:0}.legend{position:absolute;bottom:47px;left:28px;display:flex;gap:17px;pointer-events:none}.legend span{font-size:8px;color:#75846e;display:flex;gap:5px;align-items:center}.legend i{width:8px;height:8px;display:block;border-radius:2px}.lwall{background:#bbc5b0}.lglass{background:#70a8ab}.lreview{background:#be975c}.interaction-hint{position:absolute;bottom:19px;left:28px;font-size:9px;color:#8a9681;pointer-events:none}footer{height:41px;flex-shrink:0;background:#fcfcf8;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px;font-size:9px;color:#8a9589}footer>span:first-child{display:flex;align-items:center;gap:7px}footer i{width:5px;height:5px;border-radius:50%;background:#658658}footer button{font-size:9px;color:#596e5a}footer button span{display:inline-grid;place-items:center;border:1px solid #b5c0ad;border-radius:100%;width:13px;height:13px;margin-left:5px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#f0f3e9;color:#62745c;font-size:13px}#loading[hidden]{display:none}#component{position:absolute;bottom:76px;right:20px;width:240px;padding:15px;background:#fffef9f5;border:1px solid #dce1d3;border-radius:5px;box-shadow:0 6px 20px #2a3c1920;font-size:11px}#component b{display:block;margin-bottom:8px;font-size:12px}#component p{font-size:10px;color:#7a8471;line-height:1.6;margin:5px 0}#component button{position:absolute;right:7px;top:5px;font-size:18px}#drawingPane{height:44%;background:#fffefa;border-top:1px solid var(--border);padding:16px 26px;overflow:auto}#drawingPane[hidden]{display:none}.drawing-header{display:flex;align-items:center;justify-content:space-between}.drawing-header h3{font-size:14px;margin:7px 0 0;font-weight:500}.drawing-header>span{font-size:9px;color:#7e887b}#drawingSvg{display:flex;justify-content:center;gap:28px;margin-top:8px;min-height:250px}#drawingSvg svg{height:295px;max-width:100%;width:auto}.drawing-caption{font-size:9px;color:#8c9288;margin:10px 0 0}dialog{border:1px solid #dce1d5;border-radius:9px;background:#fcfcf7;color:#314838;padding:35px;width:min(650px,calc(100vw - 30px));max-height:85vh;box-shadow:0 20px 80px #17331d30}dialog::backdrop{background:#1e37284d;backdrop-filter:blur(4px)}dialog .close{position:absolute;top:9px;right:14px;font-size:25px;color:#82907d}dialog h2{font:500 26px 'Manrope';letter-spacing:-.7px;margin-top:8px}dialog h3{font-size:13px;margin-top:23px}dialog p,dialog li{font-size:12px;line-height:1.8;color:#6f7d69}dialog ol,dialog ul{padding-left:20px}dialog table{border-collapse:collapse;width:100%;font-size:10px}dialog td,dialog th{padding:10px 6px;border-bottom:1px solid #dfe5d8;text-align:left}dialog a{color:#375f46}dialog .callout{padding:12px 14px;background:#f3eddf;border-left:2px solid #bb9457;font-size:11px}.label{position:absolute;pointer-events:none} @media(min-width:1600px){.sidebar{width:340px;padding:35px 30px}h1{font-size:31px}.unit{padding:16px 12px}.metrics{margin-top:35px}.review-note{margin-top:34px}}@media(max-width:1000px){.sidebar{width:258px;padding:22px 18px}.toolbar{padding:0 14px}.segmented button{padding:8px 10px}.project{display:none}.tools span{display:none}.legend{gap:10px;left:16px}.stage-title{left:18px}.display-controls{right:14px}.interaction-hint{left:16px;font-size:8px}footer #viewState{display:none}}@media(max-width:680px){header{height:63px;padding:0 18px}.brand{font-size:31px;gap:15px}.brand span{padding-left:15px;font-size:8px}.quiet{font-size:10px}.quiet span{margin-left:7px}main{display:block;height:auto;min-height:0}.sidebar{width:100%;padding:18px;border:0}.sidebar>.eyebrow,.sidebar>h1,.intro,.metrics,.review-note{display:none}.units{flex-direction:row;gap:5px}.unit{padding:9px 6px;display:block;border:1px solid #e0e6d8;text-align:center}.unitIcon,.unit small,.unit .arrow{display:none}.unit b{font-size:10px;white-space:nowrap}.unit em{display:block;font-size:8px;margin:4px 0 0}.unit:first-child b{font-size:0}.unit:first-child b:after{content:'All three';font-size:10px}.unit:first-child:after{content:'Compare';display:block;font-size:8px;margin-top:4px;color:#728572}.workspace{height:calc(100dvh - 140px);min-height:510px}.toolbar{height:55px;padding:0 10px;gap:5px}.segmented button{font-size:10px;padding:7px 9px}.tools{gap:4px}.tools button{padding:7px 9px}.stage-title{top:19px;left:15px}.stage-title .eyebrow{font-size:7px}.stage-title h2{font-size:17px}.display-controls{font-size:8px;top:18px;right:10px;gap:5px}.legend{font-size:7px;bottom:41px;gap:12px}.interaction-hint{bottom:17px;max-width:290px;font-size:8px}.legend span{font-size:7px}footer{padding:0 13px;font-size:8px}#component{bottom:64px;width:210px;right:10px}#drawingPane{padding:12px;height:45%}#drawingSvg{gap:10px}#drawingSvg svg{height:250px}.drawing-caption{line-height:1.6}dialog{padding:25px}}