.case-study-body{color:var(--color-ink);font-size:1rem;line-height:1.75}.case-study-body>*+*{margin-top:1rem}.case-study-body h2{color:var(--color-ink);margin-top:2.75rem;font-size:1.5rem;font-weight:650;line-height:1.3}.case-study-body h3{color:var(--color-ink);margin-top:2rem;font-size:1.125rem;font-weight:650;line-height:1.4}.case-study-body ul,.case-study-body ol{padding-left:1.25rem;list-style-position:outside}.case-study-body ul{list-style-type:disc}.case-study-body ol{list-style-type:decimal}.case-study-body li+li{margin-top:.375rem}.case-study-body a{color:var(--color-secondary);text-underline-offset:2px;text-decoration:underline}.case-study-body strong{color:var(--color-ink);font-weight:600}.case-study-body code{font-family:var(--font-mono);overflow-wrap:anywhere;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:.25rem;padding:.1em .35em;font-size:.875rem}.case-study-body blockquote{border-left:3px solid var(--color-primary);background:var(--color-surface);border-radius:0 .375rem .375rem 0;padding:.875rem 1rem}.case-study-body blockquote>*+*{margin-top:.75rem}.case-study-body figure{margin-top:1.5rem}.case-study-body figure img{border:1px solid var(--color-border);border-radius:.5rem;width:100%;height:auto;display:block}.case-study-body figcaption{color:var(--color-muted);text-align:center;margin-top:.5rem;font-size:.8125rem}.diagram-stack>ol{margin-top:1.5rem;padding-left:0;list-style:none}.diagram-stack>ol>li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:.875rem 1rem;transition:border-color .15s,background-color .15s}.diagram-stack>ol>li:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong)}.diagram-stack>ol>li+li{margin-top:.5rem}.diagram-stack>ol>li>p:first-child{margin-bottom:.5rem}.diagram-stack>ol>li>p:first-child strong{letter-spacing:.05em;text-transform:uppercase;color:var(--color-secondary);font-size:.75rem;display:block}.diagram-stack ul{flex-wrap:wrap;gap:.5rem;padding-left:0;list-style:none;display:flex}.diagram-stack ul li{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-ink);border-radius:9999px;margin-top:0;padding:.25rem .625rem;font-size:.75rem}.diagram-stack ul li+li{margin-top:0}.diagram-flow>ol{border-left:2px solid var(--color-border);margin-top:1.5rem;padding-left:1.25rem;list-style:none}.diagram-flow li{position:relative}.diagram-flow>ol>li+li{margin-top:1rem}.diagram-flow>ol>li:before{content:"";background:var(--color-primary);border-radius:9999px;width:.625rem;height:.625rem;position:absolute;top:.5rem;left:-1.8125rem}.diagram-flow ul{border-left:1px solid var(--color-border);margin-top:.5rem;padding-left:1rem;list-style:none}.diagram-flow ul li:before{content:"";background:var(--color-muted);border-radius:9999px;width:.375rem;height:.375rem;position:absolute;top:.6875rem;left:-1.3125rem}.component-cards{gap:.75rem;margin-top:1.5rem;display:grid}@media (width>=640px){.component-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.component-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;flex-direction:column;gap:.75rem;margin:0;padding:1.125rem 1.25rem;transition:border-color .15s,background-color .15s;display:flex}.component-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.component-card h3{color:var(--color-ink);margin:0;font-size:1.0625rem;font-weight:600;line-height:1.3}.component-card-tags{flex-wrap:wrap;gap:.375rem;display:flex}.component-card-tags code{font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-ink);border-radius:9999px;align-items:center;padding:.2rem .5rem;font-size:.6875rem;line-height:1;display:inline-flex}.component-card p{color:var(--color-ink);margin:0;font-size:.9375rem;line-height:1.65}.results-table{-webkit-overflow-scrolling:touch;margin-top:1.5rem;overflow-x:auto}.results-table table{margin-top:0}.case-study-body table{border-collapse:collapse;width:100%;margin-top:1.5rem;font-size:.9375rem}.case-study-body thead{background:var(--color-surface)}.case-study-body th{text-align:left;color:var(--color-primary);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.case-study-body th:not(:first-child){text-align:right;padding-right:1.5rem}.case-study-body td{border-bottom:1px solid var(--color-border);color:var(--color-ink);padding:.75rem 1rem}.case-study-body td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;padding-right:1.5rem}.case-study-body tbody tr:hover{background:var(--color-surface)}.case-study-body tbody tr:last-child td{border-bottom:none}.case-study-body .table-highlight{color:var(--color-success);font-weight:600}