.book-page{gap:clamp(36px,5vw,52px);max-width:976px;padding-block:16px 56px;line-height:1.6;display:grid}:where(.book-page) .breadcrumb{color:var(--fg-muted);flex-wrap:wrap;gap:12px;margin-bottom:calc(-1*clamp(36px,5vw,52px) + 8px);font-size:14px;display:flex}.book-page a:not(.btn):not(.chips a){color:var(--accent)}:where(.book-page) .hero{gap:16px;padding-top:24px;display:grid}:where(.book-page) h1{letter-spacing:-.02em;font-size:clamp(34px,6vw,54px);line-height:1.08}:where(.book-page) h2{letter-spacing:-.01em;font-size:clamp(24px,3.4vw,32px)}:where(.book-page) h3{font-size:18px}:where(.book-page) p{max-width:65ch}:where(.book-page) .lede{color:var(--fg-muted);font-size:19px}:where(.book-page) .ctas{flex-wrap:wrap;gap:12px;display:flex}:where(.book-page) .btn{padding:12px 20px;font-size:16px;transition:none}:where(.book-page) .btn:active{transform:none}.book-page section{gap:14px;min-width:0;padding:0;display:grid}:where(.book-page) .prose{gap:10px;margin-top:calc(-1*clamp(36px,5vw,52px) + 24px);display:grid}:where(.book-page) .demo{gap:10px}:where(.book-page) .demo>div{min-width:0}:where(.book-page) .tabs{gap:6px;display:flex}:where(.book-page) .tab{font:500 13px var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-btn);min-height:44px;color:var(--fg-muted);cursor:pointer;background:0 0;padding:6px 14px}:where(.book-page) .tab[aria-selected=true]{color:var(--fg);border-color:var(--accent)}:where(.book-page) .demo pre{border:1px solid var(--border);border-radius:var(--radius-md);font:13.5px/1.6 var(--font-mono);margin:0;padding:16px;overflow-x:auto;background:var(--card)!important}:where(.book-page) .demo code{font-size:inherit}:where(.book-page) .response-wrap{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid;position:relative}:where(.book-page) .response-wrap .response{min-width:0;position:relative}:where(.book-page) .response-wrap .response pre{max-height:320px;overflow:auto}:where(.book-page) .response-wrap.expanded .response pre{max-height:none}:where(.book-page) .response-wrap:not(.expanded) .response:after{content:"";pointer-events:none;border-radius:0 0 var(--radius-md) var(--radius-md);background:linear-gradient(transparent, var(--card));height:64px;position:absolute;inset:auto 1px 1px}:where(.book-page) .expand{font:500 13px var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-btn);min-height:44px;color:var(--fg-muted);cursor:pointer;background:0 0;justify-self:start;padding:6px 14px}:where(.book-page) .note{color:var(--fg-muted);font-size:14px}:where(.book-page) .features{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr;gap:1px;display:grid;overflow:hidden}@media (width>=640px){:where(.book-page) .features{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){:where(.book-page) .features{grid-template-columns:repeat(3,1fr)}}@media (width>=640px) and (width<=959.98px){:where(.book-page) .features>div:last-child:nth-child(odd){grid-column:span 2}}@media (width>=960px){:where(.book-page) .features>div:last-child:nth-child(3n+1){grid-column:span 3}:where(.book-page) .features>div:last-child:nth-child(3n+2){grid-column:span 2}}:where(.book-page) .features>div{background:var(--card);align-content:start;gap:4px;min-width:0;padding:18px;display:grid}:where(.book-page) .features h3{font-size:16px}:where(.book-page) .features p{color:var(--fg-muted);font-size:14.5px}.book-page code{overflow-wrap:anywhere;font-size:.92em}:where(.book-page) .table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);overflow-x:auto}:where(.book-page) table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:640px}:where(.book-page) th,:where(.book-page) td{text-align:left;padding:12px 16px;font-size:15px}:where(.book-page) thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);border-bottom:1px solid var(--border);font-size:12px;font-weight:600}:where(.book-page) tbody th{font-weight:400}:where(.book-page) tbody tr+tr>*{border-top:1px solid var(--border)}:where(.book-page) .yes{color:var(--tok-str)}:where(.book-page) .no{color:var(--fg-muted)}:where(.book-page) .books{gap:18px;display:grid}:where(.book-page) .books h3{font:600 13px var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted)}:where(.book-page) .chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}:where(.book-page) .chips a,:where(.book-page) .chips span{border:1px solid var(--border);border-radius:var(--radius-btn);align-items:center;padding:5px 12px;font-size:14px;display:inline-flex}:where(.book-page) .chips a{border-color:color-mix(in srgb, var(--accent) 45%, transparent);min-height:44px}:where(.book-page) .chips .on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}:where(.book-page) .plans tr>:nth-child(n+2){text-align:right}:where(.book-page) .plans .featured>*{color:var(--fg);font-weight:600}:where(.book-page) details{border-top:1px solid var(--border);padding-block:10px}:where(.book-page) details:last-child{border-bottom:1px solid var(--border)}:where(.book-page) summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-size:17px;font-weight:600;list-style:none;display:flex}:where(.book-page) summary::-webkit-details-marker{display:none}:where(.book-page) .chevron{color:var(--accent);flex-shrink:0}:where(.book-page) details p{color:var(--fg-muted);margin-top:10px}.book-page .cta{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 60%), var(--card);gap:16px;padding:32px}:where(.book-page) [hidden]{display:none!important}:where(.book-page) .features>div,:where(.book-page) .chips a,:where(.book-page) .tab,:where(.book-page) .expand{transition:color .2s,background-color .2s,border-color .2s}@media (hover:hover) and (pointer:fine){:where(.book-page) .chips a:not(.on):hover{background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:var(--accent)}:where(.book-page) .expand:hover{color:var(--fg);border-color:var(--accent)}:where(.book-page) .features>div:hover{background:color-mix(in srgb, var(--accent) 5%, var(--card))}}@media (prefers-reduced-motion:no-preference){:where(.book-page) .load-rise{animation:seo-rise .5s var(--ease-out) both}:where(.book-page) .load-rise:nth-child(2){animation-delay:60ms}:where(.book-page) .load-rise:nth-child(3){animation-delay:.12s}:where(.book-page) .chevron{transition:transform .2s var(--ease-out)}:where(.book-page) details[open] .chevron{transform:rotate(180deg)}:where(.book-page) .btn:active{transform:scale(.97)}html.js :where(.book-page) .reveal{opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);transition-delay:calc(var(--i,0) * 40ms);transform:translateY(12px)}html.js :where(.book-page) .reveal.in{opacity:1;transform:none}:where(.book-page) .btn,:where(.book-page) .chips a,:where(.book-page) .tab,:where(.book-page) .expand{transition:color .2s ease, background-color .2s ease, border-color .2s ease, transform .16s var(--ease-out)}:where(.book-page) .btn:active,:where(.book-page) .chips a:active,:where(.book-page) .tab:active,:where(.book-page) .expand:active{transition-duration:.2s,.2s,.2s,.1s}:where(.book-page) .chips a:active{transform:scale(.96)}:where(.book-page) .tab:active,:where(.book-page) .expand:active{transform:scale(.97)}@keyframes seo-rise{0%{opacity:.001;transform:translateY(10px)}to{opacity:1;transform:none}}}@media (width<=600px){.book-page .cta{padding:22px}:where(.book-page) .lede{font-size:17px}}
