@charset "UTF-8";
/* Optional model panels inherit the existing layout; all accents are neutral. */
.advanced { --advanced-line:#414141; --advanced-muted:#bcbcbc; --advanced-surface:#202020; color:var(--text,#f1f1f1); }
details.advanced { margin-block:1.2rem; border:1px solid var(--advanced-line); border-radius:8px; background:var(--advanced-surface); padding:1rem 1.2rem; min-width:0; }
details.advanced > summary { cursor:pointer; font-weight:650; line-height:1.5; padding:.25rem 0; }
details.advanced[open] > summary { margin-bottom:1rem; }
.advanced p { max-width:85ch; }
.advanced .muted,.advanced small { color:var(--advanced-muted); }
.advanced label { display:block; margin-block:.8rem; }
.advanced label small { display:block; margin-top:.4rem; font-size:.8rem; font-weight:400; line-height:1.5; }
.advanced input:not([type=checkbox]),.advanced select { width:100%; min-width:0; margin-top:.4rem; }
.advanced .check { display:flex; align-items:flex-start; gap:.65rem; font-weight:550; }
.advanced .check input { width:1.1rem; height:1.1rem; flex:none; margin:.25rem 0 0; accent-color:#eee; }
.advanced .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 1rem; }
#advancedModelControls .form-grid { grid-template-columns:1fr; }
.advanced fieldset { min-width:0; margin:1.25rem 0; border:1px solid var(--advanced-line); padding:.8rem 1rem; border-radius:6px; }
.advanced legend { padding:0 .4rem; font-weight:650; font-size:.95rem; }
.advanced table { font-variant-numeric:tabular-nums; }
.advanced caption { text-align:left; white-space:normal; color:var(--advanced-muted); font-size:.85rem; padding:.8rem 0; }
.advanced th { white-space:normal; }
.advanced .table-wrap { max-width:100%; max-height:28rem; overflow:auto; overscroll-behavior:contain; }
.advanced .table-wrap thead th { position:sticky; top:0; background:var(--advanced-surface); z-index:1; }
.advanced .person-button { text-align:left; white-space:normal; }
.advanced .subline { display:block; }
.advanced-definitions { display:grid; grid-template-columns:minmax(160px,1fr) 3fr; gap:.65rem 1.2rem; margin:1.2rem 0; }
.advanced-definitions dt { font-weight:600; }
.advanced-definitions dd { margin:0; color:var(--advanced-muted); }
.advanced-graph { max-width:100%; overflow:auto; max-height:620px; border-radius:6px; background:#181818; scrollbar-color:#777 #181818; }
.advanced-graph:not(:empty) { border:1px solid var(--advanced-line); margin-block:1rem; }
.advanced-graph svg { display:block; max-width:none; flex:none; }
.advanced-edge { stroke:#858585; opacity:.65; }
.advanced-node { cursor:pointer; outline:none; }
.advanced-node circle { fill:#ddd; stroke:#181818; stroke-width:2; }
.advanced-node text { fill:#161616; font:600 11px "Segoe UI",Arial,sans-serif; pointer-events:none; }
.advanced-node text.advanced-node-id { fill:#ddd; font-size:11px; font-weight:400; }
.advanced-node:hover circle { fill:white; stroke:#aaa; stroke-width:3; }
.advanced-node:focus-visible circle { fill:white; stroke:white; stroke-width:6; stroke-dasharray:3 2; }
.advanced-node:focus-visible text.advanced-node-id { fill:white; font-weight:700; text-decoration:underline; }
.advanced :is(button,input,select,summary):focus-visible { outline:3px solid #fff; outline-offset:4px; }
#advancedProfile { border-top:1px solid var(--advanced-line); margin-top:1.8rem; padding-top:1.25rem; }
#advancedProfile h3 { margin-top:1.8rem; }
#advancedProfile h3:first-child { margin-top:0; }
#advancedProfile .table-wrap { margin-block:.7rem 1.1rem; }
#advancedEdgeDetails { margin-top:1rem; }
#dynamicExampleButton { background:#272727; border-color:#555; color:#f1f1f1; }
#dynamicExampleButton:hover:not(:disabled) { background:#3a3a3a; }
@media(max-width:680px) {
  details.advanced { padding:.85rem; }
  .advanced .form-grid,.advanced-definitions { grid-template-columns:1fr; }
  .advanced-definitions { gap:.3rem; }
  .advanced-definitions dd { margin-bottom:.8rem; }
  .advanced fieldset { padding:.65rem; }
  .advanced-graph { max-height:440px; }
  #dynamicExampleButton { white-space:normal; }
}
@media(prefers-reduced-motion:reduce) {
  .advanced *,#dynamicExampleButton { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@media(forced-colors:active) {
  .advanced-node circle { fill:ButtonFace; stroke:ButtonText; }
  .advanced-node text,.advanced-node text.advanced-node-id { fill:ButtonText; }
  .advanced-edge { stroke:CanvasText; }
  .advanced-node:focus-visible circle { stroke:Highlight; }
}
@media print {
  .advanced { --advanced-line:#aaa; --advanced-muted:#333; --advanced-surface:white; color:black; }
  .advanced .table-wrap { overflow:visible; max-height:none; }
  .advanced-graph { background:white; overflow:visible; max-height:none; }
  .advanced-node circle { fill:white; stroke:black; }
  .advanced-node text,.advanced-node text.advanced-node-id { fill:black; }
}
