/* The paper strategies (network-precision-strategies.js): paper and ink, figures in ink, Liquid Gold only for a Confirmed seal and rules under heads
   (docs/network/precision-kit.md). Every target at least 44 px tall; nothing wider than its column at any width. */
/* The page head's breadcrumb links: 44 px tall on this page (the kit's crumbs are 16 px on desktop, 40 px on a phone). */
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-hero .px-crumbs a { position: relative; z-index: 1; display: inline-block; line-height: 14px; padding-block: 15px; margin-block: -15px; }
/* Four figures: one row from 760 px (the kit's), two by two under it (the kit's three columns would leave one alone). */
@media (max-width: 759px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display.pxs-strip:not(.px-figs--wide) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display.pxs-strip:not(.px-figs--wide) > div:nth-child(2n + 1) { padding-left: 0; border-left: 0; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .px-figs.px-figs--display.pxs-strip:not(.px-figs--wide) > div:nth-child(n + 3) { border-top: 1px solid var(--bs-hair); }
}
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-notice { margin: 14px 0 0; font-family: var(--px-sans); font-size: 13.5px; font-weight: 560; line-height: 1.45; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-list { margin-top: 34px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; border-top: 1px solid var(--bs-hair-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-card { min-width: 0; padding: 22px 0 24px; border-bottom: 1px solid var(--bs-hair); font-family: var(--px-sans); scroll-margin-top: 96px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-card:target { background: var(--px-gold-wash); box-shadow: -12px 0 0 var(--px-gold-wash), 12px 0 0 var(--px-gold-wash); }
/* A dot between facts, and none at the start of a wrapped line: each fact carries its dot in a 15 px slot the box clips at its left edge. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-card-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 0; margin: 0 0 0 -15px; clip-path: inset(-20px -2px -20px 15px); font-size: 13px; line-height: 1.45; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-card-meta > span::before { content: "\00b7"; display: inline-block; width: 15px; text-align: center; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-state { font-weight: 600; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-dot { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--bs-muted); transform: translateY(-1px); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-state-open .pxs-dot { background: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-state-halted { color: var(--bs-umber); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-state-halted .pxs-dot { border-radius: 0; background: var(--bs-umber); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-card-meta a { display: inline-flex; align-items: center; min-height: 44px; margin: -14px 0; color: var(--bs-ink); text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-card-meta a:hover { text-decoration-color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-name { margin: 8px 0 0; font-family: var(--bs-serif); font-size: 24px; font-weight: 430; line-height: 1.2; letter-spacing: -.012em; color: var(--bs-ink); overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-week { display: flex; align-items: baseline; gap: 6px; margin: 10px 0 0; font-size: 14px; font-weight: 560; line-height: 1.45; color: var(--px-gold-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-week > svg { flex: none; transform: translateY(2px); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-figs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; margin: 16px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-figs > div { min-width: 0; padding: 10px 0; border-top: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-figs dt { margin: 0; font-size: 12px; line-height: 1.3; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-figs dd { margin: 3px 0 0; font-size: 21px; font-weight: 520; line-height: 1.15; letter-spacing: -.012em; color: var(--bs-ink); font-variant-numeric: tabular-nums lining-nums; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-figs dd.pxs-fig-note { margin-top: 3px; font-size: 12.5px; font-weight: 400; line-height: 1.4; letter-spacing: 0; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-now { margin: 14px 0 0; font-size: 14px; line-height: 1.5; color: var(--bs-ink); text-wrap: pretty; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-now b { font-weight: 600; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-summary { max-width: 72ch; margin: 8px 0 0; font-family: var(--bs-serif); font-size: 17px; line-height: 1.45; color: var(--bs-ink-2); text-wrap: pretty; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-rules { margin: 14px 0 0; padding: 0; border-top: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-rules > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 8px 0; border-bottom: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-rules dt { font-size: 12px; font-weight: 600; line-height: 1.4; letter-spacing: .04em; text-transform: uppercase; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-rules dd { margin: 0; max-width: 78ch; font-size: 14px; line-height: 1.5; color: var(--bs-ink-2); overflow-wrap: anywhere; text-wrap: pretty; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-benches { margin-top: 48px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-benches > .px-lead { max-width: 64ch; margin: 12px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-bench-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 14px 0 0; padding: 0; list-style: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-bench { min-width: 0; padding: 14px 0; border-bottom: 1px solid var(--bs-hair); font-family: var(--px-sans); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-bench-name { margin: 0; font-family: var(--bs-serif); font-size: 19px; font-weight: 430; line-height: 1.25; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-bench-figs { display: flex; flex-wrap: wrap; gap: 2px 16px; margin: 6px 0 0; font-size: 14px; line-height: 1.4; color: var(--bs-ink); font-variant-numeric: tabular-nums lining-nums; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-bench-figs > span:first-child { font-weight: 560; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-bench-what { max-width: 78ch; margin: 6px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--bs-ink-2); text-wrap: pretty; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-foot { margin-top: 40px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-foot > .px-note { margin-top: 12px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-foot .px-more a { display: inline-flex; align-items: center; min-height: 44px; color: var(--bs-ink); text-decoration: underline; text-underline-offset: 3px; }
/* Research's Top strategies block and Alpha's section. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-top { margin-top: 56px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .px-research-top > .px-lead { max-width: 64ch; margin: 12px 0 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-top { margin-top: 12px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-top-fig { font-size: 15px; font-weight: 600; color: var(--bs-ink); white-space: nowrap; font-variant-numeric: tabular-nums lining-nums; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-top-fig.is-below { color: var(--bs-umber); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-top-by { font-size: 13px; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-top-by a { position: relative; z-index: 2; display: inline-flex; align-items: center; min-height: 44px; margin: -11px 0; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-top-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 20px; margin: 4px 0 0; font-size: 13px; line-height: 1.45; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-every { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 560; color: var(--bs-ink); text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-every:hover { text-decoration-color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-alpha { margin-top: 36px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-alpha .pxs-cards { margin-top: 0; border-top: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-alpha-closed-body { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 24px; padding: 14px 0 6px; border-bottom: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-alpha-line { flex: 1 1 22em; margin: 0; font-family: var(--bs-serif); font-size: 19px; line-height: 1.4; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-alpha-count { margin: 0; font-size: 14px; line-height: 1.4; color: var(--bs-ink-2); font-variant-numeric: tabular-nums lining-nums; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-alpha-count b { font-size: 22px; font-weight: 560; color: var(--bs-ink); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-alpha-link { flex-basis: 100%; margin: 0; font-size: 14px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-alpha-link a { display: inline-flex; align-items: center; min-height: 44px; color: var(--bs-ink); text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-alpha-note { margin: 12px 0 0; font-size: 13px; color: var(--bs-muted); }
/* The agent's Track record: it leads the profile's figures; Resonance follows in its Stats. */
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track { width: 100%; margin: 0 0 22px; text-align: left; font-family: var(--px-sans); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track > h2 { margin: 0; padding: 0 0 9px; font-family: var(--bs-serif); font-size: 22px; font-weight: 430; line-height: 1.2; color: var(--bs-ink); background-image: var(--px-gold-rule); background-size: 100% 1px; background-position: 0 100%; background-repeat: no-repeat; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-figs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; margin: 0; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-fig { min-width: 0; padding: 12px 0; border-bottom: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-fig dt { margin: 0; font-size: 12.5px; line-height: 1.3; color: var(--bs-muted); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-n { margin: 3px 0 0; font-size: 26px; font-weight: 520; line-height: 1.1; letter-spacing: -.016em; color: var(--bs-ink); font-variant-numeric: tabular-nums lining-nums; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-line { margin: 4px 0 0; font-size: 13px; line-height: 1.45; color: var(--bs-ink-2); text-wrap: pretty; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-quiet { margin: 12px 0 0; font-size: 14px; line-height: 1.5; color: var(--bs-ink-2); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-list { margin: 10px 0 0; padding: 0; list-style: none; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-list > li { display: flex; flex-direction: column; min-width: 0; padding: 4px 0 8px; border-bottom: 1px solid var(--bs-hair); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-list a { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--bs-serif); font-size: 17px; line-height: 1.3; color: var(--bs-ink); text-decoration: underline; text-decoration-color: var(--bs-hair-2); text-underline-offset: 3px; overflow-wrap: anywhere; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-meta { display: flex; flex-wrap: wrap; margin-left: -15px; clip-path: inset(-2px -2px -2px 15px); font-size: 12.5px; line-height: 1.5; color: var(--bs-muted); font-variant-numeric: tabular-nums; }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-meta > span::before { content: "\00b7"; display: inline-block; width: 15px; text-align: center; color: var(--bs-meta); }
:root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-note { margin: 10px 0 0; font-size: 12.5px; color: var(--bs-muted); }
@media (min-width: 700px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-figs { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 24px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-rules > div { grid-template-columns: 112px minmax(0, 1fr); gap: 16px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-rules dt { padding-top: 2px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-figs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-track-list > li { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 20px; padding: 0; }
}
@media (min-width: 1100px) {
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-name { font-size: 27px; }
  /* Two columns under the name and the figures: what it is and where it is now on the left, its rules on the right. The last row takes the
     rules' extra height, so the left column never spreads out. */
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-card { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-rows: auto auto auto auto 1fr;
    grid-template-areas: "head head" "week week" "figs figs" "summary rules" "now rules"; column-gap: 48px; align-items: start; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-card-head { grid-area: head; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-week { grid-area: week; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-figs { grid-area: figs; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-summary { grid-area: summary; margin-top: 16px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-now { grid-area: now; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-rules { grid-area: rules; grid-row: 4 / span 2; margin-top: 16px; }
  :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-bench-list { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; }
}
@media (forced-colors: active) { :root:root:root:root:root:root:root:root:root:root:root:root:root .pxs-card:target { outline: 2px solid Highlight; } }
