/* research.css — styles for /research/ (index + articles).
   Created 2026-08-17. Until now research was the ONLY section of the site with
   no stylesheet: the article rules below were pasted inline into all three
   articles, and the index rules inline into the index. Every other section
   (essays, doodles, music, books, demos, feed, building) has had a sheet since
   it was built. */

/* ---- article body: /research/<slug>/ ---- */
.rp pre{background:var(--code-bg,rgba(127,127,127,.09));border-radius:8px;padding:1rem 1.15rem;overflow-x:auto;font-size:.86rem;line-height:1.55;margin:1.4rem 0}
.rp table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.92rem;display:block;overflow-x:auto}
.rp th,.rp td{text-align:left;padding:.5rem .8rem .5rem 0;border-bottom:1px solid rgba(127,127,127,.22)}
.rp th{font-weight:600}
.callout{border-left:3px solid var(--accent-ink);padding:.2rem 0 .2rem 1.15rem;margin:1.9rem 0}
.callout p{margin:0 0 .7rem}
.callout p:last-child{margin:0}
.meta-block{font-size:.88rem;line-height:1.75;opacity:.82;margin:0 0 2.4rem}
.meta-block b{opacity:1}

/* ---- index page: /research/ ---- */
.scope-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:2.4rem;margin:0 0 1rem}
.scope-grid h3{font-family:var(--serif);font-size:1.15rem;margin:0 0 .9rem;letter-spacing:.01em}
.scope-grid ul{margin:0;padding-left:1.1rem}
.scope-grid li{margin:0 0 .55rem;line-height:1.55}
.scope-does h3{color:var(--accent-ink)}
.policy p{max-width:62ch;line-height:1.65;margin:0 0 1.1rem}
.policy ul{max-width:62ch;padding-left:1.1rem}
.policy li{margin:0 0 .7rem;line-height:1.6}
.sechead{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 1.4rem}
.secwrap{margin:4.5rem 0 0}