/* cookiejar.lol — long-form pages (agent instructions) on top of waitlist.css */
.page main .wrap { --max: 760px; }
.page h1 { margin-bottom: 0.25rem; }
.page h2 { font-size: 1.25rem; font-weight: 700; margin: 2.2rem 0 0.6rem; letter-spacing: -0.01em; }
.page p, .page li { color: var(--ink); }
.page .lede { margin-bottom: 1.6rem; }
.page code {
  font: 0.86em/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  background: var(--dough); padding: 0.1em 0.4em; border-radius: 5px;
}
.page pre {
  background: var(--sugar); border: 1px solid var(--dough); border-radius: var(--radius);
  padding: 0.9rem 1.1rem; overflow-x: auto; margin: 0.6rem 0 1rem; box-shadow: var(--shadow);
}
.page pre code { background: none; padding: 0; }
.page ol, .page ul { padding-left: 1.3rem; }
.page ol li, .page ul li { margin: 0.4rem 0; list-style: revert; }
.page table { border-collapse: collapse; width: 100%; margin: 0.6rem 0 1rem; }
.page th, .page td { text-align: left; padding: 0.55rem 0.8rem 0.55rem 0; border-bottom: 1px solid var(--dough); vertical-align: top; }
.page th { color: var(--crumb); font-weight: 600; white-space: nowrap; }
.page a { color: var(--caramel-dark); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.page .say {
  border-left: 3px solid var(--caramel); background: var(--sugar); border-radius: 0 var(--radius) var(--radius) 0;
  padding: 0.6rem 1rem; margin: 0.7rem 0; box-shadow: var(--shadow);
}
.page .tag { display: inline-block; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--mint); margin-bottom: 0.8rem; }
.page .pagefoot { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--dough); color: var(--crumb); font-size: 0.9rem; }