.ins { container-type: inline-size; }
.ins label { font-size: inherit; letter-spacing: normal; text-transform: none;
             font-weight: inherit; line-height: inherit; color: inherit; }
.ins .logo { padding: 0; gap: 0; }
.ins button { transition: color 90ms ease, background-color 90ms ease; }
.ins button:active { transform: none; }

.ins {--paper: #fbfaf8; --surface: #ffffff; --sunk: #f4f2ee;
  --line: #e7e4dd; --line-strong: #d3cec4;
  --ink: #1b1a18; --ink-2: #45433d; --ink-3: #6f6c65; --ink-4: #a8a49c;
  --alarm: #ab2317; --alarm-ink: #8d1d13; --alarm-bg: #fdf2f0;
  --open: #8a5900; --open-ink: #7a4f00; --open-bg: #fdf7ea;
  --open-line: rgba(138, 89, 0, 0.45); --open-hatch: rgba(138, 89, 0, 0.2);
  --dark: #151513; --dark-sunk: #1f1e1b; --dark-line: #2b2a24;
  --on-dark: #f1efe9; --on-dark-3: #8b877d;
  --accent: #0f6a44; --accent-bg: #edf5f0; --accent-line: #c6ded1;
  --brand: #f1bc04;
  --r-xs: 2px; --r-sm: 3px; --r-md: 4px;
  --sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto,
          'Helvetica Neue', Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas,
          'Liberation Mono', monospace;}
.ins * {box-sizing: border-box;}
.ins {margin: 0; padding: 0; background: var(--paper);}
.ins {font-family: var(--sans); color: var(--ink); font-size: 13px;
        line-height: 1.5; -webkit-font-smoothing: antialiased;}
.ins .tnum, .ins .figure, .ins table, .ins .mono {font-variant-numeric: tabular-nums;
                                font-feature-settings: 'tnum' 1;}
.ins .mono {font-family: var(--mono);}
.ins .vh {position: absolute; width: 1px; height: 1px; overflow: hidden;
       clip-path: inset(50%); white-space: nowrap;}
.ins .sheet {background: var(--surface); border: 1px solid var(--line);
          border-radius: var(--r-md); flex: 1 1 auto; display: flex;
          flex-direction: column; padding: 28px 32px 14px;
          max-width: 1180px; margin: 0 auto; width: 100%;}
.ins .sec-head {border-bottom: 1px solid var(--line); padding-bottom: 14px;
             margin-bottom: 18px;}
.ins .kicker {font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
           font-weight: 600; color: var(--ink-3);}
.ins .kicker b {color: var(--ink-4); margin-right: 8px;}
.ins h1 {font-size: 40px; line-height: 1.05; letter-spacing: -0.025em;
      margin: 10px 0 6px; font-weight: 650;}
.ins h2 {font-size: 22px; letter-spacing: -0.02em; margin: 6px 0 0; font-weight: 620;}
.ins h3 {font-size: 13px; font-weight: 600; letter-spacing: -0.01em; margin: 0 0 6px;}
.ins h4 {font-size: 12px; font-weight: 600; margin: 0 0 6px; color: var(--ink-2);}
.ins .sub {margin: 6px 0 0; font-size: 12.5px; color: var(--ink-3); max-width: 76ch;}
.ins .sec-body {flex: 1 1 auto;}
.ins .tier {font-size: 10px; margin-left: 5px; vertical-align: 2px;}
.ins .t-measured {color: var(--ink-4);}
.ins .t-ai_read {color: var(--accent);}
.ins .t-assumption_based {color: var(--open-ink);}
.ins .fnref {font-size: 8.5px; margin-left: 2px; letter-spacing: 0.04em;
          vertical-align: super; line-height: 0;}
.ins .fnref a {color: var(--ink-4); text-decoration: none;
            border-bottom: 1px dotted var(--line-strong); margin-left: 2px;}
