/* Scope to new navigation / snapshot UI. Existing graph and DYAD layout unchanged. */
a.ea-dyad-nav-link{white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px}
header>a.ea-dyad-nav-link{font:500 11px var(--mono,ui-monospace,monospace);padding:7px 10px;border:1px solid var(--hair,#d7c9ad);border-radius:7px;color:var(--muted,#765b3a);background:var(--panel,#fffaf0)}
header>a.ea-dyad-nav-link:hover{color:var(--text,#231a0d);border-color:var(--dark,#a16207)}
.dyad-home-navigation{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.76rem;opacity:.85;margin:0 0 12px}
.dyad-home-navigation a{color:inherit;text-decoration:none}.dyad-home-navigation a:hover{text-decoration:underline}
.dyad-graph-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0}
a.dyad-graph-link,.dyad-graph-download{font:inherit;font-size:.74rem;line-height:1.4;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid currentColor;border-radius:4px;color:inherit;background:transparent;text-decoration:none;opacity:.65;cursor:pointer}
a.dyad-graph-link:hover,.dyad-graph-download:hover{opacity:1}
a.dyad-graph-link:focus-visible,.dyad-graph-download:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.dyad-graph-link-error{font-size:.75rem;max-width:65ch;color:var(--muted,inherit)}
.dyad-snapshot-panel{flex:0 0 auto;max-height:39vh;overflow:auto;background:var(--panel,#fffaf0);color:var(--text,#231a0d);border-bottom:1px solid var(--hair,#d7c9ad);padding:10px 18px;line-height:1.4;font-family:var(--sans,system-ui,sans-serif);scrollbar-width:thin}
.dyad-snapshot-panel[hidden]{display:none}
.dyad-snapshot-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}
.dyad-snapshot-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.dyad-snapshot-button{font:inherit;font-size:11px;line-height:1.3;padding:4px 7px;min-height:26px;border:1px solid var(--hair,#d7c9ad);border-radius:5px;color:var(--muted,#765b3a);background:var(--panel,#fffaf0);cursor:pointer}
.dyad-snapshot-button:hover{border-color:var(--dark,#a16207);color:var(--text,#231a0d)}
.dyad-snapshot-button:focus-visible{outline:2px solid var(--dark,#a16207);outline-offset:2px}
.dyad-snapshot-close{font-size:20px;line-height:1;width:28px;min-height:28px;padding:1px;border:0}
.dyad-snapshot-goal,.dyad-snapshot-metric{font-family:var(--mono,ui-monospace,monospace);font-size:10px;color:var(--muted,#765b3a)}
.dyad-snapshot-goal{margin:4px 0 6px}
.dyad-snapshot-routes{display:flex;flex-direction:column;gap:5px}
.dyad-snapshot-route-row{display:flex;align-items:center;column-gap:10px;row-gap:3px;flex-wrap:wrap;font-size:11px}
.dyad-route-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;min-width:200px}
.dyad-route-toggle input,.dyad-snapshot-low-controls input{accent-color:var(--dark,#a16207);vertical-align:middle;flex:none}
.dyad-line-key{display:inline-block;width:27px;border-top:3px solid #196b95;flex:none}
.dyad-line-key.reference{border-top-color:#bd5917;border-top-style:dashed}
.dyad-snapshot-chain{display:flex;flex-wrap:wrap;align-items:center;gap:2px;flex-basis:100%;padding-left:23px;line-height:1.4}
.dyad-node-link{border:0;padding:0 2px;font-size:11px;min-height:18px;background:none;color:inherit}
.dyad-path-separator{color:var(--faint,#a1875a)}
.dyad-snapshot-small{font-size:10.5px;color:var(--muted,#765b3a);margin:5px 0}
.dyad-snapshot-warning{font-size:11px;color:#8a3215;margin:5px 0}
.dyad-snapshot-low-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:5px;font-size:10.5px;color:var(--muted,#765b3a)}
.dyad-snapshot-details{margin-top:5px;font-size:11px}.dyad-snapshot-details summary{cursor:pointer;color:var(--muted,#765b3a)}
.dyad-snapshot-detail-body{padding:8px 1px;max-width:105ch}.dyad-snapshot-detail-body h4{font-size:11px;margin:6px 0 3px}
.dyad-snapshot-quote{white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0 8px;font-size:12px}
#graph .dyad-muted-node{opacity:.18}#graph .dyad-muted-edge{opacity:.09}
#graph .dyad-route-base-label{visibility:hidden}
#graph .dyad-snapshot-edge.actual{stroke:#196b95;stroke-width:5.5;stroke-opacity:.95;fill:none}
#graph .dyad-snapshot-edge.reference{stroke:#bd5917;stroke-width:3.2;stroke-dasharray:8 5;stroke-opacity:1;fill:none}
#graph .dyad-marker-bg{opacity:.94;stroke:none}
#graph .dyad-marker-actual{fill:none;stroke:#196b95;stroke-width:2.6;vector-effect:non-scaling-stroke}
#graph .dyad-marker-reference{fill:none;stroke:#bd5917;stroke-width:2.3;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}
#graph .dyad-marker-n{fill:none;stroke:#766198;stroke-width:1.4;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}
#graph .dyad-marker-goal{fill:none;stroke:#372519;stroke-width:2.6;vector-effect:non-scaling-stroke}
#graph .dyad-snapshot-node-label{font:600 13px var(--serif,Georgia,serif);fill:var(--text,#231a0d);paint-order:stroke;stroke:var(--bg,#faf4e8);stroke-width:3.5;stroke-linejoin:round}
#graph .dyad-snapshot-node-role{font:9px var(--mono,monospace);fill:#765b3a;paint-order:stroke;stroke:var(--bg,#faf4e8);stroke-width:3}
@media(max-width:720px){
 header>a.ea-dyad-nav-link{font-size:10px;padding:5px 7px;min-height:27px;order:2}
 .dyad-snapshot-panel{max-height:42vh;padding:7px 10px}
 .dyad-snapshot-header{font-size:11px;gap:5px}
 .dyad-snapshot-actions{gap:4px}.dyad-snapshot-button{font-size:10px}
 .dyad-snapshot-route-row{font-size:10px}.dyad-route-toggle{min-width:0}
 .dyad-snapshot-chain{padding-left:3px;gap:1px}
 .dyad-snapshot-low-controls{gap:7px}.dyad-home-navigation{gap:9px}
}
@media(prefers-reduced-motion:reduce){.dyad-snapshot-panel *{scroll-behavior:auto}}

/* Keep route diagnostics compact despite the site's global button sizing rules. */
.dyad-snapshot-panel .dyad-snapshot-button{font-size:11px!important;min-height:26px!important;padding:4px 7px!important}
.dyad-snapshot-panel .dyad-node-link{min-height:18px!important;padding:0 2px!important}
.dyad-snapshot-panel .dyad-snapshot-close{font-size:20px!important;width:28px!important;padding:1px!important}
@media(max-width:720px){
 .dyad-snapshot-routes .dyad-snapshot-chain{display:none}
 .dyad-snapshot-panel>.dyad-snapshot-small{display:none}
 .dyad-snapshot-panel{max-height:34vh}
 .dyad-snapshot-panel .dyad-snapshot-button{font-size:10px!important}
 .dyad-snapshot-routes{gap:5px}
}