:root {
  --ink: #3d3027;
  --brand: #a48770;
  --paper: #f8f7f2;
  --signal: #f0dc8b;
  --clay: #e0c9ad;
  --muted: #74695f;
  --line: #e5dfd5;
  --white: #ffffff;
  --deep: #735b4b;
  --shadow: #b39a83;
  --font-display: "Bricolage Grotesque", "Arial Black", sans-serif;
  --font-body: "DM Sans", Arial, sans-serif;
  --font-meta: "IBM Plex Mono", monospace;
}

html { background: var(--paper); }

body {
  background-color: var(--paper);
  background-image: url("clean-0-a68af899ded1.webp");
  background-size: 960px auto;
  color: var(--ink);
  font-family: var(--font-body);
  letter-spacing: -.01em;
}

main { overflow: hidden; }

body * { border-color: transparent; }

:focus-visible {
  outline: 3px solid var(--deep) !important;
  outline-offset: 4px;
}

.site-header {
  min-height: 104px;
  border: 0;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 6px 0 rgba(179, 154, 131, .18);
}

.brand,
.footer-brand,
.mast-rail span {
  color: var(--brand);
  font-family: var(--font-display);
  font-weight: 800;
  font-variation-settings: "opsz" 72;
  letter-spacing: -.075em;
}

.brand { font-size: 3.25rem; }
.brand span { font-family: var(--font-meta); }

.site-header nav,
.ticker,
.eyebrow,
.byline,
.article-nav,
.resource-card-top,
.resource-category,
.case-no,
.case-body > nav a,
.case-hero aside span,
.resource-rule,
.filter {
  font-family: var(--font-meta) !important;
  letter-spacing: .025em !important;
}

.site-header nav { gap: 2.5rem; font-size: .82rem; }
.site-header nav a { padding: .5rem 0; }

.subscribe-open,
.form-row button,
.continue-reading,
.save-note button {
  border: 0;
  background: var(--signal);
  color: var(--ink);
  box-shadow: 5px 6px 0 rgba(179, 154, 131, .7);
  transition: transform .16s ease, box-shadow .16s ease;
}

.subscribe-open:hover,
.form-row button:hover,
.continue-reading:hover,
.save-note button:hover {
  transform: translate(3px, 4px);
  box-shadow: 2px 3px 0 rgba(179, 154, 131, .7);
}

.ticker {
  border: 0;
  background: rgba(240, 220, 139, .55);
  color: var(--ink);
  padding-block: .8rem;
}

.home-grid {
  border: 0;
  grid-template-columns: 94px minmax(0, 1.65fr) minmax(320px, .8fr);
  gap: 0;
}

.mast-rail {
  border: 0;
  background: var(--signal);
  box-shadow: 8px 0 0 rgba(179, 154, 131, .58);
  position: relative;
  z-index: 2;
}

.mast-rail span { font-size: 5.2rem; }

.lead {
  border: 0;
  padding: 4.5rem clamp(2rem, 5vw, 5.5rem);
}

.lead h1,
.article-hero h1,
.section-head h2,
.side-block h2,
.path-band h2,
.prose h2,
.route-page > h1,
dialog h2,
.resources-hero h1,
.resource-card h2,
.resource-detail h1,
.case-hero h1,
.case-row h3,
.case-section h2,
.case-principle > p:nth-child(2),
.work-prompt strong {
  color: var(--brand);
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-variation-settings: "opsz" 48;
}

.lead h1,
.article-hero h1,
.resources-hero h1,
.resource-detail h1,
.case-hero h1 {
  letter-spacing: -.072em;
  line-height: .91;
}

.dek,
.resource-intro,
.prose p,
.prose li,
.case-section > p:last-child {
  font-family: var(--font-body) !important;
  line-height: 1.58;
}

.byline { border: 0; color: var(--muted); }

.lead-link {
  border: 0;
  box-shadow: inset 0 -5px 0 var(--signal);
  padding: 0 .15rem .25rem;
}

.sidebar {
  gap: 1rem;
  padding: 1rem 0 1rem 1rem;
}

.side-block {
  border: 0;
  background: rgba(255, 255, 255, .9);
  box-shadow: 8px 10px 0 rgba(117, 98, 72, .34);
}

