.framework-layer-badge{border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-2);background:var(--paper-2);align-items:center;padding:2px 10px;font-size:11px;font-weight:500;line-height:1.6;display:inline-flex}.framework-layer-badge[data-layer=framework]{color:var(--stack-framework);border-color:var(--stack-framework)}.framework-layer-badge[data-layer=runtime]{color:var(--stack-runtime);border-color:var(--stack-runtime)}.framework-layer-badge[data-layer=harness]{color:var(--stack-harness);border-color:var(--stack-harness)}
.pat{border-radius:var(--r-pill);white-space:nowrap;border:1px solid color-mix(in oklch, var(--pc,var(--l1)) 38%, transparent);color:var(--pcd,var(--l1-deep));background:var(--pcs,var(--l1-soft));align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;line-height:1;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}a.pat:hover{box-shadow:var(--shadow-1);transform:translateY(-1px)}.pat[data-level=l1]{--pc:var(--l1);--pcs:var(--l1-soft);--pcd:var(--l1-deep)}.pat[data-level=l2]{--pc:var(--l2);--pcs:var(--l2-soft);--pcd:var(--l2-deep)}.pat[data-level=l3]{--pc:var(--l3);--pcs:var(--l3-soft);--pcd:var(--l3-deep)}.pat[data-level=l4]{--pc:var(--l4);--pcs:var(--l4-soft);--pcd:var(--l4-deep)}.pat__dot{background:var(--pc);border-radius:50%;flex:none;width:7px;height:7px}.pat[data-support=composable] .pat__dot{box-shadow:inset 0 0 0 1.5px var(--pc);background:0 0}.pat[data-support=supporting] .pat__dot,.pat[data-support=custom] .pat__dot{box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--pc) 55%, transparent);background:0 0}