/* Bold Paper: semantic tokens shared by every Startups Wiki route. */
@font-face{font-family:Manrope;src:url('fonts/Manrope-Variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('fonts/IBMPlexMono-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root,html[data-theme=light]{
  --font-sans:Manrope,'Helvetica Neue',Arial,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;
  --canvas:#f3eaff;--surface:#ffffff;--ink:#171717;--secondary:#62606a;
  --outline:#242125;--divider:#d5cbdc;--dot:#d8cbe5;
  --icon-size:34px;--icon-size-compact:24px;--sticker-cream:#fff8df;--yellow:#ffc400;--lavender:#c4a0e8;--cream:#fff8df;--mint:#b8e9ce;--coral:#ff9398;--orange:#ff7a00;
  --link:#63378a;--positive:#176446;--negative:#a12f3c;--focus:#6733a1;--shadow-color:#171717;
  --chart-primary:#7542a3;--chart-secondary:#19795f;--chart-tertiary:#b34c00;
  --radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-pill:999px;
  --border:2px solid var(--outline);--shadow-sm:3px 3px 0 var(--shadow-color);--shadow-md:5px 6px 0 var(--shadow-color);
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;
  --content-width:1240px;--reading-width:720px;--motion-fast:160ms;
  --type-display:800 clamp(40px,5.4vw,76px)/1.03 var(--font-sans);
  --type-title:800 clamp(38px,5vw,64px)/1.08 var(--font-sans);
  --type-section:800 38px/1.14 var(--font-sans);
  --type-card:800 25px/1.25 var(--font-sans);
  --type-body:17px/1.8 var(--font-sans);
  --type-meta:12px/1.6 var(--font-mono);
}
/* Compatibility aliases used by existing charts and content renderers. */
:root,html[data-theme]{
  --bg:var(--canvas);--paper:var(--surface);--text:var(--ink);--muted:var(--secondary);--line:var(--divider);
  --soft:var(--cream);--blue:var(--link);--blue-soft:var(--canvas);--green:var(--positive);--accent:var(--chart-primary);
}
html[data-theme=dark]{
  --canvas:#26212e;--surface:#322c3b;--ink:#f7f2fc;--secondary:#c4bacd;
  --outline:#c4b4d0;--divider:#574a63;--dot:#44374f;--cream:#3e3540;
  --link:#d7b4ff;--positive:#9bdfbe;--negative:#ffadb3;--focus:#ffc400;--shadow-color:#100c15;
  --chart-primary:#cfa4ff;--chart-secondary:#8bdbbb;--chart-tertiary:#ffb46b;color-scheme:dark;
}

/* Bold Paper. Shared components; tokens live in src/design-tokens.css. */
html{background:var(--canvas);scroll-padding-top:32px}
body{font:16px/1.7 var(--font-sans);background:radial-gradient(var(--dot) 1px,transparent 1px) 0 0/24px 24px var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:var(--yellow);color:#171717}
a{color:var(--link);text-underline-offset:4px}
.article-body p a,.prose p a,.deck a{text-decoration:underline;text-decoration-thickness:1px}
button,input,select,textarea{font-family:var(--font-sans)}
:is(a,button,input,select,summary,textarea,[tabindex]):focus-visible,svg [tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
h1,h2,h3,h4{font-family:var(--font-sans);font-weight:800;color:var(--ink)}
/* Navigation and controls */
.site-header,.site-header:has(.ranking-nav){display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5);min-height:92px;height:auto;max-width:none;margin:0;padding:20px max(28px,calc((100vw - var(--content-width))/2));border-bottom:var(--border);background:var(--surface)}
html[data-theme=light] body:has(>.founder-directory) .site-header{background:var(--yellow)}
.site-header .ranking-nav a{border:var(--border);box-shadow:var(--shadow-sm)}
.ranking-nav a:not([aria-current=page]){background-color:var(--surface)}
html[data-theme=light] body:has(>.founder-directory) .theme-switch{background:var(--lavender)}
html[data-theme=light] body:has(>.founder-directory) .site-header>.submit-button:not(:hover,:focus-visible){background:var(--ink);color:var(--surface)}
.site-header .brand-mark{display:block;width:40px;height:40px;flex:none}.brand-tagline{display:none}.brand-name{font:800 28px/1.1 var(--font-sans);letter-spacing:-1.4px}
.ranking-nav{margin-left:auto}.ranking-nav a,.site-nav a{color:var(--ink);font:13px/1.5 var(--font-mono)}
.ranking-nav a{display:inline-block;padding:10px 12px;border-radius:var(--radius-sm)}
.ranking-nav a[aria-current=page]{background:var(--ink);color:var(--surface);text-decoration:none}
.site-header:has(.ranking-nav) .header-right{margin-left:0}.header-right{gap:16px}
.theme-switch{padding:3px;border:var(--border);border-radius:var(--radius-pill);background:var(--canvas)}
.theme-switch button{border-radius:var(--radius-pill);min-height:34px;padding:5px 12px;font-size:12px;color:var(--ink)}
.theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--surface);box-shadow:none}
.theme-switch button{transition:background-color var(--motion-fast) ease-out,color var(--motion-fast) ease-out}
@media (hover:hover){
  .theme-switch button[aria-pressed=false]:hover{background-color:var(--surface)}
}
.theme-switch button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}