.tool-preview {
  background: var(--clay);
  color: var(--white);
  box-shadow: 10px 12px 0 rgba(111, 83, 62, .44);
}

.tool-preview h2,
.tool-preview p,
.tool-preview .lead-link { color: var(--deep); }
.tool-preview .tag { color: var(--deep); }

.mini-list li { border: 0; background: rgba(240, 220, 139, .13); margin-top: .35rem; }
.mini-list span { color: var(--brand); }

.section,
.article-hero,
.resource-detail > header,
.case-hero,
footer { border: 0; }

.filter-row { gap: .85rem; }
.filter {
  border: 0;
  background: rgba(255, 255, 255, .88);
  box-shadow: 4px 5px 0 rgba(117, 98, 72, .34);
  transition: transform .15s ease, box-shadow .15s ease;
}
.filter:hover { transform: translate(-1px, -1px); box-shadow: 6px 7px 0 rgba(117, 98, 72, .34); }
.filter[aria-pressed="true"] { background: var(--brand); color: var(--white); box-shadow: 4px 5px 0 var(--signal); }

.story-grid { border: 0; gap: 1.25rem; }
.story,
.story:nth-child(3n) {
  border: 0;
  background: rgba(255, 255, 255, .88);
  box-shadow: 7px 9px 0 rgba(117, 98, 72, .3);
}
.story:hover { background: var(--white); transform: translate(-2px, -2px); box-shadow: 10px 12px 0 rgba(117, 98, 72, .3); }
.story h3 {
  font-family: var(--font-display);
  color: var(--brand);
  font-weight: 650;
  font-variation-settings: "opsz" 30;
  letter-spacing: -.045em;
}

