/* Approved Willow shell: full-width world, edge rail, compact metrics, floating drawer. */
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none;color:#111827;background:#fff;--mint:#00f5a0;--line:#e2e8f0;--muted:#64748b;--rail-width:64px}
*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;display:flex;flex-direction:column}button,select,input,textarea{font:inherit;color:inherit}button,.file-button,select{border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 12px;font-size:12px}button,.file-button{cursor:pointer}button{font-weight:600}button:hover,.file-button:hover{background:#f1f5f9}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #00875a;outline-offset:2px}[hidden]{display:none!important}button.primary{background:var(--mint);border-color:var(--mint);color:#061810}.ph-icon{width:18px;height:18px;display:block;flex-shrink:0;color:#000}i[data-icon]{font-style:normal}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.file-button:focus-within{outline:3px solid #00875a;outline-offset:2px}
.site-nav{position:relative;z-index:100;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px;max-width:1200px;padding:0 24px;margin:0 auto}.nav-logo{display:block;flex-shrink:0}.nav-logo img{display:block;width:220px;height:auto}.nav-links{display:flex;align-items:center;gap:32px;list-style:none;padding:0;margin:0}.nav-links a{display:block;color:#525252;font-size:15px;line-height:1.4;font-weight:500;text-decoration:none;padding:12px 0;white-space:nowrap}.nav-links a:hover,.nav-links a[aria-current]{color:#0a0a0a}.nav-links a[aria-current]{text-decoration:underline;text-decoration-color:#00c984;text-decoration-thickness:3px;text-underline-offset:8px}.nav-links a span{margin-left:3px;color:#00875a}.nav-cta{display:inline-flex;align-items:center;justify-content:center;background:#0a0a0a;color:#fff;border:2px solid #0a0a0a;border-radius:50px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;text-decoration:none}.nav-cta:hover{background:white;color:#0a0a0a}#mobile-menu{display:none;background:none;border:0;padding:8px}#mobile-menu span{display:block;width:24px;height:2px;margin:6px 0;background:#0a0a0a}
.command{min-height:72px;display:flex;align-items:center;gap:16px;padding:10px 24px;flex-shrink:0}.sim-title{min-width:0;margin-right:auto}.command h1{font-size:23px;font-weight:650;line-height:1.2;letter-spacing:-1px;margin:0 0 5px}.command h1>span:last-child{font-size:19px;letter-spacing:-.5px;font-weight:500}.title-divider{color:#cbd5e1;margin:0 12px;font-weight:400}.command p{font-size:12px;line-height:1.4;color:#006d49;margin:0}#help{border:0;white-space:nowrap}#help span{display:inline-grid;place-items:center;border:1px solid #a9b8b1;width:17px;height:17px;border-radius:50%;margin-left:4px;font-size:10px}#more-measures{white-space:nowrap;padding:7px 10px}
.metrics{display:grid;grid-template-columns:140px repeat(3,minmax(0,1fr));padding:0 24px 12px;gap:10px;flex-shrink:0}.metrics .clock-card,.metrics .stat{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 14px;min-height:70px;text-align:left}.clock-card{display:flex;flex-direction:column;justify-content:center;gap:7px}.metrics span{font-size:13px;color:var(--muted)}.clock-card strong{font-size:25px;line-height:1;letter-spacing:-1px;align-self:center}.stat{display:flex;align-items:center;gap:10px}.stat>span{margin-right:auto}.metrics strong{font-variant-numeric:tabular-nums}.stat strong{font-size:28px;letter-spacing:-1px}.clock-card.is-complete{background:#dcfff0;border-color:#6be5b9}.clock-card.is-complete strong{color:#07563d}.metrics .extra{display:none}.more-measures .metrics{grid-template-columns:140px repeat(6,minmax(130px,1fr));overflow-x:auto}.more-measures .metrics .extra{display:flex}
.workspace{position:relative;flex:1;min-height:0;background:#dedfd9}#world{position:absolute;inset:0}#world canvas{width:100%;height:100%;display:block}.world-top{position:absolute;z-index:6;top:18px;right:22px;left:calc(var(--rail-width) + 16px);display:flex;justify-content:flex-end;pointer-events:none}.world-top>button,.world-top>div{pointer-events:auto}.world-top>button{padding:10px 12px}.drawer-open .world-top{right:calc(min(760px,60vw) + 36px)}.map-menu{position:absolute;right:0;top:44px;background:#fff;padding:8px;display:flex;gap:4px;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #11182720}.map-menu button{border:0}.map-menu button[aria-pressed=false]{color:var(--muted)}
.rail-expanded{--rail-width:190px}.control-rail{position:absolute;left:0;top:12px;width:var(--rail-width);padding:8px;gap:4px;display:flex;flex-direction:column;align-items:stretch;border-radius:0 14px 14px 0;box-shadow:0 6px 24px #11182716;background:#fffffff5;z-index:18}.control-rail button{min-height:42px;width:100%;margin:0;padding:5px;border:0;background:transparent;color:#475569;display:flex;align-items:center;gap:10px;text-align:left;border-radius:9px;white-space:nowrap;font-size:13px}.control-rail button:hover,.control-rail button[aria-expanded=true]{background:#f0f5f6}.rail-icon{width:36px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#000}.rail-icon svg{width:21px;height:21px}.rail-icon.chevron{font-size:28px;font-weight:400}.rail-expanded .control-rail .chevron{transform:rotate(180deg)}.rail-label{display:none}.rail-expanded .rail-label{display:block}#rail-toggle{min-height:30px}#rail-toggle .rail-icon{height:24px}#play{min-height:50px;padding:4px 6px}#play .rail-icon,#play svg{width:40px;height:40px}.rail-group{position:relative}.rail-menu{position:absolute;left:calc(100% + 15px);top:0;background:#fff;border:1px solid #dce4e9;border-radius:12px;box-shadow:0 8px 24px #11182720;width:220px;padding:12px;display:grid;gap:10px;font-size:13px}.rail-menu label{display:flex;justify-content:space-between;gap:10px;align-items:center}.rail-menu select{min-width:70px}.rail-menu small{font-size:11px;color:var(--muted);line-height:1.5}.batch-symbol{position:relative}.batch-symbol svg{width:27px;height:27px}.batch-symbol b{position:absolute;top:16px;left:23px;min-width:19px;height:19px;border-radius:50%;background:#111827;color:white;display:grid;place-items:center;border:2px solid white;font-size:10px}.flow-tag-mark{display:block;width:29px;height:auto;object-fit:contain;flex-shrink:0}.rail-icon .flow-tag-mark{width:36px}.timeline{position:absolute;bottom:0;left:0;right:0;height:5px;background:#dce6e2}.timeline>div{background:var(--mint);height:5px;width:0}
.drawer{position:absolute;inset:12px 18px 18px auto;width:min(760px,60vw);min-width:0;border:1px solid #dce4e9;border-radius:20px;box-shadow:0 18px 70px #0f172a24;z-index:40;background:#f6f9fa;overflow:hidden;display:flex;flex-direction:column}.drawer.expanded{position:fixed;inset:18px;width:auto;z-index:110}.workspace-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 60px 8px 18px;height:57px;flex-shrink:0;border-bottom:1px solid var(--line);background:#fff}.workspace-tabs button{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border:1px solid transparent;border-radius:10px;font:600 15px/1.3 Inter,system-ui,sans-serif;color:#475569;white-space:nowrap}.workspace-tabs button[aria-pressed=true]{background:#e7fff4;border-color:#96e3c5;color:#07563d}.workspace-tabs .ph-icon{width:17px;height:17px}.report-tabs{display:flex;align-items:center;gap:12px;min-height:48px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);padding:0 18px}.report-tabs>button{border:0;border-radius:0;padding:12px 0;font-size:14px;color:#64748b;white-space:nowrap;border-bottom:3px solid transparent}.report-tabs>button[aria-current=page]{color:#111827;border-bottom-color:var(--mint)}.report-tabs #archive-toggle{margin-left:auto;font-size:12px;color:#475569}.report-tabs #drawer-expand{padding:7px 0}#drawer-close{position:absolute;right:14px;top:12px;border:0;background:transparent;width:32px;height:32px;padding:7px}.archive-tools{position:absolute;z-index:10;right:14px;top:105px;background:#fff;border:1px solid #dce4e9;border-radius:14px;box-shadow:0 12px 35px #0f172a25;padding:16px;width:310px;max-width:calc(100% - 28px);max-height:calc(100% - 120px);overflow:auto;display:grid;gap:12px}.archive-tools label{display:grid;gap:7px;font-size:13px}.archive-tools select{width:100%}.archive-tools p,.archive-tools small{font-size:11px;color:var(--muted);line-height:1.5;margin:0}#panel{padding:14px 18px 20px;overflow:auto;min-height:0;flex:1}p{line-height:1.5}
h2{font-size:22px;letter-spacing:-.6px;margin:0 0 8px}h3{font-size:14px;margin:0 0 10px}.sub{font-size:12px;color:var(--muted);line-height:1.6}.card{border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0;background:#fcfdfb}.card p{font-size:13px;margin:7px 0}.card.highlight{background:#eefaf2;border-color:#c5e1ce}.pair{display:flex;justify-content:space-between;gap:12px;align-items:center}.pair strong{font-size:21px}.tag{font-size:10px;padding:4px 7px;border-radius:5px;background:#e9eee9;color:#42604b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:10px 5px;border-bottom:1px solid #e8ede7}th{font-size:10px;color:var(--muted);font-weight:600}td button{font-size:11px;padding:5px 8px}.journey-button{width:100%;display:flex;justify-content:space-between;text-align:left;gap:10px;margin:7px 0;padding:12px}.journey-button small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.segment{display:flex;gap:8px;align-items:center;margin:7px 0;font-size:11px}.segment i{display:inline-block;width:9px;height:9px;border-radius:3px;flex-shrink:0}.segment span{flex:1}.bar{display:flex;height:14px;border-radius:5px;overflow:hidden;margin:10px 0}.bar span{min-width:1px}.legend{display:flex;gap:12px;font-size:10px;flex-wrap:wrap}.legend i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:2px}.choice{display:flex;align-items:flex-start;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.choice input{accent-color:#00975b;margin-top:3px}.choice small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:5px}textarea{width:100%;min-height:90px;border:1px solid #cbd5cd;border-radius:8px;padding:10px;font-size:12px;resize:vertical}.field{display:block;font-size:12px;margin:16px 0 7px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.actions button{font-size:12px}.event{font-size:11px;line-height:1.5;border-bottom:1px solid #e8ede7;padding:8px 0}.event time{color:var(--muted);margin-right:8px}.empty{padding:25px 0;color:var(--muted);font-size:13px}.reference img{width:100%;max-height:180px;object-fit:contain;background:#f5f6f2;border-radius:8px}.reference{margin:15px 0}.reference small{font-size:11px;color:var(--muted)}/* Report content uses the established white cards and slate type scale. */
h2{font-size:21px;letter-spacing:-.5px}h3{font-size:17px;letter-spacing:-.3px}.card{background:#fff;border-color:var(--line);padding:17px;border-radius:16px;margin:14px 0}.card.highlight{background:#fff;border-color:var(--line)}.card p{font-size:14px}.sub{font-size:13px;color:var(--muted)}.report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.report-summary>div{display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px}.report-summary span{font-size:12px;color:var(--muted)}.report-summary strong{font-size:28px}.choice{font-size:14px}.choice small{font-size:12px}.choice input{accent-color:#00a979}.actions button{font-size:13px}.journey-button{background:#fff}.journey-button small{font-size:12px}.segment{font-size:13px;padding:6px 0}.event{font-size:13px}.field{font-size:13px}textarea{font-size:13px;border-color:var(--line)}th,td{padding:12px 8px}th{font-size:12px}table{font-size:13px}.hint-card{padding:20px}.hint-card h3{font-size:21px}.hint-card p{font-size:15px;line-height:1.65}.hint-card ol{padding-left:20px;line-height:1.8;font-size:14px}.hints-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.hints-tabs button{font-size:13px}.hints-tabs button[aria-pressed=true]{background:#111827;color:white}.budget-summary{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:var(--muted);margin:16px 0}.change-choices{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 16px}.change-choices .choice:last-child{border-bottom:0}#notice{position:fixed;bottom:20px;left:80px;max-width:min(600px,calc(100vw - 100px));background:#111827;color:#fff;border-radius:10px;box-shadow:0 4px 20px #0002;font-size:13px;padding:13px 18px;z-index:120;display:none}.focus-view .site-nav,.focus-view .command{display:none}
@media(max-width:1000px) and (min-width:761px){.drawer{width:calc(100vw - 230px)}.drawer-open .world-top{right:calc(100vw - 210px)}.workspace-tabs{padding-left:12px;gap:4px}.workspace-tabs button{font-size:13px;padding:9px 5px}}
@media(max-width:980px){.nav-inner{gap:16px}#mobile-menu{display:block}.nav-cta{margin-left:auto}.nav-links{display:none}.nav-links.open{display:flex;align-items:stretch;flex-direction:column;position:absolute;top:72px;left:0;right:0;gap:4px;background:#fff;padding:16px 24px;border-bottom:1px solid #e5e5e5;box-shadow:0 8px 30px #0001}}
@media(max-width:760px){.command{padding:9px 14px;min-height:60px;gap:8px}.command h1{font-size:20px;line-height:1.3}.command h1>span:last-child{font-size:17px}.title-divider{margin:0 6px}.command p{font-size:11px}#help{display:none}#more-measures{font-size:11px}.metrics{padding:0 12px 10px;grid-template-columns:85px repeat(3,minmax(0,1fr));gap:6px}.metrics .clock-card,.metrics .stat{padding:9px 8px;min-height:66px}.stat{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.metrics .stat .ph-icon{display:none}.metrics span{font-size:11px}.stat strong{font-size:23px}.clock-card strong{font-size:20px}.drawer{inset:auto 12px 12px;width:calc(100vw - 24px);height:66vh;max-height:calc(100% - 24px);border-radius:16px}.drawer-open .world-top{right:12px}.workspace-tabs{padding-left:10px;padding-right:48px;gap:3px}.workspace-tabs button{font-size:11px;padding:8px 3px;gap:3px}.workspace-tabs .ph-icon{width:14px;height:14px}.workspace-tabs .flow-tag-mark{width:24px}.report-tabs{padding:0 12px;gap:10px;flex-wrap:wrap}.report-tabs>button{font-size:12px}.report-tabs #archive-toggle{font-size:11px}#panel{padding:12px}.report-summary>div{padding:9px}.report-summary span{font-size:11px}.report-summary strong{font-size:25px}#drawer-close{right:8px}.world-top{right:12px;top:12px}.rail-menu{width:200px}.rail-expanded .rail-menu{left:50px;top:42px}.drawer.expanded{max-height:none;height:auto}.card p{font-size:13px}}
@media(min-width:480px) and (max-width:760px){.drawer:not(.expanded){inset:12px 10px 12px 78px;width:calc(100vw - 88px);height:auto;max-height:none}}
@media(max-width:480px){.nav-logo img{width:52px;height:52px}.nav-inner{padding:0 20px;gap:12px}.command h1>span:last-child{display:inline}.command{align-items:center}.sim-title{max-width:calc(100% - 100px)}.control-rail{gap:2px;padding:5px 8px;top:8px}.control-rail button{min-height:36px}.control-rail #play{min-height:44px}.drawer-open .control-rail{visibility:hidden}.report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer{max-height:calc(100% - 16px);height:calc(100% - 16px);bottom:8px}.drawer.expanded{height:auto;max-height:none}.drawer-open .world-top{display:none}.rail-menu{left:calc(100% + 8px)}}
@media(max-height:760px) and (min-width:481px){.control-rail{gap:1px;padding-top:4px;padding-bottom:4px}.control-rail button{min-height:34px}.control-rail #play{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.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}.change-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 16px}.change-heading h2{margin:0}.change-heading p{margin:6px 0 0}.change-heading button{white-space:nowrap;font-weight:400}.experiment-setup{border:1px solid #dce5ea;border-radius:14px;padding:12px;background:#fff;margin-bottom:18px}.experiment-setup>p{margin:0 0 10px}.experiment-setup details{margin-top:10px}.next-plan{display:block;padding:9px 12px;background:#ecfff6;border:1px solid #bcebd8;border-radius:10px;font-size:14px;font-weight:400}.experiment-setup .change-choices{margin-top:12px}.experiment-table{border:1px solid #dce5ea;border-radius:14px;background:#fff;overflow:hidden}.experiment-columns,.experiment-row{display:grid;grid-template-columns:minmax(0,2.1fr) 45px minmax(0,1.2fr) 70px;gap:12px;align-items:center;padding:12px 14px}.experiment-columns{background:#f1f5f9;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#64748b;font-weight:650}.experiment-row{min-height:76px;font-size:14px;border-top:1px solid #e2e8f0}.experiment-row small{display:block;font-size:11px;color:#64748b;line-height:1.4;margin-top:4px}.experiment-row button{border:0;background:none;padding:0;white-space:normal;text-align:left;font-size:14px}.experiment-row>span:nth-child(2)>b{font-size:18px}
@media(max-width:600px){.workspace-tabs button span{white-space:normal;min-width:0;line-height:1.2}.experiment-columns,.experiment-row{grid-template-columns:minmax(0,1.6fr) 36px minmax(0,1fr) 55px;gap:8px;padding:10px}.experiment-row{font-size:12px}.experiment-columns{font-size:10px}.change-heading{align-items:flex-start}.change-heading p{font-size:12px}}
