/* Shared presentation skin. Demo behaviour and source references stay intact. */
:root{--bg:#f6f3ec;--panel:#fffcf7;--panel2:#eceee4;--line:#d4d8ca;--text:#293b30;--muted:#62695c;--soft:#616e56;--amber:#8d5a36;--mint:#42644e;--blue:#486e71;--red:#a0523b}
body{background:#f6f3ec;color:var(--text)}
.top{border-color:var(--line)}
.brand,.back,.back:hover{color:var(--text)}
.head h1,.hero h1{letter-spacing:-.045em}
.head h1 em,.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--mint)}
.app,.stage{border-color:var(--line);border-radius:10px;background:#fffcf7;overflow:hidden}
.rail,.docs,.timeline,.audit,.controls{background:#f0f1e8;border-color:var(--line)}
.room{background:#e5e8dc}
.room::before{background:linear-gradient(#82927320 1px,transparent 1px),linear-gradient(90deg,#82927320 1px,transparent 1px);background-size:42px 42px}
.node{background:#fafaf0;border-color:#becbb4;box-shadow:0 8px 20px #41533c0c;border-radius:8px}
.node:after{box-shadow:none;background:#688368}
.node.build,.node.mcp{border-color:#a5b69a}
.wire{background:#94a589}
.run,.prompt button{background:#42644e;border-color:#42644e;color:#fffdf7;border-radius:5px}
.room-title,.chip,.audit-event code,.event code{color:#42644e}
.chat-head,.event,.audit-event{border-color:#d6dccd}
.bubble{background:#f0f1e8;color:#4f5f4d;border-color:#d2dac6;border-radius:8px}
.bubble.me{border-color:#c7c5aa;background:#f2efdf}
.source{background:#e6ece1;border-color:#7d9b78}
.source b{color:#42644e}
.approval{background:#f0eadb;border-color:#d3c7a9;border-radius:6px}
.approval b,.approve{color:#775335;border-color:#bea981}
.actions button{border-radius:5px;min-height:40px}
.prompt input{background:#fffcf7;border-color:#c9cebd;color:#293b30}
.rail button.active,.rail button:hover,.doc.active,.doc:hover{background:#e1e6d7;color:#293b30}
.trace-line{border-color:var(--line)}
.download{padding:12px;margin-top:18px;background:#42644e;color:#fffdf7;border-radius:5px}
.foot{line-height:1.6;flex-wrap:wrap;gap:10px}
@media(max-width:600px){.top .brand{font-size:10px}.brand b{font-size:9px}.head p,.hero p{font-size:13px}.room-label{font-size:8px}.room-title{display:none}}