:root {
  color-scheme: light;
  --paper: #e9e7df;
  --ink: #141512;
  --muted: #6d6d65;
  --line: #b9b8b0;
  --signal: #d8ff3e;
  --danger: #e54838;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body {
  margin: 0;
  background:
    linear-gradient(rgba(20, 21, 18, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 21, 18, .035) 1px, transparent 1px),
    var(--paper);
  background-size: 24px 24px;
  color: var(--ink);
  font-family: "Manrope", sans-serif;
}

button, select { font: inherit; }
a { color: inherit; }
.filings-board { width: min(1180px, calc(100% - 32px)); min-height: 100vh; margin: 0 auto; padding: 22px 0 18px; }
.filings-header {
  min-height: 112px;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) minmax(250px, 330px);
  gap: 24px;
  align-items: center;
  padding: 14px 0;
  border-top: 2px solid var(--ink);
  border-bottom: 1px solid var(--ink);
}
.back-link, .kicker, .filing-tools label, .summary-metric span, .summary-metric small,
.panel-heading span, .panel-heading p, .holding-head, .holding-class, .holding-cusip,
.activity-card span, .activity-card small, .filing-note, .context-strip span, footer {
  font-family: "DM Mono", monospace;
  text-transform: uppercase;
}
.back-link { font-size: 9px; font-weight: 500; letter-spacing: .06em; text-decoration: none; }
.back-link:hover, .back-link:focus-visible { text-decoration: underline; outline: 0; }
.kicker { color: var(--muted); font-size: 8px; font-weight: 500; letter-spacing: .1em; }
.heading-copy h1 { margin: 5px 0 0; font-size: clamp(34px, 4vw, 52px); font-weight: 600; line-height: .9; letter-spacing: -.055em; }
.heading-copy p { margin: 8px 0 0; color: var(--muted); font-size: 11px; }
.filing-tools { padding-left: 18px; border-left: 1px solid var(--line); }
.filing-tools label { display: block; margin-bottom: 6px; color: var(--muted); font-size: 7px; letter-spacing: .08em; }
.filing-tools > div { display: flex; gap: 6px; }
.filing-tools select { min-width: 0; flex: 1; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; background: transparent; padding: 7px 3px; color: var(--ink); font: 500 11px "DM Mono", monospace; }
.filing-tools a { flex: 0 0 auto; padding: 8px 9px; border: 1px solid var(--ink); background: var(--ink); color: var(--paper); font: 500 7px "DM Mono", monospace; text-decoration: none; }
.filing-tools a:hover, .filing-tools a:focus-visible { background: var(--signal); color: var(--ink); outline: 1px solid var(--ink); outline-offset: 2px; }

