:root{--paper:#f7f5ee;--ink:#213e3a;--muted:#596d65;--line:#ccd6cb;--teal:#176b60;--orange:#9b572c;--pale:#eaf0e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{max-width:1360px;margin:auto;padding:24px;background:var(--paper);color:var(--ink);font:15px/1.6 Inter,system-ui,sans-serif}body>*+*{margin-top:0}a{color:var(--teal);text-underline-offset:3px}button,select,.file-button{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:5px;padding:9px 13px}button:hover,.file-button:hover{border-color:var(--teal);background:#edf3ed}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,.node:focus-visible{outline:3px solid #b97633;outline-offset:3px}button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}h1,h2,h3{font-family:Georgia,serif;letter-spacing:-.025em}h1{display:block;border:0;font-size:clamp(35px,4.7vw,61px);font-weight:400;line-height:1.1;margin:10px 0 20px;padding:0}h2{font-size:25px;font-weight:400;line-height:1.2;margin:5px 0 12px}h3{font-size:22px;font-weight:400;margin:22px 0 8px}p{margin:8px 0 14px}.topbar{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 16px;font-size:13px}.intro{display:grid;grid-template-columns:1fr 200px;align-items:center;gap:35px;margin:28px 0}.lede{font-size:18px;max-width:790px;line-height:1.55}.bridge{font-size:14px;color:var(--muted);max-width:730px}.stamp{width:100%;height:auto}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600;color:var(--teal);margin:0 0 8px}.presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:24px 0 18px}.presets button{text-align:left;line-height:1.35;padding:13px 10px}.presets span{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:5px;opacity:.7}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding:14px 0;border-top:1px solid var(--line);font-size:13px}.controls label:not(.check){display:flex;flex-direction:column;gap:4px}.controls select{padding:7px 9px;font-size:13px}.check{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.check input{accent-color:var(--teal);width:17px;height:17px;margin:0;flex-shrink:0}.takeaway{padding:16px 21px;background:var(--pale);border-left:4px solid var(--teal);margin:10px 0 16px;font-size:16px}.takeaway p{margin:0}.takeaway .sub{font-size:13px;margin-top:4px;color:var(--muted)}.view-head{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:10px}.view-head p{margin:0}.paired-views{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start}.tree-panel,.network-panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.tree-panel header,.network-panel header{padding:20px 20px 6px}.paired-views header p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:10px}.package{border-top:1px solid var(--line);margin:14px 14px 0;padding:12px 0}.package h3{font:600 12px/1.5 Inter,system-ui,sans-serif;letter-spacing:0;margin:0 0 8px;display:flex;align-items:center;gap:8px}.swatch{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.package ul{list-style:none;margin:0;padding:0 0 0 10px;border-left:1px solid var(--line)}.package li{margin:5px 0}.work-item{display:block;padding:8px 10px;width:100%;text-align:left;font-size:12px;line-height:1.4;border-color:transparent;border-radius:3px;background:#f6f8f5}.work-item small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.work-item[aria-pressed=true] small{color:#d5e3db}.legend{display:flex;gap:17px;flex-wrap:wrap;font-size:10px;color:var(--muted);padding:0 20px 14px}.legend span:before{content:'';display:inline-block;vertical-align:middle;width:20px;margin-right:5px;border-top:2px solid var(--teal)}.legend .structural:before{border-top:1px dashed #8b9b91}.legend .release:before{border-color:var(--orange)}.network-scroll{overflow:auto;max-width:100%;padding:0 10px 12px;overscroll-behavior-x:contain}.network-scroll svg{display:block;min-width:850px;width:100%;height:auto}.node{cursor:pointer}.node rect{transition:fill .12s,stroke .12s}.node:hover rect,.node:focus rect{stroke-width:2.5}.node.selected rect{stroke:#b97633;stroke-width:3}.edge{fill:none;stroke:var(--teal);stroke-width:1.5;opacity:.7}.edge.structural{stroke:#8b9b91;stroke-dasharray:4 4;stroke-width:1}.edge.release{stroke:var(--orange);stroke-width:2}.edge.redundant{stroke:#a6aaa0;stroke-dasharray:2 5;opacity:.4}.selection{margin-top:15px;background:white;border:1px solid var(--line);border-radius:5px;padding:18px 22px;font-size:14px;min-height:92px}.selection h3{margin:0 0 6px;font-size:22px}.selection p{margin:4px 0}.selection .muted{color:var(--muted);font-size:12px}.comparison{padding:24px;background:#f0e9db;border:1px solid #d8c7ad;border-radius:5px;margin:22px 0}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison-grid article{padding:15px;background:#fffcf6;border:1px solid #decfb9;border-radius:4px}.comparison strong.number{display:block;font:36px Georgia,serif;color:var(--ink)}.comparison article p{font-size:13px}.witness{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:11px;margin:12px 0}.witness span{background:#fff;padding:5px 8px;border:1px solid var(--line);border-radius:3px}.witness .highlight{background:#f3cfa7;border-color:#b6763e}.inspect,.method{border-top:1px solid var(--line);padding:18px 0;margin-top:24px}.inspect summary,.method summary{cursor:pointer;font-size:15px;font-weight:600}.reading{max-width:800px;margin:25px auto;font-size:15px}.reading h2{font-size:30px}.checks{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.checks li{background:var(--pale);padding:10px}.checks li.failed{background:#fde1d9}.connection-list{list-style:none;padding:0;max-height:390px;overflow:auto}.connection-list li{border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.connection-list small{display:block;color:var(--muted);font-size:11px}.connection-list .implied{color:var(--orange)}.save{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:20px 0;font-size:12px}.save button,.file-button{padding:8px 11px;font-size:12px}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.file-button:focus-within{outline:3px solid #b97633}.save span{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:12px;color:var(--muted)}[hidden]{display:none!important}.skip{position:absolute;left:12px;top:-70px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}#trial{scroll-margin-top:10px}@media(max-width:1050px){.presets{grid-template-columns:repeat(3,1fr)}.paired-views{grid-template-columns:235px minmax(0,1fr)}.intro{grid-template-columns:1fr 150px}}@media(max-width:720px){body{padding:18px}.intro{grid-template-columns:1fr 90px;gap:12px;margin:24px 0}.intro h1{font-size:36px}.lede{font-size:16px}.bridge{font-size:12px}.stamp{align-self:start;margin-top:28px}.presets{grid-template-columns:repeat(2,1fr)}.controls{gap:12px 16px}.paired-views{grid-template-columns:1fr}.tree-panel #tree{display:grid;grid-template-columns:1fr 1fr}.package{margin:8px;padding:10px 0}.view-head{align-items:start;flex-direction:column}.comparison-grid,.checks{grid-template-columns:1fr}.network-scroll svg{min-width:850px}.topbar{gap:12px 20px}.comparison{padding:18px}.save{align-items:stretch}h1{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.mobile-note{display:none}@media(max-width:720px){.mobile-note{display:block}}