.ins .fnref a:hover {color: var(--open-ink); border-bottom-color: var(--open-line);}
.ins .dash {color: var(--ink-4); border-bottom: 1px dotted var(--ink-4);
         cursor: help;}
.ins .stat, .ins .fact {display: flex; flex-direction: column; gap: 3px;
                border-top: 1px solid var(--line); padding: 9px 0 4px;}
.ins .stat .k, .ins .fact .k {font-size: 10px; letter-spacing: 0.08em;
                      text-transform: uppercase; font-weight: 600;
                      color: var(--ink-3);}
.ins .stat b, .ins .fact b {font-size: 25px; font-weight: 620; letter-spacing: -0.025em;
                    line-height: 1.05; color: var(--ink);}
.ins .stat .s, .ins .fact .s {font-size: 11px; color: var(--ink-3); line-height: 1.4;}
.ins .grid4 {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 0 22px; margin-bottom: 12px;}
.ins .rowstats {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
             gap: 0 20px;}
.ins .rowstats.tight b {font-size: 19px;}
.ins .cols {display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
         gap: 26px; align-items: start;}
.ins .col-wide, .ins .col-narrow {min-width: 0;}
.ins .note {font-size: 11px; color: var(--ink-3); line-height: 1.55;
         margin: 10px 0 0; max-width: 78ch;}
.ins .strip {border-top: 1px solid var(--line); margin-top: 18px; padding-top: 14px;}
.ins .strip-figs {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
               gap: 0 22px; margin-bottom: 12px;}
.ins .strip-figs .stat {border-top: none; padding-top: 0;}
.ins .strip-figs .stat b {font-size: 21px;}
.ins .chips {list-style: none; display: flex; flex-wrap: wrap; gap: 4px 16px;
          margin: 8px 0 0; padding: 0;}
.ins .chips li {display: inline-flex; align-items: center; gap: 6px;
             font-size: 11px; color: var(--ink-3);}
.ins .chips i {width: 9px; height: 9px; border-radius: var(--r-xs); flex: none;}
.ins .chips b {color: var(--ink-2); font-weight: 620;}
.ins .micro {list-style: none; margin: 12px 0 0; padding: 0;}
.ins .micro li {display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;
             border-top: 1px solid var(--line); padding: 6px 0;
             font-size: 11.5px; color: var(--ink-3);}
.ins .micro b {margin-left: auto; font-size: 14px; font-weight: 620;
            color: var(--ink); font-variant-numeric: tabular-nums;}
.ins .micro span {flex: 1 0 100%; font-size: 10.5px; color: var(--ink-4);}
.ins .capt {font-size: 11px; color: var(--ink-3); margin: 4px 0 0;}
.ins .inline {color: var(--accent);}
.ins .chart {width: 100%; height: auto; display: block;}
.ins .chart text {font-family: var(--sans); fill: var(--ink-2);}
.ins .s-lab {font-size: 12px; fill: var(--ink-2);}
.ins .s-num {font-size: 13px; font-weight: 620; fill: var(--ink);
          font-variant-numeric: tabular-nums;}
.ins .f-tot {font-size: 17px; font-weight: 650; fill: var(--ink);
          letter-spacing: -0.02em;}
.ins .f-n {font-size: 11px; font-weight: 620; fill: var(--ink);
        font-variant-numeric: tabular-nums;}
.ins .f-n.seg {fill: var(--surface);}
.ins .d-top {font-size: 30px; font-weight: 650; fill: var(--ink);
          letter-spacing: -0.02em;}
.ins .d-sub {font-size: 10px; fill: var(--ink-3); letter-spacing: 0.08em;
          text-transform: uppercase;}
.ins .l-lab {font-size: 12px; fill: var(--ink-2);}
.ins .l-n {font-weight: 620; fill: var(--ink);}
.ins .l-p {fill: var(--ink-3);}
.ins .ax {font-size: 10px; fill: var(--ink-3);}
.ins .lockup {display: flex; align-items: center; gap: 11px;}
.ins .lockup .logo {flex: none; display: block;}
.ins .lockup-t {display: flex; flex-direction: column; gap: 1px;}
.ins .lockup-t b {font-size: 16px; font-weight: 600; letter-spacing: -0.02em;
               color: var(--ink); line-height: 1.1;}