.summary-strip { min-height: 126px; display: grid; grid-template-columns: 1.45fr repeat(4, 1fr); border-bottom: 1px solid var(--ink); }
.summary-metric { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 18px 16px; border-right: 1px solid var(--line); }
.summary-metric:first-child { padding-left: 0; }
.summary-metric:last-child { padding-right: 0; border-right: 0; }
.summary-metric span, .summary-metric small { color: var(--muted); font-size: 7px; letter-spacing: .06em; }
.summary-metric strong { display: block; margin: 8px 0 4px; overflow: hidden; font-size: clamp(25px, 3vw, 38px); font-weight: 500; line-height: .9; letter-spacing: -.045em; white-space: nowrap; text-overflow: ellipsis; }
.summary-metric:first-child strong { font-size: clamp(36px, 5vw, 58px); }
.positive { color: #315b00; }
.negative { color: #a62e22; }
.loading-message { grid-column: 1 / -1; display: grid; place-items: center; min-height: 126px; color: var(--muted); font: 500 10px "DM Mono", monospace; text-transform: uppercase; }

.filing-layout { display: grid; grid-template-columns: minmax(0, 2.5fr) minmax(250px, .9fr); gap: 28px; padding: 26px 0 24px; border-bottom: 1px solid var(--ink); }
.holdings-panel { min-width: 0; padding-right: 28px; border-right: 1px solid var(--line); }
.panel-heading { min-height: 48px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.panel-heading span { color: var(--muted); font-size: 7px; letter-spacing: .08em; }
.panel-heading h2 { margin: 5px 0 0; font-size: 23px; line-height: 1; letter-spacing: -.035em; }
.panel-heading p { max-width: 280px; margin: 3px 0 0; color: var(--muted); font-size: 7px; line-height: 1.45; text-align: right; }
.holdings-table { margin-top: 12px; border-top: 1px solid var(--ink); }
.holding-row, .holding-head { display: grid; grid-template-columns: minmax(180px, 1.6fr) .8fr .8fr .75fr .75fr; gap: 12px; align-items: center; }
.holding-head { min-height: 28px; color: var(--muted); font-size: 6px; letter-spacing: .06em; }
.holding-head span:not(:first-child) { text-align: right; }
.holding-row { min-height: 66px; padding: 10px 0; border-top: 1px solid var(--line); }
.holding-identity { min-width: 0; }
.holding-identity a, .holding-identity > strong { display: block; overflow: hidden; font-size: 15px; line-height: 1.15; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; }
.holding-identity a:hover, .holding-identity a:focus-visible { text-decoration: underline; outline: 0; }
.holding-ticker { display: inline-block; margin-right: 7px; font: 500 9px "DM Mono", monospace; }
.holding-class, .holding-cusip { display: inline-block; margin-top: 5px; color: var(--muted); font-size: 6px; letter-spacing: .04em; }
.holding-cusip { margin-left: 8px; }
.holding-value, .holding-weight, .holding-shares { text-align: right; }
.holding-value strong, .holding-weight strong, .holding-shares strong { display: block; font-size: 13px; font-weight: 600; }
.holding-value small, .holding-weight small, .holding-shares small { display: block; margin-top: 4px; color: var(--muted); font: 500 6px "DM Mono", monospace; text-transform: uppercase; }
.weight-bar { height: 4px; margin-top: 6px; background: var(--line); }
.weight-bar i { display: block; height: 100%; background: var(--ink); }
.activity-pill { justify-self: end; min-width: 72px; padding: 6px 7px; border: 1px solid var(--ink); font: 500 7px "DM Mono", monospace; text-align: center; text-transform: uppercase; }
.activity-pill.new, .activity-pill.added { background: var(--signal); }
.activity-pill.reduced { color: white; background: var(--danger); }
.activity-pill.unchanged { color: var(--muted); border-color: var(--line); }

.activity-panel { min-width: 0; }
.activity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px; border-top: 1px solid var(--ink); }
.activity-card { min-width: 0; min-height: 84px; padding: 13px 10px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.activity-card:nth-child(2n) { border-right: 0; }
.activity-card span, .activity-card small { display: block; color: var(--muted); font-size: 6px; }
.activity-card strong { display: block; margin: 7px 0 4px; font-size: 28px; line-height: .9; }
.exits { margin-top: 20px; }
.exits h3 { margin: 0 0 8px; font: 500 8px "DM Mono", monospace; letter-spacing: .06em; text-transform: uppercase; }
.exit-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 9px 0; border-top: 1px solid var(--line); }
.exit-row strong { overflow: hidden; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }
.exit-row span { color: var(--danger); font: 500 7px "DM Mono", monospace; }
.no-exits { color: var(--muted); font: 500 8px/1.5 "DM Mono", monospace; }
.filing-note { margin: 20px 0 0; color: var(--muted); font-size: 7px; line-height: 1.55; }

.context-strip { min-height: 96px; display: grid; grid-template-columns: .95fr 1.05fr; gap: 30px; align-items: center; border-bottom: 1px solid var(--ink); }
.context-strip span { display: block; color: var(--muted); font-size: 7px; letter-spacing: .08em; }
.context-strip strong { display: block; margin-top: 6px; font-size: 15px; }
.context-strip p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
footer { min-height: 40px; display: flex; align-items: center; gap: 18px; color: var(--muted); font-size: 8px; letter-spacing: .07em; }
footer span:first-child { margin-right: auto; color: var(--ink); }
footer a { text-decoration: none; }
footer a:hover, footer a:focus-visible { text-decoration: underline; outline: 0; }
.refresh-dot { width: 7px; height: 7px; border: 1px solid var(--ink); border-radius: 50%; background: var(--signal); }

@media (max-width: 850px) {
  .filings-header { grid-template-columns: 110px minmax(0, 1fr); }
  .filing-tools { grid-column: 1 / -1; display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: center; padding: 12px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .filing-tools label { margin: 0; }
  .summary-strip { grid-template-columns: repeat(2, 1fr); }
  .summary-metric:first-child { grid-column: 1 / -1; padding-left: 14px; }
  .summary-metric:nth-child(3) { border-right: 0; }
  .summary-metric:nth-child(n+4) { border-top: 1px solid var(--line); }
  .filing-layout { grid-template-columns: 1fr; }
  .holdings-panel { padding-right: 0; padding-bottom: 24px; border-right: 0; border-bottom: 1px solid var(--line); }
}

@media (max-width: 620px) {
  .filings-board { width: calc(100% - 20px); padding-top: 10px; }
  .filings-header { grid-template-columns: 1fr; gap: 12px; }
  .heading-copy h1 { font-size: 38px; }
  .filing-tools { grid-column: auto; grid-template-columns: 1fr; gap: 6px; }
  .summary-strip { grid-template-columns: 1fr 1fr; }
  .summary-metric { min-height: 98px; padding: 13px 10px; }
  .summary-metric strong { font-size: 25px; }
  .summary-metric:first-child strong { font-size: 40px; }
  .panel-heading { flex-direction: column; }
  .panel-heading p { text-align: left; }
  .holding-head { display: none; }
  .holding-row { grid-template-columns: minmax(0, 1fr) auto auto; gap: 9px; }
  .holding-value { display: none; }
  .holding-shares { grid-column: 2; grid-row: 1; }
  .holding-weight { display: none; }
  .activity-pill { grid-column: 3; grid-row: 1; }
  .holding-identity { grid-column: 1; grid-row: 1; }
  .context-strip { grid-template-columns: 1fr; gap: 12px; padding: 18px 0; }
  footer { flex-wrap: wrap; padding: 8px 0; }
}

@media (width: 800px) and (height: 480px) {
  .filings-board { width: 784px; padding: 7px 0; }
  .filings-header { min-height: 64px; grid-template-columns: 92px minmax(0, 1fr) 230px; gap: 10px; padding: 0; }
  .back-link, .kicker, .filing-tools label { font-size: 5px; }
  .heading-copy h1 { margin-top: 2px; font-size: 25px; }
  .heading-copy p { margin-top: 3px; font-size: 5px; }
  .filing-tools { grid-column: auto; display: block; padding: 0 0 0 10px; border-top: 0; border-left: 1px solid var(--line); }
  .filing-tools > div { margin-top: 3px; }
  .filing-tools select { padding: 4px 2px; font-size: 7px; }
  .filing-tools a { padding: 5px; font-size: 5px; }
  .summary-strip { min-height: 64px; grid-template-columns: 1.3fr repeat(4, 1fr); }
  .summary-metric, .summary-metric:first-child { min-height: 64px; grid-column: auto; padding: 7px; border-top: 0; border-right: 1px solid var(--line); }
  .summary-metric:first-child { padding-left: 0; }
  .summary-metric:last-child { border-right: 0; }
  .summary-metric span, .summary-metric small { font-size: 4px; }
  .summary-metric strong, .summary-metric:first-child strong { margin: 4px 0 2px; font-size: 20px; }
  .filing-layout { grid-template-columns: 2.3fr .8fr; gap: 12px; padding: 8px 0; }
  .holdings-panel { padding: 0 12px 0 0; border-right: 1px solid var(--line); border-bottom: 0; }
  .panel-heading { min-height: 27px; flex-direction: row; }
  .panel-heading span, .panel-heading p { font-size: 4px; }
  .panel-heading h2 { margin-top: 2px; font-size: 13px; }
  .holdings-table { margin-top: 3px; }
  .holding-head { min-height: 15px; font-size: 4px; }
  .holding-row, .holding-head { grid-template-columns: minmax(120px, 1.45fr) .75fr .7fr .7fr .65fr; gap: 5px; }
  .holding-row { min-height: 34px; padding: 4px 0; }
  .holding-identity a, .holding-identity > strong { font-size: 8px; }
  .holding-ticker { margin-right: 3px; font-size: 5px; }
  .holding-class, .holding-cusip { margin-top: 2px; font-size: 4px; }
  .holding-value strong, .holding-weight strong, .holding-shares strong { font-size: 7px; }
  .holding-value small, .holding-weight small, .holding-shares small { margin-top: 1px; font-size: 4px; }
  .weight-bar { height: 2px; margin-top: 2px; }
  .activity-pill { min-width: 42px; padding: 3px; font-size: 4px; }
  .activity-grid { margin-top: 3px; }
  .activity-card { min-height: 39px; padding: 6px 4px; }
  .activity-card span, .activity-card small { font-size: 4px; }
  .activity-card strong { margin: 3px 0 1px; font-size: 14px; }
  .exits { margin-top: 7px; }
  .exits h3 { margin-bottom: 3px; font-size: 5px; }
  .exit-row { padding: 3px 0; }
  .exit-row strong { font-size: 6px; }
  .exit-row span, .no-exits, .filing-note { font-size: 4px; }
  .filing-note { margin-top: 7px; }
  .context-strip { min-height: 40px; grid-template-columns: .9fr 1.1fr; gap: 12px; padding: 0; }
  .context-strip span { font-size: 4px; }
  .context-strip strong { margin-top: 2px; font-size: 7px; }
  .context-strip p { font-size: 5px; }
  footer { min-height: 15px; padding: 0; font-size: 5px; }
}