
/* V0.409 reference-explorer augmentation. Keeps V0.291 learning engine intact. */
.pt409-referencebar{display:flex;gap:.55rem;align-items:end;flex-wrap:wrap;margin:.7rem 0;padding:.7rem;border:1px solid var(--line,#d7dce4);border-radius:16px;background:color-mix(in srgb,#fff 94%,#e8edf6)}
.pt409-referencebar label{display:grid;gap:.2rem;font-size:.78rem;font-weight:700;min-width:155px}.pt409-referencebar select,.pt409-referencebar input{min-height:38px;border:1px solid #c8cfda;border-radius:10px;background:#fff;padding:.45rem .55rem;font:inherit}.pt409-toggle{display:flex;gap:.3rem}.pt409-toggle button,.pt409-referencebar>button{min-height:38px;border:1px solid #c8cfda;border-radius:10px;background:#fff;padding:.45rem .72rem;font-weight:800}.pt409-toggle button.active{background:#111827;color:#fff;border-color:#111827}.pt409-key{font-size:.74rem;color:#5c6678;flex:1 1 240px;align-self:center}.pt409-cell-value{display:block!important;font-size:.62rem!important;line-height:1.05!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.82}.pt291-cell.pt409-heat{background:color-mix(in srgb,var(--pt409-heat) var(--pt409-alpha),#fff)!important}.pt291-cell.pt409-filter-dim{opacity:.13!important;filter:grayscale(.55)}
.pt409-list{display:none;margin:.75rem 0 0;border:1px solid #d8dee8;border-radius:14px;overflow:auto;max-height:560px;background:#fff}.pt409-list.active{display:block}.pt409-list table{width:100%;border-collapse:collapse;min-width:900px;font-size:.82rem}.pt409-list th{position:sticky;top:0;background:#f4f6f9;z-index:2;text-align:left;padding:.55rem;border-bottom:1px solid #d8dee8}.pt409-list td{padding:.5rem .55rem;border-bottom:1px solid #edf0f4}.pt409-list tr{cursor:pointer}.pt409-list tr:hover,.pt409-list tr.selected{background:#eef4ff}.pt409-num{text-align:right;font-variant-numeric:tabular-nums}.pt409-detail-extra{margin-top:.8rem;padding-top:.8rem;border-top:1px solid #e1e5ec}.pt409-detail-extra h3{margin:.1rem 0 .55rem}.pt409-props{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.pt409-props div{border:1px solid #e3e7ee;border-radius:10px;padding:.45rem}.pt409-props small{display:block;color:#667085}.pt409-props strong{display:block;margin-top:.12rem;overflow-wrap:anywhere}.pt409-shells{display:flex;gap:.28rem;flex-wrap:wrap;margin:.5rem 0}.pt409-shells span{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:50%;border:1px solid #bac3d1;background:#f8fafc;font-size:.74rem;font-weight:800}.pt409-drawer-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.55rem}.pt409-drawer-actions button{border:1px solid #cbd2dc;background:#fff;border-radius:9px;padding:.4rem .55rem;font-weight:750}.pt409-trends{margin-top:.8rem;border:1px solid #d8dee8;border-radius:14px;background:#fff;padding:.7rem}.pt409-trends summary{cursor:pointer;font-weight:850}.pt409-chart{display:flex;align-items:end;gap:2px;height:160px;overflow-x:auto;padding:.55rem 0 .25rem}.pt409-bar{min-width:5px;flex:1;height:calc(var(--v)*1%);background:currentColor;opacity:.55;border-radius:3px 3px 0 0;position:relative}.pt409-bar:hover{opacity:1}.pt409-trendnote{font-size:.76rem;color:#667085}.pt409-source{font-size:.76rem;color:#667085;margin:.65rem 0 0}.pt409-hide-table .pt291-table-wrap{display:none}.pt409-hide-table .pt291-legend{display:none}
@media(max-width:700px){.pt409-referencebar{align-items:stretch}.pt409-referencebar label{min-width:calc(50% - .35rem);flex:1}.pt409-referencebar .pt409-key{flex-basis:100%}.pt409-props{grid-template-columns:1fr}.pt409-list{max-height:460px}.pt409-chart{height:120px}.pt409-toggle{width:100%}.pt409-toggle button{flex:1}}
@media print{.pt409-referencebar,.pt409-list,.pt409-trends,.pt409-drawer-actions{display:none!important}}
@media(max-width:600px){
  .pt291-header>div>p:not(.pt291-subtitle){display:none}
  .pt291-header{margin-bottom:8px}
  .pt291-header h1{margin-bottom:4px}
  .pt291-subtitle{font-size:.9rem;line-height:1.35;margin-bottom:4px}
  .pt291-modebar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;padding:2px 2px 5px;margin-bottom:8px;scroll-snap-type:x proximity}
  .pt291-modebar button{flex:0 0 122px;scroll-snap-align:start;padding:8px 10px}
  .pt409-referencebar{margin:.45rem 0;padding:.55rem}
}
