/* C, refined: serif for names and headings, boxes only for the chart and the call, no dot grid, no pills. */
@font-face { font-family: "Newsreader"; src: url(fonts/newsreader-latin-400-normal.woff2) format("woff2"); font-weight: 400; }
@font-face { font-family: "Newsreader"; src: url(fonts/newsreader-latin-500-normal.woff2) format("woff2"); font-weight: 500; }
:root { --f-display: "Newsreader", Georgia, serif; }
.fh-title, .vl-name, .ts-name, .h-section, .box-title, .panel-title, .co-head h1, .display, .pr-grid h3 { font-family: var(--f-display); font-weight: 500; letter-spacing: -0.012em; }
.fh-title { font-size: 40px; line-height: 1.05; }
.vl-name { font-size: 21px; }
.ts-name { font-size: 22px; }
.h-section { font-size: 24px; }
.sc, .box-num, .score-num, .figures dd { font-family: "Bricolage Grotesque", var(--f-sans); }
/* no dot grid */
.field-hero { background-image: none; border: 1px solid var(--rule); }
/* no pills: band becomes a small word beside the score */
.band, .ts .band { background: none !important; border: 0 !important; padding: 0 !important; color: var(--graphite) !important; font: 500 12.5px/1 var(--f-sans) !important; letter-spacing: 0.01em; }
.band.mast, .band.watch { color: var(--green) !important; }
.score-band { border: 0; padding: 0; }
/* latest valuations: ruled two-column list, not cards */
.vlist { gap: 0 48px; }
.vlist li { background: transparent !important; border: 0 !important; border-top: 1px solid var(--rule) !important; border-radius: 0 !important; }
.vlist a { padding: 18px 0 20px !important; }
.vl-score .band { margin-top: 6px; display: block; }
/* principles and macro: open, ruled, unboxed */
.principles .pr-grid > div { background: transparent; border: 0; border-top: 2px solid var(--ink); padding: 12px 0 0; }
.box { background: transparent; border: 0; border-top: 2px solid var(--ink); padding: 14px 0 0 !important; border-radius: 0 !important; }
.summary, .pc { background: transparent; border: 0; border-top: 1px solid var(--rule); padding-left: 0; padding-right: 0; }
.wordmark { font: 500 22px/1 var(--f-display); letter-spacing: 0.01em; text-transform: none; }
@media (max-width: 760px) {
  .vlist li { border-top: 1px solid var(--rule) !important; }
  .vlist a { padding: 16px 0 !important; }
  .principles .pr-grid > div { padding: 12px 0 0; }
  .fh-title { font-size: 32px; }
}

.mh-pig { display: block; height: 22px; width: auto; margin-top: -3px; }
@media (max-width: 760px) { .mh-pig { height: 19px; } }

table.data td.num, table.data td.review { white-space: nowrap; }
.co-n { font-family: var(--f-display); font-weight: 500; }

/* field chart readout: drag or hover to pick a company */
.field-pick { margin-top: 10px; min-height: 64px; }
.fp-hint { margin: 0; padding: 14px 0 4px; font: 400 13px/1.4 var(--f-sans); color: var(--graphite); }
.fp-card { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: 24px; align-items: center; padding: 12px 16px; border: 1px solid var(--rule); background: var(--paper); }
.fp-card:hover { text-decoration: none; border-color: var(--green); }
.fp-name { display: block; font: 500 19px/1.2 var(--f-display); }
.fp-meta { display: block; margin-top: 4px; font: 400 12.5px/1.3 var(--f-sans); color: var(--graphite); }
.fp-figs { display: flex; gap: 20px; font: 400 15px/1.2 var(--f-num); font-variant-numeric: tabular-nums; }
.fp-figs em { display: block; font: normal 400 11px/1 var(--f-sans); color: var(--graphite); margin-bottom: 4px; }
.fp-figs b { font-weight: 500; color: var(--green); }
.fp-score { text-align: right; }
.fp-score .sc { display: block; font-size: 26px; }
.fp-go { font: 500 13px/1 var(--f-sans); color: var(--green); border-bottom: 1px solid var(--green); padding-bottom: 3px; white-space: nowrap; }
@media (max-width: 760px) {
  .field-pick { min-height: 128px; }
  .fp-card { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 14px; padding: 12px 14px; }
  .fp-figs { grid-column: 1 / -1; gap: 18px; }
  .fp-score { grid-column: 2; grid-row: 1; }
  .fp-go { grid-column: 1 / -1; justify-self: start; }
}