/* Help wiki (#/help) and Fixture tab (#/fixture). Tables and drawings scroll inside their card, never the page. */

.wk { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 1rem; align-items: start; }
.wk-side { position: sticky; top: 108px; max-height: calc(100vh - 120px); overflow: auto; min-width: 0;
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); padding: .75rem; }
.wk-search { font: inherit; width: 100%; min-height: 44px; padding: .5rem .7rem; border: 1px solid var(--line);
  border-radius: 8px; background: var(--panel-2); color: var(--text); }
.wk-count { font-size: .82rem; color: var(--muted); margin: .35rem 0 .5rem; min-height: 1.1em; }
.wk-menu-btn { display: none; width: 100%; justify-content: flex-start; text-align: left; }
.wk-nav-h { font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); margin: .9rem 0 .3rem; }
.wk-nav-h a { color: inherit; text-decoration: none; }
.wk-nav ul { list-style: none; margin: 0; padding: 0; }
.wk-nav li a { display: block; padding: .45rem .55rem; border-radius: 7px; color: var(--text); text-decoration: none;
  font-size: .93rem; line-height: 1.25; min-height: 36px; }
.wk-nav li a:hover { background: var(--panel-2); }
.wk-nav li a[aria-current=page] { background: var(--accent); color: var(--accent-ink); font-weight: 700; }
.wk-main { min-width: 0; }
.wk-page > * + *, .wk-results > * + *, .fx-cards > * + * { margin-top: .9rem; }
.wk-head h1 { margin: .15rem 0 .35rem; }
.wk-head p { margin: 0; }
.wk-crumb a { color: inherit; }
.wk-toc { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; }
.wk-toc a.chip { text-decoration: none; background: var(--panel-2); color: var(--text); border: 1px solid var(--line);
  white-space: normal; font-weight: 600; }
.wk-block { min-width: 0; }
.wk-block h2 { margin-bottom: .2rem; }
.wk-source { color: var(--muted); margin-bottom: .6rem; overflow-wrap: anywhere; }
.wk-block[data-verbatim="0"] .wk-source { color: var(--test); }
.wk-pager { margin-top: 1rem; }
.wk-pager a { max-width: 48%; white-space: normal; }
.wk-index-list { margin: 0; padding-left: 1.1rem; }
.wk-index-list li { margin: .35rem 0; }
.wk-hits { list-style: none; margin: 0; padding: 0; }
.wk-hits li { padding: .55rem 0; border-top: 1px solid var(--line); }
.wk-hits li:first-child { border-top: 0; }
.wk-hit-link { font-weight: 700; margin-right: .4rem; }
.wk-hit-n { background: var(--info-bg); color: var(--info-ink); }
.wk-snippet { margin-top: .2rem; overflow-wrap: anywhere; }
mark.wk-hit { background: #fde047; color: #1a1400; border-radius: 2px; padding: 0 1px; }
.wk-marked { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; justify-content: space-between; }

/* prose from the documents */
.wk-prose { min-width: 0; overflow-wrap: break-word; }
.wk-prose p { margin: .5rem 0; }
.wk-prose h3, .wk-prose h4, .wk-prose h5 { margin: 1rem 0 .4rem; }
.wk-prose h4 { font-size: 1rem; } .wk-prose h5 { font-size: .95rem; }
.wk-prose ul, .wk-prose ol { margin: .4rem 0; padding-left: 1.3rem; }
.wk-prose li { margin: .2rem 0; }
.wk-prose code { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: .86em; background: var(--panel-2);
  border-radius: 4px; padding: .05em .3em; overflow-wrap: anywhere; }
.wk-prose pre { background: var(--panel-2); border: 1px solid var(--line); border-radius: 8px; padding: .6rem .75rem;
  overflow-x: auto; max-width: 100%; font-size: .82rem; line-height: 1.35; }
.wk-prose pre code { background: none; padding: 0; overflow-wrap: normal; white-space: pre; }
.wk-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: .5rem 0; border-radius: 8px; }
.wk-scroll:focus-visible { outline: 3px solid var(--focus); }
.wk-prose table { border-collapse: collapse; font-size: .9rem; min-width: 100%; }
.wk-prose th, .wk-prose td { border: 1px solid var(--line); padding: .4rem .55rem; text-align: left; vertical-align: top; }
.wk-prose th { background: var(--panel-2); font-weight: 700; white-space: nowrap; }
.wk-prose td { min-width: 6ch; max-width: 46ch; }
.wk-prose th.num, .wk-prose td.num { text-align: right; }
.wk-prose tbody tr:nth-child(even) td { background: color-mix(in srgb, var(--panel-2) 45%, transparent); }
.wk-ascii summary { cursor: pointer; color: var(--muted); font-size: .85rem; margin: .3rem 0; }

/* drawings */
.wk-figure { border: 1px solid var(--line); background: var(--panel-2); padding: .5rem; }
.wk-svg { display: block; width: 100%; height: auto; margin: 0 auto; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.wk-svg .wk-node rect { fill: var(--panel); stroke: var(--muted); stroke-width: 1.5; }
.wk-svg .wk-hub rect { stroke: var(--accent); stroke-width: 2; }
.wk-svg .wk-dut rect { stroke: var(--pass); stroke-width: 2.2; }
.wk-svg .wk-pic rect { stroke: #a855f7; }
.wk-svg .wk-off rect { stroke-dasharray: 6 5; fill: transparent; }
.wk-svg .wk-t1 { fill: var(--text); font-size: 16px; font-weight: 700; }
.wk-svg .wk-t2 { fill: var(--muted); font-size: 14px; }
.wk-svg .wk-wire polyline { stroke: var(--muted); stroke-width: 2; }
.wk-svg .wk-dashed polyline { stroke-dasharray: 6 5; }
.wk-svg .wk-arrow { fill: var(--muted); }
.wk-svg .wk-wlab { fill: var(--text); font-size: 13px; }

/* Fixture tab */
.fx-head .seg button { min-height: 44px; }
.fx-topo { padding: 8px; min-width: 680px; }
.fx-topo .stn-live-rows, .fx-topo .stn-legend { display: none; }

@media (max-width: 760px) {
  .wk { grid-template-columns: minmax(0, 1fr); }
  .wk-side { position: static; max-height: none; overflow: visible; }
  .wk-menu-btn { display: flex; }
  .wk-nav { display: none; }
  .wk-nav.open { display: block; }
  .wk-prose td { max-width: 34ch; }
  .wk-pager a { max-width: 100%; }
}