.path-band {
  background: var(--deep);
  color: var(--white);
  box-shadow: inset 0 12px 0 var(--signal);
}
.path-band h2 { color: var(--white); }
.path-step { border: 0; background: rgba(255, 255, 255, .08); margin-bottom: .6rem; padding-inline: 1rem; }
.path-step small { color: #dfd4c7; }

.article-meta {
  border: 0;
  background: var(--signal);
  box-shadow: 8px 10px 0 rgba(117, 98, 72, .42);
  padding: 1.5rem;
}
.article-nav a,
.case-body > nav a { border: 0; background: rgba(240, 220, 139, .18); margin-bottom: .4rem; padding-inline: .7rem; }

.callout,
.member-wall,
.eval-tool,
.resource-card,
.work-prompt textarea,
.save-note,
.case-principle,
dialog,
.form-row input { border: 0 !important; }

.callout { background: rgba(240, 220, 139, .32); box-shadow: 7px 9px 0 rgba(117, 98, 72, .25); }
.eval-tool { background: var(--deep); box-shadow: 10px 12px 0 var(--signal); }
.criterion { border: 0; background: rgba(255, 255, 255, .08); margin-top: .45rem; padding-inline: 1rem; }
.score-buttons button { border: 0; background: rgba(255, 255, 255, .13); }
.score-total { border: 0; }
.member-wall { background: rgba(255, 255, 255, .82); box-shadow: 8px 10px 0 rgba(117, 98, 72, .3); }

.resources-hero { border: 0; }
.resources-hero h1 em { color: var(--signal); -webkit-text-stroke: 0; }
.resource-count { border: 0; background: rgba(240, 220, 139, .28); padding: .8rem !important; }
.resource-rule { border: 0; background: rgba(240, 220, 139, .62); }
.resource-filters { border: 0; }
.resource-grid { border: 0; gap: 1.25rem; padding-bottom: 1rem; }
.resource-card { background: rgba(255, 255, 255, .88); box-shadow: 8px 10px 0 rgba(117, 98, 72, .3); }
.resource-card:hover { background: var(--white); transform: translate(-2px, -2px); box-shadow: 11px 13px 0 rgba(117, 98, 72, .3); }
.resource-actions a,
.back-link { border: 0; box-shadow: inset 0 -4px 0 var(--signal); }

.case-list { border: 0; display: grid; gap: 1rem; }
.case-study { --case: #dbc9aa !important; }
.case-row {
  --case: #bda184 !important;
  border: 0;
  background: rgba(255, 255, 255, .86);
  box-shadow: 7px 9px 0 color-mix(in srgb, var(--case), var(--shadow) 60%);
  padding-inline: 1.5rem;
}
.case-row:before { display: none; }
.case-section { border: 0; background: rgba(255, 255, 255, .62); padding: 2rem; margin-bottom: 2rem; }
.case-principle { box-shadow: 9px 11px 0 rgba(117, 98, 72, .42); }

.work-prompt { border: 0; background: rgba(255, 255, 255, .64); margin-bottom: .8rem; padding-inline: 1rem; }
.work-prompt textarea { box-shadow: inset 0 -4px 0 var(--signal); }
.work-prompt textarea:focus { outline: 3px solid var(--deep); }
.save-note { background: var(--signal); box-shadow: 7px 9px 0 rgba(117, 98, 72, .34); }
.save-note button { background: var(--deep); color: var(--white); }

dialog { background: var(--paper); box-shadow: 16px 18px 0 rgba(117, 98, 72, .7); }
dialog::backdrop { background: rgba(61, 48, 39, .65); }
.form-row input { box-shadow: inset 0 -4px 0 var(--signal); }

footer { background: rgba(240, 220, 139, .2); }

/* research operating system */
.research-home { padding-top: 0; }
.research-shell {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr) minmax(290px, .35fr);
  min-height: 760px;
}
.research-lead { padding: 3.6rem clamp(2rem, 4vw, 4.5rem) 2.5rem; }
.research-lead h1,
.workspace-hero h1,
.research-stage h2 {
  color: var(--brand);
  font-family: var(--font-display);
  font-weight: 700;
  font-variation-settings: "opsz" 64;
  letter-spacing: -.07em;
}
.research-lead h1 {
  max-width: 9ch;
  margin: .5rem 0 1.5rem;
  font-size: clamp(4.4rem, 7.2vw, 8.4rem);
  line-height: .84;
}
.research-dek {
  max-width: 42rem;
  font-family: var(--font-meta);
  font-size: clamp(1rem, 1.35vw, 1.25rem);
  line-height: 1.75;
  max-width: 34rem;
}
.workbench-flow {
  display: grid;
  grid-template-columns: repeat(7, auto);
  align-items: center;
  gap: 1rem;
  margin: 3.4rem 0 2.8rem;
}
.workbench-card {
  width: min(12vw, 160px);
  min-width: 124px;
  min-height: 218px;
  padding: 1rem;
  background: rgba(255,255,255,.9);
  box-shadow: 6px 8px 0 rgba(179,154,131,.34);
  display: grid;
  align-content: start;
  gap: .5rem;
  transition: transform .16s ease, box-shadow .16s ease;
}
.workbench-card:nth-of-type(2n) { background: rgba(212,176,142,.58); }
.workbench-card:hover { transform: translate(-2px,-2px); box-shadow: 10px 12px 0 rgba(117,98,72,.32); }
.workbench-card img { width: 42px; height: 42px; object-fit: contain; margin: .35rem 0; }
.workbench-no,
.workbench-label,
.workbench-card small,
.research-start label,
.kit-panel a,
.chain-strip,
.research-stage-head,
.workspace-save { font-family: var(--font-meta); }
.workbench-no { width: max-content; padding: .25rem .45rem; background: var(--signal); font-weight: 700; }
.workbench-label { font-size: .72rem; font-weight: 700; }
.workbench-card strong { margin-top: auto; font-size: 1rem; line-height: 1.1; }
.workbench-card small { color: var(--muted); font-size: .68rem; }
.flow-arrow { color: var(--brand); font-size: 1.8rem; }
.research-start {
  padding: 1.25rem;
  background: rgba(255,255,255,.9);
  box-shadow: 6px 8px 0 rgba(179,154,131,.34);
}
.research-start label { display: block; margin-bottom: .6rem; font-size: .75rem; font-weight: 700; }
.research-start > div { display: grid; grid-template-columns: 1fr auto; }
.research-start input {
  min-width: 0;
  border: 0;
  background: var(--paper);
  box-shadow: inset 0 -4px 0 var(--signal);
  padding: 1rem;
}
.research-start button {
  width: 58px;
  border: 0;
  background: var(--signal);
  color: var(--deep);
  font-size: 1.5rem;
}
.research-aside { padding: 1rem 0 1rem 1rem; display: grid; gap: 1rem; align-content: start; }
.kit-panel,
.focus-card {
  position: relative;
  background: rgba(212,176,142,.66);
  box-shadow: 7px 9px 0 rgba(179,154,131,.38);
  overflow: hidden;
}
.kit-panel { padding: 1.5rem; }
.kit-panel a {
  display: grid;
  grid-template-columns: 32px 1fr auto;
  gap: .9rem;
  align-items: center;
  padding: 1rem 0;
  box-shadow: inset 0 -2px 0 rgba(90,64,48,.12);
  font-weight: 600;
}
.kit-panel a img { width: 28px; height: 28px; object-fit: contain; }
.focus-card { min-height: 290px; padding: 1.7rem; background: #a55f45; color: var(--white); }
.focus-card h2 { position: relative; z-index: 1; max-width: 8ch; margin: .75rem 0; color: var(--signal); font-size: 2.4rem; line-height: .9; }
.focus-card p { position: relative; z-index: 1; max-width: 22ch; }
.focus-card > img { position: absolute; right: -1rem; bottom: -1rem; width: 58%; }
.chain-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  padding: 1.25rem 1rem;
  background: rgba(240,220,139,.62);
  color: var(--deep);
  font-size: .72rem;
  font-weight: 700;
}

.open-source-callout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: end;
  margin: 4.5rem 0 1rem;
  padding: clamp(2rem, 5vw, 4rem);
  background: rgba(255, 255, 255, .74);
  box-shadow: 8px 10px 0 rgba(179,154,131,.28);
}
.open-source-callout h2 {
  max-width: 10ch;
  margin: .5rem 0 1rem;
  color: var(--brand);
  font: 700 clamp(2.8rem, 6vw, 6rem)/.9 var(--font-display);
  letter-spacing: -.07em;
}
.open-source-callout p { max-width: 38rem; font-size: 1.12rem; line-height: 1.7; }
.open-source-callout aside { padding-top: 1rem; border-top: 1px solid rgba(115,91,75,.22); }
.open-source-callout aside p { margin-top: 0; font-size: .95rem; }
.open-source-callout .lead-link { margin-top: .75rem; }