.ins .lockup-t span {font-style: italic; font-size: 11.5px; color: var(--ink-3);}
.ins .masthead {display: flex; align-items: flex-end; justify-content: space-between;
             gap: 24px; flex-wrap: wrap;}
.ins .masthead .lockup {margin: 0;}
.ins .cust {display: flex; flex-direction: column; gap: 7px; min-width: 0;}
.ins .cust-k {font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
           font-weight: 600; color: var(--ink-3);}
.ins .cust-logo {display: block; height: auto; width: auto;
              max-height: 160px; max-width: min(340px, 46vw);
              object-fit: contain;}
.ins .cust-name {font-size: 26px; font-weight: 640; letter-spacing: -0.025em;
              line-height: 1.1;}
.ins .masthead-by {display: flex; flex-direction: column; gap: 4px;
                align-items: flex-end;}
.ins .masthead-by > span {font-size: 9.5px; letter-spacing: 0.08em;
                       text-transform: uppercase; font-weight: 600;
                       color: var(--ink-4);}
.ins .sheet {position: relative;}
.ins #sec-cover .sheet {overflow: hidden;}
.ins .motif {position: absolute; inset: 0; width: 100%; height: 100%;
          pointer-events: none; z-index: 0;}
.ins .cover {position: relative; z-index: 1; display: flex; flex-direction: column;
          justify-content: space-between; gap: 22px; min-height: 100%;}
.ins .cover-top, .ins .cover-mid, .ins .cover-bot {min-width: 0;}
.ins .cover-mid {max-width: 62ch;}
.ins .cover h1 {margin: 12px 0 6px;}
.ins .cover-kicker {font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
                 font-weight: 600; color: var(--ink-3); margin: 0;}
.ins .cover-dates {font-size: 13px; color: var(--ink-3); margin: 0 0 16px;}
.ins .cover-stats {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 0 22px; margin: 0 0 16px;}
.ins .narrative {display: flex; gap: 10px; background: var(--sunk);
              border: 1px solid var(--line); border-radius: var(--r-md);
              padding: 14px 16px;}
.ins .narrative p {margin: 0 0 4px; font-size: 14px; line-height: 1.6;
                color: var(--ink-2);}
.ins .narrative .s {font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase;
                 color: var(--ink-3);}
.ins .legend {list-style: none; padding: 0; margin: 0; display: grid;
           grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 24px;
           border-top: 1px solid var(--line); padding-top: 12px;}
.ins .legend li {font-size: 11.5px; color: var(--ink-3); line-height: 1.5;}
.ins .legend b {color: var(--ink-2);}
.ins .whatif {border: 1px solid var(--line); border-radius: var(--r-md);
           background: var(--surface); padding: 12px 16px 10px;
           margin-bottom: 14px;}
.ins .whatif.edited {border-color: var(--open-line); background: var(--open-bg);}
.ins .whatif-head {display: flex; align-items: baseline; justify-content: space-between;
                gap: 12px; margin-bottom: 8px;}
.ins .whatif-head .k {font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
                   font-weight: 600; color: var(--ink-3);}
.ins .linky {background: none; border: 0; padding: 0; font: inherit; font-size: 11px;
          font-weight: 600; color: var(--ink-3); cursor: pointer;
          text-decoration: underline; text-underline-offset: 2px;}
.ins .linky:hover {color: var(--ink);}
.ins .whatif-rows {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 10px 20px;}
.ins .wi {display: flex; flex-direction: column; gap: 4px; position: relative;}
.ins .wi > span {font-size: 10.5px; color: var(--ink-3);}
.ins .wi > span a {color: var(--ink-4); text-decoration: none; font-size: 9px;
                vertical-align: super;}