.submit-button,.ds-button,.outline-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:10px 18px;border:var(--border);border-radius:var(--radius-sm);background:var(--yellow);color:#171717;font:800 14px/1.4 var(--font-sans);text-decoration:none;box-shadow:var(--shadow-sm)}
.ds-button.secondary,.outline-button{background:var(--surface);color:var(--ink)}
.ds-button:disabled,.submit-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.ds-icon-button{width:44px;padding:10px;border-radius:50%}
.chart-toolbar button,.filter-pill,.topic-controls button,.ds-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);min-height:40px;padding:7px 14px;margin:0;font:700 12px/1.5 var(--font-sans)}
.chart-toolbar button[aria-pressed=true],.chart-toolbar button.active,.filter-pill.active,.filter-pill[aria-pressed=true],.topic-controls button[aria-pressed=true],.ds-chip[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.topic-controls{display:flex;flex-wrap:wrap;gap:8px}
.project-search input,.project-tools input,.submission input,.ds-input{min-height:48px;padding:11px 14px;border:var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:14px/1.5 var(--font-sans)}
/* Shell and catalogue */
.home,.maker-dossier,.page-shell,body[data-width=wide] .page-shell,.maker-ranking,.ds-page{width:calc(100% - 64px);max-width:var(--content-width);margin:0 auto;padding:0}
.page-shell,body[data-width=wide] .page-shell{display:block}.toc,.mobile-toc-button,.mobile-appearance-button,.appearance{display:none}.article-main{min-width:0}
.home-intro,.ds-hero{position:relative;padding:56px 0 36px;border:0}
.home-intro h1,.ds-hero h1{font:var(--type-display);letter-spacing:-.055em;max-width:980px;margin:12px 0 24px}
.home-eyebrow,.ds-eyebrow,.eyebrow,.maker-kicker,.card-label,.ranking-kicker,.ranking-date,.mag-label{font:var(--type-meta);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.home-intro .home-index{display:none}.home-intro p{font-size:18px}
.section-heading{margin:16px 0 24px}.section-heading h2,.related h2,.read-next-makers>h2{font:800 32px/1.2 var(--font-sans);letter-spacing:-1.2px}.section-heading>span{max-width:420px}
.maker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.maker-profile-card,.topic-card,.maker-card,.read-next-grid>a{position:relative;border:var(--border);border-radius:var(--radius-lg);padding:26px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-md);transition:transform var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast)}
.maker-profile-card{display:flex;flex-direction:column;min-width:0}
.maker-identity{align-items:center;gap:14px;margin-bottom:20px}.maker-identity>div{flex:1;min-width:0}
.maker-avatar{width:64px;height:64px;flex:0 0 64px;border:0;border-radius:50%}.maker-avatar img,.maker-profile-card:hover .maker-avatar img{filter:none;transform:none}
.maker-profile-card h3{position:relative;padding-right:26px;font:800 25px/1.15 var(--font-sans);letter-spacing:-1px;margin:6px 0 0}.maker-kicker{font-size:10px}
.maker-profile-card>p{font:15px/1.65 var(--font-sans);margin:0 0 20px}
.maker-number-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto;padding-top:0}
.maker-number-badges>div{border:0;border-radius:var(--radius-md);background:var(--canvas);padding:16px 12px}.maker-number-badges>div:nth-child(2){background:var(--cream)}
.maker-number-badges strong{font:800 27px/1.15 var(--font-sans);letter-spacing:-1px;color:var(--ink)}.maker-number-badges span{font:11px/1.55 var(--font-sans);margin-top:8px}
.name-arrow{position:absolute;right:-3px;top:50%;width:26px;height:22px;color:var(--link);transform:translate(-4px,-50%);transition:transform 230ms cubic-bezier(.16,1.55,.3,1)}
.name-arrow path{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 150ms cubic-bezier(.76,0,.18,1)}
.maker-profile-card:hover .name-arrow,.maker-profile-card:focus-visible .name-arrow,.ranking-row:is(:hover,:focus-visible) .name-arrow{transform:translate(3px,-50%)}
.maker-profile-card:hover .name-arrow path,.maker-profile-card:focus-visible .name-arrow path,.ranking-row:is(:hover,:focus-visible) .name-arrow path{stroke-dashoffset:0}
.maker-profile-card:hover .name-arrow .arrow-tip,.maker-profile-card:focus-visible .name-arrow .arrow-tip,.ranking-row:is(:hover,:focus-visible) .name-arrow .arrow-tip{transition-duration:110ms;transition-delay:100ms}
.x-followers{display:flex;align-items:center;gap:4px;font:10px/1.5 var(--font-mono);color:var(--muted);margin-top:9px}.x-followers svg{width:11px;height:11px}.x-followers b{color:var(--ink);font-weight:400}
.home-note{display:none}.topic-grid{gap:var(--space-5)}.topic-card{min-height:235px}.topic-card h3{font:800 24px/1.2 var(--font-sans);letter-spacing:-.8px}.topic-card p{font-size:14px}.card-label{font-size:10px}.home>section+section{margin-top:56px}
.site-footer{width:calc(100% - 64px);max-width:var(--content-width);margin:56px auto 0;padding:var(--space-5) 0 32px;border-top:var(--border);display:flex;justify-content:space-between;gap:var(--space-5);font:12px/1.7 var(--font-mono)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--space-5);margin:0}.site-footer .footer-home,.article-footer .footer-home{min-height:44px;display:inline-flex;align-items:center;color:var(--ink);font:700 13px/1.5 var(--font-sans)}
/* Biography: name, small portrait, then financial links. */
.breadcrumb{display:flex;flex-wrap:wrap;margin:28px 0 12px;font:11px/1.5 var(--font-mono)}
.page-title,.dossier-intro h1,.standard-article h1{font:var(--type-title);letter-spacing:-.045em;margin:20px 0}
.title-alias{font:13px var(--font-mono);letter-spacing:0}.article-meta{display:flex;font:11px/1.6 var(--font-mono);color:var(--muted)}
.article-body{max-width:none;font-size:17px}.article-body>section,.maker-dossier section{margin-top:64px}
.article-body h2,.maker-dossier h2,.prose h2{font:var(--type-section);letter-spacing:-1.4px;border:0;margin:0 0 24px;padding:0}
.article-body h3,.maker-dossier h3,.prose h3{font:var(--type-card);letter-spacing:-.6px}
.article-body .reading-copy,.prose{max-width:var(--reading-width);font:var(--type-body)}.reading-copy{margin-left:auto;margin-right:auto}.section-summary{font:15px/1.7 var(--font-sans)}
.section-no{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:12px;border:var(--border);border-radius:50%;background:var(--yellow);color:#171717;font:14px/1 var(--font-mono);letter-spacing:0}
.compact-overview,#overview.compact-overview{display:flow-root;max-width:none;margin:20px 0 28px;min-height:140px}
.compact-overview .lead{font:19px/1.7 var(--font-sans);max-width:970px}.compact-overview .profile-line{font:13px/1.65 var(--font-sans)}
.intro-photo{display:block;float:right;width:132px;margin:0 0 14px 28px}.intro-photo img{width:132px;height:132px;object-fit:cover;border-radius:50%}.intro-photo figcaption{font:10px/1.5 var(--font-mono)}
.dossier-intro{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:36px;padding-top:36px;align-items:center}
.dossier-intro>div{grid-column:1;grid-row:1}.dossier-intro>figure{grid-column:2;grid-row:1}.dossier-intro .eyebrow{display:none}
.dossier-intro .deck{font:19px/1.7 var(--font-sans)}.dossier-intro img{width:132px;height:132px;border-radius:50%}
.maker-heading {
  display: grid;
  justify-items: start;
  gap: var(--space-1);
  min-width: 0;
  margin-bottom: var(--space-3);
}

.maker-heading h1 {
  margin-bottom: 0;
}

.maker-x-profile {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 32px;
  max-width: 100%;
  color: var(--link);
  font: 13px/1.5 var(--font-mono);
  overflow-wrap: anywhere;
}

.maker-x-profile svg {
  flex: none;
}

@media (max-width: 760px) {
  .dossier-intro .maker-heading {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0;
  }
}
.dossier-nav{border:0;gap:10px;margin-top:20px;padding:12px 0}.dossier-nav a{padding:7px 14px;background:var(--surface);border:var(--border);border-radius:var(--radius-pill);color:var(--ink);font-size:12px}
.article-body>#revenue,.maker-dossier #numbers{margin-top:28px}
.money-overview{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;border:0;background:none;margin:24px 0}
.money-overview>a{display:block;border:var(--border);border-radius:var(--radius-md);padding:20px;background:var(--cream);color:var(--ink)}
.money-overview>a:first-child{background:var(--yellow);color:#171717}.money-overview>a:nth-child(2){background:var(--surface)}.money-overview>a:last-child{border:var(--border)}
.money-overview strong{font:800 clamp(26px,3vw,40px)/1.1 var(--font-sans);letter-spacing:-1.5px;margin:12px 0}.money-overview .money-kicker{font:10px/1.5 var(--font-mono);color:inherit}.money-overview span:last-child{font:11px/1.6 var(--font-sans);color:inherit;opacity:.85}
.snapshot-strip{border:var(--border);border-radius:var(--radius-md);background:var(--cream);overflow:hidden}.snapshot-strip>div{padding:22px;border-right:1px solid var(--outline)}
.snapshot-strip strong,.fact-metric strong{font:800 32px/1.2 var(--font-sans);letter-spacing:-1px;color:var(--ink)}.snapshot-strip span{font:12px/1.6 var(--font-sans)}
/* Charts: labelled, dated, keyboard reachable; no invented interpolation. */
.chart-panel,.chart-card,.audit-chart{border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5);background:var(--surface);overflow:hidden;margin:24px 0}
.chart-head,.finance-grid .chart-head{padding:0;background:none}.chart-head h3,.finance-grid .chart-head h3{font:var(--type-card);letter-spacing:-.8px;margin-top:8px}
.chart-head p,.chart-detail,.chart-footer{font:12px/1.65 var(--font-sans)}.chart-toolbar,.finance-grid .chart-toolbar{padding:16px 0 8px;display:flex;flex-wrap:wrap;gap:8px}
.chart-detail,.chart-footer,.finance-grid .chart-detail,.finance-grid .chart-footer{padding:12px 0;border-top:1px solid var(--line)}.chart-detail{background:var(--cream);border:0;border-radius:var(--radius-sm);padding:12px}
.chart-panel.revenue-chart .chart-detail {
  padding: var(--space-3) var(--space-4);
  border: 0;
}

.chart-panel.revenue-chart .chart-footer {
  justify-content: flex-end;
  padding: var(--space-1) 0;
  border: 0;
}

.revenue-chart .chart-data {
  padding: var(--space-2) 0 0;
}

.chart-drawing{padding:12px 0}.chart-drawing svg text{font-family:var(--font-mono)}
.chart-drawing .plot-point{fill:var(--surface);stroke:var(--chart-primary)}.chart-drawing .plot-point:hover,.chart-drawing .plot-point:focus{fill:var(--yellow);stroke:var(--ink)}
.mrr-comparison,.finance-grid .mrr-comparison{padding:16px 0}.mrr-track,.snapshot-track{height:22px;border-radius:6px;background:var(--canvas);overflow:hidden}.mrr-fill,.snapshot-track i{background:var(--chart-primary);opacity:1;border-radius:6px}.mrr-label strong{font-family:var(--font-sans)}
.mrr-range{border-color:var(--chart-primary);background:repeating-linear-gradient(135deg,transparent,transparent 4px,var(--chart-primary) 4px,var(--chart-primary) 5px)}.mrr-axis,.snapshot-row{font-family:var(--font-mono)}.snapshot-chart{padding:12px 0}.new-maker .chart-values{padding:0}.new-maker .chart-values .wiki-table{min-width:0;overflow-wrap:anywhere}
.finance-grid{gap:var(--space-5)}.finance-grid>div{min-width:0}.audit-bar i{background:var(--coral)}.traffic-line .traffic-series{stroke:var(--chart-primary)}.traffic-line .traffic-dot{fill:var(--surface);stroke:var(--chart-primary)}.traffic-line .traffic-point:focus-visible .traffic-dot,.traffic-line .traffic-point.is-active .traffic-dot{fill:var(--yellow);stroke:var(--ink)}.traffic-line text{font-family:var(--font-mono)}
/* Stories, media, tables and recommendations */
.fact-grid>article,.money-split>div,.story-card,.post-card,.video-card,.audio-feature{border:var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--surface);box-shadow:var(--shadow-sm)}
.fact-grid,.money-split,.dossier-gallery,.video-grid{gap:var(--space-5)}.fact-grid p,.money-split p{font:15px/1.75 var(--font-sans)}.story-card .fact-icon{border-radius:var(--radius-md);background:var(--cream)}.fact-metric small,.fact-source{font:11px/1.6 var(--font-mono)}
.history-strip article{border:var(--border);border-radius:var(--radius-md);background:var(--cream);box-shadow:var(--shadow-sm)}.history-strip strong{font:20px/1.3 var(--font-mono);color:var(--link)}
.story-timeline {
  --timeline-gap: var(--space-4);
  --timeline-gutter: var(--space-6);
  --timeline-node-y: 28px;
  display: grid;
  gap: var(--timeline-gap);
  margin-block: 0;
  padding: 0;
  padding-inline-start: var(--timeline-gutter);
  list-style: none;
}

