.tl-page{padding-top:34px;padding-bottom:64px}.tl-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted-foreground)}.tl-intro{margin:38px 0 30px}.tl-intro h1{margin:16px 0;font-size:var(--type-page-title);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:500}.tl-intro h1 span,.tl-intro>p:not(.eyebrow){color:var(--muted-foreground)}.tl-intro>p:not(.eyebrow){max-width:650px;font-size:16px;line-height:1.7}.tl-preview{padding:24px 32px 18px;border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--surface-highlight)}.tl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.tl-controls{display:flex;gap:6px}.tl-controls button{min-height:44px;padding:0 20px;border-bottom:2px solid transparent;color:var(--muted-foreground);font-size:13px;cursor:pointer;transition:background-color var(--motion-feedback),color var(--motion-feedback)}.tl-controls button[aria-pressed=true]{border-color:var(--accent);background:var(--surface-interactive);color:var(--foreground)}.tl-explanations,.tl-record-panels{display:grid;min-width:0}.tl-explanations>p,.tl-record-panel{grid-area:1/1;visibility:hidden}.tl-explanations>.is-selected,.tl-record-panels>.is-selected{visibility:visible}.tl-explanations{margin:15px 0 20px;color:var(--muted-foreground);font-size:13px;line-height:1.6}.tl-finding{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border-strong);background:var(--surface-raised)}.tl-finding p{color:var(--muted-foreground);font-size:12px;line-height:1.7}.tl-finding strong{color:var(--foreground);font-weight:500}.tl-hold-mark{color:var(--muted-foreground);font-family:var(--font-geist-mono)}.tl-example-tag{margin-left:auto;color:var(--subtle-foreground);font:10px/1.6 var(--font-geist-mono);white-space:nowrap}.tl-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 64px;position:relative;padding:44px 24px 22px}.tl-path-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:var(--diagram-node);stroke-width:1}.tl-path-layer [data-relationship=site]{stroke-dasharray:3 5}.tl-map-node{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:start;text-align:center;position:relative;min-width:0}.tl-node-icon{display:grid;place-items:center;width:80px;height:80px;border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:var(--radius-panel);flex-shrink:0;transition:border-color var(--motion-selection),background-color var(--motion-selection)}.tl-node-icon svg{width:48px;height:48px;stroke:var(--diagram-structure);stroke-width:1.15;stroke-linejoin:round;stroke-linecap:round}.tl-node-label{display:block;color:var(--muted-foreground);font:10px/1.6 var(--font-geist-mono);margin-bottom:5px}.tl-map-node strong{display:block;font-size:13px;font-weight:500;line-height:1.5}.tl-map-node small{display:block;margin-top:5px;color:var(--subtle-foreground);font-size:11px;line-height:1.6}.tl-node-records{grid-column:2;flex-direction:row;justify-content:center;text-align:left;padding-top:10px}.tl-node-records .tl-node-icon{width:52px;height:60px}.tl-node-records .tl-node-icon svg{width:36px;height:36px}.tl-preview[data-view="Site context"] .tl-node-site .tl-node-icon,.tl-preview[data-view=Handover] .tl-node-records .tl-node-icon,.tl-preview[data-view=Readiness] .tl-node-readiness .tl-node-icon{border-color:var(--muted-foreground);background:var(--surface-interactive)}.tl-preview[data-view="Site context"] .tl-node-site svg,.tl-preview[data-view=Handover] .tl-node-records svg,.tl-preview[data-view=Readiness] .tl-node-readiness svg{stroke:var(--foreground)}.tl-map figcaption{color:var(--subtle-foreground);text-align:center;font:10px/1.6 var(--font-geist-mono);margin:4px 0 24px}.tl-path-layer .tl-trace{stroke:var(--diagram-structure);stroke-dasharray:1;animation:tl-connect 2.4s linear both}.tl-path-layer .tl-signal{stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-dasharray:.045 .955;animation:tl-intro-signal 2.4s linear both,tl-signal-loop 3s linear 2.4s infinite}.tl-network .tl-signal,.tl-network .tl-trace{animation-play-state:paused}.tl-network[data-running=true][data-layout-ready=true] .tl-signal,.tl-network[data-running=true][data-layout-ready=true] .tl-trace{animation-play-state:running}.tl-record-panel{border-top:1px solid var(--border-strong);padding-top:18px}.tl-record-panel h2{font-size:15px;font-weight:500;margin-bottom:15px}.tl-record-panel dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tl-record-panel dt{color:var(--muted-foreground);font-size:11px}.tl-record-panel dd{margin-top:5px;font-size:13px;line-height:1.6}.tl-record-panel>p{margin-top:14px;color:var(--muted-foreground);font-size:12px;line-height:1.6}.tl-boundary{border-top:1px solid var(--border);padding-top:14px;margin-top:18px;color:var(--muted-foreground);font-size:11px;line-height:1.7}.tl-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 34px;padding:36px 0}.tl-capabilities h2{font-size:16px;font-weight:500;margin:10px 0}.tl-capabilities p{font-size:13px;line-height:1.7;color:var(--muted-foreground)}.tl-scope{grid-column:1/-1;border-top:1px solid var(--border)}.tl-scope summary{padding:16px 0;min-height:44px;cursor:pointer;color:var(--muted-foreground);font-size:12px}.tl-scope p{max-width:90ch;padding-bottom:4px}.tl-next{border-top:1px solid var(--border-strong);padding-top:25px}.tl-next nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.tl-next nav a{display:grid;gap:8px;padding-block:8px;min-height:44px}.tl-next .tl-back,.tl-next small{color:var(--muted-foreground);font-size:12px}.tl-next strong{font-size:19px;font-weight:500}.tl-next .tl-back{display:inline-flex;align-items:center}.tl-next>.button{margin-top:16px}.tl-page :is(button,a,summary):focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}@keyframes tl-connect{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes tl-intro-signal{0%{stroke-dashoffset:1;opacity:0}6%,94%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes tl-signal-loop{0%{stroke-dashoffset:1;opacity:0}6%,94%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@media (hover:hover) and (pointer:fine){.tl-controls button:hover{background:var(--surface-interactive);color:var(--foreground)}.tl-next nav a:hover,.tl-scope summary:hover{color:var(--foreground-strong)}}@media (max-width:1023px){.tl-network{gap:28px 32px;padding-inline:10px}.tl-node-records{grid-column:2/4;justify-content:start}}@media (max-width:767px){.tl-intro{margin-top:30px}.tl-preview{padding:18px 16px}.tl-toolbar{flex-wrap:wrap}.tl-controls{width:100%;gap:4px}.tl-controls button{flex:1;padding-inline:8px;font-size:12px;white-space:nowrap}.tl-finding{flex-wrap:wrap;gap:8px;padding:12px}.tl-finding p{flex:1}.tl-example-tag{margin-left:20px;flex-basis:100%}.tl-network{grid-template-columns:minmax(0,1fr);gap:32px;padding:24px 12px 28px 24px}.tl-map-node,.tl-node-records{flex-direction:row;align-items:center;text-align:left;justify-content:start;grid-column:auto;gap:14px;padding-top:0}.tl-node-icon,.tl-node-records .tl-node-icon{width:56px;height:64px}.tl-node-icon svg,.tl-node-records .tl-node-icon svg{width:38px;height:38px}.tl-map-node strong{font-size:12px}.tl-map-node small{font-size:10px}.tl-record-panel dl{grid-template-columns:minmax(0,1fr);gap:12px}.tl-record-panel dl>div{display:flex;justify-content:space-between;gap:16px}.tl-record-panel dd{text-align:right;margin-top:0;font-size:12px}.tl-record-panel dt{font-size:12px}.tl-capabilities{grid-template-columns:minmax(0,1fr)}.tl-next strong{font-size:17px}}@media (max-width:374px){.tl-preview{padding-inline:12px}.tl-network{padding-right:10px}.tl-map-node{gap:12px}}@media (prefers-reduced-motion:reduce){.tl-network .tl-signal,.tl-network .tl-trace{animation:none}.tl-path-layer .tl-trace{stroke-dashoffset:0}.tl-path-layer .tl-signal{display:none}}.tl-next a{min-height:44px;align-content:center}.tl-next strong{display:flex;align-items:center;gap:10px}.tl-next strong>span{flex:0 0 auto}@media (max-width:430px){.tl-next nav{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.tl-next nav a{padding:10px 8px;grid-column:auto}.tl-next strong{font-size:17px}}.tl-map figcaption{font-size:13px;line-height:1.6}