.research-workspace-page { max-width: 1260px; margin: auto; padding: 4rem 3vw; }
.workspace-hero { display: grid; grid-template-columns: minmax(0,2fr) minmax(260px,1fr); gap: 4rem; align-items: end; }
.workspace-hero h1 { max-width: 10ch; margin: 1.1rem 0; font-size: clamp(4rem,8vw,8rem); line-height: .86; }
.workspace-hero aside { padding: 1.5rem; background: var(--signal); box-shadow: 8px 10px 0 rgba(117,98,72,.4); }
.research-workbench { margin-top: 4rem; display: grid; gap: 1.4rem; }
.research-stage { display: grid; grid-template-columns: minmax(220px,.7fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); gap: 1.2rem; padding: 1.4rem; background: rgba(255,255,255,.82); box-shadow: 8px 10px 0 rgba(117,98,72,.28); }
.research-stage-head { display: flex; flex-direction: column; gap: .65rem; }
.research-stage-head span { font-size: .72rem; font-weight: 700; color: var(--muted); }
.research-stage-head h2 { margin: 0; font-size: 2rem; line-height: .95; }
.research-stage-head a { margin-top: auto; font-size: .7rem; font-weight: 700; box-shadow: inset 0 -3px 0 var(--signal); width: max-content; }
.research-stage label { display: flex; flex-direction: column; gap: .65rem; font-size: .82rem; line-height: 1.3; }
.research-stage textarea { flex: 1; min-height: 126px; resize: vertical; border: 0; padding: 1rem; background: var(--paper); box-shadow: inset 0 -4px 0 var(--signal); font-family: var(--font-body); }
.workspace-save { display: flex; align-items: center; gap: 1rem; padding: 1.4rem; background: var(--signal); box-shadow: 8px 10px 0 rgba(117,98,72,.38); }
.workspace-save p { margin: 0; }
.workspace-save button { margin-left: auto; border: 0; padding: .9rem 1.2rem; background: var(--deep); color: var(--white); box-shadow: 5px 6px 0 rgba(255,255,255,.45); }

