:root{color-scheme:light;--paper:#f7f6ef;--ink:#273e38;--muted:#62716a;--line:#d4dccd;--green:#dceade;--ochre:#f2dfb6;--accent:#8b5524}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,sans-serif}header,main,footer{max-width:1320px;margin:auto;padding:28px 34px}header{padding-bottom:14px}a{color:#365e54;text-underline-offset:3px}h1{font:clamp(2.2rem,5vw,3.7rem)/1.1 Georgia,serif;margin:8px 0 14px;letter-spacing:-.025em}h2{font:1.5rem/1.2 Georgia,serif;margin:5px 0}h3{font-size:1.03rem;margin-top:0}.lead{font-size:1.15rem;margin-bottom:0}.eyebrow{font-size:.71rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 7px}.back{display:inline-block;font-size:.85rem;margin-bottom:24px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:10}main{padding-top:14px}.controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap}label{font-size:.85rem;display:block}select,button,textarea,input{font:inherit}select,button,.file{border:1px solid #aab9a6;border-radius:5px;background:#fffef9;color:var(--ink);padding:9px 12px}select{display:block;width:100%;margin-top:5px;min-width:200px;max-width:100%}button,.file{cursor:pointer;min-height:40px}button:hover{background:#edf1e7}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #be761e;outline-offset:3px}button[aria-pressed=true]{background:var(--ink);color:white}.context{font-size:.93rem;color:var(--muted);margin:18px 0}.views{display:grid;grid-template-columns:1fr 1fr;gap:18px}.graph-panel{border:1px solid var(--line);background:#fffef9;border-radius:9px;min-width:0;overflow:hidden;position:relative}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 12px;gap:12px}.count{font-size:.75rem;color:var(--muted);max-width:150px;text-align:right}.switch{display:flex;gap:5px;position:relative;margin:0 20px;z-index:1}.switch button{font-size:.8rem;min-height:34px;padding:6px 11px}.graph{height:285px;padding-top:6px;touch-action:none}.graph svg{width:100%;height:100%;overflow:visible}.graph .node{cursor:grab}.graph .node rect{fill:var(--green);stroke:#839b8e;stroke-width:1.5}.graph .node.relation rect{fill:var(--ochre);stroke:#b59461}.graph .node.selected rect{stroke:#8b4d12;stroke-width:4}.graph .node text{fill:var(--ink);font-family:system-ui,sans-serif;pointer-events:none}.graph .edge{fill:none;stroke:#91a197;stroke-width:2}.graph .edge.selected{stroke:var(--accent);stroke-width:4}.graph .hit{stroke:transparent;stroke-width:18;fill:none;cursor:pointer}.graph .edge-label{fill:var(--muted);font:11px system-ui;paint-order:stroke;stroke:#fffef9;stroke-width:5px;pointer-events:none}.graph-tools{display:flex;gap:5px;padding:8px 16px;align-items:center;border-top:1px solid #e5e8df}.graph-tools span{font-size:.72rem;color:var(--muted);margin-right:auto}.graph-tools button{font-size:.78rem;min-height:32px;padding:3px 9px}.caption{padding:0 20px 16px;min-height:64px;font-size:.86rem;margin:8px 0 0}.reading{border-left:3px solid #c49a57;padding:5px 22px;margin:28px 0 36px;max-width:970px}.reading p{margin:9px 0}.reading h2{font-size:1.32rem}.relations{display:flex;gap:8px;flex-wrap:wrap}.relations button{font-size:.82rem}.small{font-size:.83rem;color:var(--muted)}details{border-top:1px solid var(--line);padding:0}summary{font-weight:550;padding:17px 0;cursor:pointer}.detail-body{padding:6px 0 24px;max-width:1040px}.detail-body p{max-width:90ch}.explanations{display:grid;grid-template-columns:1fr 1fr;gap:35px}.explanations article{min-width:0}code{background:#edece2;padding:4px 8px;border-radius:3px}.table-wrap{overflow:auto;margin:14px 0 24px}table{border-collapse:collapse;width:100%;font-size:.87rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px 14px 9px 0}th{color:var(--muted)}textarea{width:100%;padding:12px;margin:8px 0;border:1px solid #aab9a6;background:#fffef9;border-radius:5px;font:13px/1.5 monospace}.actions{display:flex;gap:9px;flex-wrap:wrap}.file{display:flex;gap:10px;align-items:center}.file input{font-size:.76rem;max-width:240px}footer{font-size:.8rem;border-top:1px solid var(--line);color:var(--muted);margin-top:25px;padding-top:20px;padding-bottom:40px}#message{min-height:1.5em}#message.error{color:#9b3025}@media(max-width:800px){header,main,footer{padding-left:18px;padding-right:18px}.views,.explanations{grid-template-columns:1fr}.graph{height:330px}.controls{align-items:stretch}.controls label{flex:1;min-width:0;width:100%}select{min-width:0}.controls label:nth-child(2){flex-basis:100%}.reading{padding-left:15px}.file{flex-wrap:wrap;max-width:100%}.count{max-width:130px}.back{margin-bottom:20px}}

.views.keep-tasks{grid-template-columns:1fr}.views.keep-tasks .graph{height:270px}.views.keep-tasks #originalGraph{height:210px}