.how-made{margin-top:var(--space-8)}.how-made__details{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-bg);transition:border-color var(--duration-base) var(--ease-out)}.how-made__details[open]{background:var(--color-surface);border-style:solid}.how-made__summary{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;font-weight:500;list-style:none;display:flex}.how-made__summary::-webkit-details-marker{display:none}.how-made__summary:after{content:"+";font-family:var(--font-mono);color:var(--color-text-subtle);margin-left:auto}.how-made__details[open] .how-made__summary:after{content:"−"}.how-made__summary:hover{color:var(--color-text)}.how-made__icon{border-radius:var(--radius-md);background:var(--color-accent-soft);width:1.75rem;height:1.75rem;color:var(--color-accent-ink);place-items:center;display:inline-grid}.how-made__body{gap:var(--space-5);padding:0 var(--space-5) var(--space-5);font-size:var(--text-sm);display:grid}.how-made__intro{max-width:44rem;color:var(--color-text-muted)}.how-made__intro code,.how-made__meta code,.how-made__source-title code{border-radius:var(--radius-sm);background:var(--color-code-bg);border:1px solid var(--color-code-border);padding:.05em .35em;font-size:.85em}.how-made__meta{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;display:flex}.how-made__meta dt{color:var(--color-text-subtle)}.how-made__meta dd{overflow-wrap:anywhere;margin:0}.how-made__source{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:grid}.how-made__source-title{align-items:center;gap:var(--space-2);font-family:var(--font-text);font-size:var(--text-sm);letter-spacing:0;flex-wrap:wrap;font-weight:600;display:flex}.how-made__fields{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin:0;display:grid}.how-made__field{min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);gap:.1rem;display:grid}.how-made__field dt{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-ink)}.how-made__field dd{color:var(--color-text);-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.how-made__jsonld{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:grid}.how-made__jsonld pre{max-height:24rem;padding:var(--space-4);border:1px solid var(--color-code-border);border-radius:var(--radius-md);background:var(--color-code-bg);margin:0;font-size:.8125rem;line-height:1.6;overflow:auto}.how-made__jsonld pre code{font-size:inherit}