/* These names describe jobs, not one particular screen size. */
:root {
  --font-large-title: 2.5rem; --font-title: 1.75rem; --font-title-2: 1.375rem;
  --font-headline: 1.0625rem; --font-body: 1rem; --font-callout: .9375rem;
  --font-subheadline: .875rem; --font-footnote: .8125rem; --font-caption: .75rem;
  --bg: #FFFFFF; --bg-subtle: #F6F8FA; --ink: #1F2328; --grey: #59636E;
  --border: #D1D9E0; --accent: #0969DA; --accent-deep: #0550AE;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --on-accent: #FFFFFF; color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #0D1117; --bg-subtle: #161B22; --ink: #F0F6FC; --grey: #A7B0BC;
  --border: #3D444D; --accent: #58A6FF; --accent-deep: #79B8FF;
  --on-accent: #0D1117; --ring: rgba(88,166,255,.2); color-scheme: dark;
}
html { font-size: 100%; }
body { font-size: var(--font-body); }
.wordmark {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: clamp(1.125rem, .95rem + .7vw, 1.625rem);
  font-weight: 500; letter-spacing: -.045em; line-height: 1.15;
}
.masthead { align-items: center; padding: 1.6rem 0; }
.masthead nav { align-items: center; }
.masthead nav a { font-size: var(--font-subheadline); }
.appearance { width: auto; font-size: var(--font-footnote); padding: .4rem .6rem; }
input, select, textarea, .workspace, .field, .token summary, .token-pop,
.share summary, .share-menu { background: var(--bg); }
button { color: var(--on-accent); }
h1 { font-size: var(--font-large-title); }
h2, .pane-co { font-size: var(--font-title-2); }
.filing-co { font-size: var(--font-headline); }
.section-note, .tick, .badge, .filing-date, .results-meta, footer {
  font-size: var(--font-caption);
}
.filing-foot, .phrase, .masthead nav, .share summary, .share-menu a {
  font-size: var(--font-subheadline);
}
.hint, .finder-note, .empty p { font-size: var(--font-callout); }
.section-head { flex-wrap: wrap; }
.section-note { letter-spacing: .04em; text-transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.filing:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
footer { font-family: var(--sans); font-size: var(--font-footnote); }
@media (max-width: 38rem) {
  .masthead nav { gap: .75rem; }
  main, main.wide { padding-inline: 1.15rem; }
  .pane { padding: 1rem; }
  .filing-head { flex-wrap: wrap; }
}