.cookbook-hero{position:relative;padding:72px 0 26px;border-bottom:1px solid var(--line);overflow:hidden}.cookbook-hero .grid-field{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:46px 46px;opacity:.16;-webkit-mask-image:radial-gradient(120% 80% at 30% 0%,#000 30%,transparent 78%);mask-image:radial-gradient(120% 80% at 30% 0%,#000 30%,transparent 78%);pointer-events:none}.cookbook-hero .eyebrow{display:block;margin-bottom:14px}.cookbook-hero .display-xl{font-size:clamp(38px,5vw,62px);margin-bottom:18px}.cookbook-hero .lede{max-width:64ch}.cookbook-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.cookbook-actions .btn{display:inline-flex;align-items:center;gap:9px}.cookbook-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:54px;align-items:start;padding-top:50px;padding-bottom:100px}.cookbook-toc{position:sticky;top:92px}.cookbook-toc .toc-head{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);display:block;margin-bottom:14px;padding-left:12px}.cookbook-toc nav{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--line)}.toc-link{display:flex;align-items:baseline;gap:10px;padding:7px 12px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:14px;transition:color .15s,border-color .15s}.toc-link:hover{color:var(--text);border-left-color:var(--line-2)}.toc-link.active{color:var(--text);border-left-color:var(--accent)}.toc-n{font-family:var(--font-mono);font-size:12px;color:var(--accent);flex:none;width:16px}.toc-sub{padding-left:26px;font-size:13px}.toc-sub .toc-n{color:var(--accent-2)}.cookbook{max-width:760px;color:#c4cde0;font-size:16.5px;line-height:1.75}.cookbook .ch{scroll-margin-top:90px}.cookbook .ch+.ch{margin-top:12px}.cookbook h2{font-family:var(--font-sans);font-weight:700;font-size:clamp(26px,3vw,34px);line-height:1.12;letter-spacing:-.02em;color:var(--text);margin:64px 0 8px;padding-top:30px;border-top:1px solid var(--line)}.cookbook .ch:first-child h2{margin-top:8px;border-top:0;padding-top:0}.cookbook h3{font-weight:650;font-size:21px;letter-spacing:-.01em;color:var(--text);margin:40px 0 6px}.cookbook h4{font-family:var(--font-mono);font-weight:600;font-size:14px;letter-spacing:.02em;color:var(--accent-2);margin:28px 0 4px}.cookbook p{margin:14px 0}.cookbook ul,.cookbook ol{margin:14px 0;padding-left:24px}.cookbook li{margin:7px 0}.cookbook li::marker{color:var(--muted-2)}.cookbook strong{color:var(--text);font-weight:650}.cookbook em{color:#d4dcec}.cookbook a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.cookbook a:hover{border-bottom-color:var(--accent)}.cookbook hr{border:0;border-top:1px solid var(--line);margin:34px 0}.cookbook :not(pre)>code{font-family:var(--font-mono);font-size:.86em;color:#a5f3fc;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:5px;padding:1px 6px}.cookbook blockquote{margin:22px 0;padding:16px 20px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-sm);background:color-mix(in srgb,var(--panel) 70%,transparent);color:#cbd4e6}.cookbook blockquote p{margin:8px 0}.cookbook blockquote p:first-child{margin-top:0}.cookbook blockquote p:last-child{margin-bottom:0}.cookbook blockquote :not(pre)>code{background:color-mix(in srgb,var(--accent) 16%,transparent)}.cookbook table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14.5px;display:block;overflow-x:auto}.cookbook thead th{text-align:left;font-family:var(--font-mono);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line-2);white-space:nowrap}.cookbook tbody td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:#c4cde0}.cookbook tbody tr:last-child td{border-bottom:0}.cookbook tbody tr:hover td{background:color-mix(in srgb,var(--panel) 45%,transparent)}.cookbook pre.astro-code{background:#0a0f1c!important;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:18px 20px;margin:20px 0;overflow-x:auto;font-size:13.5px;line-height:1.6;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.cookbook pre.astro-code code{font-family:var(--font-mono);font-size:inherit}.cookbook .worked .file-meta{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:12.5px;color:var(--muted-2);margin:18px 0 2px}.cookbook .worked .file-meta .fname{color:var(--muted)}.cookbook .worked .file-meta a{border:0}.cookbook-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:60px;padding-top:24px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:13.5px}@media (max-width: 900px){.cookbook-layout{grid-template-columns:1fr;gap:30px}.cookbook-toc{position:static;border:1px solid var(--line);border-radius:var(--r-md);padding:16px;background:color-mix(in srgb,var(--panel) 55%,transparent)}.cookbook-toc nav{border-left:0}.toc-link{border-left:0;padding-left:0}.toc-link.active{border-left:0}.toc-sub{padding-left:26px}.cookbook{max-width:100%}}