/* Page-specific rules, ported from the design canvas. Shared rules live in base.css. */
.grid-bg{background-image:linear-gradient(oklch(0.915 0.008 275) 1px,transparent 1px),linear-gradient(90deg,oklch(0.915 0.008 275) 1px,transparent 1px);background-size:56px 56px;background-position:-1px -1px;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.4) 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.4) 70%,transparent 100%)}
.prose{display:flex;flex-direction:column;gap:56px}
.prose section{display:flex;flex-direction:column;gap:14px}
.prose h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-0.01em}
.prose p,.prose li{margin:0;font-size:16.5px;line-height:1.7;color:var(--ink-2)}
.prose ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.prose code{font-family:var(--mono);font-size:14px;padding:2px 6px;border-radius:5px;background:oklch(0.94 0.006 275);color:var(--ink)}
.fact{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.fact b{font-size:16px}
.fact span{font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.todo{font-family:var(--mono);font-size:13.5px;padding:2px 6px;border-radius:5px;background:oklch(0.95 0.06 90);color:oklch(0.35 0.06 70)}
@media (max-width:760px){.wrap{padding-inline:20px}.nav-links{display:none !important}.h1{font-size:44px !important}}