:root{color:#292a28;background:#eeeae1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:#eeeae1}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.95),transparent 34rem),linear-gradient(180deg,#f6f3ed,#eeeae1)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.project-spines-shell{width:min(1460px,calc(100vw - 32px));margin:0 auto;padding:32px 0 48px}.project-header{max-width:900px;margin-bottom:24px}.project-header h1{margin:0;color:#20211f;font-size:clamp(2.45rem,6vw,5.2rem);line-height:.96;letter-spacing:-.055em}.project-header>p:last-child{max-width:820px;margin:16px 0 0;color:#565750;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.65}.project-kicker{margin:0 0 12px;color:#195f87;font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.project-tabs{display:grid;grid-template-columns:repeat(6,minmax(142px,1fr));gap:10px;margin:0 0 18px}.project-tabs button{min-height:88px;border:1px solid #cbc6bb;border-radius:13px;background:#ffffff8c;color:#565750;cursor:pointer;padding:13px 14px;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.project-tabs button:hover{border-color:#7d9caf;transform:translateY(-1px)}.project-tabs button:focus-visible{outline:3px solid rgba(25,95,135,.3);outline-offset:2px}.project-tabs button.active{border-color:#195f87;background:#fff;color:#20211f;box-shadow:0 10px 26px #33322d1c}.project-tabs button span{display:block;margin-bottom:4px;color:#195f87;font-size:.7rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.active-view-intro{display:grid;grid-template-columns:auto minmax(220px,.62fr) minmax(320px,1.38fr);gap:15px;align-items:baseline;border-top:1px solid #cbc6bb;padding:16px 0}.active-view-intro p{margin:0;color:#195f87;font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.active-view-intro h2{margin:0;color:#20211f;font-size:1.15rem}.active-view-intro span{color:#66675f;line-height:1.55}.project-panels{min-height:680px}.tab-panel[hidden]{display:none}.native-panel{overflow:hidden;border:1px solid #d1ccc2;border-radius:16px;background:#fff;box-shadow:0 18px 40px #2b2a2517;padding:clamp(18px,3vw,34px)}.embedded-experiment{overflow:hidden;border:1px solid #c7c2b7;border-radius:16px;background:#fff;box-shadow:0 18px 40px #2b2a251a}.embedded-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #ddd8ce;padding:12px 15px;background:#faf8f3}.embedded-toolbar>div{display:flex;gap:10px;align-items:center;min-width:0}.embedded-toolbar p{overflow:hidden;margin:0;color:#66675f;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.embedded-toolbar a{flex:none;border:1px solid #a9b9c3;border-radius:8px;color:#195f87;padding:7px 10px;text-decoration:none}.embedded-toolbar a:hover{background:#eef5f8}.load-status{flex:none;border-radius:999px;background:#eee7d8;color:#745a20;font-size:.72rem;font-weight:750;padding:4px 8px;text-transform:uppercase}.load-status.ready{background:#e5f1e9;color:#26633c}.experiment-frame{display:block;width:100%;height:clamp(640px,78vh,980px);border:0;background:#fff}.project-footer{max-width:920px;margin-top:20px;color:#6d6e67;font-size:.82rem;line-height:1.55}.takeaway-view{color:#252927;font-size:.96rem;line-height:1.62}.takeaway-hero{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(360px,1.18fr);gap:clamp(18px,4vw,42px);align-items:center}.takeaway-hero.compact{align-items:start}.takeaway-kicker{margin:0 0 10px;color:#195f87;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.takeaway-view h2{max-width:620px;margin:0;color:#20211f;font-size:clamp(1.9rem,4vw,3.4rem);line-height:1.03;letter-spacing:0}.takeaway-view h3{margin:0 0 7px;color:#20211f;font-size:1rem}.takeaway-view p{margin:0;color:#5b615d}.takeaway-hero p:not(.takeaway-kicker){max-width:620px;margin-top:16px;font-size:1.04rem}.takeaway-sketch{width:100%;min-height:210px;border:1px solid #d9d3c7;border-radius:12px;background:#fbfaf6}.takeaway-sketch text{fill:#28302d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:750}.takeaway-sketch .slice-band{fill:#195f8714;stroke:#195f8740}.takeaway-sketch .slice-band.bad{fill:#9a5b001c;stroke:#9a5b005c}.takeaway-sketch .spine-line{stroke:#7b4852;stroke-width:4}.takeaway-sketch .spine-node{fill:#fff;stroke:#7b4852;stroke-width:3}.takeaway-sketch .slice-node{fill:#fff;stroke:#195f87;stroke-width:2.5}.takeaway-sketch .slice-node.warn{stroke:#9a5b00;fill:#fff8e8}.takeaway-sketch .bad-edge,.takeaway-sketch .loop-edge{fill:none;stroke:#5f6975;stroke-width:2.3}.takeaway-sketch .loop-edge.bad{stroke:#a2403e;stroke-width:2.6}.takeaway-sketch .loop-node{fill:#fff;stroke-width:2.5}.takeaway-sketch .loop-node.authority{stroke:#7b4852}.takeaway-sketch .loop-node.work{stroke:#195f87}.takeaway-sketch .loop-node.evidence{stroke:#24785d}.takeaway-sketch .sketch-label{fill:#20211f;font-size:13px;font-weight:850}.takeaway-sketch .sketch-note{fill:#7b6c4d;font-size:11px;font-weight:700}.takeaway-band{margin-top:26px;border-top:1px solid #ded8ce;border-bottom:1px solid #ded8ce;padding:18px 0}.takeaway-band p,.takeaway-dialogue p{max-width:940px}.takeaway-steps{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-top:18px}.takeaway-steps article{min-height:178px;border:1px solid #ddd7cc;border-radius:10px;background:#fbfaf7;padding:14px}.takeaway-steps.flags{grid-template-columns:repeat(2,minmax(220px,1fr))}.takeaway-steps.flags article{min-height:132px}.takeaway-dialogue{display:grid;gap:12px;margin-top:20px;border-left:4px solid #195f87;background:#f4f8fa;border-radius:0 10px 10px 0;padding:16px 18px}.loop-view .takeaway-dialogue{border-left-color:#7b4852;background:#fbf4f5}@media(max-width:1180px){.project-tabs{grid-template-columns:repeat(3,minmax(180px,1fr))}.takeaway-steps{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:980px){.active-view-intro{grid-template-columns:auto 1fr}.active-view-intro span{grid-column:1 / -1}.takeaway-hero{grid-template-columns:1fr}}@media(max-width:620px){.project-spines-shell{width:min(100vw - 18px,1460px);padding:20px 0 32px}.project-tabs{display:flex;overflow-x:auto;padding-bottom:5px}.project-tabs button{flex:0 0 220px}.active-view-intro{grid-template-columns:1fr}.active-view-intro span{grid-column:auto}.embedded-toolbar{align-items:flex-start;flex-direction:column}.embedded-toolbar>div{align-items:flex-start}.embedded-toolbar p{white-space:normal}.experiment-frame{height:72vh;min-height:560px}.native-panel{padding:14px 10px}.takeaway-view h2{font-size:1.8rem}.takeaway-sketch{min-height:180px}.takeaway-steps,.takeaway-steps.flags{grid-template-columns:1fr}.takeaway-steps article,.takeaway-steps.flags article{min-height:0}}