/* Additive Portable Trust evidence views; flexible text, bounded canvases, no autoplay. */
.telemetry-intro,.tm-phase{margin:20px 0;padding:20px 22px;border:1px solid #827992;border-left:4px solid #5031bf;border-radius:8px;background:#f7f6fb;color:#302d43;overflow-wrap:anywhere}
.telemetry-intro h2,.tm-phase h3{margin:8px 0 12px;color:#211a30}.tm-phase p,.telemetry-intro p{line-height:1.5;margin:10px 0}.tm-note{font-size:13px;line-height:1.5!important;color:#4d4963}.tm-code{font:13px/1.6 'IBM Plex Mono',ui-monospace,monospace;white-space:normal;overflow-wrap:anywhere;background:#ece9f6;padding:12px;border-radius:5px}.tm-component,.tm-desk{margin:16px 0;border:1px solid #827992;border-radius:7px;padding:12px 16px;background:white;color:#302d43}.tm-component summary,.tm-desk summary,.tm-rules summary{min-height:44px;cursor:pointer;font-weight:600;color:#5031bf;display:list-item;padding:10px 0;line-height:1.4}.tm-component section{margin-top:12px}.tm-component h3{font-size:15px!important}.tm-links,.tm-sources{display:flex;gap:8px 14px;flex-wrap:wrap;margin-top:14px}.tm-links a,.tm-sources a{color:#5031bf;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.tm-sources{border-top:1px solid #b5adca;padding-top:12px}.tm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.tm-tile{padding:18px;border:1px solid #827992;border-radius:8px;background:white;min-width:0}.tm-tile h3{font-size:18px;margin-top:0}.tm-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.tm-actions button{min-height:44px;background:white;color:#5031bf;border:1px solid #5031bf;border-radius:5px;padding:10px 16px;font:600 14px 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer}.tm-actions button[aria-pressed=true]{background:#efebff;border-width:2px}.tm-example{border-left:3px solid #17603f;padding:14px 18px;background:#f7f6fb}.tm-example dl{display:grid;gap:4px;margin:10px 0}.tm-example dl>div{display:grid;grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);gap:12px;padding:5px 0;border-bottom:1px solid #ddd9ec}.tm-example dt{font:13px/1.5 ui-monospace,monospace;color:#211a30}.tm-example dd{margin:0;overflow-wrap:anywhere}.tm-rules details{border-top:1px solid #b5adca;padding:8px 0}.tm-rules p{line-height:1.55}.tm-document{max-width:1180px;margin:auto;padding:32px 24px 60px}.tm-document h1{max-width:850px}.tm-document .lead{max-width:80ch}.tm-document-nav{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.tm-document-nav a{border:1px solid #827992;padding:12px;border-radius:5px;background:white}.tm-document table{border-collapse:collapse;width:100%;font-size:15px}.tm-document th,.tm-document td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid #b5adca}.tm-document th{background:#efebff}.tm-document .table-scroll{overflow:auto}.tm-document .table-scroll table{min-width:680px}.tm-document a{color:#5031bf}.eco-svg{aspect-ratio:1820/1800;min-width:1640px}.eco-meta{font-size:11px;fill:#4d4963}.eco-node rect{stroke:#827992}.eco-inner-ring{stroke:#c0b8d4}.eco-scroll{max-height:78vh}.eco-guide-mode .eco-scroll{display:none}.eco-component-guide .eco-guide-button{min-height:74px}.eco-step-navigation{display:flex;justify-content:flex-end}.wf-phase small{white-space:normal}.tm-document h2{margin-top:32px;line-height:1.2}.tm-document h3{line-height:1.3}.tm-document .source-note{font-size:14px;color:#4d4963;line-height:1.5}
@media(max-width:700px){.tm-grid{grid-template-columns:1fr}.tm-phase,.tm-component,.tm-desk{padding:14px}.tm-document{padding:24px 17px}.tm-example dl>div{grid-template-columns:1fr;gap:3px}.tm-actions button{flex:1 1 140px}.telemetry-intro{padding:16px}.eco-scroll{max-height:70vh}}
@media(prefers-reduced-motion:reduce){.tm-phase *{scroll-behavior:auto!important}}
@media print{.tm-actions,.tm-document-nav{display:none}.tm-document{padding:0}.tm-grid{display:block}.tm-tile{break-inside:avoid}.eco-scroll{max-height:none}.eco-svg{min-width:0}}

/* Explicit zoom preserves the overview and offers legible internal panning. */
.ecosystem-section.eco-readable .eco-scroll{display:block;overflow:auto;max-height:72vh}
.ecosystem-section.eco-readable .eco-scroll svg{width:1640px!important;min-width:1640px!important;max-width:none!important;max-height:none!important;height:auto!important}
.ecosystem-section.eco-guide-mode .eco-scroll{display:none}