.cross-representation-page{--xri-border:color-mix(in srgb,currentColor 24%,transparent);--xri-panel:color-mix(in srgb,#101820 90%,#b88736 10%)}
.xri-hero{padding-block:clamp(2rem,5vw,4rem)}.xri-hero h1{max-width:22ch;font-size:clamp(2rem,5vw,4.2rem);line-height:1.02;margin:.3rem 0 1rem}.xri-hero .lead{max-width:80ch}.boundary,.network-boundary{border-inline-start:.3rem solid #b88736;padding:1rem 1.2rem;background:var(--xri-panel);max-width:92ch}.xri-grid{display:grid;grid-template-columns:minmax(16rem,.75fr) minmax(0,1.55fr);gap:1rem;align-items:start}.panel{border:1px solid var(--xri-border);padding:clamp(1rem,2vw,1.5rem);background:var(--xri-panel)}.controls{display:grid;gap:.7rem}.controls select,.controls button{min-height:2.75rem;font:inherit}.button-row{display:flex;flex-wrap:wrap;gap:.6rem}.button-row button{padding:.65rem 1rem}.result-panel pre{max-height:32rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--xri-border);padding:1rem;background:#071014}.summary{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.4rem 1rem}.summary dd{margin:0;min-width:0;overflow-wrap:anywhere}.table-scroll{overflow:auto;border:1px solid var(--xri-border);max-width:100%}table{width:100%;border-collapse:collapse;min-width:48rem}th,td{text-align:left;vertical-align:top;padding:.7rem;border-bottom:1px solid var(--xri-border);overflow-wrap:anywhere}code{overflow-wrap:anywhere}.network-boundary a{white-space:nowrap}@media(max-width:760px){.xri-grid{grid-template-columns:1fr}.button-row{display:grid}.button-row button{width:100%}table{min-width:42rem}}@media(max-width:360px){.xri-hero h1{font-size:1.85rem}.panel{padding:.8rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(forced-colors:active){.panel,.boundary,.table-scroll{border:1px solid CanvasText;background:Canvas}.boundary{border-inline-start-width:.35rem}.controls button{border:1px solid ButtonText}}