@media (max-width: 900px) {
  .site-header { min-height: 78px; }
  .home-grid { grid-template-columns: 62px 1fr; }
  .sidebar { padding: 1rem 0 1rem 1rem; }
  .story-grid,
  .resource-grid { gap: 1rem; }
  .research-shell { grid-template-columns: 62px 1fr; }
  .research-aside { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; padding: 1rem 0; }
  .workbench-flow { grid-template-columns: 1fr 1fr; }
  .flow-arrow { display: none; }
  .workbench-card { width: 100%; min-width: 0; }
  .workspace-hero { grid-template-columns: 1fr; gap: 1.5rem; }
  .open-source-callout { grid-template-columns: 1fr; gap: 1rem; }
  .research-stage { grid-template-columns: 1fr 1fr; }
  .research-stage-head { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .lead { padding: 2.5rem 1.25rem; }
  .mast-rail { box-shadow: 7px 0 0 rgba(117, 98, 72, .66); }
  .sidebar { padding-left: .6rem; }
  .story,
  .resource-card,
  .case-row { box-shadow: 5px 7px 0 rgba(117, 98, 72, .28); }
  .research-shell { grid-template-columns: 48px 1fr; }
  .research-lead { padding: 2.5rem 1rem; }
  .research-lead h1 { font-size: 4rem; }
  .research-aside { display: grid; grid-template-columns: 1fr; padding-left: .5rem; }
  .open-source-callout { margin-top: 3rem; padding: 1.5rem; }
  .workbench-flow { gap: .7rem; }
  .workbench-card { min-height: 190px; padding: .8rem; box-shadow: 5px 7px 0 rgba(117,98,72,.28); }
  .research-stage { grid-template-columns: 1fr; padding: 1rem; }
  .research-stage-head { grid-column: auto; }
  .workspace-save { align-items: flex-start; flex-wrap: wrap; }
  .workspace-save button { margin-left: 0; width: 100%; }
}

/* Academic editorial system — derived from the original BUTR research mark. */
:root {
  --paper:#fbfaf5; --white:#fff; --signal:#d5bb43; --orange:#f47d16;
  --brand:#9a7454; --clay:#c5a98f; --deep:#5d4635; --ink:#282521;
  --muted:#6f685e; --line:#d8cfbd; --warm:#f2ede1;
  --font-display:"Source Serif 4",Georgia,serif;
  --font-body:"IBM Plex Sans",Arial,sans-serif;
  --font-mono:"IBM Plex Mono",monospace;
}
html,body{background:var(--paper)}
body{color:var(--ink);font-family:var(--font-body);font-weight:400;background-image:none}
::selection{background:var(--signal);color:var(--ink)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
h1,h2,h3,.display{color:var(--deep);font-family:var(--font-display);font-weight:500;letter-spacing:-.035em}
.eyebrow,.meta,.tag,.workbench-no,.story-no,.resource-type,.case-index{color:var(--muted);font-family:var(--font-mono);font-weight:500;letter-spacing:.055em;text-transform:lowercase}

.site-header{min-height:132px;padding:14px clamp(1.25rem,3vw,3rem);display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(190px,1fr);align-items:center;gap:2rem;background:var(--white);border-bottom:1px solid var(--line);box-shadow:none}
.brand{display:flex;align-items:center;gap:1.15rem;width:max-content;text-decoration:none}
.brand img{display:block;width:98px;height:98px;object-fit:contain}
.brand-context{display:grid;gap:.45rem;padding-left:1rem;border-left:1px solid var(--line);color:var(--deep);font:500 .76rem/1.15 var(--font-mono);letter-spacing:.04em}
.brand-context small{color:var(--muted);font:inherit;font-size:.66rem}
.site-header nav{justify-content:center;gap:clamp(1rem,2.5vw,2.75rem)}
.site-header nav a{padding:.45rem 0;color:var(--muted);font:500 .69rem/1 var(--font-mono);letter-spacing:.055em;text-decoration:none;box-shadow:none;border-bottom:1px solid transparent}
.site-header nav a:hover,.site-header nav a[aria-current="page"]{color:var(--ink);border-color:var(--orange);text-decoration:none}
.header-actions{justify-self:end}.header-actions a,.header-actions button,.button,button{border-radius:0;box-shadow:none}
.header-actions a,.header-actions button{border:1px solid var(--line);background:var(--white);color:var(--ink);font:500 .68rem/1 var(--font-mono);letter-spacing:.05em}
.header-actions a:hover,.header-actions button:hover{background:var(--orange);border-color:var(--orange);color:var(--white)}
.subscribe-open{justify-self:end;border:1px solid var(--line);background:var(--white);color:var(--ink);box-shadow:none;transform:none;font:500 .68rem/1 var(--font-mono);letter-spacing:.05em}
.subscribe-open:hover{background:var(--orange);border-color:var(--orange);color:var(--white);box-shadow:none;transform:none}
.ticker{background:var(--white);border-bottom:1px solid var(--line);box-shadow:none;color:var(--muted)}
.ticker-track{font:500 .66rem/1.2 var(--font-mono);letter-spacing:.06em}

.research-shell{max-width:none;min-height:690px;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(280px,330px);border-bottom:1px solid var(--line)}
.mast-rail{background:var(--white);color:var(--brand);border-right:1px solid var(--line);box-shadow:none}
.mast-rail span{font:500 .68rem/1 var(--font-mono);letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg)}
.research-lead{padding:clamp(3.5rem,7vw,7.5rem) clamp(1.5rem,5vw,6rem) 4rem}
.research-lead h1{max-width:9ch;margin:.8rem 0 1.4rem;font-size:clamp(4.2rem,8vw,8rem);line-height:.9;letter-spacing:-.065em}
.research-dek{max-width:39rem;color:var(--muted);font:400 clamp(1.05rem,1.5vw,1.25rem)/1.65 var(--font-body)}
.workbench-flow{margin-top:clamp(3rem,6vw,6rem);display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.workbench-card{min-width:0;min-height:210px;padding:1.15rem;background:transparent;border-right:1px solid var(--line);box-shadow:none;transform:none!important}
.workbench-card:last-of-type{border-right:0}.workbench-card:hover{background:var(--white)}
.workbench-card img{width:42px;height:42px;filter:grayscale(1) sepia(.3);opacity:.74}
.workbench-card strong{color:var(--deep);font:500 1.15rem/1.15 var(--font-display);letter-spacing:-.02em}
.workbench-card small{color:var(--muted);font:400 .78rem/1.45 var(--font-body)}.flow-arrow{display:none}
.research-start label{color:var(--muted);font:500 .68rem/1 var(--font-mono);letter-spacing:.055em}
.research-start>div{display:grid;grid-template-columns:1fr 58px;border:1px solid var(--line);background:var(--white);box-shadow:none}
.research-start input{border:0;background:transparent;padding:1rem 1.15rem;color:var(--ink);font:400 1rem var(--font-body)}
.research-start button{border:0;border-left:1px solid var(--line);background:var(--orange);color:var(--white);box-shadow:none}

.research-aside{padding:clamp(2.5rem,5vw,5rem) clamp(1.5rem,2.5vw,2.5rem);border-left:1px solid var(--line);background:var(--white)}
.kit-panel,.focus-card{border:0;box-shadow:none;transform:none!important}.kit-panel{border-top:6px solid var(--signal)}
.kit-panel>p{padding:1rem 0 .8rem;border-bottom:1px solid var(--line)}
.kit-panel a{padding:.85rem 0;border-bottom:1px solid var(--line);background:transparent;box-shadow:none}.kit-panel a:hover{color:var(--orange)}
.kit-panel img{width:26px;height:26px;filter:grayscale(1) sepia(.3);opacity:.75}
.focus-card{margin-top:3rem;padding:1.25rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;overflow:hidden}
.focus-card h2{font-size:clamp(2rem,3vw,3.2rem);line-height:.95}.focus-card>img{width:150px;opacity:.09;filter:grayscale(1)}

.chain-strip{padding:1rem clamp(1.5rem,5vw,5rem);background:var(--white);border-bottom:1px solid var(--line);box-shadow:none;color:var(--muted);font:500 .66rem/1.2 var(--font-mono);letter-spacing:.055em}
.chain-strip b{color:var(--orange);font-weight:400}
.section,.resources-page,.cases-page,.paths-page{max-width:1280px;margin:0 auto;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,3vw,3rem)}
.section-head{padding-top:1rem;border-top:6px solid var(--signal)}
.section-head h2{margin-top:0;font-size:clamp(3rem,6vw,6rem);line-height:.92}.section-head p{color:var(--muted)}
.filter-row{margin:2.5rem 0 1rem;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.filter{padding:.8rem 1rem;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);box-shadow:none;font:500 .66rem var(--font-mono)}
.filter[aria-pressed="true"]{background:var(--signal);color:var(--ink)}
.story-grid,.resource-grid{gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.story,.resource-card{min-height:100%;background:transparent;border-right:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:none;transform:none!important}
.story:hover,.resource-card:hover{background:var(--white)}.story h3,.resource-card h2{font-family:var(--font-display);font-weight:500}
.story p,.resource-card p{color:var(--muted)}.story img,.resource-card img{filter:grayscale(.7) sepia(.18)}

.open-source-callout{margin:6rem 0 1rem;padding:2rem 0 0;background:transparent;border-top:6px solid var(--signal);box-shadow:none}
.open-source-callout h2{color:var(--deep);font-family:var(--font-display);font-weight:500;letter-spacing:-.05em}.open-source-callout aside{border-top:1px solid var(--line)}
.lead-link{color:var(--orange);box-shadow:none;border-bottom:1px solid currentColor}
.path-band{background:var(--deep);border-top:6px solid var(--signal);box-shadow:none}.path-band h2{color:var(--white)}.path-band p{color:#e8ded2}.path-band a{border-color:#8e735f;box-shadow:none}
.case-row,.path-card,.issue-card{border:0;border-top:1px solid var(--line);background:transparent;box-shadow:none;transform:none!important}
.case-row:last-child,.path-card:last-child{border-bottom:1px solid var(--line)}.case-row:hover,.path-card:hover,.issue-card:hover{background:var(--white)}

.research-workspace-page{max-width:1280px;padding:clamp(4rem,7vw,7rem) clamp(1.25rem,3vw,3rem)}
.workspace-hero{padding-top:1rem;border-top:6px solid var(--signal)}.workspace-hero h1{font-family:var(--font-display);font-weight:500;letter-spacing:-.06em}
.workspace-hero aside{padding:1.5rem;background:var(--warm);border-top:1px solid var(--line);box-shadow:none}
.research-workbench{gap:0;border-top:1px solid var(--line)}.research-stage{gap:0;padding:0;background:transparent;border-bottom:1px solid var(--line);box-shadow:none}
.research-stage>*{padding:1.25rem;border-right:1px solid var(--line)}.research-stage>*:last-child{border-right:0}
.research-stage-head h2{font-family:var(--font-display);font-weight:500}.research-stage textarea{border:1px solid var(--line);padding:1rem;background:var(--white);box-shadow:none;font-family:var(--font-body)}
.workspace-save{margin-top:1.5rem;background:var(--signal);border:0;box-shadow:none}.workspace-save button{border:1px solid var(--deep);background:var(--deep);box-shadow:none}
.site-footer,footer{background:var(--white);border-top:1px solid var(--line);box-shadow:none}.site-footer .brand img,.footer-brand img{width:112px;height:112px;object-fit:contain}
.site-footer h2,.site-footer h3{font-family:var(--font-display);font-weight:500}.site-footer a,.site-footer p,footer a,footer p{color:var(--muted)}

@media(max-width:1040px){.site-header{grid-template-columns:1fr auto}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}.research-shell{grid-template-columns:58px minmax(0,1fr)}.research-aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:900px){.workbench-flow{grid-template-columns:1fr 1fr}.workbench-card:nth-of-type(2){border-right:0}.research-stage{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.site-header nav{display:flex}}
@media(max-width:560px){.site-header{min-height:0;padding:12px 1rem;gap:1rem}.brand img{width:76px;height:76px}.brand-context{display:none}.site-header nav{overflow-x:auto;padding-bottom:.25rem}.research-shell{grid-template-columns:38px minmax(0,1fr)}.research-lead{padding:3rem 1rem}.research-lead h1{font-size:clamp(3.5rem,18vw,5rem)}.research-aside{display:block;padding:2.5rem 1rem}.workbench-flow{grid-template-columns:1fr}.workbench-card{min-height:170px;border-right:0;border-bottom:1px solid var(--line);box-shadow:none}.chain-strip{justify-content:flex-start;overflow-x:auto}.research-stage{grid-template-columns:1fr}.research-stage>*{border-right:0;border-bottom:1px solid var(--line)}}

/* Public case and reading libraries */
.library-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:clamp(2rem,7vw,7rem);align-items:end;padding:clamp(4rem,8vw,8rem) 0 3rem;border-bottom:1px solid var(--line)}
.library-hero h1{max-width:11ch;margin:.6rem 0 0;font-size:clamp(4rem,8vw,8.5rem);line-height:.86;letter-spacing:-.065em}
.library-hero>div:last-child>p:first-child{color:var(--muted);font-size:1.1rem;line-height:1.65}
.library-controls{position:sticky;top:132px;z-index:8;padding:1.25rem 0;background:rgba(251,250,245,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.library-controls label{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;border:1px solid var(--line);background:var(--white)}
.library-controls label span{padding:1rem;border-right:1px solid var(--line);font:500 .72rem var(--font-mono);color:var(--muted);letter-spacing:.05em}
.library-controls input{min-width:0;border:0;background:transparent;padding:1rem 1.2rem;color:var(--ink);font:400 1rem var(--font-body)}
.library-filters{margin:1rem 0 0;overflow-x:auto;flex-wrap:nowrap}.library-filters .filter{white-space:nowrap}
.curated-resources,.saved-library{padding:clamp(4rem,7vw,7rem) 0 0}.library-list{border-top:1px solid var(--line)}
.library-row{display:grid;grid-template-columns:74px minmax(0,1fr) minmax(130px,220px);gap:1.5rem;padding:1.4rem 0;border-bottom:1px solid var(--line);align-items:start}
.library-row:hover{background:var(--white)}
.library-index{padding-top:.2rem;color:var(--brand);font:500 .7rem var(--font-mono);letter-spacing:.06em}
.library-row h3{margin:.25rem 0 .5rem;color:var(--deep);font:500 clamp(1.35rem,2.1vw,2rem)/1.05 var(--font-display);letter-spacing:-.025em}
.library-row h3 a:hover{color:var(--orange)}.library-row p{max-width:760px;margin:.25rem 0;color:var(--muted);line-height:1.55}
.library-author{color:var(--ink);font:500 .74rem/1.4 var(--font-mono);text-align:right}.library-author small{display:block;margin-top:.35rem;color:var(--muted);font:inherit}
.external-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.85rem}.external-links a{color:var(--orange);font:500 .68rem var(--font-mono);border-bottom:1px solid currentColor}
.library-empty{padding:3rem 0;border-bottom:1px solid var(--line);color:var(--muted)}
.library-provenance{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin:5rem 0 1rem;padding:1rem 0;border-top:6px solid var(--signal);background:transparent}.library-provenance p{margin:0}.library-provenance a{color:var(--orange);border-bottom:1px solid currentColor}
.expanded-case-list{margin-top:4rem}.portfolio-case-row{position:relative;border-bottom:1px solid var(--line)}
.portfolio-case-row:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--case)}
.portfolio-case-row>a:first-of-type{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:1.5rem;padding:1.8rem 1rem 1.4rem}
.portfolio-case-row h2{max-width:24ch;margin:.25rem 0 .65rem;font:500 clamp(1.8rem,3.3vw,3.6rem)/.96 var(--font-display);letter-spacing:-.04em}
.portfolio-case-row p{max-width:850px;color:var(--muted)}.portfolio-case-row:hover{background:var(--white)}
.source-link{display:block;width:max-content;margin:0 0 1.4rem 90px;color:var(--orange);font:500 .68rem var(--font-mono);border-bottom:1px solid currentColor}
@media(max-width:900px){.library-hero{grid-template-columns:1fr;gap:2rem}.library-controls{top:78px}.library-row{grid-template-columns:52px minmax(0,1fr)}.library-author{grid-column:2;text-align:left}.site-header nav{max-width:100%;overflow-x:auto}}
@media(max-width:560px){.library-hero h1{font-size:3.8rem}.library-controls label{grid-template-columns:1fr}.library-controls label span{border-right:0;border-bottom:1px solid var(--line)}.library-row{grid-template-columns:42px minmax(0,1fr);gap:1rem}.library-provenance{grid-template-columns:1fr}.portfolio-case-row>a:first-of-type{grid-template-columns:42px minmax(0,1fr)}.portfolio-case-row .case-arrow{display:none}.source-link{margin-left:58px}}