.story-timeline.reading-copy {
  margin-block-start: var(--space-6);
}

.story-timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: var(--space-3);
  row-gap: var(--space-1);
  padding: var(--space-4) var(--space-5);
  background: var(--cream);
  border: var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.story-timeline-item:not(:last-child)::before {
  content: '';
  position: absolute;
  inset-inline-start: calc(0px - var(--timeline-gutter) / 2 - 1px);
  top: var(--timeline-node-y);
  height: calc(100% + var(--timeline-gap) + 4px);
  border-inline-start: 2px dashed var(--outline);
}

.story-timeline-item::after {
  content: '';
  position: absolute;
  inset-inline-start: calc(0px - var(--timeline-gutter) / 2 - 6px);
  top: calc(var(--timeline-node-y) - 6px);
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: var(--border);
  border-radius: 50%;
  background: var(--yellow);
}

.story-timeline-date {
  grid-column: 1;
  color: var(--secondary);
  font: var(--type-meta);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.story-timeline-symbol {
  grid-area: 1 / 2 / span 2;
  align-self: start;
  display: grid;
  place-items: center;
  min-width: 36px;
  min-height: 36px;
  padding-inline: var(--space-2);
  border: 1px solid var(--divider);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--ink);
  font: var(--type-meta);
  white-space: nowrap;
}