.ins .wi input[type="number"] {font: inherit; font-size: 15px; font-weight: 620;
    font-variant-numeric: tabular-nums; padding: 5px 8px 5px 20px;
    border: 1px solid var(--line-strong); border-radius: var(--r-sm);
    background: var(--surface); color: var(--ink); width: 100%;}
.ins .wi .wi-u {position: absolute; left: 8px; bottom: 8px; font-style: normal;
             font-size: 13px; color: var(--ink-3);}
.ins .wi input[type="range"] {width: 100%; accent-color: var(--ink); margin: 6px 0 0;}
.ins .wi output {font-size: 13px; font-weight: 620; color: var(--ink);}
.ins .cite {font: inherit; color: inherit; background: none; border: 0; padding: 0;
         text-align: left; cursor: pointer;}
.ins .cite.off {cursor: default; color: var(--ink-4);}
.ins .cite.tiny {font-size: 10px; color: var(--ink-4); margin-right: 8px;
              border-bottom: 1px dotted var(--line-strong);}
.ins button.cite.tiny:hover {color: var(--accent); border-bottom-color: var(--accent-line);}
.ins button.citename {border-bottom: 1px dotted var(--line-strong);}
.ins button.citename:hover {color: var(--accent);}
.ins .citerow {display: flex; align-items: baseline; gap: 10px; width: 100%;
            padding: 6px 0; border-top: 1px solid var(--line);}
.ins button.citerow:hover {background: var(--sunk);}
.ins .citerow b {font-weight: 600;}
.ins .citerow .mono {font-size: 11px; color: var(--ink-3);}
.ins .citerow .when {margin-left: auto; font-size: 11px; color: var(--accent);}
.ins .who {list-style: none; margin: 0; padding: 0;}
.ins .who-kind {font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
             font-weight: 600; color: var(--ink-3); margin-top: 10px;}
.ins .who-more {font-size: 11px; color: var(--ink-4); padding: 6px 0;}
.ins .pending {display: flex; gap: 12px; align-items: flex-start;
            border: 1px dashed var(--line-strong); border-radius: var(--r-md);
            background: var(--sunk); padding: 16px 18px; max-width: 78ch;}
.ins .pending-mark {color: var(--ink-4); font-size: 16px; line-height: 1.2;}
.ins .pending p {margin: 0; font-size: 12.5px; color: var(--ink-3); line-height: 1.6;}
.ins .pending b {color: var(--ink-2);}
.ins .poster {display: grid; grid-template-columns: minmax(0, 1fr) 300px;
           gap: 24px; align-items: center;
           border: 1px solid var(--line); border-radius: var(--r-md);
           background: var(--sunk); padding: 20px 22px; margin-bottom: 16px;}
.ins .poster-hero {min-width: 0;}
.ins .poster-motif {align-self: center;}
.ins .hero-figs {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
              gap: 0 22px; margin-top: 12px;}
.ins .hero-figs .stat {border-top-color: var(--line-strong);}
.ins .tiles {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 16px; margin-bottom: 14px;}
.ins .tile {border: 1px solid var(--line); border-radius: var(--r-md);
         padding: 14px 16px;}
.ins .tile .k {font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
            font-weight: 600; color: var(--ink-3); display: block;}
.ins .tile b {display: block; font-size: 40px; font-weight: 640;
           letter-spacing: -0.03em; line-height: 1.05; margin: 4px 0 2px;}
.ins .tile .s {font-size: 11px; color: var(--ink-3);}
.ins .tile .chart {margin-top: 10px;}
.ins .b-lab {font-size: 11px; fill: var(--ink-3);}
.ins .b-num {font-size: 11px; font-weight: 620; fill: var(--ink-2);
          font-variant-numeric: tabular-nums;}
.ins .roi-line {font-size: 34px; font-weight: 640; letter-spacing: -0.03em;
             margin: 0; line-height: 1.15;}
.ins .roi-why {font-size: 11.5px; color: var(--ink-3); margin: 6px 0 0;
            max-width: 82ch;}
