.reference{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--surface-1:var(--canvas);--surface-2:var(--panel);--surface-3:var(--panel-raised);--text-1:#ecf1f7;--text-2:var(--muted);--text-sm:max(.85rem, 15px);--text-lg:1.05rem;--border:var(--line);--cyan-300:var(--cyan);--radius-sm:.2rem;--radius-md:.3rem;--radius-lg:.45rem;min-width:0}.reference p,.reference li{line-height:1.6}.reference h1{overflow-wrap:anywhere}.reference h2,.reference h3{margin-block:var(--space-5) var(--space-2)}.reference .muted{color:var(--text-2)}.reference .context{gap:var(--space-2) var(--space-4);color:var(--text-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.reference .breadcrumbs{gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.reference .reference-nav{gap:var(--space-1) var(--space-2);margin-block:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.reference .reference-nav a{min-height:44px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-2);font-size:var(--text-sm);border-bottom:2px solid #0000;align-items:center;text-decoration:none;display:inline-flex}.reference .reference-nav a:hover{color:var(--text-1);background:var(--surface-2)}.reference .reference-nav a[aria-current=page]{color:var(--cyan-300);background:var(--surface-2);border-bottom-color:currentColor;font-weight:700}.reference[data-catalog-list]{container-type:inline-size}.reference .filters{gap:var(--space-3);margin-block:var(--space-4);flex-wrap:wrap;align-items:end;display:flex}.reference[data-catalog-list] .filters{margin-top:var(--space-2)}.reference .filters label{gap:var(--space-1);font-size:var(--text-sm);flex:10rem;min-width:0;display:grid}.reference input,.reference select,.reference button{min-height:var(--control-min,44px);max-width:100%;font:inherit;font-size:max(var(--text-sm), 16px);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-1)}.reference button{cursor:pointer}.reference input:focus-visible,.reference select:focus-visible,.reference button:focus-visible{border-color:var(--cyan-300)}.reference button:hover{border-color:var(--cyan-300);background:var(--surface-2)}.reference .catalog-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));padding:0;list-style:none;display:grid}.reference .catalog-entry{background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid #0000;min-width:0}.reference .catalog-entry:focus-within,.reference .catalog-entry:hover{border-color:var(--border);background:var(--surface-3)}.reference .catalog-entry .entry-heading a{color:var(--text-1)}.reference .catalog-entry .entry-heading a:hover{color:var(--cyan-300)}.reference .filters{padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-lg)}.reference .detail-head{padding-block:var(--space-4);border-bottom:1px solid var(--border)}.reference .level h3{padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.reference .catalog-entry[hidden]{display:none}.reference .entry-heading{align-items:center;gap:var(--space-3);margin:0;display:flex}.reference .entry-heading img{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;flex-shrink:0}.reference .entry-heading h2{font-size:var(--text-lg);margin:0}.reference .entry-heading a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.reference .entry-heading a:hover{text-decoration:underline}.reference .catalog-entry p{margin-block:var(--space-2) 0;font-size:max(var(--text-sm), 16px)}.reference .chips{gap:var(--space-2);margin-block:var(--space-3);flex-wrap:wrap;display:flex}.reference .chip{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-2);font-size:var(--text-sm)}.reference .detail-head{gap:var(--space-5);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.reference .detail-art{object-fit:contain;width:128px;height:128px;image-rendering:pixelated}.reference .panel{padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-lg);margin-block:var(--space-4);min-width:0}.reference .panel>:first-child{margin-top:0}.reference .level-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.reference .level{background:var(--surface-2);padding:var(--space-4);border-radius:var(--radius-lg)}.reference .level h3{margin-top:0}.reference dl.stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));display:grid}.reference dl.stats div{min-width:0}.reference dl.stats dt{color:var(--text-2);font-size:var(--text-sm)}.reference dl.stats dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.reference .prose{max-width:65ch}.reference .prose li+li{margin-top:var(--space-2)}.reference .link-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.reference .link-grid>a{padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-lg);display:block}.reference .board{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));max-width:30rem;display:grid}.reference .board span{text-align:center;padding:var(--space-3);background:var(--surface-3);border:2px solid var(--border);border-radius:var(--radius-sm);place-items:center;display:grid}.reference .board .focus{border-color:var(--cyan-300)}.reference .board .adjacent{border-style:dashed}.reference code{overflow-wrap:anywhere;white-space:pre-wrap}.reference .citations{font-size:var(--text-sm)}.reference .citations li{overflow-wrap:anywhere}@media (width<=42rem){.reference .detail-head{gap:var(--space-2);grid-template-columns:1fr}.reference .detail-art{width:96px;height:96px}}@container (width<=36rem){.reference .filters label{flex-basis:calc(50% - var(--space-3))}.reference .filters .filter-search{flex-basis:100%}.reference .filters button{flex:1 1 calc(50% - var(--space-3))}}@container (width<=16rem){.reference .filters label,.reference .filters button{flex-basis:100%}}