.story-timeline-title,
.article-body .story-timeline-title {
  grid-column: 1;
  margin: 0;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.story-timeline-description,
.article-body .story-timeline-description {
  grid-column: 1 / -1;
  margin: var(--space-1) 0 0;
  color: var(--secondary);
  font-size: 15px;
  line-height: 1.6;
}

@media (max-width: 760px) {
  .story-timeline {
    --timeline-gutter: var(--space-5);
  }

  .story-timeline-item {
    padding-inline: var(--space-4);
  }

  .story-timeline-title,
  .article-body .story-timeline-title {
    font-size: 18px;
  }
}
.debate-card {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-content: start;
  gap: var(--space-3);
}

.debate-icon {
  --wiki-icon-size: calc(var(--icon-size) * .92);
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-sm);
  background: var(--cream);
  color: var(--link);
  font: 14px/1 var(--font-mono);
}

.article-body .debate-card h3 {
  margin: 0 0 var(--space-2);
  font-size: 19px;
  letter-spacing: -.02em;
}

.article-body .debate-card p {
  margin: 0;
}
.deal-bar{overflow:hidden;border:var(--border);border-radius:var(--radius-sm)}.deal-bar span{color:var(--ink)}.deal-bar span:first-child{background:var(--lavender);color:#171717}
.data-details,.compact-details{padding:16px;border:var(--border);border-radius:var(--radius-md);background:var(--surface)}.compact-details>summary{padding:0}.compact-details[open]>summary{padding-bottom:14px;margin-bottom:14px}
.data-details summary,.compact-details summary,.more-posts summary,.more-ranked-posts summary{min-height:32px;font:700 14px/1.7 var(--font-sans);color:var(--link)}
.pullquote{padding:var(--space-5);margin:28px 0;border:var(--border);border-radius:24px 24px 24px 4px;background:var(--cream);box-shadow:var(--shadow-sm)}.pullquote p{font:600 24px/1.5 var(--font-sans)}.pullquote footer{font:11px/1.7 var(--font-mono)}
.editorial-gallery{gap:var(--space-5)}.media-zoom,.image-trigger,.editorial-figure img,.dossier-gallery img{border-radius:var(--radius-md)}.dossier-gallery{align-items:start}.dossier-gallery figure>a,.dossier-gallery .image-trigger{display:block;width:100%}.dossier-gallery img{border-radius:0;max-height:clamp(220px,36vw,360px);object-fit:cover;object-position:top}.dossier-gallery figure{border:0;border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}
.video-card{padding:0;overflow:hidden}.video-stage,.video-stage iframe,.video-play{border-radius:0}.video-copy{padding:22px}.video-copy h3{font:800 22px/1.3 var(--font-sans)}.video-copy p{font:14px/1.7 var(--font-sans)}.play-icon{background:var(--yellow);color:#171717;border:2px solid #171717;box-shadow:3px 3px 0 #171717}.video-play:hover .play-icon{background:var(--lavender)}
.fact-grid + .social-grid{margin-block-start:var(--space-5)}
.social-grid,.social-grid.tweet-masonry{display:block;columns:3 300px;column-gap:var(--space-5);height:auto;position:static}
.social-grid > .social-entry {
  display: inline-block;
  position: static;
  inset: auto;
  transform: none;
  width: 100%;
  break-inside: avoid;
  vertical-align: top;
  margin: 0 0 var(--space-5);
  padding: var(--space-3);
  border: var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  overflow-wrap: anywhere;
}

.social-grid > .social-entry[hidden] { display: none; }

.social-grid .twitter-tweet,
.social-grid iframe {
  max-width: 100%;
}

.social-grid .social-entry .post-rank {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: var(--space-3);
  row-gap: var(--space-1);
  margin-bottom: var(--space-2);
  padding: 0;
  border: 0;
  color: var(--secondary);
  font: 11px/1.5 var(--font-mono);
}

.social-grid .social-entry .post-rank strong {
  padding: 3px 8px;
  border-radius: var(--radius-pill);
  background: var(--yellow);
  color: #171717;
}

.post-rank time {
  margin-inline-start: auto;
}

.social-grid .social-entry .x-fallback {
  padding: var(--space-3);
  border-radius: var(--radius-md);
  background: var(--canvas);
  font: 14px/1.55 var(--font-sans);
}

.social-grid .social-entry .x-fallback p {
  margin: 0 0 var(--space-2);
}

.social-grid .post-source {
  margin: var(--space-2) 0 0;
  text-align: end;
  font-size: 12px;
}

.post-source a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding-inline: var(--space-2);
  border-radius: var(--radius-sm);
  font-weight: 700;
}

.post-source a:hover { background: var(--canvas); }
.failure-number { color: var(--link); }
.post-grid{display:block;columns:3 280px;column-gap:var(--space-5)}.post-grid .post-card{display:inline-block;width:100%;break-inside:avoid;margin:0 0 24px;vertical-align:top}.post-card blockquote{border:0;padding:0;background:transparent}.more-posts{clear:both}section:has(>.social-grid){display:flow-root}
.table-scroll{border:var(--border);border-radius:var(--radius-md);background:var(--surface)}.wiki-table{font:13px/1.6 var(--font-sans);margin:0}.wiki-table th{font:11px/1.5 var(--font-mono);background:var(--cream);padding:14px 12px;border:0;border-bottom:var(--border)}.wiki-table td{padding:14px 12px;border:0;border-bottom:1px solid var(--line)}.wiki-table tr:last-child td{border-bottom:0}.wiki-table .project-name{font:800 16px/1.5 var(--font-sans)}.project-description{font:12px/1.6 var(--font-sans)}
.status{border:1px solid var(--outline);border-radius:var(--radius-pill);padding:3px 9px}.status.live{background:var(--mint);color:#174a35;border-color:#174a35}
.read-next-makers{max-width:var(--content-width);padding:var(--space-6) 0;margin:48px auto 0;border-top:var(--border)}.read-next-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.read-next-grid>a{padding:22px;overflow-wrap:anywhere}.read-next-identity img{border-radius:50%}.read-next-identity>div{min-width:0}.read-next-identity h3{font:800 22px/1.2 var(--font-sans)}.read-next-grid p{font:14px/1.6 var(--font-sans)}
.article-footer{margin-top:48px;font-family:var(--font-mono)}.back-top{background:var(--yellow);color:#171717;border:var(--border);border-radius:50%;width:44px;height:44px;box-shadow:var(--shadow-sm)}
.standard-article{max-width:860px;margin:auto;padding:36px 28px 0}.standard-article .prose{max-width:none}.standard-article .deck{font:19px/1.7 var(--font-sans)}.standard-article .prose h2{font-size:30px;margin-top:40px}.directory h1{font:800 48px/1.15 var(--font-sans)}.directory-list a{border:var(--border);border-radius:var(--radius-md);background:var(--surface)}.editorial-note{background:var(--cream);border-left-color:var(--outline)}
.submit-dialog,.image-dialog{border:var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-md)}.submit-dialog::backdrop,.image-dialog::backdrop{background:#171717aa}.submit-dialog form button,.image-close{min-width:44px;min-height:44px}.submission{padding-bottom:40px}
/* Top 100 */
.ranking-intro{padding:48px 0 24px;border:0}.ranking-intro h1{font:800 clamp(52px,7vw,96px)/1 var(--font-sans);letter-spacing:-.06em}
.ranking-method{padding:18px 24px;border:var(--border);border-radius:var(--radius-md);background:var(--cream)}.ranking-method summary{color:var(--ink)}.ranking-list{display:grid;gap:16px;margin-top:28px}
.ranking-row,.ranking-list > li:nth-child(-n+3) > .ranking-row,.ranking-list > li:first-child > .ranking-row{padding:22px;border:var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm)}.ranking-list > li:first-child > .ranking-row{background:var(--cream)}
.ranking-place,.ranking-score strong{font:800 26px/1.1 var(--font-sans);letter-spacing:-1px;color:var(--ink)}.ranking-place{display:grid;place-items:center;border:var(--border);border-radius:50%;width:44px;height:44px;font-size:18px}.ranking-list > li:first-child > .ranking-row .ranking-place{background:var(--yellow);color:#171717}
.ranking-person h2{font:800 19px/1.2 var(--font-sans);letter-spacing:-.5px}.ranking-metrics dt,.ranking-score small{font:10px/1.5 var(--font-mono)}.ranking-person img{width:48px;height:48px}
/* Live design-system catalogue */
.ds-hero{padding-bottom:48px}.ds-hero h1{font-size:clamp(58px,8vw,112px);max-width:920px}.ds-hero p{max-width:650px;font-size:19px;color:var(--muted)}.ds-hero .ds-eyebrow{font:var(--type-meta)}.ds-hero-mark{display:inline-block;width:.16em;height:.16em;border-radius:50%;background:var(--lavender);color:transparent;vertical-align:.02em;margin-inline-start:.065em;overflow:hidden}
.ds-nav{display:flex;flex-wrap:wrap;gap:10px}.ds-nav a{color:var(--ink);background:var(--surface);border:var(--border);border-radius:var(--radius-pill);padding:7px 16px;font:var(--type-meta)}
.ds-section{margin:56px 0}.ds-section-heading{display:flex;align-items:start;gap:20px;margin-bottom:28px}.ds-number{display:grid;place-items:center;flex:0 0 48px;height:48px;border:var(--border);border-radius:50%;box-shadow:var(--shadow-sm);background:var(--yellow);color:#171717;font:18px/1 var(--font-mono)}
.ds-section-heading h2{font:800 36px/1.15 var(--font-sans);letter-spacing:-1.5px;margin:0 0 10px}.ds-section-heading p{margin:0;color:var(--muted);max-width:760px;font-size:14px}
.ds-surface{padding:var(--space-6);background:var(--surface);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:0}.ds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.ds-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ds-swatch{border:var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}.ds-swatch-color{height:116px;background:var(--swatch);border-bottom:var(--border)}.ds-swatch-label{padding:14px 16px}.ds-swatch-label strong{display:block;font-size:14px}.ds-swatch-label code{font:11px/1.7 var(--font-mono);color:var(--muted)}
.ds-type-display{font:var(--type-display);letter-spacing:-.055em;margin:20px 0}.ds-type-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--space-5);border-top:1px solid var(--line);padding:22px 0}.ds-type-row:last-child{padding-bottom:0}.ds-type-label{font:11px/1.7 var(--font-mono);color:var(--muted)}.ds-type-row h3,.ds-type-row p{margin:0}.ds-type-h2{font:var(--type-section);letter-spacing:-1.4px}.ds-type-h3{font:var(--type-card);letter-spacing:-.6px}.ds-type-body{font:var(--type-body)}.ds-type-meta{font:var(--type-meta)}
.ds-component-title{font:800 20px/1.3 var(--font-sans);margin:0 0 24px;letter-spacing:-.5px}.ds-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.ds-controls+.ds-controls{margin-top:20px}.ds-example-note{font:11px/1.7 var(--font-mono);color:var(--muted);margin:24px 0 0}
.ds-field{display:block;font-size:13px;font-weight:700}.ds-field+.ds-field{margin-top:22px}.ds-field small{display:block;font-size:12px;margin-top:8px;color:var(--muted)}.ds-input{width:100%;margin-top:8px}.ds-input[aria-invalid=true]{border-color:var(--negative)}.ds-field .ds-error{color:var(--negative)}
.ds-tag{display:inline-flex;padding:4px 12px;border:var(--border);border-radius:var(--radius-sm);background:var(--yellow);color:#171717;font-size:12px;font-weight:800}.ds-tag.lavender{background:var(--lavender);border-radius:var(--radius-pill)}.ds-tag.mint{background:var(--mint);border-radius:18px 4px 4px 18px}.ds-tag.coral{background:var(--coral);border-radius:4px 18px 18px 4px}
.ds-card-demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.ds-line-chart{width:100%;height:auto;display:block;overflow:visible}.ds-line-chart text{fill:var(--muted);font:11px var(--font-mono)}.ds-chart-grid{stroke:var(--line);stroke-dasharray:3 5}.ds-chart-series{stroke:var(--chart-primary);stroke-width:3;fill:none;stroke-linejoin:round}.ds-chart-point{cursor:pointer}.ds-chart-point circle{fill:var(--surface);stroke:var(--chart-primary);stroke-width:3}.ds-chart-point:hover circle:not(.ds-hit),.ds-chart-point:focus circle:not(.ds-hit){fill:var(--yellow);stroke:var(--ink)}.ds-chart-point .ds-hit{fill:transparent;stroke:none}.ds-chart-readout{display:block;min-height:32px;font:13px/1.7 var(--font-mono);margin:16px 0 0;color:var(--link)}
.ds-bar-row{margin:24px 0}.ds-bar-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:10px}.ds-bar-track{background:var(--canvas);height:24px;border-radius:6px;overflow:hidden}.ds-bar-track span{display:block;height:100%;width:var(--bar-width);background:var(--chart-primary);border-radius:6px}
.ds-quote{margin:0;padding:var(--space-5);background:var(--cream);border:var(--border);border-radius:24px 24px 4px 24px;box-shadow:var(--shadow-sm);font:600 24px/1.5 var(--font-sans)}.ds-quote footer{margin-top:20px;color:var(--muted);font:11px/1.7 var(--font-mono)}
.ds-space-row{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-5)}.ds-space-item{font:11px/1.7 var(--font-mono);text-align:center}.ds-space-block{width:var(--size);height:var(--size);background:var(--lavender);border:1px solid var(--outline);margin:0 auto 12px}.ds-rule-list{padding-left:20px;font-size:14px}.ds-rule-list li{margin:12px 0}
.ds-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 20px}.ds-icon-tile{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--cream);color:var(--link)}.ds-icon-tile .ds-icon{width:24px;height:24px}
/* Responsive sizes */
@media(max-width:1050px){.maker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header,.site-header:has(.ranking-nav){gap:14px}.brand-name{font-size:25px}.finance-grid{grid-template-columns:1fr}.ds-colors{gap:12px}.ranking-row{grid-template-columns:3rem minmax(0,1fr) minmax(0,1.7fr) 4rem;gap:12px}}
@media(max-width:760px){
.site-header,.site-header:has(.ranking-nav){display:grid;grid-template-columns:1fr auto;padding:16px 20px;gap:10px}.site-header .brand{grid-column:1;grid-row:1}.site-header .ranking-nav{grid-column:1;grid-row:2;margin-left:0}.site-header:has(.ranking-nav) .header-right{grid-column:2;grid-row:2;justify-self:end}.site-header:has(.ranking-nav)>.submit-button{grid-column:2;grid-row:1}
.brand-name{font-size:24px;letter-spacing:-1.2px}.theme-switch button{min-height:32px;padding:4px 10px;font-size:10px}.site-header>.submit-button{padding:8px 14px;font-size:12px;min-height:40px}
.home,.maker-dossier,.page-shell,body[data-width=wide] .page-shell,.maker-ranking,.ds-page{width:calc(100% - 40px);margin:0 auto;padding:0}.home-intro,.ds-hero{padding:var(--space-6) 0 24px}.home-intro h1{font-size:42px;margin-bottom:20px}.section-heading{display:block;margin:12px 0 22px}.section-heading h2{font-size:28px}.section-heading>span{display:block;margin-top:10px;font-size:12px}
.maker-grid,.topic-grid,.ds-grid,.ds-card-demo{grid-template-columns:minmax(0,1fr);gap:20px}.maker-profile-card,.topic-card{padding:22px;border-radius:20px}.maker-profile-card h3{font-size:25px}.maker-profile-card>p{font-size:14px}.maker-number-badges strong{font-size:27px}.maker-number-badges span{font-size:11px}.name-arrow path{stroke-dashoffset:0}
.site-footer{width:calc(100% - 40px);display:block;margin-top:40px;padding-top:20px}.site-footer nav{margin-top:8px;gap:16px}
.page-title,.dossier-intro h1{font-size:39px;letter-spacing:-1.6px}.article-meta{display:block}.article-meta>span{display:block}.article-body>section,.maker-dossier section{margin-top:40px}.article-body h2,.maker-dossier h2,.prose h2{font-size:29px;letter-spacing:-.8px;margin-bottom:20px}.article-body h3,.maker-dossier h3{font-size:23px}.article-body,.article-body .reading-copy,.prose{font-size:16px}.section-no{width:30px;height:30px;margin-right:8px;font-size:11px}
.intro-photo{width:88px;margin:0 0 12px 18px}.intro-photo img{width:88px;height:88px}.intro-photo figcaption{font-size:9px}.compact-overview .lead{font-size:17px}
.dossier-intro,.new-maker .dossier-intro{grid-template-columns:minmax(0,1fr) 80px;gap:16px;padding-top:26px}.dossier-intro>div{display:contents}.dossier-intro h1{grid-column:1;grid-row:1;margin:0}.dossier-intro>figure,.new-maker .dossier-intro figure{grid-column:2;grid-row:1;margin:0}.dossier-intro img,.new-maker .dossier-intro img{width:80px;height:80px}.dossier-intro .deck,.dossier-intro .article-meta{grid-column:1/-1;font-size:17px;margin:0}.dossier-intro .article-meta{font-size:11px}.dossier-intro figcaption{display:none}
.money-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.money-overview>a{padding:14px;min-width:0}.money-overview>a:first-child{grid-column:1/-1;padding:16px;border:var(--border)}.money-overview>a:last-child{border:var(--border)}.money-overview strong{font-size:28px;letter-spacing:-1px;white-space:normal;margin:9px 0}.money-overview>a:first-child strong{font-size:29px}.money-overview .money-kicker{font-size:10px}.money-overview span:last-child{font-size:10px}
.snapshot-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.snapshot-strip>div{padding:16px;border:0}.snapshot-strip strong{font-size:27px}.chart-panel,.chart-card,.audit-chart{padding:18px;border-radius:18px;margin:20px 0}.chart-head h3,.finance-grid .chart-head h3{font-size:23px}.chart-footer{align-items:start;flex-wrap:wrap}.mrr-label,.finance-grid .mrr-label{display:block;font-size:11px}.mrr-label strong,.finance-grid .mrr-label strong{font-size:14px;margin-top:5px;display:block}.snapshot-row,.new-maker .snapshot-row{grid-template-columns:86px minmax(0,1fr) 74px;gap:8px;font-size:10px}.snapshot-row>.fact-source{grid-column:1/-1}
.fact-grid,.money-split,.dossier-gallery,.video-grid,.read-next-grid{grid-template-columns:minmax(0,1fr)}.fact-grid>article,.money-split>div,.story-card{padding:20px}.fact-metric strong{font-size:27px}.social-grid,.social-grid.tweet-masonry,.post-grid{columns:1}.read-next-makers{margin-top:32px}.standard-article{padding:28px 20px 0}.standard-article h1{font-size:36px}.standard-article .deck{font-size:17px}
.ranking-intro{padding:var(--space-6) 0 24px}.ranking-intro h1{font-size:60px}.ranking-row,.ranking-list > li:nth-child(-n+3) > .ranking-row,.ranking-list > li:first-child > .ranking-row{grid-template-columns:36px minmax(0,1fr) auto;gap:12px;padding:16px 12px}.ranking-person{gap:8px}.ranking-person h2{font-size:16px}.ranking-person img{width:36px;height:36px}.ranking-place{width:32px;height:32px;font-size:14px}.ranking-score strong{font-size:23px}.ranking-score small{font-size:9px}.ranking-metrics{gap:8px;grid-column:2/-1}.ranking-metrics dt{font-size:9px}.ranking-metrics dd{font-size:11px}.ranking-method{padding:16px}
.ds-hero h1{font-size:clamp(48px,12vw,70px)}.ds-hero p{font-size:16px}.ds-section{margin:40px 0}.ds-section-heading{gap:14px}.ds-section-heading h2{font-size:29px;letter-spacing:-1px}.ds-number{width:38px;flex-basis:38px;height:38px;font-size:14px}.ds-surface{padding:22px}.ds-colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ds-swatch-color{height:88px}.ds-type-row{grid-template-columns:minmax(0,1fr);gap:12px}.ds-type-h2{font-size:29px}.ds-quote{font-size:21px}.ds-space-row{gap:18px}
}
@media(hover:none){.name-arrow path{stroke-dashoffset:0}}
.maker-profile-card:hover,.maker-profile-card:focus-visible,.topic-card:hover,.topic-card:focus-visible,.maker-card:hover,.maker-card:focus-visible,.read-next-grid>a:hover,.read-next-grid>a:focus-visible,.ranking-list > li > .ranking-row:is(:hover, :focus-visible){background:var(--cream);border-color:var(--link);transform:translateY(-3px);text-decoration:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.maker-profile-card:hover,.maker-profile-card:focus-visible,.topic-card:hover,.topic-card:focus-visible,.maker-card:hover,.maker-card:focus-visible,.read-next-grid>a:hover,.read-next-grid>a:focus-visible,.submit-button:hover,.ds-button:hover,.outline-button:hover{transform:none}.name-arrow,.maker-profile-card:hover .name-arrow,.maker-profile-card:focus-visible .name-arrow,.ranking-row:is(:hover,:focus-visible) .name-arrow{transform:translate(0,-50%)}.name-arrow path{stroke-dashoffset:0}}
@media print{body{background:#fff;color:#171717}.site-header,.site-footer,.ds-nav{display:none}.maker-profile-card,.topic-card,.chart-panel,.chart-card,.ds-surface,.ranking-row{box-shadow:none;break-inside:avoid;background:#fff}.ds-page,.page-shell,.maker-dossier{width:100%}}
.ds-chart-values{margin-top:var(--space-5)}
.ds-chart-values .table-scroll{margin-bottom:0}
.ds-chart-values .wiki-table{min-width:0}

.social-entry:has(blockquote.tweet-preview) {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.social-entry:has(blockquote.tweet-preview) > :is(.post-rank, .post-source) {
  display: none;
}

.social-grid .social-entry blockquote.tweet-preview {
  padding: 14px;
  background: var(--surface);
  border: 1px solid var(--outline);
}

.tweet-preview-author {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.tweet-preview-author img { border-radius: 50%; object-fit: cover; }
.tweet-preview-author strong, .tweet-preview-author a { display: block; }
.tweet-preview-author a, .tweet-preview time { color: var(--secondary); }
.tweet-preview time { font-size: 12px; }

.tweet-preview-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  border-top: 1px solid var(--line);
  margin-top: 10px;
  padding-top: 10px;
  color: var(--secondary);
  font-size: 12px;
}

.tweet-preview-actions span[aria-hidden] { color: #ed4486; }
.tweet-preview-actions a { margin-inline-start: auto; }

@media(max-width:760px){.site-header .brand-mark{width:34px;height:34px}}

.ranking-row { color: var(--ink); text-decoration: none; transition: transform var(--motion-fast), background var(--motion-fast), border-color var(--motion-fast); }
.ranking-person h2 { position: relative; padding-inline-end: 28px; }

@media (prefers-reduced-motion: reduce) {
  .ranking-list > li > .ranking-row:is(:hover, :focus-visible) { transform: none; }
  .ranking-row:is(:hover, :focus-visible) .name-arrow { transform: translate(0,-50%); }
}

.read-next-grid > a {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 16px;
}

.read-next-grid .read-next-identity {
  align-items: flex-start;
  margin-bottom: 0;
}

.read-next-identity .x-followers {
  white-space: nowrap;
}

.read-next-identity .x-followers svg {
  flex: none;
}

.wiki-icon{display:inline-block;flex:none;inline-size:var(--wiki-icon-size,var(--icon-size));block-size:var(--wiki-icon-size,var(--icon-size));vertical-align:middle}
.dossier-nav a{display:inline-flex;align-items:center;gap:7px}
.dossier-nav,.toc{--wiki-icon-size:var(--icon-size-compact)}
.story-timeline-symbol:has(.wiki-icon){min-inline-size:40px;min-block-size:40px;padding-inline:2px}
.ds-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:12px;padding:0;list-style:none}
.ds-icon-grid li{display:grid;justify-items:center;gap:8px;padding:16px 8px;border:var(--border);border-radius:var(--radius-md);background:var(--surface)}

.site-footer .footer-about{max-width:36ch}
.site-footer .footer-about p{font:15px/1.6 var(--font-sans);margin:var(--space-3) 0 0}
.site-footer .footer-makers{display:grid;align-content:start;gap:var(--space-2)}
.footer-makers ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-4);list-style:none;margin:0;padding:0;font:14px/1.6 var(--font-sans)}
.footer-makers li a{display:flex;align-items:center;gap:var(--space-2);color:var(--ink);text-decoration:underline;text-underline-offset:.2em}
.footer-makers img{width:24px;height:24px;flex:none;border-radius:50%;object-fit:cover}
@media(max-width:760px){.site-footer .footer-makers{margin-top:var(--space-4)}}

/* The spine stays fixed while the free edge bends and crosses it. */
.brand-page{visibility:hidden}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .brand:hover .brand-page{visibility:visible}
  .brand:hover :is(.brand-page-sheet,.brand-page-shadow){
    animation:brand-page-curl 680ms cubic-bezier(.42,0,.28,1) both;
  }
  .brand:hover .brand-page-shadow{animation-name:brand-page-curl,brand-page-shade}
  .brand:hover .brand-page-front{animation:brand-front-ink 680ms cubic-bezier(.42,0,.28,1) both}
  .brand:hover .brand-page-back{animation:brand-back-ink 680ms cubic-bezier(.42,0,.28,1) both}
}
.brand-page-shadow{opacity:0}
@keyframes brand-page-curl{
  0%{d:path("M22 16Q24 13 28 13L34 13L34 30L28 30Q24 30 22 33Z")}
  26%{d:path("M22 16Q24 12 27 11L32 10L34 28L29 29Q24 29 22 33Z")}
  50%{d:path("M22 16Q22 12 23 9L24 7L27 26L25 28Q22 30 22 33Z")}
  72%{d:path("M22 16Q20 12 17 11L12 10L14 28L18 29Q21 30 22 33Z")}
  100%{d:path("M22 16Q20 13 16 13L10 13L10 30L16 30Q20 30 22 33Z")}
}
@keyframes brand-page-shade{
  0%,100%{opacity:0}
  45%,72%{opacity:.25}
}
@keyframes brand-front-ink{
  0%{d:path("M26 27L26 24M30 27L30 21");opacity:1}
  26%{d:path("M26 26L26 22M30 25L29 18");opacity:1}
  50%,100%{d:path("M23 27L23 23M25 24L24 17");opacity:0}
}
@keyframes brand-back-ink{
  0%,50%{d:path("M23 15L24 17M24 21L25 23");opacity:0}
  72%{d:path("M15 16L19 17M16 21L20 22");opacity:1}
  100%{d:path("M13 18L18 18M13 23L18 23");opacity:1}
}

