@font-face{font-family:Manrope;src:url("/booking-sample/assets/cedar-sans.ttf?v=1");font-weight:100 900;font-display:swap}:root{--bg:#eef3f0;--surface:#fff;--raised:#e6eee8;--field:#f6f9f7;--ink:#15291e;--muted:#4c6254;--accent:#246347;--on-accent:#fff;--line:#789281;--subline:#d9e3dc;--wash:#e0eee4;--font:Manrope,system-ui,sans-serif;--mono:Manrope,system-ui,sans-serif;--radius:10px;--ease:cubic-bezier(.16,1,.3,1);color-scheme:light}
:root[data-theme=dark]{--bg:#0b1110;--surface:#121c18;--raised:#19251f;--field:#0f1713;--ink:#f5f0e5;--muted:#b5c0b8;--accent:#8fbda5;--on-accent:#10251a;--line:#607c69;--subline:#27372e;--wash:#22372b;color-scheme:dark}
:root[data-brand="3p"]{--bg:#e8ecf4;--surface:#e8ecf4;--raised:#a8b4ca;--field:#e8ecf4;--ink:#0a0e16;--muted:#253048;--accent:#8a5c14;--on-accent:#e8ecf4;--line:#8391a8;--subline:#8391a8;--wash:#a8b4ca;--font:Archivo,system-ui,sans-serif;--mono:Plex,monospace;--radius:4px}
:root[data-brand="3p"][data-theme=dark]{--bg:#0a0e16;--surface:#111725;--raised:#1a2233;--field:#0a0e16;--ink:#e8ecf4;--muted:#a8b4ca;--accent:#f5a524;--on-accent:#0a0e16;--line:#8391a8;--subline:#253048;--wash:#1b2436}
*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 8%,color-mix(in srgb,var(--accent),transparent 94%),transparent 62%),var(--bg);color:var(--ink);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased}body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{max-width:1560px;margin:auto;padding:0 48px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--subline)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:650}.brand>svg{width:40px;height:40px;flex:none}.brand svg{color:var(--accent)}.controls{display:flex;gap:8px;flex-wrap:wrap}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:1px solid var(--line);border-radius:var(--radius);min-height:44px;background:var(--surface);padding:10px 14px;font-size:14px;font-weight:600;transition:background .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}button:hover{background:var(--wash)}button:active{transform:translateY(1px)}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:fixed;top:8px;left:8px;z-index:4;padding:12px 20px;background:var(--ink);color:var(--bg);transform:translateY(-150%)}.skip:focus{transform:none}.intro{display:flex;justify-content:space-between;align-items:end;gap:36px;padding:40px 0 28px}.kicker{font:14px/1.5 var(--mono);color:var(--accent);margin:0 0 12px}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1{font-size:clamp(32px,3.2vw,48px);line-height:1.12;letter-spacing:-.03em;font-weight:650;margin-bottom:14px;max-width:22ch}.deck{font-size:18px;color:var(--muted);max-width:58ch;margin-bottom:0}.intro-action{max-width:270px;flex-shrink:0}.intro-action p{font-size:14px;color:var(--muted);margin:10px 0 0;max-width:28ch}.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);padding:12px 24px}.primary:hover{background:var(--ink);color:var(--bg)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:24px;align-items:start}.diagram-surface{position:relative;min-width:0;padding:26px 24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--accent),transparent 96%),transparent 60%),var(--surface);box-shadow:0 12px 40px color-mix(in srgb,var(--ink),transparent 94%),inset 0 1px color-mix(in srgb,var(--accent),transparent 70%)}.lane-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}.lane-title h2,.hub-label h2{font-size:18px;margin:0;font-weight:650}.lane-title>span{font-size:14px;color:var(--muted)}.journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.journey-step{position:relative;min-width:0}.node{display:flex;flex-direction:column;align-items:flex-start;gap:5px;position:relative;width:100%;text-align:left;min-width:0;padding:14px 12px;background:var(--field);border:1px solid var(--subline);font-weight:400;line-height:1.45}.node strong{font-size:16px;font-weight:650;line-height:1.3}.node>span:last-child{font-size:14px;color:var(--muted)}.node-id{font:14px/1.5 var(--mono);color:var(--accent)}.journey .node{min-height:148px}.connector{position:absolute;right:-13px;top:51%;z-index:1;font-size:16px;color:var(--accent);pointer-events:none;line-height:1;background:var(--surface)}.node[aria-pressed=true]{border-color:var(--accent);background:var(--wash);box-shadow:0 0 0 1px var(--accent),0 0 22px color-mix(in srgb,var(--accent),transparent 86%)}.journey.tracing .connector{filter:drop-shadow(0 0 5px var(--accent))}.journey.tracing .node{border-color:var(--accent)}.state-strip{margin:28px 0;padding:22px 0;border-block:1px solid var(--subline)}.hub-label{display:flex;align-items:center;gap:10px}.hub-dot{height:12px;width:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent),transparent 90%),0 0 16px color-mix(in srgb,var(--accent),transparent 55%)}.flow-note{font-size:14px;color:var(--muted);margin:10px 0 18px;max-width:72ch}.state-nodes,.shop-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.state-nodes .node{min-height:120px}.shop-nodes .node{min-height:126px}.detail-panel{position:sticky;top:24px;border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--surface);box-shadow:0 10px 32px color-mix(in srgb,var(--ink),transparent 95%);min-width:0}.detail-id{font:14px var(--mono);color:var(--accent);display:block;margin-bottom:12px}.detail-panel h2,.transcript h2{font-size:25px;line-height:1.2;letter-spacing:-.02em;margin-bottom:10px}.location{font-size:14px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--subline)}dl{margin:0}dt{font-size:14px;font-weight:700;margin:18px 0 5px;color:var(--accent)}dd{font-size:15px;margin:0;line-height:1.6;max-width:70ch}summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px;font-weight:600}details p{overflow-wrap:anywhere;font-size:14px}.evidence{margin-top:14px;border-top:1px solid var(--subline)}.return{margin-top:16px;width:100%;font-size:14px}.context{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:center;margin:40px 0;border-block:1px solid var(--subline);padding:32px 0}.context h2,.source-note h2{font-size:24px;margin-bottom:12px;line-height:1.2}.context p{max-width:72ch;color:var(--muted);font-size:16px}.context-device{background:var(--field);border:6px solid var(--ink);border-radius:20px;min-height:170px;max-width:220px;padding:16px;transform:perspective(800px) rotateY(-5deg);box-shadow:10px 10px 0 var(--subline);font-size:14px}.context-device .device-top{background:var(--ink);height:5px;width:40px;margin:0 auto 20px;border-radius:4px}.context-device strong,.context-device span{display:block;margin-top:10px}.context-device p{font-size:14px;margin:14px 0 0}.context-report{padding:22px;border:1px solid var(--line);background:var(--surface);box-shadow:8px 8px 0 var(--subline);transform:perspective(900px) rotateY(-6deg);min-height:175px;max-width:220px}.context-report>span{font:14px var(--mono);color:var(--accent);display:block;margin-bottom:10px}.context-report strong{font-size:18px}.context-report i{display:block;width:100%;height:2px;background:var(--line);margin-top:14px}.context-report i:nth-of-type(2){width:75%}.context-report p{font-size:14px;margin:16px 0 0}.transcript{margin:28px 0}.transcript>summary{font-size:18px}.transcript article{border-top:1px solid var(--subline);padding:24px 0}.transcript article h2[id]{scroll-margin-top:24px}.source-note{padding:16px 0 24px}.source-note p{max-width:75ch}.fine{font-size:14px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:18px;padding:24px 0 32px;font-size:14px;color:var(--muted);border-top:1px solid var(--subline)}.status:empty{display:none}.status{background:var(--wash);border:1px solid var(--line);padding:14px;margin-bottom:20px;font-size:14px}.property-columns{display:grid;grid-template-columns:minmax(350px,1fr) minmax(210px,.8fr);gap:22px}.property-plan{width:100%;max-width:470px;display:block;margin:0 auto}.property-plan text{font-family:var(--font);fill:var(--ink);font-size:14px}.property-plan .perimeter{fill:none;stroke:var(--line);stroke-width:2}.plan-line{fill:none;stroke:var(--ink);stroke-width:2}.lot{fill:var(--wash)}.building{fill:var(--raised);stroke:var(--line);stroke-width:1}.office{fill:var(--wash);stroke:var(--accent)}.plan-pin circle{fill:var(--surface);stroke:var(--accent);stroke-width:2}.plan-pin text{fill:var(--ink);font-weight:700;font-size:16px}.plan-pin.selected circle,.plan-pin:focus circle{fill:var(--accent);stroke:var(--ink);stroke-width:3;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent),transparent 35%))}.plan-pin.selected text,.plan-pin:focus text{fill:var(--on-accent)}.office-buttons{display:flex;flex-direction:column;gap:8px}.office-buttons .node{padding:9px 12px;display:grid;grid-template-columns:36px 1fr;gap:0 8px;min-height:64px}.office-buttons .node strong{font-size:14px;grid-column:2}.office-buttons .node>span:last-child{display:none}.office-buttons .node-id{grid-row:1/3;align-self:center}.office-buttons .node strong{display:none}.office-buttons .node:after{content:attr(data-location);font-size:14px;grid-column:2;line-height:1.45;align-self:center}.cyber-section{margin-top:26px;padding-top:20px;border-top:1px solid var(--subline)}.cyber-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cyber-buttons .node strong{font-size:15px}.network-line{margin-top:20px;padding:16px 0 0;border-top:1px solid var(--subline);font-size:14px}.network-line strong{color:var(--accent);font-family:var(--mono)}.network-line p{margin:8px 0;color:var(--ink)}.network-line span{color:var(--muted)}.outdoor-mobile{display:none}.site-schematic{min-width:0}.office-locations{min-width:0}body.selecting .detail-panel{animation:select-light .35s var(--ease)}@keyframes select-light{from{transform:translateY(3px);box-shadow:0 0 28px color-mix(in srgb,var(--accent),transparent 72%)}to{transform:none}}
@media(min-width:1600px){.shell{padding-inline:64px}}
@media(max-width:1200px){.shell{padding-inline:28px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.diagram-surface{padding:22px 18px}.journey{grid-template-columns:1fr;gap:20px}.journey .node{min-height:88px;padding:14px 18px}.journey .connector{top:auto;right:50%;bottom:-21px;transform:rotate(90deg)}.property-columns{grid-template-columns:1fr}.property-plan{width:350px}.office-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.state-nodes,.shop-nodes{grid-template-columns:1fr}.state-nodes .node,.shop-nodes .node{min-height:88px}.intro{align-items:start}.intro-action{max-width:220px}}
@media(max-width:700px){html{scrollbar-gutter:stable}.shell{padding-inline:20px}header{align-items:start;flex-direction:column;gap:16px;padding:20px 0}.brand{font-size:17px;gap:10px}.brand>svg{height:34px;width:34px}.controls{width:100%;gap:8px}.controls button{padding:10px 12px;font-size:14px;flex:1}.intro{display:block;padding:28px 0 24px}.kicker{font-size:14px;margin-bottom:14px;max-width:32ch;line-height:1.65}h1{font-size:34px;max-width:16ch;line-height:1.12}.deck{font-size:16px;line-height:1.6}.intro-action{margin-top:20px;max-width:none}.intro-action p{max-width:none;font-size:14px}.workspace{display:flex;flex-direction:column;gap:20px}.diagram-surface{padding:20px 16px;width:100%}.detail-panel{position:static;width:100%;padding:22px}.lane-title{display:block;margin-bottom:16px}.lane-title>span{display:block;margin-top:5px}.journey .node{min-height:94px}.state-strip{margin:24px 0;padding:22px 0}.node strong{font-size:17px}.node>span:last-child,.node-id{font-size:14px}.detail-panel dd{font-size:16px}.detail-panel h2{font-size:26px}.context{grid-template-columns:1fr;gap:28px;margin:30px 0;padding:28px 0}.context-device,.context-report{margin-left:5px}.context p{font-size:16px}.context-device p,.context-report p{font-size:14px}.source-note h2{font-size:24px}.source-note p{font-size:16px}.source-note .fine{font-size:14px}footer{flex-direction:column;gap:8px;font-size:14px}.property-plan{display:none}.outdoor-mobile{display:flex;flex-direction:column;gap:10px}.office-buttons{display:flex;flex-direction:column;gap:8px}.office-buttons .node{min-height:60px}.cyber-buttons{grid-template-columns:1fr}.property-columns{gap:28px;grid-template-columns:1fr}.cyber-section{margin-top:28px}.network-line{font-size:14px}.network-line p{font-size:16px}.transcript>summary{font-size:17px}.transcript dd{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}
@media print{body{background:var(--bg);font-size:14px}.shell{max-width:none;padding:0}header .controls,.intro-action,.return,.skip,.source-note a{display:none}.workspace{display:block}.detail-panel{position:static;margin-top:24px;break-inside:avoid}.diagram-surface{box-shadow:none}.context{break-inside:avoid}.transcript{display:block}.node{break-inside:avoid}.property-plan{display:block;width:350px}footer{font-size:14px}}

.brand>svg [fill="#f5f0e5"]{fill:var(--ink)}

.node[aria-pressed=true] .node-id{color:var(--ink)}

/* Keep colors stable through a theme change so contrast never passes through an unreadable intermediate color. */
button{transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
:root[data-brand="3p"][data-theme=light] .node-id{color:var(--ink)}
:root[data-brand="3p"][data-theme=light] .primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}
:root[data-brand=tc][data-theme=light] .brand>svg path[stroke="#f5f0e5"]{stroke:var(--ink)}
@media(min-width:701px) and (max-width:1050px){.workspace{grid-template-columns:1fr}.detail-panel{position:static}.property-columns{grid-template-columns:minmax(350px,1fr) minmax(220px,.8fr)}.office-buttons{display:flex}}
a.primary{display:inline-block;border:1px solid var(--accent);border-radius:var(--radius);min-height:44px;font-size:14px;font-weight:600;text-decoration:none;line-height:1.55}
.brand>img{width:40px;height:40px;flex:none}.sample-back{display:block;font-size:14px;line-height:1.5;margin:-4px 0 12px}.tc-lockup{width:88px;height:24px}.tc-lockup-wrap{display:inline-flex;align-items:center;gap:12px}:root:not([data-theme=dark]) .brand>img,:root:not([data-theme=dark]) .tc-lockup{filter:brightness(.25)}@media(max-width:700px){.brand>img{width:34px;height:34px}}