:root{color-scheme:light dark;--bg:#f5f4ee;--surface:#fffef9;--ink:#27342c;--muted:#59665c;--line:#d6ddd1;--accent:#27634c;--selected:#e1eddf;--errorbg:#f4ead7;--errorink:#735321}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,sans-serif}main{max-width:1140px;margin:auto;padding:30px 28px}h1{font:500 32px/1.2 Georgia,serif;margin:0 0 8px}.intro{margin:0 0 26px;color:var(--muted)}.headings,#map{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:170px}.headings h2{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px;color:var(--accent)}small{color:var(--muted);margin-left:8px}#map{position:relative}.column{display:flex;flex-direction:column;gap:8px;z-index:1;min-width:0}#capabilities{justify-content:space-between}.node{font:inherit;text-align:left;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:11px 14px;width:100%;cursor:pointer;transition:opacity .15s}.name{display:block;font-weight:650}.description{display:block;font-size:12px;color:var(--muted);margin-top:3px}.node:hover,.node.related{border-color:var(--accent)}.node.selected{background:var(--selected);border-color:var(--accent)}.node.dim{opacity:.55}.node:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#connections{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;overflow:visible}path{fill:none;stroke:var(--accent);stroke-width:1.2;opacity:.22}path.active{stroke-width:2.5;opacity:.9}path.dim{opacity:.055}#selection{margin-top:22px;min-height:94px;border-top:1px solid var(--line);padding:18px 0;color:var(--muted)}#selection strong{color:var(--ink)}p{margin:0}#selection p{margin-top:5px}footer{border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:12px}footer p,details{margin-bottom:9px}summary{cursor:pointer;color:var(--ink)}a{color:var(--accent)}#error{background:var(--errorbg);color:var(--errorink);padding:15px;margin-bottom:20px}@media(prefers-color-scheme:dark){:root{--bg:#19221d;--surface:#222e26;--ink:#eff3ea;--muted:#b4c2b6;--line:#415247;--accent:#a0d6b5;--selected:#344b3c;--errorbg:#3c3427;--errorink:#eed1a0}}@media(max-width:650px){main{padding:24px 14px}h1{font-size:26px}.headings,#map{column-gap:48px}.headings h2{font-size:10px;letter-spacing:.5px}.node{padding:9px 8px}.name{font-size:12px}.description{font-size:10px}.column{gap:7px}.intro{font-size:13px}}