.ins .takeaway {display: flex; gap: 10px; align-items: baseline;
             background: var(--accent-bg); border: 1px solid var(--accent-line);
             border-radius: var(--r-md); padding: 12px 16px; margin-bottom: 14px;}
.ins .takeaway p {margin: 0; font-size: 14px; color: var(--ink-2);}
.ins .takeaway b {color: var(--ink);}
.ins .cards {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 14px;}
.ins .card {border: 1px solid var(--line); border-radius: var(--r-md);
         padding: 14px 15px; background: var(--surface);}
.ins .card-n {margin: 0 0 8px; font-size: 11px; color: var(--ink-3);}
.ins .card-n b {font-size: 17px; color: var(--ink);}
.ins blockquote {margin: 0 0 8px; padding-left: 10px;
              border-left: 2px solid var(--line-strong); font-size: 12px;
              color: var(--ink-2); line-height: 1.55;}
.ins .cites {font-size: 10px; color: var(--ink-4); margin: 0;}
.ins .moments {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px; margin-top: 14px;}
.ins .moment {border: 1px solid var(--line); border-radius: var(--r-md);
           padding: 12px 14px; background: var(--sunk);}
.ins .turn {margin: 0 0 5px; font-size: 12px; color: var(--ink-2);}
.ins .turn .who {display: inline-block; min-width: 62px; font-size: 10px;
              letter-spacing: 0.06em; text-transform: uppercase;
              color: var(--ink-4); font-weight: 600;}
.ins .suggest {list-style: none; margin: 0 0 14px; padding: 0;}
.ins .suggest li {border-top: 1px solid var(--line); padding: 9px 0; font-size: 12.5px;}
.ins .suggest b {font-weight: 600; color: var(--ink);}
.ins .suggest .s {display: block; font-size: 11px; color: var(--ink-3); margin-top: 3px;}
.ins .suggest .cites {display: block; margin-top: 3px;}
.ins .grp {font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
        font-weight: 600; color: var(--ink-3); margin: 0 0 8px;}
.ins table.rows {width: 100%; border-collapse: collapse; font-size: 11.5px;}
.ins table.rows th {text-align: left; font-size: 10px; letter-spacing: 0.08em;
                 text-transform: uppercase; color: var(--ink-3);
                 font-weight: 600; padding: 0 8px 6px 0;
                 border-bottom: 1px solid var(--line);}
.ins table.rows td {padding: 6px 8px 6px 0; border-bottom: 1px solid var(--line);
                 color: var(--ink-2); vertical-align: top;}
.ins table.rows td.say {color: var(--ink-3);}
.ins table.reg td:first-child {color: var(--ink-4); width: 34px;}
.ins table.waves td:nth-child(3), .ins table.waves td:nth-child(4), .ins table.waves th:nth-child(3), .ins table.waves th:nth-child(4) {text-align: right;}
.ins table.rows td.src {color: var(--ink-3); font-size: 10.5px;}
.ins dl.meta {display: grid; grid-template-columns: 96px minmax(0, 1fr);
           gap: 4px 10px; margin: 12px 0 0; font-size: 11px;}
.ins dl.meta dt {color: var(--ink-3); letter-spacing: 0.04em; text-transform: uppercase;
              font-size: 10px; font-weight: 600;}
.ins dl.meta dd {margin: 0; color: var(--ink-2);}
.ins .break {overflow-wrap: anywhere;}

