.cq-content{max-width:1200px;margin:0 auto;padding:64px 32px;color:var(--foreground);font-size:1rem;line-height:1.7}
.cq-content h1{font-size:clamp(2rem,4vw,3.4rem);font-weight:700;letter-spacing:-.04em;line-height:1.12;margin:12px 0 22px}
.cq-content h2{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:650;letter-spacing:-.025em;line-height:1.25;margin:0 0 20px}
.cq-content h3{font-size:1.5rem;font-weight:650;line-height:1.3;margin:14px 0}
.cq-content p{color:#536175;margin:0 0 20px;max-width:80ch}
.cq-content a{color:#087e77;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.cq-content a:hover{color:#064e4a}.cq-content a:focus-visible{outline:3px solid #0c9990;outline-offset:5px;border-radius:2px}
.cq-eyebrow{font-family:monospace;font-size:.875rem;font-weight:600;letter-spacing:.1em;color:#087e77}
.cq-overview{padding-top:60px;padding-bottom:60px}.cq-overview>p{margin-bottom:28px}
.cq-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.cq-project-card{display:flex;flex-direction:column;padding:28px;border:1px solid #dbe2e9;border-top:3px solid #10988e;border-radius:10px;background:#fff;min-width:0;box-shadow:0 4px 20px #07111f05}
.cq-rust{border-top-color:#b6632b}.cq-rust .cq-eyebrow{color:#9b4a1f}.cq-ssr{border-top-color:#7667c0}.cq-ssr .cq-eyebrow{color:#6755a8}
.cq-project-card p{font-size:1rem;flex:1}.cq-project-card>a{font-weight:600;margin-top:16px}.cq-meta{font-size:.875rem;color:#586779}
.cq-page-heading{max-width:900px}.cq-page-heading>p{font-size:1.2rem}.cq-guide-nav{border-top:1px solid #e0e7ef;border-bottom:1px solid #e0e7ef;margin:28px 0 44px;padding:14px 0}
.cq-links{display:flex;flex-wrap:wrap;gap:12px 24px}.cq-links a{font-size:1rem}.cq-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:64px}.cq-reading-layout>article{min-width:0}
.cq-reading-layout .cq-project-grid{grid-template-columns:1fr}.cq-reading-layout .cq-project-card{padding:24px}.cq-section{margin-bottom:48px;scroll-margin-top:88px}
.cq-note{padding:18px 22px;margin:24px 0;border-left:3px solid #16867f;background:#eff8f7;color:#244c51;border-radius:0 6px 6px 0}.cq-content ul{list-style:disc;padding-left:24px;margin:20px 0}.cq-content li{padding-bottom:12px;color:#536175}
.cq-toc{align-self:start;position:sticky;top:90px;font-size:.875rem;border-left:1px solid #dbe2e9;padding-left:20px}.cq-toc strong{display:block;margin-bottom:16px}.cq-toc a{display:block;margin:12px 0;text-decoration:none;color:#536175}
.cq-source{font-size:.875rem;border-top:1px solid #dbe2e9;padding-top:22px}.cq-api-list>div{border-bottom:1px solid #dbe2e9;padding:16px 0}.cq-api-list a{font-family:monospace;font-weight:600}.cq-api-list p{margin:6px 0}
.cq-research-feature{background:#f6f5fb;border:1px solid #e2dff0;border-radius:12px;margin:40px auto;padding:32px;max-width:calc(100% - 64px)}
.cq-compare-wrap{overflow-x:auto;margin-bottom:24px}.cq-compare{border-collapse:collapse;width:100%;text-align:left}.cq-compare td,.cq-compare th{border-bottom:1px solid #dbe2e9;padding:16px;vertical-align:top}.cq-compare th{background:#f3f6f8}.cq-content pre{max-width:100%;overflow-x:auto}.cq-content code{overflow-wrap:normal}
@media(max-width:900px){.cq-project-grid{grid-template-columns:1fr}.cq-reading-layout{grid-template-columns:1fr;gap:0}.cq-toc{display:none}.cq-content{padding:40px 24px}.cq-research-feature{max-width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.animate-flow{animation:none!important}}