/* Shared motion for buttons and links styled as controls. */
:is(.chart-toolbar button,.topic-controls button,.filter-pill,.ds-chip,.submit-button,.ds-button,.outline-button,.ranking-nav a,.site-nav a,.dossier-nav a,.ds-nav a,.money-overview>a,.back-top){
  transition:transform var(--motion-fast) ease-out, box-shadow var(--motion-fast) ease-out,
    background-color var(--motion-fast) ease-out, color var(--motion-fast) ease-out,
    border-color var(--motion-fast) ease-out;
}
:is(.chart-toolbar button,.topic-controls button,.filter-pill,.ds-chip,.submit-button,.ds-button,.outline-button,.ranking-nav a,.site-nav a,.dossier-nav a,.ds-nav a,.money-overview>a,.back-top):not(:disabled,[aria-disabled=true]):focus-visible{
  outline:2px solid var(--focus);outline-offset:3px;
}
:is(.chart-toolbar button,.topic-controls button,.filter-pill,.ds-chip,.submit-button,.ds-button,.outline-button,.ranking-nav a,.site-nav a,.dossier-nav a,.ds-nav a,.money-overview>a,.back-top):not(:disabled,[aria-disabled=true]):focus-visible:not([aria-pressed=true],[aria-current=page],.active){
  background-color:var(--lavender);color:#171717;text-decoration:none;
}
@media (hover:hover){
  :is(.chart-toolbar button,.topic-controls button,.filter-pill,.ds-chip,.submit-button,.ds-button,.outline-button,.ranking-nav a,.site-nav a,.dossier-nav a,.ds-nav a,.money-overview>a,.back-top):not(:disabled,[aria-disabled=true]):hover:not([aria-pressed=true],[aria-current=page],.active){
    background-color:var(--lavender);color:#171717;text-decoration:none;
  }
}
@media (prefers-reduced-motion:no-preference){
  @media (hover:hover){
    :is(.chart-toolbar button,.topic-controls button,.filter-pill,.ds-chip,.submit-button,.ds-button,.outline-button,.ranking-nav a,.site-nav a,.dossier-nav a,.ds-nav a,.money-overview>a,.back-top):not(:disabled,[aria-disabled=true]):hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--shadow-color)}
  }
  :is(.chart-toolbar button,.topic-controls button,.filter-pill,.ds-chip,.submit-button,.ds-button,.outline-button,.ranking-nav a,.site-nav a,.dossier-nav a,.ds-nav a,.money-overview>a,.back-top):not(:disabled,[aria-disabled=true]):focus-visible{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--shadow-color)}
  :is(.chart-toolbar button,.topic-controls button,.filter-pill,.ds-chip,.submit-button,.ds-button,.outline-button,.ranking-nav a,.site-nav a,.dossier-nav a,.ds-nav a,.money-overview>a,.back-top):not(:disabled,[aria-disabled=true]):active{transform:translate(2px,2px);box-shadow:none}
}