@container (max-width: 900px) {
  .ins .cols { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .ins .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ins .poster { grid-template-columns: minmax(0, 1fr) 220px; }
  .ins .roi-line { font-size: 26px; }
}
@container (max-width: 640px) {
  .ins .grid4, .ins .cover-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ins .poster, .ins .cards, .ins .moments, .ins .tiles, .ins .legend,
  .ins .whatif-rows { grid-template-columns: minmax(0, 1fr); }
  .ins .poster-motif { max-width: 300px; }
  .ins .roi-line { font-size: 22px; }
}

@container (max-width: 480px) {
.ins .cols, .ins .grid4, .ins .cards, .ins .moments, .ins .cover-stats, .ins .legend, .ins .rowstats, .ins .poster, .ins .tiles, .ins .hero-figs, .ins .strip-figs, .ins .whatif-rows {grid-template-columns: minmax(0, 1fr);}
.ins .masthead {align-items: flex-start;}
.ins .masthead-by {align-items: flex-start;}
.ins .cust-logo {max-height: 92px;}
.ins .cover {gap: 16px;}
.ins .roi-line {font-size: 24px;}
.ins .tile b {font-size: 30px;}
.ins .cols, .ins .cards, .ins .moments {gap: 16px;}
.ins .sheet {padding: 20px 18px 12px;}
.ins h1 {font-size: 30px;}
}

.ins { background: none; padding: 0; }
.ins .sec { margin: 0 0 16px; }
/* Our own lockup, alone, inside our own console is a logo beside the logo.
 * With a customer's mark it is the co-branded cover the share link carries,
 * and it stays. */
.ins .masthead:not(.has-cust) { display: none; }
.ins .sheet { max-width: none; border: 0; border-radius: var(--ui-r-card, 12px);
              box-shadow: var(--ui-card, 0 0 0 1px var(--line));
              padding: 26px 30px 26px; }
.ins #sec-cover .sheet { padding-top: 28px; padding-bottom: 28px; }
.ins #sec-cover .cover { min-height: 0; gap: 26px; }
.ins #sec-cover h1 { font-size: 34px; }
@container (max-width: 640px) {
  .ins .sheet { padding: 20px 18px; }
  .ins #sec-cover h1 { font-size: 26px; }
}
.ins-skel { height: 220px; margin: 0 0 16px; border-radius: var(--ui-r-card, 12px);
            background: var(--c-surface); box-shadow: var(--ui-card); }

/* THE PAGE STRIP: the deck's rail, laid flat over the tab.
 *
 * It sticks directly under whatever the console has pinned to the top of the
 * window — the fleet banner and, in a sandbox, the access strip under it, both
 * measured by the scripts that own them (`--ins-pin` is their sum, the way
 * .rail and .insp add them). The strip is a paper band with the bar inside it:
 * the band meets the pinned bars with no gap, so nothing of the report shows
 * between them, and the bar sits 16px below — level with the nav and the call
 * panel on either side of it. On a phone nothing is pinned and #content is
 * what scrolls, so it sticks to the top of that — where a sticky box stops at
 * the scroller's PADDING, not its edge, so the band also carries a strip of
 * paper above itself (::before) to cover the padding. That strip passes behind
 * the toolbar over the report (.camp-rhead is one layer up), never over it. */
.ins { --ins-pin: var(--banner-h, 0px); }
.sandbox-access:not([hidden]) ~ .app .ins {
  --ins-pin: calc(var(--banner-h, 0px) + var(--sandbox-access-height, 0px)); }
.ins-nav { position: sticky; top: var(--ins-pin); z-index: 3;
           margin: -12px -2px 4px; padding: 16px 2px 10px;
           background: var(--c-paper); }
.ins-nav::before { content: ''; position: absolute; left: 0; right: 0; bottom: 100%;
                   height: 20px; pointer-events: none; background: var(--c-paper); }
.ins-nav::after { content: ''; position: absolute; left: 0; right: 0; top: 100%;
                  height: 10px; pointer-events: none;
                  background: linear-gradient(var(--c-paper), transparent); }
.ins-nav-in { display: flex; gap: 2px; padding: 6px; overflow-x: auto;
              scrollbar-width: none; background: var(--c-surface);
              border-radius: var(--ui-r-control, 8px); box-shadow: var(--ui-card); }
.ins-nav-in::-webkit-scrollbar { display: none; }
.ins-nav button { flex: none; display: inline-flex; align-items: baseline; gap: 6px;
                  margin: 0; padding: 7px 11px; border: 0; border-radius: 6px;
                  background: none; color: var(--c-ink-3); font-size: 12.5px;
                  font-weight: 500; line-height: 1.2; white-space: nowrap; }
.ins-nav button b { font-size: 10.5px; font-weight: 600; color: var(--c-ink-4);
                    font-variant-numeric: tabular-nums; }
.ins-nav button:hover { color: var(--c-ink); background: var(--c-sunk); }
.ins-nav button[aria-current="true"] { color: var(--c-paper); background: var(--c-ink); }
.ins-nav button[aria-current="true"] b { color: var(--c-on-dark-3); }
.ins-nav button:active { transform: scale(0.97); }
/* A page jumped to, or a quoted call the panel walks to, lands clear of it. */
.ins .sec { scroll-margin-top: calc(78px + var(--ins-pin)); }
.ins button.cite { scroll-margin: calc(92px + var(--ins-pin)) 0 24px; }
@media (max-width: 760px) {
  .ins, .sandbox-access:not([hidden]) ~ .app .ins { --ins-pin: 0px; }
  .ins-nav { margin-top: -8px; padding-top: 8px; }
}

/* from a count to the people in it */
.ins .ins-go { display: inline; margin: 0 0 0 8px; padding: 0; border: 0;
               background: none; color: var(--accent); font: inherit;
               font-weight: 600; line-height: inherit; cursor: pointer;
               text-decoration: underline; text-decoration-color: var(--accent-line);
               text-underline-offset: 2px; }
.ins .ins-go:hover { text-decoration-color: currentColor; }
.ins .who-kind .ins-go { font-size: 10px; letter-spacing: 0.04em; }
.ins .who-n { margin-left: 4px; color: var(--ink-4); }
.ins .who-more .ins-go { margin-left: 0; }
.ins .micro span .ins-go { margin-left: 0; }
.ins .stat .s .ins-go { margin-left: 6px; }
.ins .chips .ins-chip { display: inline-flex; align-items: center; gap: 6px;
                        margin: 0; padding: 3px 7px; border: 1px solid transparent;
                        border-radius: 999px; background: none; font: inherit;
                        color: var(--ink-3); line-height: 1.3; cursor: pointer; }
.ins .chips li:has(.ins-chip) { margin: 0 -7px; }
.ins .chips .ins-chip:hover { border-color: var(--line-strong); background: var(--surface);
                              color: var(--ink); }
.ins .ins-acts { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px;
                 margin: -4px 0 16px; }
.ins .ins-act { margin: 0; padding: 8px 13px; border-radius: var(--ui-r-control, 6px);
                font-size: 12.5px; font-weight: 600; line-height: 1; cursor: pointer;
                border: 1px solid var(--c-ink); background: var(--c-ink); color: var(--c-paper); }
.ins .ins-act:hover { background: var(--c-ink-2); }
.ins .ins-act:active { transform: scale(0.97); }
.ins .ins-acts .ins-go { margin: 0; }
.ins .pending .ins-act { margin-top: 10px; }
.ins .whatif-head { align-items: center; flex-wrap: wrap; }
.ins .whatif-head .k { margin-right: auto; }
.ins .whatif-head .ins-act { padding: 6px 11px; font-size: 12px; }
.ins .whatif-head .ins-act[hidden] { display: none; }
.ins .wi-yours { font-size: 11px; color: var(--open-ink); }

/* the call that is open in the side panel */
.ins button.cite.sel { color: var(--accent); }
.ins button.citerow.sel { background: var(--accent-bg); }
.ins button.cite.tiny.sel { border-bottom-color: var(--accent); }

/* a footnote, arrived at */
.ins tr.ins-flash td { animation: ins-flash 1.6s ease-out both; }
@keyframes ins-flash { from { background: var(--open-bg); } to { background: transparent; } }
@media (prefers-reduced-motion: reduce) {
  .ins tr.ins-flash td { animation: none; background: var(--open-bg); }
}