/* The lightbox trigger follows the shape of the portrait. */
:is(.intro-photo,.dossier-intro > figure) .image-trigger{border-radius:50%;overflow:hidden}
:is(.intro-photo,.dossier-intro > figure) .image-trigger img{display:block}

/* Inline actions share link feedback, including when implemented as buttons. */
:is(.text-button,.sort-btn,#toc-toggle){
  background:transparent;
  text-underline-offset:.22em;
  transition:color var(--motion-fast) ease-out;
}
:is(.text-button,.sort-btn,#toc-toggle):is(:hover,:focus-visible){
  color:var(--link);text-decoration:underline;
}
:is(.text-button,.sort-btn,#toc-toggle):focus-visible{
  outline:2px solid var(--focus);outline-offset:3px;
}

@media (min-width: 761px){
  html:has(.dossier-nav){scroll-padding-top:calc(var(--dossier-nav-height, 96px) + var(--space-4))}
  .dossier-nav{
    position:sticky;
    top:0;
    z-index:5;
  }
}

.dossier-nav-avatar{display:none}
@media (min-width:761px){
  .dossier-nav-marker{height:0;margin-top:20px}
  .dossier-nav.has-portrait{
    --portrait-slot:52px;
    margin-top:0;
    padding-inline-end:var(--portrait-slot);
  }
  .dossier-nav-avatar{
    display:block;
    position:absolute;
    inset-block-start:12px;
    inset-inline-start:0;
    width:42px;
    height:42px;
    object-fit:cover;
    border:var(--border);
    border-radius:50%;
    opacity:0;
    translate:-8px 0;
    pointer-events:none;
    transition:opacity 240ms ease-out,translate 280ms ease-out;
  }
  .dossier-nav.is-pinned .dossier-nav-avatar{opacity:1;translate:0 0}
  .dossier-nav.has-portrait > a{transition-property:translate,transform,box-shadow,background-color,color,border-color}
  .dossier-nav.is-pinned > a{translate:var(--portrait-slot) 0}
}